/*

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



Title:			style.css

Browser(s): 	All



Author: 		SearchSense LLC

Created: 		4.20.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 ----- */

body { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #3b3b3b; }

p { line-height: 18px; margin: 0 0 8px; }

#subHeader p { width: 379px ; color: #fff; position: absolute; top: 132px; left: 30px; }

#subpageHeader span { font-weight: normal; font-size: 20px; color: #fff; position: absolute; top: 58px; left: 35px;  }

p.blue { color:#437db6; }

span.stateName { display: block; margin: 10px 0 0 0; }

#serviceBlock p { margin: 5px 0 0 0; display: block; padding-left: 10px; }

p.serviceTitle { color:#437db6; font-weight: bold; display: block; border-bottom: dotted 1px #a8cdf2;  border-top: dotted 1px #a8cdf2;
padding: 5px 0 5px 10px; margin: 0 0 15px 0; background: #eef7ff; position: relative; }

#serviceBlock strong { font-weight: bold; color: #1d1d1d;  }

span.price { color:#437db6; font-weight: bold; }

span.sub { font-size: 85%; line-height: 24px; }

p.subHeading { clear: left; margin: 20px 0 10px 0; }

span.copyright { font-size: 85%; color: #000; float: left; margin: 5px 0 0 0; }

span.required  { color: #d30000; font-size: 85% }

#footer p { color: #5f91c4; }

p.bottom { padding: 0 0 18px 0; display: block; }

p.written { float: left; }

p.fax { float: left; margin: 0 20px 0 0; }

p.phone {  float: left; margin: 0 20px 0 60px; _margin-left: 30px; }

p.written span, p.fax span, p.phone span { color:#000; }


/* ----- Headings ----- */

h1 { font-size: 22px; font-weight: normal; color: #1b1b1b; margin-bottom: 15px; }

h1 img { float: left; margin: 0 5px 0 0; }

#subMain h1 { font-size: 22px; font-weight: normal; color: #1b1b1b; margin-bottom: 20px; display: inline; }

#rightColumn h2, #leftColumn h2 { font-size: 18px; font-weight: normal; color: #24a880; }

#leftColumn h2 img { margin: 0 5px 0 0; }

#serviceBlock h2 {  font-size: 18px; font-weight: normal; color: #24a880; margin: 10px 0 8px 0; }

#states h3 { color: #000; font-size: 16px; font-weight: normal; }

#success h2 { font: normal 16px Verdana, Arial, Helvetica, sans-serif; margin: 0 auto 10px auto; text-align: center; }


/* ----- Links ----- */

a:link, a:visited { color: #538bc3; }

a.logo { display: block; width: 428px; height: 89px; background: url(images/logo.gif); text-indent: -9999px; float: left; }

ul.nav a:link, ul.nav a:visited { text-decoration: none; color: #333; line-height: 32px; font-size: 105%; }

ul.nav a:hover { color: #538bc3; }

a.joinNetwork { position: absolute; bottom: 30px; left: 18px; }

a.placeOrder { position: absolute; bottom: 30px; left: 237px; }

ul.servicesNav a:link, ul.servicesNav a:visited { text-decoration: none; font-size: 90%; color: #538bc3; }

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

#subMain a.join { position: absolute;  right: 202px; top: 25px; }

#subMain a.order { position: absolute; right: 46px; top: 25px; }

#footer a:link, #footer a:visited {  color: #141414; text-decoration: none; font-size: 90%; }


/* ----- Lists ----- */

ul.nav {  float: right; margin: 35px 0 0 0; }

ul.nav li { float: left; height: 37px; background: url(images/nav_div.gif) no-repeat right top; padding: 0 16px 0 16px; }

#mainHeader ul.nav .noBG { background-image: none; padding-right: 0; }

#services ul { color: #fff; margin: 0 0 0 15px; }

#services ul li { background: url(images/arrow.gif) no-repeat left; padding-left: 10px; margin-top: 10px; }

ul.clients { margin: 0 0 10px 15px; list-style: disc; padding: 0 0 0 10px; }

ul.clients li { margin: 0 0 5px 0; }

#serviceBlock ul { margin: 10px  0 10px 30px; list-style-type: disc; padding: 0 0 0 10px; }

#serviceBlock ul li { margin: 3px 0 3px 0; line-height: 16px; }

ul.servicesNav {  float: left; margin: 20px 0 16px 5px; }

ul.servicesNav li { float: left; margin: 0 0 0 8px; padding-right: 8px; border-right: solid 1px #cacaca; height: 15px; }

#subMain .servicesNav .noBorder { border: none; }

p.serviceTitle a:link, p.serviceTitle a:visited { display: block; font-size: 85%; color:#1f7dd9; position: absolute; right: 15px; bottom: 8px; text-decoration: none; }

p.serviceTitle a:hover { text-decoration: underline; }

#footer ul { float: left; }

#footer ul li { float: left; margin: 0 3px 0 0; }


/* ----- Structure ----- */

body { margin: 0; background: url(images/bg.gif) repeat-x; }

#mainWrapper { width: 880px; margin: 0 auto 20px auto; position: relative; padding-top: 32px; }

#mainHeader { position: relative; }

#subHeader { clear: both; width: 880px; height: 307px; background: url(images/main_header.jpg) no-repeat; position: relative; }

#subpageHeader { clear: both; width: 880px; height: 110px; background: url(images/subpage_header.jpg) no-repeat top; position: relative; }

#mainContent { padding: 25px 0 0 0; width: 880px; }

#subMain {  padding: 25px 0 0 12px; border-top: dotted 1px #308bd4; margin: 15px 0 0 0; width: 865px; position: relative; }

#leftColumn { width: 447px; float: left; padding: 0 0 0 12px; }

#rightColumn { float: right; width: 377px; border-left: dotted 1px #b5b5b5; padding: 0 0 0 29px; margin: 3px 0 0 0; }

#subMain #leftColumn { padding-left: 0; }

#footNav { width: 400px; float: left; margin: 0 0 0 15px; }

/* ----- Homepage ----- */

#services { width: 355px; background: url(images/rounded_top.gif) no-repeat top; position: relative; padding: 5px 0 25px 0; margin: 20px 0 0 0; }

#services span { display: block; width: 355px; height: 9px; background: url(images/rounded_bottom.gif) no-repeat bottom; position: absolute; bottom: 0; }

#states { width: 303px; background: url(images/prov_bg.gif) no-repeat top; padding: 30px 0 95px 52px; }

/* ----- Services Page ----- */

#serviceBlock { width: 780px; margin: 15px auto; background: #fff; clear: left; }

/* ----- Images ----- */

img.subpageImg { margin: 20px 0 100px 0;  }

#leftColumn ul.certs img { border: solid 2px #6699cc; margin: 0 0 5px 0; }

#leftColumn ul.certs li { float: left; margin: 15px 0 0 20px; text-align: center; font-size: 90%; }

/* ----- Forms ----- */

.form { margin: 10px auto 0 auto; width: 410px; }

.form input { border: solid 1px #6699cc; height: 16px; }

.form textarea { border: solid 1px #68a4df; }

#submit { cursor: pointer; width: 85px; height: 22px; background: #6699cc; color: #fff; float: right; margin: 10px 15px 0 0; }

/* Other Styles */

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

#success { text-align: center; padding-top: 50px; }

#servNavSpacer { margin: 0 0 0 30px; }

/* ----- Footer ----- */

#footer { width: 880px; background: url(images/footer_bg.gif) no-repeat; margin: 30px 0 0 0; padding: 18px 0 0 0; }


