/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; background:transparent url(../images/page_bg.jpg) center repeat-y; }

#page { width:760px; margin:0 auto; border-top:3px solid #3B3B90; }

#header { margin:15px; margin-left:40px; position:relative; }
#header h1 { width:253px; height:40px; background:transparent url(../images/logo.gif) center no-repeat; text-indent:-5000px; }
#header h1 a { display:block; width:100%; height:100%; }
#header p { position:absolute; top:0; right:40px; background:transparent url(../images/slogan.gif) no-repeat; width:360px; height:40px; }
#header p span { text-indent:-5000px; display:none; }

#main_nav { display:block; width:750px; height:30px; margin:0 auto; clear:both; }
#main_nav li { float:left; list-style:none; width:150px; height:30px; }
#main_nav li a { display:block; text-indent:-5000px; width:150px; height:30px; }

.inactive #nav_pestcontrol { background:transparent url(../images/nav_main.gif) no-repeat 0 0; }
.inactive #nav_termitecontrol { background:transparent url(../images/nav_main.gif) no-repeat -150px 0; }
.inactive #nav_trappingservices { background:transparent url(../images/nav_main.gif) no-repeat -300px 0; }
.inactive #nav_commercialsolutions { background:transparent url(../images/nav_main.gif) no-repeat -450px 0; }
.inactive #nav_customercare { background:transparent url(../images/nav_main.gif) no-repeat -600px 0; }

.active #nav_pestcontrol, .inactive #nav_pestcontrol:hover { background:transparent url(../images/nav_main.gif) no-repeat 0 -30px; }
.active #nav_termitecontrol, .inactive #nav_termitecontrol:hover { background:transparent url(../images/nav_main.gif) no-repeat -150px -30px; }
.active #nav_trappingservices, .inactive #nav_trappingservices:hover { background:transparent url(../images/nav_main.gif) no-repeat -300px -30px; }
.active #nav_commercialsolutions, .inactive #nav_commercialsolutions:hover { background:transparent url(../images/nav_main.gif) no-repeat -450px -30px; }
.active #nav_customercare, .inactive #nav_customercare:hover { background:transparent url(../images/nav_main.gif) no-repeat -600px -30px; }

#content { margin-top:10px; }

#sidebar { width:190px; float:left; background:transparent url(../images/line_ver.gif) right repeat-y; margin-top:10px; }
#schedule_service { width:166px; margin:0 auto; background:url(../images/form_bg.gif) bottom no-repeat; padding-bottom:10px; }
#schedule_service h3 { width:166px; height:48px; background:url(../images/form_header.gif) no-repeat; text-indent:-5000px; }
#schedule_service p { text-align:center; font-size:1.1em; margin-top:3px; }
#schedule_service p.cb { text-align:left; text-indent:15px; line-height:1.8em; }

#banners { width:167px; margin:0 auto; margin-top:15px; }
#banners li { list-style:none; width:167px; margin-bottom:5px; }

.wide { width:550px; float:left; margin-left:10px; }
.narrow { width:350px; float:left; margin-left:10px; }

