﻿/*--Kimak Stylesheet--
-----------------------------------------*/
/*--GENERAL STYLES--
--------------------------*/
a {color: #036bab; text-decoration: none; font-weight: bold; outline:none;}
a:hover {text-decoration: underline;}
body {margin: 0; padding: 0; background: #00669f; font-family: "Century Gothic", "MS Trebuchet", Futura, Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #333333;}
img {margin: 0; padding: 0; border: 0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }/* end clearfix */
.float-left {float: left;}
.float-right {float: right;}
#gutter {width: 900px; margin: 0 0 0 25px; padding-top: 10px;}
#interior-wrapper {width: 950px; margin: 0 0 0 30px; padding: 0; position: relative;}
#lower-wrapper {width: 1010px; background: url(/layout/images/shadow-bg.png) repeat-y 0 0; clear: both; margin: 0; padding: 0;}
#outer-wrapper {margin: 0 auto; padding: 0 0 0 0; width: 1010px; position: relative; overflow: hidden;}
/*--FONT STYLES--
--------------------------*/
h1, h2, h3, h4, h5 {margin: 10px 0; font-weight: normal; }
h1{font-size: 250%; color: #036bab;}
h2{font-size: 150%; color: #036bab;}
h3{font-size: 110%; color: #000000;}
h6{font-size: 150%; color: #000000; font-weight: normal; margin: 0 auto;}
p {margin: 10px 0;}
body#index h1 {font-size: 150%; color: #036bab;}

/*--HEADER STYLES--
--------------------------*/
#header {height: 165px; position: relative; margin: 0; padding: 0; background: url(/layout/images/header-bottom-shadow.png) no-repeat bottom left;}
#logo {position: absolute; left: 30px; top:35px;}
#header-bar {height: 39px; width: 450px; position: absolute; left: 25px; top: 120px;}
#network-nav {float: right; clear: right; margin: 0 30px 0 0; padding: 0;}
#network-nav li {display: inline; list-style: none;}
#network-nav a {text-decoration: none; color: #FFFFFF; font-weight: normal; padding:0 7px; font-size: 90%; background: url(/layout/images/network-nav-pipe.gif) no-repeat right center;}
#network-nav a.last {background: none; font-weight: normal; padding-right: 0;}
#network-nav a:hover {text-decoration: underline; font-weight: normal;}
#outer-wrapper .phone-number {color: #FFFFFF; font-size: 240%; float: right; margin: 30px 30px 0 0; font-family: Helvetica, Arial; text-align:right;}
span.phone-number-location {font-size:13px;}

/*--TOP NAVIGATION STYLES--
--------------------------*/
#top-nav-left {background: url(/layout/images/top-nav-left.png) no-repeat 0 0; padding-left: 11px; height: 46px; position: absolute; bottom: 0; right: 30px;}
#top-nav-right {background: url(/layout/images/top-nav-right.png) no-repeat right top; padding-right: 11px;}
#top-nav-middle {background: url(/layout/images/top-nav-bg.png) repeat-x 0 0;}
#top-nav {margin: 0; padding: 0; height: 46px; width: auto;}
#top-nav li {display: inline; list-style: none; line-height: 46px; margin: 0; padding: 0;}
#top-nav a {color: #036bab; font-weight: normal; margin: 0; padding:0 13px 0 7px; font-size: 100%; background: url(/layout/images/top-nav-pipe.gif) no-repeat right center;}
#top-nav a.last {background: none; font-weight: normal;}
#top-nav a:hover {text-decoration: underline; font-weight: normal;}
/*--MAIN NAVIGATION STYLES--
--------------------------*/
#main-nav-shadow {width: 1010px; background: url(/layout/images/main-nav-shadow.png) no-repeat 0 0; position: relative;}
#main-nav-shadow-inner {width: 1010px; background-repeat: repeat-y; background-position: 0px 70px;}
#main-nav-wrapper {background: url(/layout/images/main-nav-bg.gif) repeat-x 0 0; width: 950px; margin: 0 auto; padding-left: 2px;}
#main-nav-wrapper .ul-wrap {width: 235px; float: left; margin: 0 1px; padding-bottom: 15px;}
#main-nav-wrapper ul {margin: 0; padding: 0 0 25px 0; text-align: center; float: left; width: 235px;}
#main-nav-wrapper ul li {list-style: none; margin: 0; padding: 0; line-height: 30px;}
#main-nav-wrapper ul li a {font-size: 115%; color: #0667a7; font-weight: normal;}
#main-nav-wrapper ul li.first a {padding: 0; margin: 0; line-height: 54px; height: 54px; text-align: left; padding-left: 63px; position: relative; color: #FFFFFF; font-weight: normal; font-size: 115%; display: block; text-transform: uppercase;}
#main-nav-wrapper ul li.first a:hover {background: url(/layout/images/main-nav-bg-hover.gif) repeat-x 0 0;text-decoration: none; font-weight: normal;}
#main-nav-wrapper .nav-menu-hover {background: #036bab url(/layout/images/nav-menu-hover-bottom.gif) no-repeat bottom left;}
#main-nav-wrapper .nav-menu-hover li.first a {background: url(/layout/images/main-nav-bg-hover.gif) repeat-x 0 0;}
#main-nav-wrapper .nav-menu-hover a {color: #FFFFFF; font-weight: normal;}
#main-nav-wrapper img {margin-bottom: 20px;}

/*--MAIN NAVIGATION STYLES FOR INDEX PAGE--*/
#main-nav-wrapper #main-nav-residential-services li.first a {background: url(/layout/images/main-nav-residential-services.gif) no-repeat 0 0;}
#main-nav-wrapper .nav-menu-hover #main-nav-residential-services li.first a {background: url(/layout/images/main-nav-residential-services-active.gif) no-repeat 0 0;}
#main-nav-wrapper #main-nav-commercial-services li.first a {background: url(/layout/images/main-nav-commercial-services.gif) no-repeat 0 0;}
#main-nav-wrapper .nav-menu-hover #main-nav-commercial-services li.first a {background: url(/layout/images/main-nav-commercial-services-active.gif) no-repeat 0 0;}
#main-nav-wrapper #main-nav-pest-id li.first a {background: url(/layout/images/main-nav-pest-id.gif) no-repeat 0 0; font-size: 110%; font-weight: normal;}
#main-nav-wrapper .nav-menu-hover #main-nav-pest-id li.first a {background: url(/layout/images/main-nav-pest-id-active.gif) no-repeat 0 0; font-size: 110%; font-weight: normal;}
#main-nav-wrapper #main-nav-termite-control li.first a {background: url(/layout/images/main-nav-termite-services.gif) no-repeat 0 0;}
#main-nav-wrapper .nav-menu-hover #main-nav-termite-control li.first a {background: url(/layout/images/main-nav-termite-services-active.gif) no-repeat 0 0;}

/*--MAIN NAVIGATION STYLES FOR INTERIOR--*/
#main-nav-wrapper a#main-nav-residential-services {background: url(/layout/images/main-nav-residential-services.gif) no-repeat 0 0;}
#main-nav-wrapper a#main-nav-residential-services:hover, #main-nav-wrapper a#main-nav-residential-services.currentParent, #main-nav-wrapper a#main-nav-residential-services.current {background: url(/layout/images/main-nav-residential-services-active.gif) no-repeat 0 0;}
#main-nav-wrapper a#main-nav-commercial-services{background: url(/layout/images/main-nav-commercial-services.gif) no-repeat 0 0;}
#main-nav-wrapper a#main-nav-commercial-services:hover, #main-nav-wrapper a#main-nav-commercial-services.currentParent, #main-nav-wrapper a#main-nav-commercial-services.current {background: url(/layout/images/main-nav-commercial-services-active.gif) no-repeat 0 0;}
#main-nav-wrapper a#main-nav-pest-id{background: url(/layout/images/main-nav-pest-id.gif) no-repeat 0 0;}
#main-nav-wrapper a#main-nav-pest-id:hover, #main-nav-wrapper a#main-nav-pest-id.currentParent, #main-nav-wrapper a#main-nav-pest-id.current {background: url(/layout/images/main-nav-pest-id-active.gif) no-repeat 0 0; font-size: 110%; font-weight: normal;}
#main-nav-wrapper a#main-nav-termite-control {background: url(/layout/images/main-nav-termite-services.gif) no-repeat 0 0;}
#main-nav-wrapper a#main-nav-termite-control:hover, #main-nav-wrapper a#main-nav-termite-control.currentParent, #main-nav-wrapper a#main-nav-termite-control.current {background: url(/layout/images/main-nav-termite-services-active.gif) no-repeat 0 0;}
#main-nav-wrapper #main-nav-interior {width: auto; float: none; padding: 0;}
#main-nav-wrapper #main-nav-interior li {width: 235px; height: 54px; display: block; float: left; clear: none; line-height: 54px; margin: 0 1px;}
#main-nav-wrapper #main-nav-interior a { height: 54px; width: 172px; display: block; float: left; color: #FFFFFF; text-transform: uppercase; font-size: 115%; text-align: left; padding: 0 0 0 63px; font-weight: normal;}
#main-nav-wrapper #main-nav-interior a#main-nav-repair {font-size: 110%; font-weight: normal;}
#main-nav-wrapper #main-nav-interior a:hover {text-decoration: none; font-weight: normal;}

/*--SIDE NAVIGATION STYLES--
--------------------------*/
#side-nav-box {width: 220px; margin: 0 0 10px 0; color: #FFFFFF;}
#side-nav-box a {color: #FFFFFF; font-weight: normal;}
#side-nav-box-top {background: url(/layout/images/side-nav-top.png) no-repeat 0 0; padding: 15px 0 10px 15px; color: #FFFFFF; font-size: 130%; font-weight: bold;}
#side-nav-box-top h1, #side-nav-box-top h2, #side-nav-box-top h3, #side-nav-box-top h4, #side-nav-box-top p {margin: 0;}
#side-nav-box-content {background: url(/layout/images/side-nav-bg.png) repeat-y 0 0; padding: 5px 5px 5px 20px; width: 195px; display: block;}
#side-nav-box-content img {display: block; margin: 0 auto;}
#side-nav-box-bottom {text-align: center; color: #FFFFFF; font-size: 110%; padding: 10px 0; background: url(/layout/images/side-nav-bottom.png) no-repeat bottom left;}
#side-nav {margin: 0; padding: 0;}
#side-nav li {list-style: none; display: block; float: left; width: 194px; margin: 0 0 10px 0; padding: 0;}
#side-nav a {display: block; padding: 10px; float: left; width: 194px; margin: 0; padding: 0; font-weight: normal;}
#side-nav a span {display: block; margin: 0; padding: 5px 4px 5px 7px; float: left; font-weight: normal;}
#side-nav a:hover, #side-nav a:hover span {text-decoration: underline; cursor: pointer; font-weight: normal;}
#side-nav a.current, #side-nav a.currentParent {text-decoration: none; background: #FFFFFF url(/layout/images/side-nav-white.gif) no-repeat 0 0; color: #036bab; font-weight: normal;}
#side-navs li a.hover-white.current span, #side-nav li a.hover-white.currentParent span, #side-nav li a:active.hover-white span {background: url(/layout/images/side-nav-hover-bottoms.gif) no-repeat bottom left;}

/*--CONTENT STYLES--
--------------------------*/
.blog-box {width: 451px; margin: 10px 0; background-color: #0069aa; float: left;}
.blog-box-top {background: url(/layout/images/blog-box-top.gif) no-repeat 0 0; padding: 5px 10px; text-align: left; color: #FFFFFF; font-size: 120%;}
.blog-box-top a.rss {float: right;}
.blog-box-content {background: url(/layout/images/blog-box-bg.gif) repeat-y 0 0; padding: 5px 10px 15px 10px; width: 431px; display: block;}
.blog-box-content .read-more {float: right; margin-top: -10px;}
.blog-box-bottom {color: #FFFFFF; font-size: 110%; padding: 5px 10px; background: url(/layout/images/blog-box-bottom.gif) no-repeat bottom left; font-weight: normal;}
.blog-box-bottom a {color:#FFFFFF; font-weight: normal;}
.expanding-box {width: 203px; margin: 10px 0 10px 17px; background-color: #0069aa; float: left;}
.expanding-box-top {background: url(/layout/images/expanding-block-top.gif) no-repeat 0 0; padding: 5px 0; text-align: center; color: #FFFFFF; font-size: 120%; font-weight: bold;}
.expanding-box-content {background: url(/layout/images/expanding-block-middle.gif) repeat-y 0 0; padding: 5px 10px; width: 183px; display: block;}
.expanding-box-content img {display: block; margin: 0 auto;}
.expanding-box-bottom {text-align: center; color: #FFFFFF; font-size: 110%; padding: 5px 0; background: url(/layout/images/expanding-block-bottom.gif) no-repeat bottom left;}
.expanding-box-bottom a {color:#FFFFFF; font-weight: normal;}
#index-content-area {clear: both; padding: 15px 0 0 0;}
#main-content {width: 660px; margin: 15px 0 0 237px;}
img.header-image {position: absolute; top: 0; left: 0;}
#left-content {float: left; position: relative; z-index: 3; width: 218px;}
#left-testimonials-block {width: 195px; margin: 0 auto; font-size: 90%;}
.testimonial-more {font-size: 80%;}
#did-you-know-wrapper {width: 195px; margin: 0 auto; padding:20px 0;}
.did-you-know-header {color:#036bab; font-size:16px; font-weight:bold; font-style:italic;}
.did-you-know-item {font-size:13px; font-style:italic;}


/*--FOOTER STYLES--
--------------------------*/
#footer {width: 950px; margin: 0; padding: 50px 0 0 0; clear: both;}
#footer-nav {margin: 0 auto; padding-left: 10px; background: url(/layout/images/footer-nav-bar.gif) repeat-x 0 0;}
#footer-nav ul {float: left; margin: 0 30px; padding: 0; width: auto; line-height: 90%;}
#footer-nav ul li {list-style: none;}
#footer #footer-nav ul li.first {padding: 0 0 10px 0; line-height: 34px;}
#footer #footer-nav ul li.first a {text-decoration: none; color: #FFFFFF; font-size: 110%; margin: 0; white-space: nowrap;}
#footer-nav ul li a {font-size: 80%; color: #0069aa; text-decoration: none; white-space: nowrap; font-weight: normal;}
#footer-nav a:hover, #footer #footer-nav ul li.first a:hover {text-decoration: underline; font-weight: normal;}
#footer-bottom {font-size: 90%; color: #FFFFFF; position: relative; background-color: #036bab; margin: 20px 0 0 0;}
#footer-bottom-content {float: right; display: block; margin: 15px 25px 0 0; width: 480px;}
#footer-bottom a {color:#FFFFFF; text-decoration: none; font-weight: normal;}
#footer-bottom a:hover {text-decoration: underline;}
#address-container {width:auto; padding:10px 0;}
#footer .footer-text {margin:10px auto; padding:0; font-size: 90%; text-align:center;}
.footer-text-line1 {margin:10px auto; padding:0; font-size:124%; text-align:center;}
.footer-text-line2 {margin:10px auto; padding:0; font-size:90%; text-align:center;}
#copyright {margin: 25px 0 0 0; padding: 0; position: absolute; bottom: 5px; right: 25px;}


/*--BLOG STYLES--
--------------------------*/
#side-nav-box-content.blog {padding-left: 7px; width: 207px;}
#side-nav-box-content .blog-nav {margin: 0; padding: 0;}
#side-nav-box-content .blog-nav li {list-style: none; font-size: 80%; margin-left: 10px;}
#side-nav-box-content .blog-nav li a {margin-left: 3px; font-size: 130%;}
#blog-archive-nav.blog-nav {margin-top: 20px;}
#blog-archive-nav.blog-nav li {font-size: 90%; margin-bottom: 7px; margin-left: 0;}
#blog-archive-nav.blog-nav a { padding-left: 15px; background: url(/layout/images/blog-archive-arrow-inactive.gif) no-repeat left center; font-weight: normal;}
#blog-archive-nav.blog-nav a:hover {background: url(/layout/images/blog-archive-arrow-active.gif) no-repeat left center;}
#blog-archive-nav.blog-nav a.current, #blog-archive-nav.blog-nav a.currentParent {background: url(/layout/images/blog-archive-arrow-active.gif) no-repeat left center;}
#blog-archive-nav.blog-nav li ul {padding-left: 20px; margin-left: 0;}
#blog-archive-nav.blog-nav li ul li {font-size: 70%; background: url(/layout/images/blog-archive-hyphen.gif) no-repeat left center; padding-left: 10px;}
#blog-archive-nav.blog-nav li ul li a {background: none; padding-left: 0;}
#blog-archive-nav.blog-nav li ul li a:hover {background: none;}
h1.blog-title {margin-bottom: 0;}
.blog-author, .blog-date, .blog-previous, .blog-next {color: #0069aa; margin: 0; padding: 0;}
.blog-date{margin-bottom: 15px; font-size: 90%;}
/*--MISC STYLES--
--------------------------*/
#breadcrumb a {font-weight: normal;}

/*--PESTS LOCATIONS LINKS TEMPLATE STYLE NON-IE--
---------------------------------*/

#pest-locations-nav {margin-left:-40px;}
#stacked-menu li {list-style-type:none; display:inline; text-align:left; white-space:pre-wrap;}
#stacked-menu a {color:#0069aa; font-weight: normal;}

/*--FORM SPECIFIC STYLES--
------------------------*/
.fsForm input.fsField[type="text"]:focus, .fsForm input.fsField[type="file"]:focus, .fsForm textarea.fsField:focus {border-color:#2F5A09;}
.fsRowTop, .fsRowBottom, .fsRowOpen, .fsRowClose {display:none;}
.fsFieldFocused {background:none;}

/*--CONTACT FORM STYLES--
-----------------------*/
span.alert {color:red; font-weight:bold;}
td.contact-label {margin:0; padding:9px 5px 0 0;}
td.contact-area {margin:0; padding:9px 5px 0 0; vertical-align:top;}
td.contact-field {margin:0; padding:5px 0 0 0;}

/*--TESTIMONIAL STYLES--
----------------------*/
.testimonial-text {}
.testimonial-name {font-style:italic;}













/*--END--*/

