@charset "utf-8";
/* CSS Document. Alexandra Ivakhnenko. Rev 1.16. 2 June 2013.
Major sheet for the website. */

body, html	{background-color: #436283; /* Page background colour */
			margin:0; /*getting rid of the browser margin */
			padding:0;
			height:100%;} /*nessessary to allow content to fill up the screen*/
	
p, ul 	{margin:0; /*formatting of text in lists and paragraphs*/
		color:#333;
		font-family: Helvetica, Verdana, Arial,  sans-serif;
		font-size:12px;
		text-align:left;
		line-height: 18px;
		width: 450px;
		padding: 10px 30px;}
		
ul {list-style-type: none; /*getting rid of default bullets*/
	list-style-position:inside;
	list-style-image: url(img/style/triangle.png);} /*custom bullets*/

ul.product {list-style-type: none; /*getting rid of default bullets*/
			list-style-position:outside;
			list-style-image: url(img/style/tick.png); /*custom bullets*/
			font-family: Helvetica, Verdana, Arial,  sans-serif;
			font-size:14px;
			color:#FFF;
			background-color: #6183AC;
			border-style:solid;
			border-color:#F90;
			border-width:thin;
			margin: 30px 75px; /*gap between the list and div border*/
			width: 550px;
			padding: 10px 40px 20px 60px;
			-moz-border-radius: 5px;
    		-webkit-border-radius: 5px;
			background-color: #6183AC;
			/*Code related to gradients was borrowed from eLearn page*/
			background: -moz-linear-gradient(-45deg, #6183AC 20%, #00416d 100%); 
			background: -webkit-gradient(linear, left top, right bottom, color-stop(20%,#6183AC), color-stop(100%,#00416d));
			background: -webkit-linear-gradient(-45deg, #6183AC 20%,#00416d 100%);
			background: -o-linear-gradient(-45deg, #6183AC 20%,#00416d 100%);
			background: -ms-linear-gradient(-45deg, #6183AC 20%,#00416d 100%);
			background: linear-gradient(135deg, #6183AC 20%,#00416d 100%);}
	
ul.product li	{width: 550px;
				margin-top: 0.6em;}	
	
a	{text-decoration:none; /*links are not underlined*/
	color: #4A96AD;}
	
a:hover {text-decoration:underline;} /*links are underlined on mouse hover*/

.lang {	display:block;
		float:right;
		padding:20px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size:12px;}


h1 {padding: 15px 30px; /*main heading*/
	margin:0;
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:24px;
	color: #F90;}
	
h3 {padding: 0 30px; /*important text*/
	margin:0;
	text-align:left;
	font-family:Helvetica, Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height: 20px;}
	
h6 {padding: 0 30px; /*secondary heading*/
	margin:0;
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color: #F90;}
	
img {font-family:Helvetica, Tahoma, Geneva, sans-serif;	/*styling alt text*/
	font-size:11px;
	border:none;} /*getting rid of default image border*/
	
#page  /* centered wrap-around container */
	  {margin-left:auto; /*margin-left:auto; and margin-right:auto; allow the #page container to stay in the middle of the screen*/
	  margin-right:auto;
	  position:relative;
	  width:800px;
	  min-height:100%; /*page fills up the screen length properly*/
	  background-color: #FFF;}	
	  
	  
#navbar {position:absolute; /*position has to be absolute so #navbar doesn't take any room*/
		top: 110px;
		height: 28px;		
		background: #3E7FB6 url(img/style/navbar.png) top left repeat-x;
		margin: 0;
		padding: 0;
		width: 100%; /*#navbar is as wide as the browser window*/
		z-index: 100;} /*#navbar is overlapping #page*/

#navigation {padding: 0; margin: 0; border: 0; /* remove all borders and padding from the default browser styling */
			height: 56px;
			position: relative;
			top: -39px;
			width: 800px; /*width must allow submenus to be displayed horizontally (inline)*/
			overflow: hidden;
			z-index: 101;} /*#navigation is overlapping #navbar*/

#navigation ul {list-style: none; margin: 0; padding: 0; /* remove all the bullets, borders and padding from the default list styling */
				position: relative;  
				display:block; 
				height: 28px; 
				font-size: 13px; 
				width:800px;
				z-index: 102;} /*list is on top*/
				
#navigation ul li {list-style: none; float: left; display:block; padding-left: 11px; padding-top: 4px; padding-right: 11px;}

#navigation ul li.hover,
#navigation ul li:hover {position: relative;						
						z-index: 103;}

#navigation ul ul	{visibility: hidden; /* hide the sub levels (imbedded lists) */  
					display: block; 
					position: absolute; /* positon is absolute so sub menus take up no room */
					top: 100%; 					
					width: 800px; 
					z-index: 104;
					left: -1px;}
										
#navigation ul li:hover > ul {visibility: visible;} /*submenus become visible on hover over imbedded lists*/

#navigation ul li a	{display: block; /*all the area is a link*/
					height: 28px;
					text-decoration: none;
					font-family: Helvetica, Verdana, Arial, sans-serif;
					color: #FFF;
					font-weight:bold;}

#navigation ul ul li a {color: #069;} /* sub menu links */

#navigation ul li a:hover {color: #F60;}
		  
	
#header {position: relative; /*section containing logo */
		width:800px;
		height: 150px;
		background-color: #FFF;}
		
#logo 	{position: relative; 
		padding:20px;}

#address	{position:relative;
			top: -30px;
			background-color: #FFF;
			border-top-color: #CCC; /* border-top is the line separating navigation area from the rest */
			border-top-style: solid;
			border-top-width:thin;}
			
p.address	{position: relative; /* used for address line and copyright notice */
			color:#333;
			font-family: Helvetica, Verdana, Arial, sans-serif;
			font-size:12px;
			padding:10px 20px;
			text-align:right;
			right:-300px;}

img.mainpicture {position: relative; /* image on the Home page */
				padding-top:80px;}
				
img.content {float:right; /* floating right image on the pages containing text */
			margin:15px 25px;
			padding:0;}
			
span.super {font-family:Tahoma, Geneva, sans-serif; /* superscript styling used for symboles like reg or tm */
			font-size:0.8em;;
			vertical-align:top;
			position: relative; 
			top: -0.5em;}


#content {position: relative;
		width:800px;
		height: 100%;
		top: -40px;
		background-color: #FFF;
		text-align:center;
		padding-bottom:40px;}
		
#footer {position: absolute; /* footer is always at the bottom of the page */
		bottom:0px;
		width:800px;
		height: 40px;
		background-color: #FFF;}