/*

Last change: remove width:100% from #band and added right: and left:0

Author: Travis Lehman

*/

#header-solar-harvest {margin:auto; position:absolute; width:150px; height:88px; top:0px;  left:44%; text-align:center; z-index:9999; }
#header-solar-harvest a { border:none; }


/* ----- COLORS ----- */

.white {color: #fff;}
.green {color:#1A653C;}
.dkgreen {color: #0B391F;}
.black {color: #000;}
.grey {color: #666;}
.navy {color:#003266;}

/* background colors */
.whitebg {background-color: white;}
.greenbg {background-color:#1A653C;}
.dkgreenbg {background-color:#0B391F;}
.blackbg {background-color: #000;}
.greybg {background-color: #666;}
.navybg {background-color:#003266;}


/* border colors */
.greenbdr {border-color:#1A653C;}
.dkgreenbdr {border-color:#0B391F;}
.blackbdr {border-color: #000;}
.greybdr {border-color: #666;}
.navybdr {border-color:#003266;}

.floatl {
	float:left;
	margin: 10px;
	border: 3px solid #ccc;
	background: white;
	padding: 1px;}

.thanks {
	width: 400px;
	margin:  45px auto;
	background: white;
	border: 6px solid #ccc;
	text-align: center;
	padding: 35px;}



/* ------ TYPOGRAPHY ----------- */

p , h1, h2, h3, h4, h5, h6, li, div {font: 12px Geneva, Arial, Tahoma;}
h2{font: 30px "Myriad Pro", "Trebuchet MS";}
.serif {font:12px Georgia;}
#lefty a {color:#1A653C;} #lefty a:hover {color:black; text-decoration: underline;}
#righty a {color:#003266;} #righty a:hover {color:black; text-decoration: underline;}
h3 {font: 14px Geneva, Arial, Tahoma; margin-left: 20px;  margin-bottom:7px; color: #666; font-weight: bold;}



/* ----- BAND ------ */

#band {
	position: absolute;
	top: 176px;
	height: 92px;
	margin: 0;
	padding: 0; 
	left: 0;
	right: 0;
	z-index: 100;
	background: transparent url(../img/bandbg.png) repeat-x 0 0;
	}
	
	.sub_band {
		margin-left: auto;
		margin-right: auto;
		width: 775px;
		height: 92px;
		background: transparent url(../img/band.png) no-repeat 50% 0;
		}
		
		.sub_band p {
			font: 10px Geneva, Arial; padding-top: 25px;
			margin: 0; 
			}
		
		.sub_band .gse_addy {
			padding-left: 180px;
			float: left;}
			
		.sub_band .gsm_addy {
			padding-right: 180px;
			float: right;}	
			
			
/* ------ NAVIGATION ANIMATION --------------------------------------------------- */





#kwicks_container { 
	background-color: darkcyan;
	height: 139px;
	width: 900px;
	overflow: hidden;
	padding:0;
	margin:auto;
	
	margin-top: 10px;
}

#kwicks {

	width:903px;
	padding:0 !important;
	text-indent:0 !important;
	margin:0 !important;
}
 
#kwicks .kwick {
	float: left;
	display: block;
	width: 150px;
	height: 139px;
}
 
#kwick_red {background: url(../img/nv/solar-1.png);}
#kwick_orange {background: url(../img/nv/2.jpg);}
#kwick_yellow {background: url(../img/nv/3.jpg);}
#kwick_green {background: url(../img/nv/4.jpg);}
#kwick_blue {background: url(../img/nv/5.jpg);}
#kwick_indigo {background: url(../img/nv/6.jpg); }








/* ------ STRUCTURE ------------------------------------------------------------------- */

.fr{float: right;}
.fl{float: left;}


.sidepic {
	width: 327px;
	background: #eaeaea;
	border: 1px dashed #ccc;
	padding: 7px;
	margin: 10px;}
	
.sidepic p {
	font-size: 11px;
	font-style: italic;
	margin: 0 !important;
	padding: 0 !important;}

html { margin: 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	background: url(../img/bg.jpg) repeat-y 50% 0; position:relative;}		
	
.mast {
	width: 898px;
	background: url(../img/mast_bg.jpg) repeat-y;
	margin: auto;
	border-width: 1px;
	border-style: solid;}
	
	.mast h1 {
		font: 22px "Myriad Pro", "Trebuchet MS", Arial;
		text-align: center;
		color: white;
		margin: 15px;}
	
#navbar {
	margin: auto;
	margin-top: 10px;
	width:900px;}
	
#container {
	width: 900px;
	margin: auto;
	background:url(../img/black.gif) repeat-x bottom white;}
	
	#lefty {
		float: left;
		width:449px;
		border-top:60px solid #0B391F;
		border-right: 1px solid #eaeaea;
		padding-top: 25px;
		
		}
		
		#lefty p, #lefty h2 {
			margin: 0 20px 15px 20px;}
			
		#lefty .folio {float: right; margin-right: 25px;}

		
	#righty {
		float: right;
		width: 450px;
		border-top:60px solid #003266;
		padding-top: 25px;}
		
		#righty p, #righty h2 {
			margin:0 20px 15px 20px}
			
		#righty .folio {float: right; margin-right: 25px;}
		
	.value {
		width:736px;
		background-color: #666; 
		clear: both; 
		margin: auto;
		border: 3px solid white;}
	
		.value p {
			margin: 3px;
			padding: 13px; 
			border: 1px dashed #848484; 
			font: 16px Geneva, Arial; 					 
			color: white; }
			
			
	
			
			
/* ---- .lowenav AKA footer ---- */
			
			
	.lowernav {
		background: black;
		width: 860px;
		margin: auto;
		padding: 20px;
		position:relative;
		border-bottom: 3px solid white;	}
		
		.lowernav a {
			font: 11px Geneva, Arial;
			color: white;}
			
		.lowernav a:hover {
			text-decoration: underline;}
			
		.blacknav a:hover {
			text-decoration: underline;}
			
		.lowernav ul {
			margin: 0;
			padding: 0;
			text-indent: 0;
			padding-bottom: 5px;
			margin-bottom: 5px;
			text-align: center;}
			
			.lowernav ul li {
				margin: 0 7px 0 0;
				padding: 0;
				text-indent: 0;
				position:relative;
				list-style: none;
				display: inline;}
				
		.gsm_lowernav li {
			margin-top: 5px ;}
			
		.gse_lowernav {border-bottom: 1px dashed #666;}
		
		.lowernav .gsm_lowernav {
			padding-bottom: 0px ;
			margin-bottom: 0px ;}
		
		
	.gsm_lowernav li.solar-footer a { position:absolute; left:-35px; top:-100px; margin:0; }
	.gsm_lowernav li.gsm-solar a { position:absolute; left:-87px; top:-100px; margin:0; }
	.gse_lowernav  li.gsm-solar a  { position:absolute; left:-35px; top:-100px; margin:0; }
	
/* ---- bulleted lists ---- */


/* GSE */

#lefty ul {
	margin: 0 0 22px 10px;
	padding-left: 15px;     /* aka indent */
	list-style: none;		/* removes bullet */
	}

	#lefty ul li {
		padding-left: 13px; /* makes room for image */
		background: url(../img/bullet_g.gif) no-repeat;
		background-position: 0 .25em;}
		
		#lefty ul li a {color: black;}
		#lefty ul li a:hover {font-weight: bold; color: #666; text-decoration: none;}


/* GSM */


#righty ul {
	margin: 0 0 22px 10px;
	padding-left: 15px;     /* aka indent */
	list-style: none;		/* removes bullet */
	}

	#righty ul li {
		padding-left: 16px; /* makes room for image */
		background: url(../img/bullet_b.gif) no-repeat;
		background-position: 0 .25em;}
		
		#righty ul li a {color: black;}
		#righty ul li a:hover {font-weight: bold; color: #666; text-decoration: none;}


.subfooter {
	width: 900px;
	margin: auto;
	padding: 5px;}
	
.subfooter ul {
	margin: 0;
	float: left;
	padding: 0;}
	
.subfooter ul li {
	margin-right: 10px;
	list-style: none;
	display: inline;}
	
.subfooter ul li a {
	color: white;
	text-decoration: underline;}
	
.subfooter p {
	color: white;
	float: right;}

/* ------------- LIGHTBOX EFFECT -------------- */

.zoom_tn img {
	padding: 4px;
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 3px;
	
	}

.margin15 {
	margin: 15px;}

#zoom {
	display: none;
	position: absolute;
	top: 327px;
	left: 120px;
	z-index: 99999;
}

#zoom * {
	display: block;
	border-style: none;
}

#zoom .top, #zoom .bottom {
	height: 13px;
	margin-left: 13px;
	background: url(../img/z/ZoomShadow.png) 100% 0;
}

#zoom .top div, #zoom .bottom div {
	width: 13px;
	height: 13px;
	position: relative;
	left: -13px;
	background: url(../img/z/ZoomShadow.png) 0 0;
}

