* { margin:0px; padding:0px; }

body {
	background: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#666766;
	background:#f5f5f5 url(../images/background.gif) repeat-y top center;
}

	#container {
		width: 760px;
		margin: 0 auto 20px auto;
		background:#fff;
	}	
	body#home #container {background:#fff url(../images/sidebar.gif) repeat-y top right}
	body#technology #container {background:#fff url(../images/sidebar.gif) repeat-y top right}	
		#header {
			width: 743px;
			height: 94px;
			padding: 19px 0 0 17px;
			background: url(../images/logo_bkg.gif)
		}
		
		#nav{
			position:relative;
			height:21px;
			width:748px;
			padding-left:12px;
			background:#86bad6;
			z-index:1;
		}
					
			#nav li {
				position:relative;
				float:left;
				list-style: none;
				height:17px;
				padding: 4px 8px 0 8px;
			}
			
			#nav li ul {
				display: none;
				position: absolute; 
				top: 21px;
				left: 0;
				width:182px;
				background:#86bad6;
				border: #fff 2px solid;
				border-top-width: 1px;
				}
				
			#nav li ul li {
				float:none;
				height:21px;
				padding:0px;
				}
				
			#nav li ul li a{
				display:block;
				width:150px;
				height:17px;
				padding: 4px 16px 0 16px;
				border-top:#fff 1px solid;
				}
				
			#nav li:hover ul, #nav li.over ul { display: block; }
			
			.menuitem a, .menuitem a:visited{
				color: #fff;
				font-size: 1em;
				text-decoration: none;
			}
			
			.menuitem a:hover, .menuitem a:focus, .menuitem a:active{
				color: #fff;
				text-decoration: underline;
			}

		#feature {
			clear:both;
			position:relative;
			width:760px;
			height:180px;
			border-top: #fff solid 2px;
			border-bottom: #fff solid 2px;
			}
			
			#feature img{
				float1:left;
				}
				#feature #left{
					float:left;
				}
				#feature .centre{
					float:left;
				}
				#feature #right{
					float:right;
				}
			
		#content {
			padding: 30px 40px 30px 40px;
		}
		
		body#home #content {padding-right: 220px}
		body#technology #content {padding-right: 220px}	
			#content h1{
				font-size:1.4em;
				color:#0092c1;
				margin-bottom:18px;
			}
			
			#content h2{
				font-size:1.4em;
				color:#666766;
				margin-bottom:18px;
			}
			
			#content h3{
				font-size:1.2em;
				color:#0092c1;
				margin-bottom:10px;
			}	
			
			#content h4{
				font-size:1.2em;
				color:#666766;
				margin-bottom:10px;
			}				
			
			#content p{
				font-size:1.2em;
				margin-bottom:10px;
				line-height:1.4em;
			}
			
			#content ul{
				font-size:1.2em;
				margin-left:16px;
				margin-bottom:10px;
			}
			
			#content li{
				margin-bottom:4px;
			}
			
			#content a, #content a:visited{
				color: #0092c1;
				text-decoration: none;
			}
			
			#content a:hover, #content a:focus, #content a:active{
				text-decoration: underline;
				color: #0092c1;
			}
			
			hr{
				margin-bottom:10px;
				clear:both;
				height:1px;
				border:none;
				background:#0092c1;
			}
			
						
		#sidebar {
			float:right;
			width:140px;
			padding:30px 20px 30px 20px;
		}
						
			#sidebar p, #sidebar a {
				margin-bottom:10px;
			}
			
			#sidebar h1{
				font-size:1.2em;
				color:#0092c1;
				margin-bottom:10px;
			}
			
			#sidebar h2{
				font-size:1em;
				margin-bottom:5px;
			}
			
			#sidebar h3{
				font-size:1em;
				font-weight:normal;
				color:#0092c1;
				margin-bottom:5px;
			}
			
			#sidebar a, #sidebar a:visited{
				color: #0092c1;
				text-decoration: underline;
			}
			
			#sidebar a:hover, #sidebar a:focus, #sidebar a:active{
				text-decoration: underline;
				color: #0092c1;
			}
			
			#sidebar ul{margin-left:14px;}
			#sidebar li{margin-bottom:4px;}
				
				
		#footer {
			clear: both;
			height:20px;
			background:#0092c1;
			border-top: #fff solid 2px;
		}

				#copyright {
					padding-top:3px;
					margin-left:20px;
					color:#fff;
				}