@charset "UTF-8";
/* GLOBAL CSS - Autumn Solar */

/* RESET/HTML5/CLEAR */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sb,sup,tt,var,dt,dd,ol,ul,li,fieldset,form,input,label,legend, table,caption,tbody,tfoot,thead,tr,th,td 
							{margin:0;padding:0;border:0;text-decoration:none;list-style:none;}			
article,aside,canvas,details,embed,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time
							{display:block;}
command,datalist,keygen,mark,meter,progress,rp,rt,ruby,wbr
							{display:inline;}
.clear						{clear:both;content:".";height:0;visibility:hidden;display:block;}
.hidden						{display: none;}

/* FONTS */
@font-face 					{ font-family: 'Barmeno'; src: url('fonts/barmeno_regular-webfont.eot'); src: url('fonts/barmeno_regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/barmeno_regular-webfont.woff') format('woff'), url('fonts/barmeno_regular-webfont.ttf') format('truetype'), url('fonts/barmeno_regular-webfont.svg#BarmenoRegular') format('svg'); font-weight: normal; font-style: normal; }

@font-face 					{ font-family: 'Barmeno'; src: url('fonts/barmeno_medium-webfont.eot'); src: url('fonts/barmeno_medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/barmeno_medium-webfont.woff') format('woff'), url('fonts/barmeno_medium-webfont.ttf') format('truetype'), url('fonts/barmeno_medium-webfont.svg#BarmenoMedium') format('svg'); font-weight: bold; font-style: normal; }

@font-face 					{ font-family: 'BarmenoBold'; src: url('fonts/barmeno_bold-webfont.eot'); src: url('fonts/barmeno_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/barmeno_bold-webfont.woff') format('woff'), url('fonts/barmeno_bold-webfont.ttf') format('truetype'), url('fonts/barmeno_bold-webfont.svg#BarmenoBold') format('svg'); font-weight: bold; font-style: normal; }