#zoom .bottom {
	background-position: 100% 100%;
}

#zoom .bottom div {
	background-position: 0 100%;
}

#zoom .i1 {
	padding-left: 7px;
	background: url(../img/z/ZoomShadowSides.png) repeat-y;
}

#zoom .i2 {
	padding-right: 7px;
	background: url(../img/z/ZoomShadowSides.png) repeat-y 100% 0;
}

#zoom .i3 {
	padding: 1px;
}

#zoom-close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -12px;
	left: -15px;
	background-image: url(../img/z/ZoomClose.png);
	text-indent: -1000em;
	overflow: hidden;
}

#zoom-close:active {
	background-position: 0 -30px;
}

#zoom-content {
	margin: -9px -1px -5px;
	background-color: #fff;
	position: relative;
	padding: 0;
}

#zoom-captioncontainer {
	position: absolute;
	color: #fff;
	top: 100%;
	margin-top: 10px;
	text-shadow: #000 0 1px 3px;
	width: 100%;
	font-weight: bold;
	cursor: default;
}

#zoom-captioncontainer * {
	display: inline;
}

#zoom-captioncontainer div {
	padding-top: 7px;
	padding-bottom: 14px;
	background: url(../img/z/ZoomCaptionLeft.png) no-repeat;
}

#zoom-captioncontainer div div {
	background: url(../img/z/ZoomCaptionRight.png) no-repeat 100% 0;
	margin-left: 15px;
}

