/***************  Google Web Fonts ***********/

@import url(http://fonts.googleapis.com/css?family=Oswald&v2);
@import url(http://fonts.googleapis.com/css?family=Anton&v2);

/********************** CSS RESET ****************************/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/
/********************** END CSS RESET ****************************/

/**************************************************/
/***************  Primary Elements -000 ***********/
/**************************************************/
body				{ background: #272727; margin: 0px; font-family: Arial, sans-serif; text-align:center; font-size: 12px; line-height: 20px; }

#tinymce 			{ background:#FFFFFF;color: #808080; }
#tinymce hr{width: 100%;
	float: left;
	border: none 0;
	border-top: 1px dotted #14afff;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	text-align: left;/*this will align it for IE*/
	margin: 5px auto 5px 0;}

#header				{ width: 960px; height: 131px; background-image:url(images/header_bg.jpg); background-repeat: no-repeat; clear:both; }

#banners			{ width: 655px; height: 120px; margin-right: 0px; margin-top: 0px; float:right; }

#mid_banners		{ /*width: 960px; height: 180px; margin-right: 0px; margin-top: 26px; clear:both; float: left;*/ display: none; }

#homelink			{ float:left; }

.bannerphone 		{ font-size:11px; font-weight: bold; }

#headercontainer	{ width: 100%; height: 139px; color: #FFF; clear:both; margin: 0; text-align:left; position: relative; background: url(images/header_interior_tile.png) repeat-x; }

#navigation			{ width: 100%; height: 131px; margin: 0; position: relative; z-index: 999; text-shadow: #000 0px -1px 1px; }
.body_topper		{ width: 100%; height: 18px; margin: 0 auto; background: url(images/body_topper.png) no-repeat center top; position: absolute; bottom: -2px; }

#containerWrap		{  background: url(images/body_tile.png) #e7edf1 repeat-y center top; width: 100%; padding: 0 0 40px 0; min-height: 400px; }
#container {
	width: 900px;
	color: #555;
	clear: both;
	margin: 0 auto;
	text-align: left;
	padding: 0 20px;
	height: auto;
}

#leftnav {
	float: left;
	width: 210px;
	margin: 0;
	padding: 0 20px 0 0;
	clear:both;
	font-size:9pt;
}

#content		{ width: 670px; float: left; }
#content h1		{ padding-top:0px; }
#content ul		{ font-size: 10pt; margin-top: 0px; }

#flasharea		{ clear:both; }

#added_nav		{ width: 960px; clear:both; margin-left: auto; margin-right: auto; background-image:url(images/nav_bg.gif); }

#footer			{ background-repeat:no-repeat; width: 900px; clear:both; margin: 0 auto; text-align: left; color: #CCC; }
	#footer h2	{ color: #EEE; font-size: 14px; margin: 0; padding: 0; }
	#footer p	{ font-family: arial, sans-serif; font-size: 11px; line-height: 14px; margin: 0; padding: 0; }
	#footer strong	{ font-weight: normal; color: #FFF; }
	#footer a:link	{ font-family: 'Oswald', arial, sans-serif; font-size: 14px; }
#disclaimer		{ margin-top: 20px; clear:both; width: 100%; background: url(images/footer_tile.png) repeat-x #272727; color: #1B6EDF; font-family: 'Oswald', arial, sans-serif; }
#disclaimer a:link, #disclaimer a:visited	{ color: #DDD; text-decoration:none; font-family: 'Oswald', arial, sans-serif; }
#disclaimer a:hover { color: #FFF; text-decoration:underline; }

#footerblock1	{ height: 21px; padding-top: 35px; padding-left: 11px; padding-right: 11px;  font-size: 8pt; text-transform: uppercase; }
#footerblock2	{ height: 14px; padding-top: 20px; padding-left: 10px; padding-right: 10px; color: #CCC; font-size: 8pt; }
#footerblock3	{ height: 83px; margin-bottom:2px; color: #CCC; font-size: 8pt; line-height: 1.6em; }


.navbar			{ height: 80px; line-height: 40px; font-family: 'Oswald', arial, sans-serif; font-weight: 100; float: left; }
.navbar li		{ position: relative; }

