@import url('zero.css');
@import url('jquery.lightbox-0.4.css');

body { background: #1B1818 url(/images/show.php?id=103); }

body, table { font: 11px/1.4 Helvetica, Arial, sans-serif; color: black; }

h2 { font-size: 120%; color: white; text-transform: uppercase; }

img { border: 0; }

a { text-decoration: none; color: black; }
    a:hover { text-decoration: underline; }

.first { margin-top: 0 }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

#logo { position: absolute; top: 50%; left: 50%; margin: -300px 0 0 -383px; background: url(../images/logo.png); width: 152px; height: 57px; display: block; text-indent: -5000px; }
#container { width: 767px; height: 444px; position: absolute; top: 50%; left: 50%; margin: -222px 0 0 -383px; }

#nav { height: 40px; overflow: hidden; }
	#nav ul { font-size: 12px; background-color: black; line-height: 1; height: 20px; text-transform: lowercase;}
	#nav li { float: left; position: relative; }
  #nav a { color: white; display: block; padding: 4px; background-color: black; }
	#nav a:hover { text-decoration: none; }
  #nav li.selected a { background-color: white; color: black; }
	  #nav ul ul { position: absolute; left: 0; top: 20px; background-color: white; height: 0; width: 5000px; overflow: hidden; }
	    #nav ul ul a { color: black; background: none; }
  	    #nav ul ul a:hover,
  	    #nav ul ul li.selected a { color: #FF4100; text-decoration: none; }
	    

#subnav { clear: left; height: 20px; }
	#subnav .wrapper { background-color: white; overflow: hidden; height: 0; position: relative; }
		#subnav .wrapper .fade { position: absolute; right: 0; top: 0; height: 20px; width: 20px; }
	#subnav ul { line-height: 1; text-transform: lowercase; font-size: 12px; width: 5000px; }
	#subnav li { float: left; }
  #subnav a { color: black; display: block; padding: 4px; }
  	#subnav a:hover,
  	#subnav a.selected { color: #FF4100; text-decoration: none; }
  
#main { width: 767px; height: 404px; position: relative; overflow: hidden; }

#main.standard {}
	#main.standard .content { height: 404px; position: absolute; width: 398px; top: 0; left: 0; background-color: #FF4100 }
		#main.standard .content .inner { padding: 15px; }
	#main.standard .image { height: 404px; position: absolute; width: 367px; left: 400px; background-color: black; background-repeat: no-repeat; background-position: center center; }
	  #movie {}

#main.contact {}
	#main.contact .content { height: 404px; position: absolute; width: 290px; top: 0; left: 0; background-color: #FF4100; color: white; }
		#main.contact .content .inner { padding: 128px 15px 0 15px; }
	#main.contact form { height: 404px; position: absolute; width: 474px; left: 293px; background-color: #221F1F; background-repeat: no-repeat; background-position: center center; }
		#main.contact form .inner { padding: 128px 15px 0 15px; }
		#main.contact form .left { float: left; width: 214px; }
		#main.contact form .right { float: left; width: 214px; margin-left: 15px; }
		#main.contact form label { color: white; line-height: 1; display: block; margin: 0 0 0.5em 0; }
		#main.contact form .input-wrapper { background-color: black; padding: 3px; margin: 0 0 1em 0; display: block; }
			#main.contact form .input-wrapper * { padding: 0; margin: 0; display: block; color: white; background-color: black; border: none; }
			#main.contact form .input-wrapper textarea { height: 100px; }
			#main.contact form .button-wrapper { text-align: right; margin-top: -0.5em; }

#main.news {}
  #main.news .left { height: 404px; position: absolute; width: 190px; left: 0; background-color: black; }
  #main.news .middle { height: 404px; position: absolute; width: 205px; left: 192px; background-color: #FF4100; }
  #main.news .right { height: 404px; position: absolute; width: 367px; left: 400px; background: black url(/images/show.php?id=65); }
  
  #news-dates { color: #505153; text-transform: uppercase; padding: 23px 40px 0 10px; }
    #news-dates h2 { color: #505153; margin-top: 0.7em; }
    #news-dates a { color: #505153; }
    #news-dates a:hover,
    #news-dates a.selected { color: #FF4100; text-decoration: none; }
  #news-headlines { line-height: 1.2; padding: 0 20px 0 10px; }
    #news-headlines h2 { margin: 1.5em 0 0 0; }
    #news-headlines h3 { margin: 0; font-size: 110%; text-transform: uppercase; }
  #news-story { }
  
#main.portfolio {}
	#main.portfolio .fade-active { background-color: #FF4100; }
  #main.portfolio .main-image { position: absolute; left: 0; top: 0; width: 459px; height: 240px; overflow: hidden; }
	 	#main.portfolio .main-image .container { position: absolute; left: 0; top: 0; width: 2307px; height: 2307px; }
      #main.portfolio .main-image .container div { width: 459px; height: 240px; float: left; margin: 0 0 3px 3px; }
        #main.portfolio .main-image .container div.first { margin-left: 0; }
  
  #main.portfolio .detail { position: absolute; left: 462px; top: 0; width: 305px; height: 240px; background-color: #FF4100; }
		#main.portfolio .detail .inner { padding: 15px; }
  #main.portfolio .thumbs { position: absolute; left: 0; top: 243px; }
    #main.portfolio .thumbs a { display: block; float: left; width: 151px; height: 79px; margin: 0 0 3px 3px; }
      #main.portfolio .thumbs a.first { margin-left: 0; }
			#main.portfolio .thumbs a.pager { background: #FF4100 url(../images/more.jpg); }
			
#main.portfolio-alt .main-image { width: 305px; height: 404px; }
	#main.portfolio-alt .main-image .container { width: 921px; }
 		#main.portfolio-alt .main-image .container div { width: 305px; height: 404px; }
	#main.portfolio-alt .detail { left: 308px; width: 464px; }
	#main.portfolio-alt .thumbs { left: 308px; }

#footer { width: 767px; position: absolute; top: 50%; left: 50%; margin: 226px 0 0 -383px; color: white; line-height: 1.2; color: #c0c0c0; }