/*
Title: Dowd Heating and Air Conditioning
Style: General stylesheet
Author: Tome Wilson - tome@creativewebgroup.net
Last Updated: July 14, 2010
*/

/* ---[ 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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, textarea, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body {line-height: 1}
ol, ul {list-style: none}


/* ---[ structure ]--------------------- */
html {background: #fff; height: 100%; width: 100%; display: table; font-size: 0; text-align: center; color: #000}
body {width: auto; text-align: center; height: 100%}

#container {margin: 0 auto; width: 941px; border-left: 1px solid #ccc}


/* ---[ header ]--------------------- */
#header {width: 941px; height: 160px; background: transparent url(../images/shell/header.jpg) no-repeat; display: block;}

	/* ---[ header navigation ]--------------------- */
	#header-navigation {height: 223px; width: 312px; padding: 12px 0 0 0; display: block; background: transparent url(../images/shell/home/header-navigation.png) no-repeat; float: left}
			
		#header-navigation ul {list-style: none}
		#header-navigation li {float: left}

		#header-navigation a.services, 
		#header-navigation a.dowd-difference, 
		#header-navigation a.coupons, 
		#header-navigation a.testimonials {float: left; display: block; height: 49px; width: 259px; margin-left: 42px; text-indent: -999999px; background: transparent url(../images/shell/home/header-navigation.png) no-repeat}
		
		#header-navigation a.services {background-position: -42px -12px}
		#header-navigation a.services:hover {background-position: -42px -247px}

		#header-navigation a.dowd-difference {background-position: 0 -61px; height: 50px; width: 301px; margin-left: 0}
		#header-navigation a.dowd-difference:hover {background-position: 0 -296px}

		#header-navigation a.coupons {background-position: -42px -111px}
		#header-navigation a.coupons:hover {background-position: -42px -346px}

		#header-navigation a.testimonials {background-position: -42px -160px}
		#header-navigation a.testimonials:hover {background-position: -42px -395px}


/* ---[ navigation ]--------------------- */
#navigation {clear: both; display: block; width: 941px; height: 52px; background: transparent url(../images/shell/navigation.png) no-repeat}

	#navigation a.nav-home, 
	#navigation a.nav-services, 
	#navigation a.nav-service-area, 
	#navigation a.nav-hvac, 
	#navigation a.nav-blog, 
	#navigation a.nav-coupons, 
	#navigation a.nav-about, 
	#navigation a.nav-contact {float: left; display: block; height: 52px; width: 117px; text-indent: -999999px; background: transparent url(../images/shell/navigation.png) no-repeat}

	#navigation a.nav-home {background-position: 0 0}
	#navigation a.nav-home:hover {background-position: 0 -52px}

	#navigation a.nav-services {background-position: 0 -117px}
	#navigation a.nav-services:hover {background-position: -117px -52px}

	#navigation a.nav-service-area {background-position: 0 -234px}
	#navigation a.nav-service-area:hover {background-position: -234px -52px}

	#navigation a.nav-hvac {background-position: 0 -351px}
	#navigation a.nav-hvac:hover {background-position: -351px -52px}

	#navigation a.nav-blog {background-position: 0 -468px}
	#navigation a.nav-blog:hover {background-position: -468px -52px}

	#navigation a.nav-coupons {background-position: 0 -585px}
	#navigation a.nav-coupons:hover {background-position: -585px -52px}

	#navigation a.nav-about {background-position: 0 -702px}
	#navigation a.nav-about:hover {background-position: -702px -52px}

	#navigation a.nav-contact {background-position: 0 -819px; width: 122px}
	#navigation a.nav-contact:hover {background-position: -819px -52px}



/* ---[ main area ]--------------------- */
#main {width: 941px; background: transparent url(../images/shell/main-background.gif) repeat-y; padding-bottom: 20px}


	/* ---[ content ]--------------------- */
	#content {padding: 20px; width: 620px; float: left; display: block; text-align: left; font: normal 13px/1.35em Arial, Helvetica, sans-serif}

		/* ---[ link styles ]--------------------- */
		#content a {color: #006; text-decoration: none}
		#content a:visited {color: #006}
		#content a:hover {color: #ab0000; text-decoration: underline}

		em, .em {font-style: italic}
		strong, .strong {font-weight: bold}
		.big {font-size: 110%}
		.small {font-size: 75%}
		.l {float: left}
		.r {float: right}
		.clear {clear: both}
		.center {text-align: center}
		.hide {display: none}

		p {padding: .35em 0}

		.border {border: 1px solid #8d8984}

		#content ul {padding: .35em 0 .35em .35em; margin-left: 10px; list-style-type: none; text-align: left}
		#content li {padding: .15em 0 .35em 1em; background: transparent url(../images/graphics/bullet.gif) 0 8px no-repeat}

		.hr {width: auto; height: 1px; font-size: 1px; display: block; border-top: 1px solid #ccc; margin: 10px 0}

		.column1, .column2 {float: left; width: 300px; display: block}
		.column2 {margin-left: 20px}

		.col1, .col2, .col3 {float: left; width: 192px; display: block; margin-right: 20px}
		.col3 {margin-right: 0}

		table {border: 1px solid #8d8984; border-collapse: collapse; margin: 1em 0; text-align: left}
		th {background: #8d8984; font-size: 17px; font-weight: bold}
		td, th {border: 1px solid #8d8984; border-collapse: collapse; padding: 6px}

		.arrows {background: transparent url(../images/graphics/arrows.gif) no-repeat 0 3px; padding-left: 21px}

		.photoL {float: left; margin: 3px 10px 0 0}
		.photoR {float: right; margin: 3px 0 0 10px}

		.mp3 {background: transparent url(../images/graphics/speaker.png) no-repeat 0 0; height: 24px; display: block; padding: 11px 0 0 40px; font-weight: bold; margin: .35em 0}
		.affiliate {margin-right: 10px; padding-right: 15px; border-right: 1px solid #ccc}

		
		/* ---[ internal navigation ]--------------------- */
		#crumbs {border-bottom: 1px solid #dedede; display: block; margin: -20px 0 20px -20px; width: 660px}
		
		#crumbs ul {list-style-type: none; line-height: 1em; margin: 0; padding: 0}
		
		#crumbs li {background: #fbfbfb url(../images/shell/crumbs.gif) no-repeat right center; float: left; color: #777; padding: 8px 5px; margin: 0}
		
		#crumbs li a {display: block; padding: 0 10px 0 0}
		#crumbs li a:link, #crumbs li a:visited {text-decoration: none; color: #777}
		#crumbs li a:hover, #crumbs li a:focus {color: #dd2c0d}
		#crumbs .current-page {background: none}

		#footer {margin-top: 2em; padding-top: 1em; border-top: 1px solid #ccc; color: #333; font-size: 11px; text-align: center}


		/* ---[ font colors ]--------------------- */
		.black {color: #000 !Important}
		.white {color: #fff !Important}
		.grey {color: #8d8984 !Important}
		.blue {color: #006 !Important}
		.green {color: #96ca42 !Important}
		.red {color: #ab0000 !Important}


		/* ---[ headings ]--------------------- */
		h1 {font: normal 30px/1em Arial, Helvetica, sans-serif; color: #006; padding: 0 0 .35em 0; margin: 0}
		h2 {font: normal 22px/1.35em Arial, Helvetica, sans-serif; color: #fff; margin: .7em 0 .35em 0; background: #006 url(../images/shell/h2.png) repeat-x; padding: 3px 10px; border-left: 2px solid #7d82db}
		h2:first-child {margin: 0 0 .35em 0}
		h3 {font: normal 18px/1.25em Arial, Helvetica, sans-serif; color: #006; padding: .7em 0 .35em 0}
		h4 {font: bold 15px/1.25em Arial, Helvetica, sans-serif; color: #fff; margin: .7em 0 .35em 0; background: #96ca42 url(../images/shell/h4.png) repeat-x; padding: 3px 6px}


	/* ---[ sidebar ]--------------------- */
	#side {width: 281px; display: block; float: right}

		/* ---[ contact form ]--------------------- */
		#contact-form {padding: 284px 0 0 20px; width: 261px; height: 300px; display: block; background: transparent url(../images/shell/contact-form.png) no-repeat;}
		
		label, legend, .formsend {display: none} 
		textarea {overflow: auto}

		.contact-name, 
		.contact-phone, 
		.contact-email, 
		.contact-message,
		.contact-send {display: block; background: transparent; padding: 1px 1px 0 6px; height: 21px; width: 234px; border: 0; font: normal 12px/1em Arial, Helvetica, sans-serif; color: #006}

		.contact-name {}
		.contact-phone {margin-top: 28px}
		.contact-email {margin-top: 28px}
		.contact-address {margin-top: 28px}
		.contact-message {height: 58px; width: 235px; padding: 6px 0 0 6px; margin-top: 28px}
		.contact-send {padding: 0; margin: 15px 0 0 120px; width: 121px; height: 31px}


/* ---[ homepage ]--------------------- */
#header-home {height: 327px; display: block}

#home-services {width: 620px; padding: 1em 0}
	#home-services div {width: 155px; display: block; float: left}
	#home-services p {width: 145px; font-size: 11px}