/* LAYOUT */
body 						{ width: 100%; background: #000 url('../images/global/bg.jpg') no-repeat center top; margin: 0 auto; font-size: 62.5%; color: #6692af; font-family: Barmeno, Tahoma, sans-serif;  }
#mainlayout					{ width: 960px; margin: 0 auto; }
footer						{ background: #fffc6c url('../images/global/footer-bg.png') repeat-x center top; margin: 0 auto; position: relative; height: 290px; }

/* GLOBAL */
.animate					{ -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; }
a							{ -webkit-transition: color 250ms; -moz-transition: color 250ms; -o-transition: color 250ms; transition: color 250ms; color: #fec938; }
p							{ font-size: 1.6em; line-height: 1.6em; margin-bottom: 10px; }
h2							{ color: #00baee; font-size: 2.4em; font-weight: bold; margin-bottom: 12px }
h3							{ color: #fff; font-size: 2em; font-weight: bold; margin-bottom: 12px; }
.more						{ color: #fec938; background: url('../images/global/more-btn.png') no-repeat right center; font-size: 1.6em; padding-right: 12px; }
.more:hover					{ color: #fee49c; }
.more:active					{ color: #c18d00; }


/* HEADER */
header						{ position: relative; height: 170px; padding-bottom: 10px; z-index: 999;  }
header #logo				{ position: absolute; left: -7px; top: 15px; }
header address				{ font-weight: bold; font-size: 1.7em; font-style: normal; position: absolute; right: 0; top: 50px; display: block; }
header address span			{ display: block; float: left; color: #fff; }
header address #headerPhone	{ background: url('../images/global/header-icons.png') no-repeat left -10px; padding: 12px 10px 14px 55px; }
header address #headerEmail	{ background: url('../images/global/header-icons.png') no-repeat left -70px; padding: 12px 0 12px 70px; }



/* PRODUCT CATEGORY NAV DROPDOWNS */
header nav					{ width: 572px; height: 32px; position: absolute; right: 0; top: 116px; background: url('../images/global/nav-bg.png') repeat-x left top; padding: 0 20px 0 15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-family: BarmenoBold; }
header nav ul				{ margin-right: -10px; padding-top: 6px; }
header nav ul a				{ float: left; font-size: 1.7em; color: #483900; text-shadow: 1px 1px 0px #fff2ce; padding: 0; }
header nav ul a:hover		{ color: #9f7400; }
header nav ul li a:active	{ color: #241a00 !important; }
header nav ul li			{ float: left; padding-left: 20px; position: relative; height: 30px; }
header nav ul li:hover		{ visibility: inherit; }
header nav ul li:hover a	{ color: #9f7400; }
header nav ul li:hover li a	{ color: #fff; text-shadow: -1px -1px 0 #061659;  }
nav ul ul					{ position: absolute; top: -999em; background: #002448 url('/images/global/header-arrow.png') no-repeat 44px top;  width: 250px; padding: 10px 0 17px 0; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; } 
nav ul li:hover ul, header nav ul li.sfHover ul { left: -4px; top: 26px; z-index: 99; }
nav ul ul li				{ width: 100%; float: none; }
nav ul li li				{ margin: 0; height: auto; float: none; padding: 0; margin: 0; }header 
nav ul li li a, header nav ul li li a:visited { float: none; display: block; padding: 5px 25px 5px 25px; color: #fff; letter-spacing: 0em; text-align: left; text-shadow: 1px 1px 0 #09396a; border: solid 1px #002448; border-left: none; border-right: none; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; }
nav ul li li a:hover		{ color: #4eb7f3!important; text-shadow: -1px -1px 0 #061659; border-color: #004890 !important; background: #002f5d; }
nav ul li li a:active		{ color: #fec938!important; text-shadow: -1px -1px 0 #061659; background: #000; }
nav ul a.sf-with-ul			{ padding-right: 10px; min-width: 1px; }




#home #homelink, #solar #solarlink, #products #productslink, #tech #techlink, #about #aboutlink, #contact #contactlink
							{ color: #9f7400; background: url('../images/global/header-arrow.png') no-repeat center bottom; padding-bottom: 16px; }
							
#mainHero					{ width:960px; margin: 0 auto; position: relative; height: 225px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin: 20px 0 40px 0; }
#mainHero h1				{ color: #fff; font-size:4.4em; font-family: BarmenoBold; letter-spacing: .03em; position: absolute; left: 0px; top: 49px; width: 550px; color: #fff; background: rgba(0,0,0,.8); padding: 18px 0 47px 47px; border-bottom-right-radius: 20px; border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-topright: 20px; }
#mainHero p					{ font-size: 2em; font-weight: normal; color: #fff; position: absolute; left: 47px; top: 120px; }
							
/* BREADCRUMBS & NEWSLETTER SIGN UP */
#newsletter 				{ width: 960px; height: 56px; background: #00baee; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-top: 51px; overflow: hidden; }
#newsletter h4				{ color: #154176; text-shadow: 1px 1px 0px #bfeefb; background: url('../images/global/newsletter.png') no-repeat left top; padding:29px 20px 15px 70px; margin: -15px 0 0 17px; font-size: 2.4em; float: left; }
#newsletter #signUp			{ padding-top: 10px; }
#newsletter #signUp fieldset #emailSignup	{ background: #fff; color: #40454f; width: 431px; height: 16px; padding: 10px 18px; z-index: 90; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 1.8em; font-weight: bold; }
#newsletter #nsubmitButton { background: #fec938; color: #9f7400; text-shadow: 1px 1px 0px #ffeab1; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 88px; height: 37px; font-weight: bold; font-size: 1.7em;  font-family: BarmenoBold; cursor: pointer; }
#newsletter #nsubmitButton:hover { color: #e4a600; background-color: #fbdc86; cursor: pointer; }
#newsletter #nsubmitButton:active { color: #8a6400; background-color: #cc9600; cursor: pointer; }

#newsletter #nconfirmation	{ padding-top: 12px; color: #FFF; font-size: 2em; }

#breadcrumbs				{ font-family: BarmenoBold; padding-top: 31px; padding-bottom: 45px; }
#breadcrumbs a:hover		{ color: #fee49c; }
#breadcrumbs a:active		{ color: #a67900; }
#breadcrumbs #location		{ color: #00baee; background: url('../images/global/location.png') no-repeat left center; padding:9px 0 0 29px; height: 33px; float: left; }
#breadcrumbs #topAnchor		{ text-align: right; background: url('../images/global/anchor.png') no-repeat right 10px; padding:10px 25px 0 0; }	


/* FOOTER */
footer .footerNav			{ position: absolute; left: 50%; top: 37px; font-size: 1.7em; font-family: BarmenoBold; text-shadow: 1px 1px 0px #feeac5;  }
footer .footerNav ul li 	{ margin-bottom: 7px; }
footer .footerNav ul li a	{ color: #483900; }
footer .footerNav ul li a:hover	{ color: #9f7400; }
footer #nav1				{ margin-left: -480px; }
footer #nav2				{ margin-left: -316px; }
footer #nav3				{ margin-left: -117px; }

footer #footerRight			{ position: absolute; left: 50%; top: 37px; margin-left: 96px; }
footer #footerRight	iframe	{ width: 360px; height: 36px; background: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 12px 0 0 24px; margin-bottom: 16px; }
footer #footerRight	img		{ padding-top: 10px; }
footer address				{ font-weight: bold; font-size: 1.7em; font-style: normal; 
	display: block; width: 384px; }
footer address span			{ display: block; float: left; color: #fff; text-shadow: -1px -1px #cc940a; }
footer address #footerPhone	{ background: url('../images/global/footer-icons.png') no-repeat -10px 0px; padding: 10px 15px 14px 30px; }
footer address #footerEmail	{ background: url('../images/global/footer-icons.png') no-repeat left -60px; padding: 10px 0 12px 53px; }

#copyright					{ color: #978500; position: absolute; left: 50%; margin-left: -480px; top: 247px; }

#credit						{ color: #978500; position: absolute; left: 50%; margin-left: 217px; top: 247px; }
#credit a					{ color: #978500; background: url('../images/global/credit.png') no-repeat right center;  height: 27px; padding: 5px 81px 5px 0; }
#credit a:hover				{ color: #483900; }


/* CONFIRMATION */
#confirmation #mainHero		{ background: #89b4da url('../images/global/confirmation.jpg') no-repeat right bottom; }
#confirmation #mainHero #heroRight h2		{ color: #344f6a; font-size: 4.8em; font-family: BarmenoBold; margin-bottom: 0; padding: 30px 0 0 110px; background: url('../images/global/tick.jpg') no-repeat 40px 30px; }
#confirmation #mainHero #heroRight p		{  width: 600px; padding-right: 40px; top: 90px; padding-left: 70px; }	

/* LIGHTBOX */
#jquery-overlay					{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox				{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img			{border:none;}
#lightbox-container-image-box 	{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image 		{padding:10px;}
#lightbox-loading 				{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav 					{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box>#lightbox-nav {left:0;}
#lightbox-nav a 				{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext {width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev 			{left:0;float:left;}
#lightbox-nav-btnNext 			{right:0;float:right;}
#lightbox-container-image-data-box {font-size:11px;background-color:#fff;margin:0 auto;line-height: 1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data 	{padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details {width:70%;float:left;text-align:left;}
#lightbox-image-details-caption {font-weight:bold;}
#lightbox-image-details-currentNumber {display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose 		{width:66px;float:right;padding-bottom:0.7em;}