html, body, a { font-family: Arial, Helvetica, sans-serif; color: white; font-size: 13px; }
body { background: black; margin: 0; }
	
.center { text-align: center; }
.clear { clear: both; }
.big { font-size: 16px; }
.yellow { color: #ffcc00; }
h1 { color: #ffcc00; font-size: 25px; }
img { border: 0; }
ul { margin-left: 0; padding-left: 15px; }

#main { width: 972px; margin: 0 auto; }
	#logo-link { position: absolute; display: block; width: 140px; height: 50px; margin: 20px 0 0 30px; text-decoration: none; }

	#top { background: url('../img/top-bg.jpg') no-repeat; height: 538px; }
		#menu { float: right; white-space: nowrap; margin: 25px 45px;  border-bottom: 1px solid #2e6d8d;}		
			#menu-inner {border-bottom: 1px solid #29abe2;}		
				#menu ul { padding: 5px; list-style: none; margin: 0; width: 100%;  }			
					#menu ul li { height: 1%; float: left;  margin: 0 10px; display: block;}			
					#menu ul li.active div, #menu ul li:hover div { visibility: visible; }			
						#menu ul li div { height: 4px; display: block; border: 1px solid white; visibility: hidden; position: relative; top: 4px; border-radius: 3px; }			
							#menu ul li div span { visibility: hidden; }			
						#menu ul li a { text-decoration: none;  }
		#counter { width: 170px; height: 53px; background: url('../img/counter-bg.png') no-repeat; float: right; margin-top: 375px; margin-right: -400px; padding: 25px 40px 40px 20px; color: black; font-size: 34px; text-align: right; }
		
		#hal-slide { float: left; margin: 110px 0 0 25px; }		
			#hal-slide img { position: absolute; }
	#content-top { background: url('../img/content-top-bg.jpg') no-repeat; height: 329px; ; }
	#content { padding: 0 35px 35px 35px; background: url('../img/content-bg.png') repeat-y; min-height: 600px; border-radius: 0 0 50px 0; }
		.compatible { float: right; margin: 10px 10px 0 0; }
		hr { margin: 40px 0; }
		hr.margin { margin: 10px 0; }
		hr.btm { margin-bottom: 10px; }
		
		#content p { line-height: 20px; }
		
		table { margin-top: 40px; }
			td { text-align: center; }
		#content ul li { margin-bottom: 10px; }
			#features-list { padding: 0 50px; }
				#features-list ul.left { float: left; width: 350px; }
				#features-list ul.right { float: right; width: 350px; }
		
		#features-bottom { margin-top: 20px; }
			#features-bottom h1 { margin-top: 0; }		
			#features-bottom .left { float: left; width: 425px; }
			#features-bottom .right { float: right; width: 425px; padding-left: 35px; border-left: 1px solid white;}
		p.half { margin: 5px 0; }
		
		#reviews .left { float: left; width: 425px; }
		#reviews .right { float: right; width: 425px; padding-left: 35px; border-left: 1px solid white; }
		
		#publication h1 { color: white; }
			#publication p  { margin: 40px 0;}
			#publication p img { float: left; margin: 0 10px 0 0;}
	
		#demo { text-align: center; }
	#bottom {}
		#bottom #left { width: 329px; float: left; }		
			#bottom #left a  { display: block; vertical-align: middle; margin-bottom: 4px; }
			
		#bottom #right { padding-left: 40px; float: right; width: 602px; height: 439px; background: url('../img/content-bg.png') repeat-y; border-radius: 0 0 50px 0; }		
			#bottom #right .cta { float: right; margin-right: -10px; }		
			#bottom #right .rating img { vertical-align: middle;}		
			
			#bottom #right ul { width: 250px; margin: 0; padding: 20px 0 0 30px; }
			#bottom #right .left { float: left; }
			#bottom #right .right { float: right; }
				#bottom #right ul li { margin-bottom: 20px; }
				#bottom #right ul li span.big {display: block; }
				
		#footer { margin-top: 3px; float: right; width: 562px; margin-right: 40px; }
			#footer img { vertical-align: middle; }
			
			#footer-links { float: right; width: 400px; margin-top: 5px; text-align: right; font-size: 10px; color: #6d6d6d;}
				#footer-links a { margin: 0 10px; text-decoration: none;  }