#zoom-caption {
	background: url(../img/z/ZoomCaptionFill.png) repeat-x 100% 0;
	margin-right: 15px;
	padding: 7px 0 14px;
}

#zoom-load {
	width: 48px;
	height: 48px;
	background-image: url(../img/z/ZoomProgress.png);
	display: none;
}

#overlay { background-image: url(../img/z/ZoomOverlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ZoomOverlay.png", sizingMethod="scale");
}
	
		
/* folio page */

#gse_folio .margin15 {
	/*border-bottom: 1px dashed #ccc;*/
	margin-left: 20px;
	padding-top: 18px;
	background: url(../img/drop.jpg) center top no-repeat;}

#gse_folio .margin15 p, #gse_folio .margin15 h2, #gse_folio .margin15 h3 {
	margin-left: 0px;}	
	
	
	
/* contact form */

input, textarea {
	border: 1px solid #ccc;}
	
	
#commercial_page .fr{
	width: 290px;
	margin-bottom: 80px;}
	
#commercial_page .fr div *{
	margin-left: 0;
}	

#commercial_page .fr div{
	padding-left: 20px;
	border-left: 1px dashed #ccc;}

/* GSE FOLIO PAGE */

#gse_folio .fr {
	height: 600px;
	width: 300px;
	background: white;}


/* gsm project gallery pages */

.picture_holder {
	width: 170px;
	float: right;
	padding: 7px;}


	.picture_holder  img {
		padding: 4px;
		border-top: 1px solid #eaeaea;
		border-left: 1px solid #eaeaea;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		margin: 3px;}


#righty ul li.top ul.sub li.mid ul li a {
text-decoration: underline;}

#righty ul li.top ul.sub li.mid ul li a.soon {
	color: #666;
	font-weight: normal;
	text-decoration: none;
	cursor: default;
}

#nav li.top ul.sub li.mid ul li a {
	color: yellow;	
	text-decoration: underline;
}

#nav li.top ul.sub li.mid ul li a.soon {
	color: white;	
	text-decoration: none;
}

.subfooter a {
	color: white;
	text-decoration: underline;}

/* ------- FORM -------*/

.form_container {
	padding: 15px;}
		
	
/*  SAFARI */
@media screen and (-webkit-min-device-pixel-ratio:0){
#header-solar-harvest {margin:auto; position:absolute; width:150px; height:88px; top:0px;  left:45%; text-align:center; z-index:9999; }
	.gsm_lowernav li.solar-footer a { position:absolute; left:-18px; top:-100px; margin:0; }
	.gsm_lowernav li.gsm-solar a { position:absolute; left:-18px; top:-100px; margin:0; }
	.gse_lowernav  li.gsm-solar a  { position:absolute; left:-18px; top:-100px; margin:0; }
}

 /* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	.gsm_lowernav li.solar-footer a { position:absolute; left:-20px; top:-100px; margin:0; }
	.gsm_lowernav li.gsm-solar a { position:absolute; left:-80px; top:-100px; margin:0; }
	.gse_lowernav  li.gsm-solar a  { position:absolute; left:-30px; top:-100px; margin:0; }
  }