@charset "UTF-8";

/* 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

html {
	
	background-color: #FFF;
}

strong{
	font-weight:bold;
}

body {
	font: 100% Helvetica, Arial, Verdana, sans-serif;
	
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
	
}

a {
	color: #C51718;	
}

#container {
	width: 960px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-size: 0.9em;
	background-color: #E6E6E6;
	position: relative;
}


#header {
	background-image:url(../img/header-red-bar2-BG.gif);
	background-repeat:no-repeat;
	height: 140px;	

}

#headerInt {
	background-image:url(../img/header-red-bar-B2-int.gif);
	background-repeat:no-repeat;
	height: 140px;	

}

#logo {
	height: 138px;
	width: 280px;
	margin: 0 0 0 0;
	float: left;
}

#phoneNumbers {
	color: #003266;
	float: right;
	width: 340px;
	height: 50px;
	margin: 20px 0 0 0;
}

#phoneNumbers p {
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	margin: 0 10px 10px 0;
}

#hero {
	background-image:url(../img/header-gray-hero-box-BG.png);
	background-repeat:no-repeat;
	height: 247px;
	background-position: top;	
}

#heroOffer {
	width: 570px;
	height: 114px;
	top: 0px;
	position: relative;
}

#heroText {
	height: 133px;
	width: 570px;
}

.atlanta-1 {
	color: #FFF;
	font-size: 36px;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 10px 20px;
	padding: 15px 0 0 0;
}

.heroServices {
	color:#FFF;
	margin: 0 0 0 20px;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	line-height: 26px;
	padding: 0;
}

#navBar {
	background-image:url(../img/nav-bar-BG.png);
	background-repeat:no-repeat;
	height:29px;
	padding-top: 17px;
}

#navBar ul {
	list-style: none;	
}

#navBar ul li {
	display:inline;
	margin: 0 0px 0 0px;
	border-right: 1px solid #666;
	padding-right: 0px;
}

#navBar ul li a {
	color: #003263;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 8px 5px 4px;
}

#navBar ul li a:hover {
	color:#DA0000;
}

#navBar .lit {
	color: #CA171C;
}

#mainContent {
	width:960px;
}

h1 {
	color:#003266;
	font-size: 2em;
	font-weight: bold;
	font-style: italic;
	margin: 25px 0 0 30px;
}

h2 {
	color:#C41819;
	font-size: 1.75em;
	font-weight: bold;
	font-style: italic;
	margin: 0px 0 0 30px;
}

h3 {
	color:#173263;
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	margin: 25px 0 20px 30px;
}

#leftContent {
	width: 600px;
}

h4 {
	color:#173263;
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	margin: 10px 20px 10px 30px;
}

/*
Before050510Changes

h4 {
	color:#000;
	font-size: 1.7em;
	font-weight: bold;
	font-style: italic;
	margin: 0 6px 0 7px;
}
--------------------- */

h5 {
	color:#C51718;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	margin: 0px 0 0 30px;
	width: 325px;
}

#leftContent p {
	width: 530px;
	padding: 0 0px 20px 30px;
	line-height: 130%;
	display: block;
}

#leftContent h1 {
	color:#003266;
	font-size: 26px;
	font-weight: bold;
	font-style: italic;
	margin: 25px 0 5px 30px;
}

#leftContent h2 {
	color:#C41819;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 20px 30px;
}

#listContent {
	width: 530px;
	padding: 0px 0px 20px 30px;
	line-height: 130%;
		}

ul#repairList {
  width: 530px;
  margin: 0;
  padding: 0 0 10px 0;
  line-height: 130%; 
}
 
li.repairListItem {
	float: left;
	width: 230px;
	margin: 0 0 0 30px;
	padding: 0;
	list-style-type:none;
	text-transform: capitalize;
}

div.paddTop {
		margin: 0 0 10px 0;
		}

.benefitBullets {
	list-style-image:url(file:///Web/SCM-DEV/universalatlantahvac.com/web/img/bullet.gif);
	margin: 0 0 0 70px;
	font-size: 1.15em;
	color:#173263;
	font-weight: bold;
}

.benefitBullets li {
	margin: 0 0 5px 0;	
}

.smartList{
	margin:10px 25px;
	line-height: 130%; 
}

.smartList li{
	list-style-type:square;
	text-transform: capitalize;
	color:#333;
	margin:10px 25px;
}

#arslink{
	color:#333;
	}

#serviceBox {
	width: 537px;
	height: 220px;
	margin: 10px 0 20px 30px;
	font-size: 12px;
}

.repairs {
	background-image: url(../img/LEFT-white-box-SERVICE.gif);
	background-repeat: no-repeat;
}

.newSystems {
	background-image: url(../img/LEFT-white-box-NEWSYSTEMS.gif);
	background-repeat: no-repeat;
}

.maintenance {
	background-image: url(../img/LEFT-white-box-MAINTENANCE.gif);
	background-repeat: no-repeat;
}

.rr {
	background-image: url(../img/LEFT-white-box-RR.gif);
	background-repeat: no-repeat;
}

.serviceHeader {
	color: #173263;
	font-size: 1.1em;
	text-transform:uppercase;
	font-weight: bold;
	font-style: italic;
}

#serviceBox p {
	padding: 10px 0 0 20px;
	width: 370px;
}

