@charset "utf-8";
/* CSS Document */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
	margin:0;
	padding:0;
}
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
	font: 14px/1.5 'Trebuchet MS', sans-serif ;
	
}
body > #wrap {
	height: auto;
	min-height: 100%;
}
#main {
	overflow:auto;
	padding-bottom: 78px;
}  /* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -78px; /* negative value of footer height */
	height: 78px;
	clear:both;
	background:transparent url(../images/footer-bg.png) repeat-x 0 0;
}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
.right {
	float:right;
	padding-left:20px;
}
.left {
	float:left;
	padding-right:20px;
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
body {
	margin:0 auto;
}
a {color:#2f4695;text-dorection:none;}
a:visited {color:#2f4695;text-dorection:none;}
a:hover {color:#eb421c;text-dorection:underline;}
a:focus {outline:none;}
h1, h2, h4, h6 {color:#2f4695;}
h3, h5 {color:#000000;}
h2 {
	font-size:24px;
}
h3 {
	font-size:18px;
	font-weight:bold;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
	font-weight:bold;
}
h6 {
	text-transform:uppercase;
	font-weight:bold;
}
#right-column p, #right-column dl, #right-column hr, #right-column h1, #right-column h2, #right-column h3, #right-column h4, #right-column h5, #right-column h6, #right-column ol, #right-column ul, #right-column pre, #right-column table, #right-column address, #right-column fieldset {
	margin-bottom:12px
}
#right-column ul, #right-column ol {
	margin-left:40px;
} 
#right-column li {
	line-height:normal;
	margin-bottom:10px;
}
#header {
	height:164px;
	width:100%;
	overflow:visible;
	background:transparent url(../images/header-bg.png) no-repeat center top;
	margin:0 auto;
}
#header-inner {
	width:960px;
	margin:0 auto;
	height:164px;
}
a h1#logo {
	display:block;
	height:103px;
	width:421px;
	border:none;
	text-decoration:none;
	text-indent:-9999px;
	outline:none;
	float:left;
	margin-top:16px;
	background:transparent url(../images/wesson-air-inc-air-conditioning-heating-logo.gif) no-repeat 0 0;
}
#content {
	background: #ffffff url(../images/content-bg.gif) repeat-x left top;
	margin:0 auto;
}
#content-inner{
	margin:0 auto;
	width:960px;
	background:#FFFFFF;
	min-height:575px;
	height:auto !important;
	height:575px;
	padding:20px 0;
}
#sidebar {
	float:left;
	width: 260px;
}
#nav {
	background:transparent url(../images/nav-sprite.png) no-repeat 0 bottom;
	width:260px;
	height:auto;
	overflow:hidden;
	padding-bottom:100px;
}
#nav ul {
	background:transparent url(../images/nav-sprite.png) repeat-y 0 top;
	width:260px;
	height:auto;
	overflow:hidden;
	padding-top:20px;
}
#nav ul li {
	width:260px;
	height:29px;
	display:block;
	overflow:hidden;
	line-height:29px;
	background:none;
}
#nav ul li a span {
	margin-left:40px;
}
#nav ul li a {
	width:260px;
	height:29px;
	display:block;
	overflow:hidden;
	background:none;
	text-decoration:none;
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
}
#nav ul li a:visited {
	width:260px;
	height:29px;
	display:block;
	overflow:hidden;
	background:none;
	color:#000000;
}
#nav ul li a:hover {
	color:#000000;
	background:transparent url(../images/nav-sprite.png) repeat-y -260px 0;
}
#nav ul a:active,

#nav ul#index li.index a, 
#nav ul#aboutus li.aboutus a, 
#nav ul#products li.products a, 
#nav ul#services li.services a, 
#nav ul#specialoffers li.specialoffers a,
#nav ul#paymentoptions li.paymentoptions a,
#nav ul#airconditioningtips li.airconditioningtips a,
#nav ul#testimonials li.testimonials a,
#nav ul#associationscredentials li.associationscredentials a {
	background:transparent url(../images/nav-sprite.png) repeat-y -260px 0;
}
#logos {
	text-align:center;
}
#logos .row {
	margin:20px auto;
}
#logos img.first {
	margin-right:10px;
}
#right-column {
	float:left;
	width: 690px;
	padding:10px 10px 10px 0;
}
#productdescrholder{margin-bottom:20px;}
p#first-paragraph {margin-top:20px;}
#home-right-col {
	text-align:center;
	width:300px;
	float:right;
	margin:20px 0 0 10px;
}
.testimonial {
	background:transparent url(../images/quote.gif) no-repeat left top;
	overflow:visible;
	padding:20px 60px 0 80px;
}
.testimonial-credt {
	font-style:italic;
	text-align:right;
	color:#2f4695;
}
#assoc-cred-container {
	width:340px;
	margin:0 auto;
}
.assoc-cred {
	height:140px;
	width:140px;
	float:left;
	margin:0 30px 50px 0;
}
.assoc-cred h5 {text-align:center;}
#footer-inner {
	width:960px;
	margin:0 auto;
	color:#FFFFFF;
	text-align:center;
	padding:20px 0;
}
#footer-inner p {font-weight:bold;}
#footer-inner a {color: #d1d1d1;text-decoration:none;}
#footer-inner a:visited {color: #d1d1d1;}
#footer-inner a:hover {text-decoration:underline;}
.thumbs {
	padding:10px;
	margin-left:10px;
	text-align:center;
}
.thumb {
	display:block;
	width:150px;
	margin:0 10px 10px 0;
	text-align:center;
	float:left;
}
.thumb img {
	margin:5px;
}
.thumb .caption {
	text-align:center
;	padding:5px 0;
}
.thumb .caption .caption-name {
	font-weight:bold;
}
.thumb .caption .caption-title {
	font-style:italic;
	font-size:.85em;
}
legend {
	background:none repeat scroll 0 0 #FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	margin-left:10px;
	padding:10px;
	text-transform:uppercase;
}
a.button {
	background:transparent url(../images/button-bg.png) no-repeat left top;
	display:inline-block;
	height:36px;
	line-height:36px;
	color:#ffffff;
	text-transform:uppercase;
	padding-left:20px;
	width:auto;
	cursor:pointer;
	overflow:hidden;
	text-decoration:none;
}
a.button:hover {
	background-position:left -36px;
}
a.button span {
	background:transparent url(../images/button-bg.png) no-repeat right top;
	display:inline-block;
	height:36px;
	line-height:36px;
	padding-right:20px;
	width:auto;
	cursor:pointer;
	overflow:hidden;
	text-decoration:none;
}
a.button:hover span {
	background-position:right -36px;
}
.rounded {padding:10px; width:auto;}
#right-column .rounded p,
#right-column .rounded h2,
#right-column .rounded h3,
#right-column .rounded h4,
#right-column .rounded h5,
#right-column.rounded h6 {
	margin-bottom:0;
	width:auto;
}
.gray { 
	background-color:#E0E0E0;
}
.callout {
	font-size:24px;
	color:#2f4695;
}
blockquote {
	padding:0 30px;
}
.star {
	padding-left:30px;
	background:transparent url(../images/star.png) no-repeat left top;
}