@media screen, projection {

body {margin:0; padding:0; font-family:Verdana, Arial, sans-serif; font-size:14px; background:#575757 url(../i/bg.jpg) top center no-repeat;}
	
a {color:#00a600;}
a:hover {color:#515151;}

.clear {clear:both;}
.indent {text-indent:-10000px;}
.print {display:none;}
.flush {margin:0; padding:0;}


#container {width:989px; margin:0 auto; background:url(../i/container.jpg);}

	#top {height:42px; background:url(../i/top.jpg);}
		#top ul {text-align:center; list-style:none; margin:0 auto; padding:12px 0 0 0;}
		#top li {display:inline; padding:0 18px 0 22px; background:url(../i/top_bullet.gif) 2px 0 no-repeat;}
		#top li a {font-size:14px; font-family:"Century Gothic", Verdana, Arial, sans-serif; color:#fff; font-weight:bold; text-decoration:none;}
		#top li a:hover {color:#00ef00; text-decoration:underline;}
		
	.header {position:relative; margin:0 auto;}
	
		#header-index {height:505px; background:url(../i/header_index.jpg);}
		#header-inner {height:375px; background:url(../i/header_inner.jpg);}
		#header-photo-gallery {height:80px;}
		
			a.graphic-links {border:none; text-indent:-10000px; position:absolute;}
		
			#logo {width:139px; height:195px; background:url(../i/logo.gif); top:30px; left:69px;}
			#logo-photo-gallery {width:75px; height:105px; background:url(../i/logo-photo-gallery.gif); z-index:50; top:30px; left:69px;}
			
			#header-links {list-style:none; position:absolute; top:8px; right:102px;}
			#header-links li {float:right; padding:0 10px;}
				#header-links a {font-family:"Century Gothic", Verdana, Arial, sans-serif; font-size:14px; color:#575757; text-decoration:none;}
				#header-links a:hover {color:#000; text-decoration:underline;}
				#header-home a {text-transform:uppercase;}
				#header-contact {border-left:1px solid #575757; border-right:1px solid #575757;}
				#header-dealer a {font-weight:bold;}		
				#header-photo-gallery-small, #header-photo-gallery-dropdown {border-right:1px solid #575757;}
			
			#facebook {width:29px; height:30px; background:url(../i/facebook.jpg); top:15px; right:59px;}
			
			#hybrid {width:209px; height:67px;}
				#header-index #hybrid {top:280px; left:92px;}
				#header-inner #hybrid {top:274px; left:80px;}
				
			#net-zero-home-models {width:503px; height:51px; top:454px; left:100px;}
			
			#award {width:243px; height:306px; top:115px; left:703px;}
			
		#the-gallery-container {width:920px; margin:0 auto; padding:20px 0;}
			#the-gallery-shell {width:880px; margin:0 20px;}
			#the-gallery-description {width:500px; margin:16px auto;}
			
		#page-title {width:920px; height:57px; margin:0 34px 0 35px; background:url(../i/page_title.jpg); position:relative;}
		#page-title-photo-gallery {width:920px; height:57px; margin:0 34px 0 35px; background:url(../i/page_title-photo-gallery.gif); position:relative;}
			#page-title h1, #page-title-photo-gallery h1 {color:#fff; font-family:"Century Gothic", Verdana, Arial, sans-serif; font-size:28px; position:absolute; top:12px; left:350px; width:536px; overflow:hidden; margin:0; padding:0;}
		
		#index-left {float:left; width:593px; margin:30px 0 0 50px; position:relative;}
			#index-editable {width:518px; margin:0 29px 0 46px; padding-bottom:80px;}		
			#cost-benefit {width:593px; height:59px; left:0; bottom:0; background:url(../i/cost_benefit.gif);}
			
		#index-right {float:left; width:294px; height:451px; background:url(../i/index_right.gif); position:relative;}
			#index-news {width:281px; height:112px; top:106px; left:14px;}
			#index-photogallery {width:281px; height:73px; top:231px; left:14px;}
			#index-how {width:281px; height:136px; top:315px; left:14px;}
		
		#left {float:left; width:281px; margin:30px 0 0 56px; position:relative;}
		
			#nav {width:254px; padding:0; margin:0 auto; list-style:none; padding-bottom:180px;}
				#nav a {display:block;}
				#nav a:hover {color:#000;}
				li.main-item {border-top:1px solid #515151;}
				li.first-main-item {border:none;}
				a.main-item-link {color:#515151; text-decoration:none; padding:6px 6px 2px 6px; font-size:14px;}
				.sub-nav {width:218px; padding:0; margin:0 auto 12px auto; list-style:none;}
				.sub-nav a {color:#00ae00; text-align:none; font-size:12px; text-decoration:none;}
				.sub-nav a:hover {text-decoration:underline;}
		
			#net-zero-callout {width:281px; height:164px; left:0; bottom:0; background:url(../i/net_zero_callout.gif);}
		
		#right {float:right; width:504px; margin:30px 98px 20px 0;}
		
		

#container-bottom {width:989px; height:57px; margin:0 auto; background:url(../i/container_bottom.jpg);}

#footer {width:850px; height:50px; margin:20px auto;}
	#footer p {float:left; color:#9d9c9c; font-style:italic; font-size:12px;}
	#developer {font-size:10px; display:block; color:#989c9c; text-decoration:none;}
	#developer:hover {color:#00ef00;}
	
	#footer ul {float:right; list-style:none;}
	#footer li {float:right; padding:0 10px;}
	#footer li a {color:#00ef00; text-decoration:none; font-weight:bold;}
	#footer li a:hover {color:#efe844; text-decoration:underline;}
		#footer-contact {border-left:1px solid #00ef00;}

/* GALLERY */
/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
		

*/

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#the-gallery { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #221E1C; border:none ; padding: 5px;}

/* LOADING BOX */
.loader { background: url(../includes/photo-gallery/loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }
.panel .panel-overlay a {display:block; height:60px;}

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #161412; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size:10px; line-height:3;}
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #24211E; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #AFCA88; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #AFCA88; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #FFF; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #AFCA88;
}


#photo-gallery-lightbox-overlay {position:absolute;	top:0; left:0; z-index:10000; width:100%; height:500px; background-color:#000; display:none;} /* filter:alpha(opacity=60);	-moz-opacity:0.6; opacity:0.6; 

}