ul li a.currentPage { color: #FFF; }

/*#footer_stretch
{
clear: both;
margin: 0;
background-image:url(images/footerbg.gif);
background-repeat:repeat-x;
}*/

/*****************************************
************ COLUMN SYSTEM -001 *********
*****************************************/
.column1, .column2, .column3, .column4	{ float:left; position: relative; }
.column1			{ width:210px; }
.column2			{ width:440px; }
.column3			{ width:670px; }
.column4 			{ width:900px; }
.gutter				{ padding: 0 20px 0 0; /*background: url(images/gutter.png) repeat-y right;*/ }

.affiliates			{ text-align: center; }
.affiliates img		{ padding: 0px; border: #1b6edf solid 2px; background: #FFF; }

/**************************************************/
/***************  Typography -002 *****************/
/**************************************************/
h1, h2, h3, h4, h5, h6	{ font-family: 'Oswald', arial, serif; }

h1 					{ font-size: 20px; line-height: 30px; background: url(images/h1.png) no-repeat; margin: 0 0 10px 0; color: #3C4043; }
	h1 strong		{ font-weight: normal; color: #000; }
h2					{ font-size:16px; padding-top: 0px; color: #1B6EDF; text-align: left; margin-top: 0px; margin-bottom: 10px; }
h2.star				{ padding: 4px 0 4px 40px; margin:0; background:url(images/icon_star.png) no-repeat 0 3px; clear:left; }
h2.star + p			{ padding: 0 0 20px 40px; }
h2.arrow 			{ padding: 4px 0 4px 40px; margin:0; background:url(images/icon_arrow.png) no-repeat 0 3px; }
h2.arrow + p 		{ padding: 0 0 10px 40px; }
h2 a:link,
h2 a:visited 		{ color: #1B6EDF; }
h2 a:hover			{ color: #B4C2CA; }
	
h3 					{ font-size:10pt; padding: 0; margin-top:20px; margin-bottom: 0px; text-align: left; }
	
h4					{ font-size: 15px; color:#1B6EDF; border-bottom: 1px solid #B4C2CA; padding-bottom: 5px; margin-bottom: 10px; margin-top:10px; width: 100%; text-align: left; }
	
h5					{ font-size:10pt; color:#000; padding-left: 20px; margin: 0px; font-weight: bold; text-transform:uppercase; text-align: left; }
	
p					{ margin: 0px; padding-bottom: 10px; padding-left: 0px; padding-top: 0px; font-size:12px; text-align: left; }
p img				{ float: left; margin: 0 10px 10px 0; }
p.indent			{ margin:0 0 0 40px; padding:0; }

ol, ul				{ list-style: outside; padding-left: 15px; }
ul					{ list-style: disc; padding-bottom: 20px; }

strong, b			{ font-weight: bold; }
em, i				{ font-style: italic; }

a:link, a:visited	{ color: #1B6EDF; text-decoration: none; }
a:hover				{ color: #14afff; text-decoration: none; }

h1 a:link, h1 a:visited, h1 a:active { color: #FFF; }
h1 a:hover			{ color:#FFFFFF; }

.clear				{ clear: both; }
		
.faux_hr			{ margin-top: 19px; margin-bottom: 19px; width: 900px; height: 2px; } /*testimonials page fix for internet exploder*/
		
hr					{ width: 100%; float: left; border: none;/*the border*/ height: 2px; background: url(images/hr_full.png) no-repeat; text-align: left;/*this will align it for IE*/ margin: 19px auto 19px 0; clear: both; }
.column3 hr,
#content hr			{ width: 100%; float: left; border: none;/*the border*/ height: 2px; background: url(images/hr_3col.png) no-repeat; text-align: left;/*this will align it for IE*/ margin: 19px auto 19px 0; clear: both; }

a:link 	{ color: #1B6EDF; text-decoration: none; }
a:visited  { color: #1B6EDF; text-decoration: none; }
a:hover	{ color: #14afff; text-decoration: underline; }

a.bigButton, a.bigButton:visited			{ width: 210px; height: 60px; display: block; float: left; background: url(images/big_button.png) no-repeat center top; font-family: 'Oswald', arial, serif; line-height: 60px; color: #FFF;
					  text-align: center; font-size: 20px; text-shadow: #003972 0px -1px 1px; }
a.bigButton:hover	{ background-position: center bottom; }

a.bigButton2, a.bigButton2:visited			{ width: 325px; height: 60px; display: block; float: left; background: url(images/big_button_02.png) no-repeat center top; font-family: 'Oswald', arial, serif; line-height: 60px; color: #0065d9;
					  text-align: center; font-size: 20px; text-shadow: #FFF 0px 1px 1px; }
a.bigButton2:hover	{ background-position: center bottom; color: #FFF; text-shadow: #003972 0px -1px 1px; }


.boxy				{ width: 190px; height: 140px; padding: 10px; margin-right: 20px; background: url(images/feature_box.png) no-repeat; float: left; }
.boxy h1			{ color: #1B6EDF; font-size: 24px; line-height: 24px; }
.boxy p				{ font-size: 12px; line-height: 14px; margin: 0; padding-bottom: 5px; }
.boxy a				{ color: #1B6EDF; font-family: 'Oswald', arial, serif; padding-left: 16px; background: url(images/boxy_arrow.png) no-repeat center left; }

/**************************************************/
/***************  Left Nav -003 *******************/
/**************************************************/

#leftnav h3 		{ color: #1B6EDF; background: url(images/hr_1col.png) no-repeat center bottom; margin-bottom: 5px; margin-top: 0px; padding: 0 0 5px 0; }

#leftnav h3 a		{ text-decoration: none; }
		
#leftnav hr {
	border: none 0;
	border-top: 1px dotted #14afff;/*the border*/
	
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	text-align: left;/*this will align it for IE*/
	margin: 5px auto 5px 0; /*this will align it left for Mozilla*/
}
/*
#leftnav ul {	margin: 0; padding-bottom: 20px; padding-left:0px; list-style: none; }
#leftnav li a{	list-style: none; }
#leftnav li a{	list-style: none; margin: 0; padding: 0; color: #2e67ab; }
*/
#leftnav a, a:visited, a:active { color:#1B6EDF; }
#leftnav a:hover	{ color: #B4C2CA; }

#leftbullets ul		{ margin: 0; padding: 0; list-style: none; color:#808080; line-height: 20px; margin-bottom:20px; }


/*output/ourservices/leftnav_services.php*/
#leftbullets ul ul 	{ padding: 0; margin:0; list-style-type: none; }
#leftbullets ul ul li a { list-style-type: none; width: 142px; border: 0; }

#leftbullets li 	{ margin: 0 0 3px 0; list-style: none;}

#leftbullets a		{ display: block; padding: 3px 0px 5px 20px; width: 160px; background: url(images/arrow_left_link.png) no-repeat left 4px; border-bottom: dotted 1px #B4C2CA; font-size:9pt; }

#leftbullets a:link, #leftlist a:visited { text-decoration: none; }

#leftlist { padding-left: 0px; margin-left: 0px; }

#leftbullets a:hover { background-position: left -120px; text-decoration: underline; color: #14afff; }

.svcsub a 			{ border: 0; padding: 0; margin: 0; }

/*home bullets*/
#homebullets ul		{ margin:18px, 0px, 20px, 0px; padding: 0; list-style: none; color:#808080; line-height: 15pt; }

#homebullets li		{ margin: 0 0 0px 0; list-style: none;}

#homebullets a		{ display: block; padding: 0px 0px 0px 22px; margin:0px; width: 169px; background-image: url(images/leftnav_off.gif); font-size:9pt; }

#homebullets a:link, #homelist a:visited { text-decoration: none; color:#1B6EDF; }

#homelist			{ padding-left: 0px; margin-left: 0px; }

#homebullets a:hover { background-image: url(images/leftnav_on.gif); text-decoration: none; color:#14afff; }

#leftnav p, #rightnav p { margin: 0 0 1em 0; }



/**************************************************/
/***********  Special Offers -003-2 ***************/
/**************************************************/

.specialOffer {
    padding-bottom: 20px !important;
    padding-right: 20px !important;
	width: 210px !important;
}

.specialOffer img{
    width: 210px;
	
}

.specialOffer a			{ display: block; }
.specialOffer div		{ width: 210px; padding: 10px 20px 30px 0 !important; background: url(images/hr_1col.png) no-repeat center bottom; }
.specialOffer div h2	{ text-align: center; padding: 5px 0 0 0; /*background: url(images/hr_1col.png) no-repeat center top;*/ }
.specialOffer span.smallertext		{ text-align: center !important; display: block; width: 210px !important; }



/**************************************************/
/*******  Secondary Elements -004 *****************/
/**************************************************/

#promotop 			{ margin: 0px; padding: 0px; }
#promo				{ margin-bottom: 10px; padding-top:10px; }			
#hidepromo			{ visibility:hidden; display: none; }				
.promohead			{ font-size: 10pt; font-weight: bold; }
.promosub			{ font-size: 9pt; }			
.promoclick a		{ font-size: 9pt; font-weight:bold; }

/* Small Text on Testimonials Page */
.smallertext		{ margin: 0px; padding: 0px; font-size:8pt; }

.left				{ float: left; }
img.left			{ float: left; margin: 0 20px 0 0; }
.right				{ float: right; }
img.right			{ float: right; margin: 0 0 0 20px; }
		
		

/**************************************************/
/****************  Home Page -005 *****************/
/**************************************************/

#hometop			{ width: 746px; }
#hometop p			{ padding-right:20px; font-size:10pt; }
#hometop h2			{ padding-top:20px; }

#homebottom			{ width: 589px; clear: right; }
#homebottom p		{ padding-top:20px; padding-bottom:20px; padding-left: 20px; line-height:14pt; font-size:9pt; height: 115px; }

#boxcontent p		{ font-size:9pt; padding-left: 10px; padding-right: 10px; }


		


/**************************************************/
/****************  Forms -006 *********************/
/**************************************************/
.colorA 			{ background-color:#D3DEE4; }
.colorB				{ background-color:#D3DEE4; }
.colorC				{ background-color:#B4C2CA; }
.headingcolor		{ background-color:#B4C2CA; }

/*
input				{ margin:0; padding:0; background-color:#ffffff; border:1px solid #ccc; text-align:left; }
textarea			{ margin:0; padding:0; background-color:#ffffff; border:1px solid #ccc; text-align:left; }
*/

.button_form
		        {
		        margin-top:1px;
		        padding:5px;
		        background-color:#1B6EDF;
		        border-left:1px solid #CCCCCC;
				border-right:1px solid #CCCCCC;
				border-bottom: 1px solid #CCCCCC !important;
				border-top: 1px solid #CCCCCC !important;
				color: #FFF;
				text-decoration:none;
				text-align:center;
				display:block;
				max-width:150px;				
		        }

.button_form a:link, .button_form a:visited { color: #FFF; }

a.button_form:link, a.button_form:visited { color: #FFF; }
a.button_form:hover { background: #14afff; }
				
.inactive_tab		{ width: 70px; color:#14afff; font-size:10px; font-weight:bold; float:left; padding: 3px; margin-right: 6px; }
	
#active_tab			{ width: 70px; color:#000; font-size:10px; font-weight:bold; float:left; padding: 3px; margin-right: 6px; }





/**************************************************/
/****************  Employees Page -007 ************/
/**************************************************/
#employee			{ width:707px; clear:right; overflow:auto; }
#employee img		{ float: left; padding-right:20px; border: none; width: 200px; }


/**************************************************/
/****************  Gallery Page -008 **************/
/**************************************************/
.gallery			{ width:100%; clear:right; overflow:auto; }
.gallery img		{ float: left; border: none; }
.gallery_img_contain { width: 221px; float: left; }

/**************************************************/
/****************  News Page -009 *****************/
/**************************************************/
.news				{ width:707px; clear:right; overflow:auto; }
.news img			{ float: left; padding-right:20px; border: none; width: 200px; }

/*	#footer {
		clear:both;
		height: 24px;
		text-align: left;
		padding-top: 19px;
		padding-left:20px;
		background-image:url(images/miles_40.gif);
		}*/




/*************************************************************************/
/****************  Main Category - Products Residential -010 *************/
/*************************************************************************/
/*main category page stuff products_residential*/
.default-link 				{ color: #1B6EDF; }
	a:link.default-link 	{ color: #1B6EDF; text-decoration: underline;}
	a:visited.default-link  { color: #1B6EDF; text-decoration: underline;}
	a:hover.default-link 	{ color: #14afff; text-decoration: underline;}
	a:active.default-link   { color: #1B6EDF; text-decoration: underline;}

.Category 					{ display: block; height: 260px; margin-bottom: 20px; float:left; }
.Category .Description		{ font-size: 12px; }
.Category .SubCats			{ font-size: 12px; font-weight: bold; clear: left; }
.Category h3				{ margin-bottom: 8px; border-bottom: 1px solid #CCC; width:305px; }
.Category div				{ margin-bottom: 5px; }

div 						{ margin: 0; padding: 0; }

.contentcontainer			{ width: 305px; padding-right:20px; }

.imgcontainer				{ width: 120px; float:left; align:left; }
td[bgcolor="#FFFFFF"]		{ border: 2px solid #B4C2CA !important; }
.textcontainer				{ width: 130px; float:left; font-size: 12px; }

/*Hide the Category in the Navigation and Display if not on */
.HiddenCategory				{ visibility:hidden; display: none; }
.page_hidden				{ visibility:hidden; display: none; }
		
/*Internal product display stuff productlist.php */
table.Products				{ width: 670px; font-size:10pt; }
table.Products th {
			/*border-bottom:		8px solid white;*/
			background-color: #E5E5E5;
			color:				#14afff;
			text-align:			left;
			padding:			15px 10px 15px 6px;
			width: 100%;
		}
table.Products th a 		{ color: #DDF; }
			
table.Products tr.Odd		{ background-color: #D3DEE4; }
		
.NoUnderline 				{ color: #1B6EDF;  margin-left: 20px;margin-top:10px; }
a:link.NoUnderline			{ color: #1B6EDF; text-decoration: underline; }
	a:visited.NoUnderline	{ color: #1B6EDF; text-decoration: underline; }
	a:hover.NoUnderline		{ color: #14afff; text-decoration: underline; }
	a:active.NoUnderline	{ color: #1B6EDF; text-decoration: underline; }
		.OneLiner			{ font-size: 10px; padding-bottom:10px; padding-left: 20px; }

/*Internal product display stuff product-details.php */
.content img				{ border: 0; }
#ProductPhoto				{ float: right; text-align: center; background:#FFFFFF; border: 2px solid #B4C2CA !important; margin: 0 0 10px 10px; }
#ProductPhoto div.content	{ margin: 0 25px 20px 20px; }
img.CertLogo				{ margin: 0 5px; }
.floatRight					{ float: right; border: 0; }
		
	/*li a:link 	{color: #1B6EDF; text-decoration: underline;}
	li a:visited  {color: #1B6EDF; text-decoration: underline;}
	li a:hover	{color: #14afff; text-decoration: underline;}
	li a:active  {color: #1B6EDF; text-decoration: underline;} */
	
	
	/*#ProductInfo a:link 	{color: #1B6EDF; text-decoration: underline;}
	#ProductInfo a:visited  {color: #1B6EDF; text-decoration: underline;}
	#ProductInfo a:hover	{color: #14afff; text-decoration: underline;}
	#ProductInfo a:active  {color: #1B6EDF; text-decoration: underline;} */
	
#ProductInfo li 	{font-size:10pt; padding-bottom:5px; }
.Footnote			{vertical-align: baseline; font-size: 0.8em; position: relative; top: -0.4em; padding-left:3px; }

#contactinfo		{ width:120px; float:left; }

.default-size_bold_red		{ color:#1B6EDF; font-weight:bold; }


a.slide:link  	{color: #1B6EDF; text-decoration: none;}
	a.slide:visited  {color: #1B6EDF; text-decoration: none;}
	a.slide:hover 	{color: #14afff; text-decoration: none;}
	a.slide:active   {color: #1B6EDF; text-decoration: none;}
	
	a.slide span {position:  relative;
	top:  -.7em;}
	



/**************************************************/
/****************  Costom Rollovers -011 **********/
/**************************************************/

/**************************************************/
/*******************  API Fixes *******************/
/**************************************************/

iframe#DemoFrame,
iframe#myIframe		{ border: 2px solid #B4C2CA !important; padding: 20px; background: #FFF; }

img[alt="Climate Card"]		{ border: 2px solid #B4C2CA !important; padding: 20px 20px 10px 15px; background: #FFF; }
img[alt="home"], img[alt="chart"], img[src="http://imgs.dealerbranded.com/good_lg.jpg"]				{ border: 2px solid #B4C2CA !important; padding: 20px !important; background: #FFF; }
img[align="right"]	{ margin: 0 0 10px 10px; }