#rightContent {
	width: 337px;
	position: absolute;
	left: 602px;
	top: 176px;
}

#rightContentForm {
	width: 337px;
	position: absolute;
	left: 0px;
}

#carTop {
	position: absolute;
	top: 109px;
	left: 587px;	/*z-index: 400;*/
}

form {
	background-color: #FFF;
	padding-top: 5px;
}

.formLead {
	font-size: 16px;
	/*font-weight: bold;
	font-style: italic;*/
	text-align: center;
	background-color: #C51718;
	padding: 6px 0 6px 0px;
	color: #fff;
}

.formLead2 {
	font-size: 16px;
	/*font-weight: bold;
	font-style: italic;*/
	text-align: center;
	background-color: #003263;
	padding: 6px 0 6px 0px;
	color: #fff;
	line-height: 20px;
}

form p {
	width: 200px;
	padding: 10px 0 10px 60px;	
}

form fieldset {
	width: 302px;
	display: block;
	text-align: right;
	padding: 0 0 4px 0;
}

form fieldset label {
	font-size: .5 em;
	
	
}

form input, select, textarea {
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form input.date {
	width: 138px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form textarea {
	width: 260px;
}

#whatPeopleAreSaying, #kudos {
	background-color: #FFF;
	margin: 15px 0 0 0;
}

.right-box-headers {
	color: #173263;
	font-size: 1.1em;
	text-transform:uppercase;
	font-weight: bold;
	font-style: italic;
	padding: 0 0 15px 20px;
}

.testimonials {
	padding: 0 50px 10px 50px;	
	font-size:.9em;
	color:#666;
	line-height: 120%;
}

.whois {
	padding: 0 20px 10px 20px;	
	font-size:.9em;
	color:#666;
	line-height: 120%;
	clear: both;
}

.kudoLogo {
	float: left;
	margin: 0 10px 10px 0;
}


/* INTERNAL PAGE STYLES */

#specialsBox {
	margin: 0 0 0 20px;
	width: 550px;
	background-image:url(../img/specials-bg.gif);
	background-repeat:repeat-y;
}

#specialsBox h2 {
	margin: 20px 10px 0px 30px;
	padding: 0 0 0 0;
	width: 470px;
}

#specialsBox .subH2 {
	color: #333;
	font-size: 15px;
	
}


.HVAClist {
	list-style:outside;
	margin: 0 0 20px 60px;
	line-height: 125%;
	list-style-type: square;
	width: 500px;
}

.HVACitems {
	list-style:outside;
	margin: 0 0 20px 60px;
	line-height: 125%;
	list-style-type: square;

}

.plumbingList {
	margin: 0px 0px 20px 60px;
}


.getCoupon {
	margin: -10px 0 0 30px;	
}

/* FORM POPUP STYLES */

#popFormContent {
	width: 0px;
	position: relative;
	top: 0px;
	left: 602px;
}

/* FOOTER STYLES */

#footer {
	background-image: url(../img/footer-bottom.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 20px 50px 0 30px;
	height: 300px;
	background-color:#FFF;
}	

#footer p {
	
}



#footer ul {
	list-style: none;
	width: 560px;
	float: left;
}

#rightFoot {
	float: right;
	color: #fff;
	font-weight: normal;
	font-size: 0.9em;
	margin: -5px 0 0 0;
	width: 275px;
}
	

#footer ul li {
	display:inline;
	margin: 0 0px 0 0px;
	border-right: 1px solid #666;
	padding-right: 0px;
}

#footer ul li a {
	color: #fff;
	font-size:.9em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
	
}

#legal {
	width: 530px;
	margin: 40px 0 0 20px;
	font-size: 0.7em;
	color: #666;
	float: left;
}

#legal p {
	margin: 0 0 20px 0;	
}

#footerAddresses {
	margin: 40px 0 0 0;
	font-size: 0.7em;
	color: #666;
	float: right;
	width: 275px;
}

#footerAddresses p {
	float: left;
	width: 250px;
	margin: 0 10px 0 0;
	padding: 0;
	
}


/* POP UP STYLES */

#containerPop {
	width: 338px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-size: 0.9em;
	background-color: #E6E6E6;
	position: relative;
	}
	
#logoPop {
	height: 138px;
	width: 338px;
	margin: 0 0 0 0;
	float: left;
}	
	
#headerIntPop {
	background-image: url(../img/popUp_Headr.png);
	background-repeat:no-repeat;
	height: 140px;
}	

#phoneNumbersPop {
	color: #000;
	float: right;
	width: 325px;
	height: 50px;
	margin: 10px 6px 0 7px;
}

#phoneNumbersPop p {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	margin: 0;
}

#mainContentPop {
	width:338px;
}

#specialsBoxPop {
	margin: 0;
	width: 338px;
	background-image: url(../img/pop_spcls_mddl.gif);
	background-repeat:repeat-y;
	font-size:14px;
	}
	
#leftContentPop {
	width: 338px;
	margin: 10px 0 0 0;
}

#leftContentPop p {
	width: 325px;
	padding: 10px 6px 10px 7px;
	line-height: 150%;
	font-size: 13px;
	display: block;
	
}	

/*
P.I.E. FLOAT CLEARING

See http://www.positioniseverything.net/easyclearing.html 
--------------------- */



.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */