@import url('zero.css.htm');

body { background: black url(../images/background.jpg) no-repeat center center; }

body, table { font: 11px/1.3 Helvetica, Arial, sans-serif; color: black; }

h2 { font-size: 130%; margin: 1em 0; }
p { margin: 0 0 1em 0; }
  p.intro { text-transform: uppercase; }

sup { font-size: 10px; }

a { text-decoration: none; }
  a:hover { text-decoration: underline; }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

#strip { height: 20px; position: absolute; width: 100%; left: 0; top: 50%; margin-top: -126px; }

#container { position: absolute; width: 799px; height: 600px; background: black; top: 50%; left: 50%; margin: -300px 0 0 -400px; }

#content a{
	text-decoration:none;
	
}

#content img{
	border:0px;
}

#content-top{
	height:110px;
	width:100%;
}

#header { height: 238px; background: url(../images/header.jpg) no-repeat -1px -1px ; margin-bottom: 11px; }
  #logo { position: absolute; right: 15px; top: 10px; }
  #nav { position: absolute; left: 0; top: 30px; }
    #nav li { background-color: #505050; text-align: center; margin: 0 0 3px 0; padding: 3px 0; width: 100px; }
      #nav li.selected { background-color: black; }
    #nav a { color: white; }
			#nav a:hover { text-decoration: none; }
    
  #brand-list { position: absolute; left: 20px; top: 230px; }
    #brand-list li { float: left; margin-right: 50px; opacity: 0.6; filter: alpha(opacity=60); }
		#brand-list li.selected { opacity: 1.0; filter: alpha(opacity=100); }
    
#content { color: white; margin: 0 0 0 20px; width: 400px; }
#content-image { position: absolute; right: 10px; bottom: 10px; }
    
#brands { position: absolute; bottom: 10px; left: 10px; height: 243px; }
  #brands .logo,
  #brands .image,
  #brands .about { position: absolute; top: 0; width: 250px; height: 243px; }
  #brands .logo { left: 0; background-color: #b5ba9a; }
    #brands .logo img { display: block; margin: 80px auto 0 auto; }
  #brands .image { left: 250px; }
    #brands .image img { display: block; }
  #brands .about { left: 500px; background-color: white; }
    #brands .about .inner { padding: 10px; }
    #brands .about .learn-more { position: absolute; right: 10px; bottom: 10px; text-transform: uppercase; line-height: 1; color: #dc3b46;}
    
#footer { color: white; position: absolute; left: 50%; top: 50%; margin: 305px 0 0 -400px; width: 799px; }
	#footer .left { float: left; }
	#footer .right { float: right; text-transform: lowercase; }
	#footer a { color: white; }
	
#buttons { margin-top: 30px; }
  #buttons a { margin-right: 20px; }
  
#disclaimer { position: absolute; bottom: 10px; left: 10px; width: 779px; color: white; margin: 0; }