.side { width:190px; float:right; margin-right:10px; padding-top:10px; padding-bottom:10px; }
.side h3 { font-size:1.6em; font-weight:bold; }
.side p { font-size:1.1em; line-height:1.4em; }
.side li { font-size:1.2em; line-height:1.8em; }
.side li a { padding-right:12px; background:transparent url(../images/arrow.png) right no-repeat; color:#3D29FE; font-weight:bold; }
#client_testimonials { border-top:1px solid #7FBC3B; border-bottom:1px solid #7FBC3B; background-color:#F5F5F8; padding-top:10px; padding-bottom:10px; }
#client_testimonials h3 { color:#7FBC3B; text-align:center; font-size:1.6em; font-weight:bold; }
#client_testimonials blockquote p { font-size:12px; font-style:italic; line-height:16px; width:90%; margin:0 auto; margin-top:10px; }
#client_testimonials p cite { font-size:1.1em;	font-weight:bold; margin-top:5px; margin-left:10px; }

#main h2 { font-size:1.8em; font-weight:normal; color:#3B3B90; }
#main h3 { font-size:1.4em; font-weight:bold; color:#333; }
#main h4 { font-size:1.2em; font-weight:bold; color:#666; margin-top:10px; }
#main p { font-size:1.2em; line-height:1.8em; margin:10px; }
#main ul { }
#main ul li { font-size:1.2em; text-indent:10px; line-height:1.8em; list-style:circle inside; }
#main ul li ul li { font-size:1em; text-indent:30px; line-height:1.8em; list-style:disc inside; }
#main address { margin-left:30px; font-size:1.4em; font-style:italic; color:#666; }

#main .form { width:80% !important; width:80%; margin:0 auto; }
#main .form fieldset { border:1px solid #ccc; margin:5px; margin-bottom:7px; padding-bottom:7px; }
#main .form fieldset .notify { border:1px solid #ccc; padding-top:5px; margin-top:5px; }
#main .form legend { color:#3B3B90; margin-bottom:10px; }
#main .form label { display:block; float:left; width:120px; height:20px; line-height:20px; font-size:1.1em; margin-left:20px; text-align:left; margin-top:2px; margin-bottom:2px; border:0px solid #333; color:#333; }
#main .form .radio_label { height:20px; line-height:20px; margin:2px; color:#333; font-size:1.1em; }
#main .form .select_label { color:#333; font-size:1.1em; margin-left:15px; }
#main .form input { margin-top:2px; margin-bottom:2px; margin-left:20px !important; margin-left:10px; }
#main .form textarea { width:90%; margin-bottom:5px; padding-bottom:8px; }
#main .form select { padding-left:2px; padding-right:2px; }
#main .form .align { margin-left:160px !important; margin-left:175px; color:#3B3B90 }
#main .form .input { clear:both; }

.img_container { width:550px; text-indent:-5000px; float:right; margin-right:10px !important; margin-right:5px; margin-bottom:20px; }
#homepage_img { height:220px;background:transparent url(../images/img_homepage.jpg) no-repeat; }
#pestcontrol_img {height:120px; background:transparent url(../images/img_pestcontrol.jpg) no-repeat; }
#pestcontrolservice_img {height:120px; background:transparent url(../images/img_pestcontrolservice.jpg) no-repeat; }
#rodentcontrolservice_img {height:120px; background:transparent url(../images/img_rodentcontrolservice.jpg) no-repeat; }
#termitecontrol_img { height:120px; background:transparent url(../images/img_termitecontrol.jpg) no-repeat; }
#trappingservices_img { height:120px; background:transparent url(../images/img_trappingservices.jpg) no-repeat; }
#commercialsolutions_img { height:120px; background:transparent url(../images/img_commercialsolutions.jpg) no-repeat; }
#leafdefier_img { height:120px; background:transparent url(../images/img_leafdefier.jpg) no-repeat; }
#bedbugs_img { height:120px; background:transparent url(../images/img_bedbugs.jpg) no-repeat; }
#customercare_img { height:120px; background:transparent url(../images/img_customercare.jpg) no-repeat; }
#scheduleservice_img { height:120px; background:transparent url(../images/img_scheduleservice.jpg) no-repeat; }
#realtor_img { height:120px; background:transparent url(../images/img_realtor.jpg) no-repeat; }
#guttercleaning_img { width:550px; height:120px; margin-bottom:30px; background:transparent url(../images/img_guttercleaning.jpg) no-repeat; }

#footer { clear:both; margin-top:10px; background:transparent url(../images/line_hor.gif) top repeat-x; }
#footer p { text-align:center; clear:both; margin-bottom:20px; }

#affiliates { display:block; border:dotted #ccc; border-width:1px 0 1px 0; border:none; background:transparent url(../images/line_hor.gif) bottom repeat-x; width:auto; margin:0 auto; padding-top:10px; padding-bottom:10px; text-align:center; vertical-align:middle; }
#affiliates li { display:inline; width:auto; margin:5px; vertical-align:middle; }
#affiliates a img { border:0px solid #f2f2f2; padding:2px; }

#footer_nav { clear:both; width:auto; margin:0 auto; margin-top:10px; margin-bottom:10px; text-align:center; }
#footer_nav li { display:inline; margin:5px; }

/*general classes */
.bold { font-weight:bold; }
.notes { color:#666; }
.required { color:#3B3B90; }
.attention { border:2px solid #f00; }
.a_center { text-align:center; }
.a_left { text-align:left; }
.a_right { text-align:right; }
.status_msg { color:#F00; }
.clear { visibility:hidden; clear:both; }
.link a { color:#3D29FE; }
.img { float:right; }
a { /* color:#3B3B90; change links to blue per Jason */ color:#00f; }
strong { font-weight:bold; }
p.schedule { font-weight:bold; text-align:center; }
a.schedule { color:#00f;}

/* other styles */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */