/*

***********************************************************



Title:			styles.css

Browser(s): 	All



Author: 		SearchSense LLC

Created: 		3.30.2009

Last modified: 	



***********************************************************

*/


/* Global reset */
html, body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, img, q, s, samp, small, strike, strong, em, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, th { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
h1, h2, h3 { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
.clear {clear: both; }


/* Typography */

p { margin: 10px 0 0 0; }

strong { font-weight: bold; color:#000; }

#mainContent p { line-height: 18px; padding: 0 15px 0 0;  }

#mainContent p.welcomeText { width: 450px; line-height: 20px; padding: 0; }

span.callUs { position: absolute; right: 40px; top: 4px; color: #fff; font-size: 22px; }

span.logo { display: block; width: 306px; height: 133px; position: absolute; top: 0; left: 0; }

#testimonial p { width: 270px; margin: 10px 0 0 36px; line-height: 15px; }

#testimonial span { font-size: 90%; color:#000; font-style: italic; display: block; float: right; margin: 10px 30px 0 0; }

#bottomContent { color:#0a1e36; }

#chat p { font-size: 16px;  line-height: 20px; margin: 10px 0 0 15px; }

#chat span { display: block; width: 140px; border-top: dotted 1px #a3a3a3; margin: 10px 0 0 0; padding: 10px 0 0 0; font-size: 85%; line-height: 16px; }

span.lapDesk { color: #000; font-weight: bold; margin: 10px 0 0 5px; display: block; }

p.contactAddress { float: left; margin: 10px 0 0 60px; line-height: 18px; }

p.storeHours { float: right; margin: 0 10px 0 0; }

.directions li span { font-size: 85%; font-style: italic; }

p.address { color: #0a1e36; float: right; margin: 0 30px 0 0; line-height: 18px; }

span.copyright { color: #0a1e36; float: right; font-size: 90%; }

/* Headings */

#mainContent h1 { font: bold 20px Arial, Helvetica, sans-serif; color: #143862; margin: 0 0 15px 0; }

#mainContent h1.thanksHeading { margin: 0; padding:0; }

h2.quote { font: bold 18px Arial, Helvetica, sans-serif; color: #414242; float: left; margin: 3px 0 0 87px; }

#testimonial h3 { font-size: 16px; margin: 10px 0 0 15px; }

h3.directionsHeading { font-size: 18px; float: left; color: #000; margin: 5px 0 0 45px; }

/* Links */

#mainContent a:link, #mainContent a:visited { color: #a71a10; text-decoration: underline; }

#mainContent a:hover { text-decoration: none; }

#header ul.nav a:link, #header ul.nav a:visited { display: block; width: 106px; height:48px; text-decoration: none; text-align: center; color: #fff; font-size: 14px; line-height: 35px; }

#header ul.nav a:hover { color: #0a1e36;  background: url(images/nav_bg.gif) no-repeat top; }

span.logo a { display: block; text-indent: -9999px; height: 133px; }

#services ul.right a:link, #services ul.right a:visited { display: block; width: 95px; margin: 15px 0 0 0; color: #a71a10; text-decoration: none; background: url(images/learn_more.gif) no-repeat right; }

#chat a:link, #chat a:visited { color:#a71a10; }

ul.footerNav a:link, ul.footerNav a:visited { color: #0a1e36; text-decoration: none; }

ul.footerNav a:hover { text-decoration: underline; }

/* Nav */

#header ul.nav { position: absolute; bottom: 0; left: 20px; }

#header ul.nav li { float: left; margin: 0 15px 0 0; }
 
body.home #header ul.nav .welcome a { background: url(images/nav_bg.gif) no-repeat top; color: #0a1e36; }

body.store #header ul.nav .store a { background: url(images/nav_bg.gif) no-repeat top; color: #0a1e36; }

body.res #header ul.nav .res a { background: url(images/nav_bg.gif) no-repeat top; color: #0a1e36; }

body.comm #header ul.nav .comm a { background: url(images/nav_bg.gif) no-repeat top; color: #0a1e36; }

body.prod #header ul.nav .prod a { background: url(images/nav_bg.gif) no-repeat top; color: #0a1e36; }

body.about #header ul.nav .about a { background: url(images/nav_bg.gif) no-repeat top; color: #0a1e36; }

body.contact #header ul.nav .contact a { background: url(images/nav_bg.gif) no-repeat top; color: #0a1e36; }

/* Lists */

#header .serviceList { font-size: 19px; color: #a71a10; position: absolute; bottom: 80px; left: 42px; }

#welcome ul { margin: 6px 0 0 20px; list-style-type: disc; }

#welcome ul li { margin: 5px 0; }

.serviceList li { margin: 6px 0 0 0; }

#residential ul.left { float: left; margin: 120px 0 0 16px; }

#residential ul.right { float: right; margin: 120px 25px 0 0; }

#commercial ul.left { float: left; margin: 120px 0 0 23px; }

#commercial ul.right { float: right; margin: 120px 15px 0 0; }

#commercial ul.right li, #commercial ul.left li { line-height: 14px; }

ul.allServices li { display: block; background: url(images/red_arrow.gif) no-repeat 0 2px; 
padding: 0 0 0 12px; color: #000; margin: 10px 0; font-weight: bold; line-height: 16px; }

.allServices { float: left; margin: 5px 0 15px 5px; }

ul.left li, ul.right li { margin: 10px 0 0 0;}

ul.directions { float: right; width: 335px; margin: 0 15px 0 0; }

ul.directions li { margin: 8px 0 0 0; line-height: 16px; }

/* Structure */

body { margin: 0; background: #aeccf2 url(images/main_bg.gif) repeat-x top; font: normal 14px Arial, Helvetica, sans-serif; color: #323232; }

#mainWrapper { width: 916px; margin: 0 auto; padding-bottom: 30px; background: url(images/wrapper_bg.gif) no-repeat top; position: relative;  }

#header { width: 863px; height: 354px; margin: 0 auto; background: url(images/header.jpg) no-repeat top; position: relative; }

#mainContent { width: 819px; margin: 0 auto; padding: 15px 22px 15px 22px; background: #fff url(images/rounded_bottom.gif) no-repeat bottom; position: relative; }

#services { width: 772px; margin: 15px auto; padding: 10px 7px 0 12px; background: url(images/services_bg.gif) no-repeat; clear: both; }

/* Homepage */

#welcome { width: 450px; float: left; margin: 0 0 0 15px; }

#residential { width: 383px; height: 258px; background: url(images/res_bg.jpg) no-repeat; float: left; }

#commercial { width: 383px; height: 258px; background: url(images/comm_bg.jpg) no-repeat; float: left; }

#bottomContent { clear: both; width: 717px; margin: 10px auto 5px auto; }

#testimonial { width: 324px; height: 125px; float: left; background: url(images/test_bg.gif) no-repeat; }

#chat { width: 324px; height: 125px; float: right; background: url(images/chat_now_bg.jpg) no-repeat;}

/* Images */

img.mainImage { float: right; margin: 0 10px 0 5px; }

img.map { float: right; margin: 10px 25px 0 0; }

img.truck { margin: 8px 8px 0 0; float: right; }

/* Forms */

#quoteForm { width: 280px; float: left; margin: 10px 0 60px 55px; padding: 10px 0; }

#quoteForm span { position: absolute; bottom: 0; display: block; width: 335px; height: 7px; float: right; background: url(images/rounded_bottom_sm.gif); }

#quoteForm table { width: 308px; margin: 0 auto; }

#quoteForm textarea { width: 295px; height: 75px; border: solid 1px #b2acac; padding: 5px; }

#quoteForm input { width: 136px; height: 15px; border: solid 1px #b2acac; padding: 5px; }

#quoteForm #submit { width: 109px; height: 26px; background: url(images/get_help_btn.gif) no-repeat bottom; border: none; cursor: pointer; margin: 0 0 0 38px; }

#contactForm { width: 395px; height: 405px; float: left; margin: 0 0 0 20px; border-right: solid 1px #c7c7c7; }

#contactForm input, #contactForm textarea { border: solid 1px #a2bee1; }

#contactForm input { height: 16px; }

#contactForm .submitButton { text-align: right; padding: 5px 17px 0 0; }

#contactForm #submit { background: #0a1e36; color: #fff; width: 60px; height: 22px; line-height: 20px; cursor: pointer; }

/* Other Styles */

*|*:-moz-any-link:focus {
outline-width: 0 !important;
}

#footer ul.footerNav li.noBorder { border: none; }

/* Footer */

#footer { clear: both;  }

#footer ul.footerNav {  margin: 10px 0 0 30px; font-size: 14px;}

#footer ul.footerNav li { float: left; margin: 0 10px 0 0; padding: 0 12px 0 0; border-right: solid 1px #fff; }