body{background: #111520 url('../images/body-bg.gif'); font-family: Helvetica, Arial, sans-serif; color: #BBB;}
	
	a{color: #08c0cf; text-decoration: none; outline: none;}
	a:hover{text-decoration: underline;}
	
	label{width: 100%; float: left; font-weight: bold; margin: 10px 0 3px 0;}
	input[type=text]{padding: 5px; float: left; width: 350px; }
	input[type=submit]{padding: 5px; background-color: #02A0C6; color: #FFF; width: 200px; 
		font-family: Helvetica, Arial, sans-serif; margin: 10px auto; float: left; font-size: 14px;}
		
	textarea{padding: 3px; width: 350px; height: 250px;}
	
	tr{margin-bottom: 10px; float: left;}
		th{font-weight: bold; color: #FFF;}
		th, td{width: 170px; text-align: left;}
	

#wrapper{background-image: url('../images/wrapper-bg.jpg'); background-repeat: repeat-x; 
	position: absolute; width: 100%; height: 500px; z-index: 1;}

#container{width: 835px; margin: 0 auto; z-index: 2; position: relative;}

#header{height: 210px;}
	#logo h1 a{background: transparent url('../images/logo.png') no-repeat 0px 10px;  float: left;
		width: 300px; height: 190px; text-indent: -9000px; margin-bottom: 20px;}

	#navigation{width: 380px; height: 20px; float: right; margin-top: 80px;}
		#navigation ul{width: 380px; height: 20px; margin: 50px 0 0 20px;}
		#navigation li a{background: transparent url('../images/navigation.png') no-repeat; 
			float: left; display: inline; height: 20px; text-indent: -9000px;}
			li#nav-about a{width: 60px; background-position: 0 0;}
				li#nav-about a:hover{background-position: 0 -20px;}
			li#nav-services a{width: 95px; background-position: -60px 0;}
				li#nav-services a:hover{background-position: -60px -20px;}
			li#nav-clients a{width: 80px; background-position: -155px 0;}
				li#nav-clients a:hover{background-position: -155px -20px;}
			li#nav-contact a{width: 90px; background-position: -240px 0;}
				li#nav-contact a:hover{background-position: -240px -20px;}
				
	#horizon{height: 8px; background: transparent url('../images/bar.gif') repeat-x; width: 720px; position: relative; top: 157px; left: 100px; }

#main{width: 100%;}
	#content{width: 510px; border-top: 20px; float: left; }
		#content h3{color: #00a0c6; font-size: 30px; text-transform: uppercase; margin-bottom: 10px;}
		#content p{font-size: 16px; line-height: 1.5em; margin-bottom: 15px; text-shadow: #000 -1px -1px 1px;}
		#content ul{margin: 10px 0 10px 40px; font-size: 18px; line-height: 1.5em; 
			float: left; width: 190px;}
		#content li{list-style: square; color: #08c0cf; font-size: 18px;}
			#content li span{color: #FFF; font-family: Arial, Helvetica, sans-serif;}
		#content img{border: 1px solid #050a17;}
			#content img.left{float: left; margin-right: 10px;}
			#content img.right{float: right; margin-left: 10px;}
		
		#show{float: left; width: 510px; height: 300px; margin-bottom: 20px;}
		#map_canvas{float: left; width: 270px; height: 200px; background-color: #08c0cf; margin-top: 10px;}
			
	#side{float: left; width: 270px; background-color: #050a17; margin-left: 20px; color: #AAA; text-shadow: #000 -1px -1px 2px;
		-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; font-size: 0.8em;}
	.big{font-size: 25px; color: #00a0c6; text-transform: uppercase; float: left; width: 100%; margin-bottom: 10px;}
	
#footer{float: left; width: 820px; background: transparent url('../images/bar-foot.gif') repeat-x; height: 50px; margin: 20px 0;}
	#footer ul{margin-top: 5px; font-family: Arial, Helvetica, sans-serif;}
		#footer li{display: inline; border-left: 1px solid #ccc39b; padding: 0 10px; font-size: 12px;}
		#footer li.first{padding-left: 0px; border-left: none;}
		#footer li.copyright{padding-left: 0px; border-left: none; float: right; color: #666; margin-top: 3px;}
		#footer p{width: 200px; float: right; text-align: right;}