/*
Theme Name: A1 Reliable Air Conditioning, Inc
Theme URI: 
Author: CreWeb Design, LLC
Author URI: http://creweb.org/
Description: 
Version: 1
License: 
License 
Tags: 
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/***CSS by CreWeb Design LLC***/

body {margin:0; padding:0; background:url(images/bg.jpg) #011A6B top left repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px;}


h2 {font-family: "ArialMT", Arial, Helvetica, sans-serif; font-size:14px; color:#333; margin:0; padding:0;}

.clearer {clear:both;}


	.mainWrap {width:980px; height:auto; margin:0 auto;}
	
		.headerWrap {width:980px; height:306px; background:url(images/headerWrap-bg.jpg) top center no-repeat;}
		
		.headerPagesWrap {width:980px; height:306px; background:url(images/header-bg-wide.jpg) top center no-repeat;}
		
			.navWrap {width:980px; height:46px;}
				.navWrap .navMenus {margin:0; padding:0;}
				.navWrap .navMenus li {float:left; list-style-type:none; padding-left:3px;}
					
					.navHome {
						display: block;
						width: 54px;
						height: 46px;
						background: url('images/nav-home.jpg') bottom no-repeat;
						text-indent: -99999px;
					}
					.navHome:hover {
						background-position: 0 0;
					}
					
					.navAbout {
						display: block;
						width: 76px;
						height: 46px;
						background: url('images/nav-aboutus.jpg') bottom no-repeat;
						text-indent: -99999px;
					}
					.navAbout:hover {
						background-position: 0 0;
					}
					
					.navOurPledge {
						display: block;
						width: 85px;
						height: 46px;
						background: url('images/nav-ourpledge.jpg') bottom no-repeat;
						text-indent: -99999px;
					}
					.navOurPledge:hover {
						background-position: 0 0;
					}
					
					.navProdServ {
						display: block;
						width: 148px;
						height: 46px;
						background: url('images/nav-productservices.jpg') bottom no-repeat;
						text-indent: -99999px;
					}
					.navProdServ:hover {
						background-position: 0 0;
					}
					
					.navGallery {
						display: block;
						width: 65px;
						height: 46px;
						background: url('images/nav-gallery.jpg') bottom no-repeat;
						text-indent: -99999px;
					}
					.navGallery:hover {
						background-position: 0 0;
					}
					
					
					.navVideo {
						display: block;
						width: 52px;
						height: 46px;
						background: url('images/nav-video.jpg') bottom no-repeat;
						text-indent: -99999px;
					}
					.navVideo:hover {
						background-position: 0 0;
					}
					
					
					.navWarranty {
						display: block;
						width: 79px;
						height: 46px;
						background: url('images/nav-warranty.jpg') bottom no-repeat;
						text-indent: -99999px;
					}
					.navWarranty:hover {
						background-position: 0 0;
					}
					
					.navContactUs {
						display: block;
						width: 86px;
						height: 46px;
						background: url('images/nav-contactus.jpg') bottom no-repeat;
						text-indent: -99999px;
					}
					.navContactUs:hover {
						background-position: 0 0;
					}
					
				.navMenus .current {background-position: 0 0;}	
					
			.logoWrap {width:550px; height:240px; padding-left:10px; padding-top:10px;}	
			
		
			
		.contentWrap {width:980px; height:277px; background:url(images/contentWrap-bg.jpg) top center no-repeat;}
			
				.contentWrapLeft {width:588px; height:277px; float:left;}	
				
					.contentHomeWrap {width:580px; height:105px; background:url(images/contentContentWrap.jpg) top left no-repeat; padding-top:10px;}
					
						.contentHomeWrap h1 {font-family:"ArialMT", Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; padding-top:12px; text-align:center; margin:0; padding:0;}
							.contentContent span {font-weight:bold;}
							.contentContent .spanItalic {font-weight:bold; font-style:italic;}
							
						.contentContent {font-family:Helvetica; font-size:12px; width:550px; height:80px; padding-left:8px; padding-top:10px; margin: 0 auto;}
							.contentContent p {padding:0; margin:0; font-size:11px; text-align:right; padding-right:10px; font-weight:bold;}
								.contentContent p a{text-decoration:none; color:#FF0000;}
					
					.vidWrap {width:305px; height:125px; margin-top:7px;}
						.vidMain {float:left; width:236px; height:132px; background:#000;}
						.vidThumbs {float:right; width:62px; height:132px; background:#000;}
						
				
				.contentWrapRight {width:388px; height:277px; float:right;}
					.fanWrap {width:130px; height:175px; margin-top:100px; margin-left:20px;}
		
		
		
		.contentWrapTopWide {width:980px; height:28px; background:url(images/content-bg-topwide.jpg)top center no-repeat; font-size:0px;}		
		
		.contentWrapWide {width:970px; height:auto; background:url(images/content-bg-wide.jpg)#FFF top center repeat-y; padding-left:10px;}			
			.contentPagesWrap {width:940px; min-height:400px; padding: 0 20px 10px 20px;} 
					.contentPagesWrap h1{font-family: "ArialMT", Arial, Helvetica, sans-serif; font-size:16px; color:#333; margin:0; padding:0;}
					
					.contentPagesWrapContent {width:870px; margin-left:20px; margin-right:20px; height:auto; background:#FFF; font-size:14px;}
						.contentPagesWrapContent span {font-weight:bold;}
						.contentPagesWrapContent .spanItalic {font-weight:bold; font-style:italic;}
						
						.contentPagesWrapContent ul li {list-style-type:none; list-style-image:url(images/icon-check.jpg);}

				
				.contentPagesWrap a {color:#0039A4; text-decoration:none;}
				.contentPagesWrap a:hover {color:#0039A4; text-decoration:underline;}
				
.topBottomWrap {width:100%; height:239px; background:url(images/topBottom-bg.jpg) top center repeat-x;}

	.topBottomContent {width:980px; height:239px; margin:0 auto; background:url(images/topBottomContent-bg.jpg) top center no-repeat;}
		#snowBox {}

		.topBottomContentLeft {float:left; width:550px; height:239px;}
			.topBottomContentLeft .BottomNav {margin:65px 0 0 0; padding:0; width:201px; height:156px; background:url(images/footerNav.png) top left no-repeat; z-index:999; position:absolute;}
				.topBottomContentLeft .BottomNav li {list-style-type:none; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:24px; line-height:32px; padding-left:27px;}
				.topBottomContentLeft .BottomNav li a {text-decoration:none; color:#FFF; font-weight:bold;}
			
		
		.topBottomContentRight {float:right; width:320px; height:239px;}
		
			.topBottomContentRight .fbWrap {margin-top:55px; text-align:right; position:relative; z-index:998;}
			
			.topBottomContentRight .rightNav {width:310px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:10px;}
			.topBottomContentRight .rightNav p {padding:0; margin:0;}
			
			.topBottomContentRight .rightVavMenu {width:310px; margin:0; padding:0; -moz-border-radius: 10px; border-radius: 10px; background:#FFF; height:80px; padding-left:15px;}
			
			.topBottomContentRight .rightVavMenu li {height:12px; color:#021140; padding-top:6px; background:url(images/rightVavMenu.gif) bottom left no-repeat; list-style-type:none; padding-left:20px;}



.footerWrap {width:100%; height:218px; background:#FFF;}
	.footerContent {margin:0 auto; width:980px; height:128px;}
	
		.footerLogos {width:980px; height:145px;}
			.footerLogos ul {width:980px; margin:0; padding:0;}
				.footerLogos ul li {list-style-type:none; float:left; margin-top:15px; padding-left:3px;}
		
			.footerLogos .affiliates {width:870px; height:84px; margin: 0 auto;}
				.footerLogos .affiliates li {padding-right:15px; text-align:center; padding-left:25px;}
					.footerLogos .affiliates li img{vertical-align:middle;}
				
			.footerLogos .brandLo {width:980px; height:84px; margin: 10px auto;}
				.footerLogos .brandLo li {padding-right:3px; text-align:center; padding-left:3px;}
					.footerLogos .brandLo li img{vertical-align:middle;}	
				
				
		
		.footerCopy {font-size:11px; color:#000000; font-family:Arial, Helvetica, sans-serif; text-align:center; margin-top:45px;}
			.footerCopy span {font-weight:bold}
			.footerCopy a {color:#000; text-decoration:none;}



.contentLogos {width:900px; height:auto; margin:0 auto;}
			.contentLogos ul {width:980px; margin:20px 0px 0px 0px; padding:0;}
				.contentLogos ul li {width:160px; list-style-type:none; list-style-image:none; float:left; margin-top:15px; margin-bottom:15px; padding-left:10px; padding-right:15px;}
					.contentLogos ul li  img {width:120px;}

.systemsBrand {width:500px; height:auto; padding:0; margin:20px 0px 20px 0px;}
.systemsBrand tr{padding:0; margin:0;}
.systemsBrand tr td{width:50%; border:1px solid #333; text-align:center; padding:5px;}

.systemsBrand .systemsHeader {font-size:16px; font-weight:bold; color:#3399FF;}

.systemsHeader {font-size:16px; font-weight:bold; color:#3399FF;}


.mybrandLogos {width:420px; height:auto; position:absolute; z-index:111px; bottom:-600px; right:220px;}
	.mybrandLogos table tr td {padding-bottom:30px;}
	/*.mybrandLogos ul{width:420px; height:auto; margin:0; padding:0;}
	.mybrandLogos ul li {list-style-type:none; list-style-image:none; padding-right: float:left;}
	.mybrandLogos ul li img {background:#FFF; vertical-align:middle;}*/

	
	
	.BrandsWrap {width:980px; height:auto;}
		.BrandsLeft {float:left; width:500px; height:auto;}
		.BrandsRight {float:right; width:450px; height:auto;}