/*
THEME NAME: Service Master PR
DESCRIPTION: This theme is built upon <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a>. It has been customized for Service Master PR.
VERSION: 1.0
AUTHOR: <a href="http://www.airtightdesign.com">Airtight Design</a>
AUTHOR URI: http://www.airtightdesign.com
*/

/* Architecture */
html { }

a:focus, object:focus {
-moz-outline-style: none;
outline: none;
} 

body {
	background: #fff url(images/main_bg.jpg) repeat-x;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #404040;
}

.clear{clear: both;}

#wrapper {
	width: 960px;
	margin: 0 auto;
	background: #FFFFFF;
}

/* Header */

#header {
	height: 112px;
	position: relative;
	z-index: 10;
}

#logo{
	background: url(images/logo.jpg);
	text-indent: -99999px;
	width: 237px;
	height: 112px;
	float: left;
}

#tagline{
	background: url(images/tagline.jpg);
	text-indent: -99999px;
	width: 472px;
	height: 21px;
	position: absolute;
	top: 40px;
	left: 213px;
}

#response-time{
	background: url(images/response_time.jpg);
	width: 263px;
	height: 54px;
	position: absolute;
	top:0;
	right: -4px;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

#tabs li {
	list-style: none;
}

#tabs li#water a {
	background: url(images/tab-nav.png) -166px 0px no-repeat;
	width: 166px;
	height: 110px;
	display: block;
	text-indent: -99999px;
}

#tabs li#water.ui-state-active a {
	background: url(images/tab-nav.png) 0px 0px no-repeat;
	width: 166px;
	height: 110px;
	display: block;
	text-indent: -99999px;
}

#tabs li#fire a {
	background: url(images/tab-nav.png) 0px -110px no-repeat;
	width: 166px;
	height: 110px;
	display: block;
	text-indent: -99999px;
}

#tabs li#fire.ui-state-active a {
	background: url(images/tab-nav.png) -166px -110px no-repeat;
	width: 166px;
	height: 110px;
	display: block;
	text-indent: -99999px;
}

#tabs li#building a {
	background: url(images/tab-nav.png) 0px -220px no-repeat;
	width: 166px;
	height: 110px;
	display: block;
	text-indent: -99999px;
}

#tabs li#building.ui-state-active a {
	background: url(images/tab-nav.png) -332px -220px no-repeat;
	width: 166px;
	height: 110px;
	display: block;
	text-indent: -99999px;
}

#tabs ul {
	float: left;
	z-index: 3;
	width: 166px;
}

#tabs ul, #tabs li, #tabs a {
	z-index: 3;
}

#tabs div {
	position: absolute;
	width: 792px;
	z-index: 3;
}

#tabs div.black-box-cont {
	width: 215px;
	height: 330px;
	margin-left: 166px;
	float: left;
}

#tabs .black-box {
	background: url(images/black-bg.png) repeat-y;
	width: 180px;
	height: 300px;
	z-index: 4;
	padding: 15px 15px 15px 10px;
	color: #FFF;
	text-shadow: #000 0px 0px 10px;
	display: block;
}

#tabs {
	width: 100%;
	height: 100%;
}

#tabs div#fragment-1 {
	z-index: 2;
	background: url(images/home_water_banner.jpg) no-repeat;
	margin: 58px 0px 0px 153px;
	width: 805px;
	height: 272px;
}

#tabs div#fragment-2 {
	z-index: 2;
	background: url(images/home_fire_banner.jpg) no-repeat;
	margin: 58px 0px 0px 153px;
	width: 805px;
	height: 272px;
}

#tabs div#fragment-3 {
	z-index: 2;
	background: url(images/home_commercial_banner.jpg) no-repeat;
	margin: 58px 0px 0px 153px;
	width: 805px;
	height: 272px;
}

.learn-more {
	margin-left: -8px;
	margin-top: 10px;
	z-index: 100;
	width: 108px;
}

/* Nav */

.nav {
	background: url(images/nav/nav_bg.jpg) repeat-x;
	width: 725px;
	height: 48px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.nav li {
list-style-type: none;
display: block;
float: right;
}

.navitem{
	display: block;
	height: 48px;
	text-indent: -9999px;
}

#footnav .navitem { float: right;}

#homenav, #homenav_foot{width: 77px; background: url(images/nav/home.jpg);}
a#homenav:hover, a#homenav_foot:hover{background: url(images/nav/home_over.jpg);}
.pageid-3 #homenav, .pageid-3 #homenav_foot{width: 77px; background: url(images/nav/home_over.jpg);}

#aboutnav, #aboutnav_foot{width: 103px; background: url(images/nav/about.jpg);}
a#aboutnav:hover, a#aboutnav_foot:hover{background: url(images/nav/about_over.jpg);}
.pageid-2 #aboutnav, .pageid-2 #aboutnav_foot{width: 103px; background: url(images/nav/about_over.jpg);}

#servicesnav, #servicesnav_foot{width: 125px; background: url(images/nav/services.jpg);}
a#servicesnav:hover, a#servicesnav_foot:hover{background: url(images/nav/services_hover.jpg);}
.pageid-18 #servicesnav, .pageid-18 #servicesnav_foot{width: 125px; background: url(images/nav/services_on.jpg);}
#footnav a#servicesnav_foot:hover{background: url(images/nav/services_on.jpg);}

#faqnav, #faqnav_foot{width: 64px; background: url(images/nav/faq.jpg);}
a#faqnav:hover, a#faqnav_foot:hover{background: url(images/nav/faq_over.jpg);}
.pageid-23 #faqnav, .pageid-23 #faqnav_foot{width: 64px; background: url(images/nav/faq_over.jpg);}

#testimonialsnav, #testimonialsnav_foot{width: 130px; background: url(images/nav/testimonials.jpg);}
a#testimonialsnav:hover, a#testimonialsnav_foot:hover{background: url(images/nav/testimonials_over.jpg);}
.pageid-27 #testimonialsnav, .pageid-27 #testimonialsnav_foot{width: 130px; background: url(images/nav/testimonials_over.jpg);}

#contactnav, #contactnav_foot{width: 115px; background: url(images/nav/contact.jpg);}
a#contactnav:hover, a#contactnav_foot:hover{background: url(images/nav/contact_over.jpg);}
.pageid-29 #contactnav, .pageid-29 #contactnav_foot{width: 115px; background: url(images/nav/contact_over.jpg);}

li ul {

  position: absolute; 
  top: 1em;
  left: 0;
}


#services-drop{

}

#dropnav{
	width: 228px;
	margin: 35px 0 0 285px;
	display:none;
}

.dropitem{
	width: 228px;
	display: block;
	text-indent: -9999px;
}

#waternav{background: url(images/nav/water.png);height: 40px;}
#waternav:hover{background: url(images/nav/water_over.png);}

#firenav{background: url(images/nav/fire.png);height: 33px;}
#firenav:hover{background: url(images/nav/fire_over.png);}

#moldnav{background: url(images/nav/mold.png);height: 32px;}
#moldnav:hover{background: url(images/nav/mold_over.png);}

#commercialnav{background: url(images/nav/commercial.png);height: 33px;}
#commercialnav:hover{background: url(images/nav/commercial_over.png);}

#smokenav{background: url(images/nav/smoke.png);height: 47px;}
#smokenav:hover{background: url(images/nav/smoke_over.png);}

#jimeh{
	margin-bottom: 9px;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	margin-top: -6px;
	background: #000000 url(images/red-bar.png) no-repeat;
	position: relative;
}
.jimeh_phone { font-size: 32px; color: #eee; font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; top: 8px; right: 12px; letter-spacing: -3px;
}
#jimeh p { margin-bottom: 12px; }

#redbar{
	background: url(images/red-bar.png);
	margin-left: 1px;
	width: 960px;
	height: 64px;
	margin: 0px 0px 0px 0;
	padding: 0;
	position: relative;
}

.pageid-3 #jimeh{height: 330px;}

#container { float: left; width: 100%;}

#yellow-bar{
	border: 1px solid #e1d51b;
	background: #fdf692;
	height: 13px;
	width: 635px;
	margin: 0;
	padding: 0;
	float: left;
}



/* General */
* {
	margin: 0;
	padding: 0;
}

a {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #333333;
	text-decoration: underline;
}

.wrap{
	width: 960px;
	margin: 0 auto;
	position: relative;
}

img {
	border: 0;
}

.separator {
	color: #CCCCCC;
	margin: 0 5px;
}

.meta-sep {
	color: #CCCCCC;
	margin: 0 5px;
}

.floater-left {
	float: left;
}

.floater-right {
	float: right;
}

#menu ul {
	display: inline; /* Added to fix the double margin in IE6 */
	list-style: none;
}

#menu ul li {
	display: inline; /* Added to fix the double margin in IE6 */
	float: left;
	margin-left: 10px;
	padding: 15px 10px;
}

#blog-title {
	font-size: 250%;
	font-weight: normal;
	margin: 40px 0 0 20px;
}

#blog-title a {
	color: #333333;
}

#blog-description {
	font-size: 120%;
	font-weight: normal;
	margin: 0 0 0 20px;
}

#threeboxwrap{
	margin-bottom: 9px;
	display: block;
	clear: both;
	float: left;
	width: 100%;
}

.box{
	float: left;
	background: #e8e8e8;
	width: 312px;
	height: 105px;
	border: 1px solid #d7d7d7;
	position: relative;
}

#box1{
	background: url(images/box1.jpg);
	margin-right: 9px;
	border: 1px solid #e0a2a1;
}

#free-estimate{
	background: url(images/free-estimate.jpg);
	width: 148px;
	height: 33px;
	position: absolute;
	bottom: 17px;
	right: 37px;
	text-indent: -9999px;
	display: block;
}

#free-estimate:hover{background: url(images/free-estimate-over.jpg);}

#box2{margin-right: 9px;background: url(images/box2.jpg);}

#box3{background: url(images/box3.jpg);}

/* Content */

#content {
	width: 575px;
	min-height: 552px;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	float: left;
	background: #f3f3f3;
	padding: 15px 30px;
	margin-bottom: 9px;
	position: relative;
}

#insurance-logos{
	background: url(/wp-content/themes/ServiceMaster/images/insurance.jpg);
	width: 635px;
	height: 93px;
	border-top:1px solid #dadada;
	position: relative;
	bottom: -15px;
	left: -30px;
}

#trade-logos{
	background: url(/wp-content/themes/ServiceMaster/images/trade-logos.jpg);
	width: 635px;
	height: 93px;
	border-top:1px solid #dadada;
	position: relative;
	bottom: -15px;
	left: -30px;
}

.page-title {
	font-weight: bold;
	font-size: 22px;
	color: #00779b;
	text-transform: uppercase;
	letter-spacing: -0.03em;
}

.tagline{
	color: #5c5c5c;
	margin: 5px 0px 7px 0px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.introtext{
	color: #4c4c4c;
	font-size: 13px;
	line-height: 19px;
}

.dots{
	border-top: 1px dotted #ccc;
	margin-bottom: 20px;
	margin-top: 20px;
}

#align-left{
	margin-right: 15px;
	margin-bottom: 15px;
}

.post {
	margin-bottom: 50px;
}

.entry-comments {
	float: right;
}

.entry-title a {
	color: #FF8000;
}

.more-link {
	display: block;
	margin: 10px 0 0 0;
}

.entry-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.entry-comments a, .entry-comments span {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
}

.entry-comments span {
	color: #CCCCCC;
	font-weight: normal;
}

.entry-comments a:hover {
	color: #FFFFFF;
}

.entry-meta {
	color: #666666;
	font-size: 90%;
	margin-top: 10px;
}

.entry-categ {
	color: #666666;
	font-size: 90%;
	border-bottom: 1px solid #EFEFEF;
	padding-bottom: 5px;
}

.entry-footer {
	color: #666666;
	font-size: 90%;
	border-bottom: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;	
	padding: 5px 0;
}

.entry-footer span {
	color: #CCCCCC;
	margin: 0 5px;
}

.entry-subscribe {
	padding: 5px 5px 5px 26px;
	background: #FAFAFA url(images/rss.gif) no-repeat top left;
	background-position: 6px 6px;
}

.entry-content p {
	color: #4c4c4c;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 9px;
	padding: 0;
}

h4{
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	clear: both;
	margin-bottom: 5px;
}


.entry-content p a {
	color: #00779B;
}

.entry-content p a:hover {
	color: #5fb7d1;
}

.entry-content a {
	text-decoration: underline;
}

.entry-content ul, .entry-content ol {
	margin-left: 0px;
	margin-bottom: 15px;
	clear: both;
	display: block;
	float: left;
}

.entry-content ul li, .entry-content ol li {
	line-height: 1.3;
	margin-bottom: 7px;
	float: left;
	margin-left: 45px;
	width: 220px;
	font-size: 14px;
}

.entry-content img{
	border: 1px solid #848484;
}

img.alignleft {
	display:inline;
	margin:6px 15px 6px 0;
	padding:0;
	float: left;
}

img.alignright{
	display:inline;
	margin:6px 0 6px 15px;
	padding:0;
	float:right;
}

.entry-content blockquote{
	background: url(images/blockquote_bg.jpg) no-repeat #dbd9d9;
	padding: 20px 40px 20px 45px;
	margin-bottom: 5px;
	min-height: 75px;
}

.entry-content blockquote p{
	font-size: 16px;
	text-align: center;
}

#services-links{
	width: 625px;
	height: 20px;
	border-top:1px solid #dadada;
	position: relative;
	bottom: -15px;
	left: -30px;
	padding: 10px 5px 5px 5px;
}

#services-links a{
	text-indent: -9999px;
	height: 19px;
	display: block;
	width: 274px;
}

.lt{float: left;}
.rt{float: right;}

#previouswater{background: url(images/previous-water.jpg);}
#previouswater:hover{background: url(images/previous-water_over.jpg);}

#previousfire{background: url(images/previous-fire.jpg);width: 256px;}
#previousfire:hover{background: url(images/previous-fire_over.jpg);width: 256px;}

#previousmold{background: url(images/previous-mold.jpg);}
#previousmold:hover{background: url(images/previous-mold_over.jpg);}

#previouscommercial{background: url(images/previous-commercial.jpg);}
#previouscommercial:hover{background: url(images/previous-commercial_over.jpg);}

#nextfire{background: url(images/next-fire.jpg);}
#nextfire:hover{background: url(images/next-fire_over.jpg);}

#nextmold{background: url(images/next-mold.jpg);}
#nextmold:hover{background: url(images/next-mold_over.jpg);}

#nextcommercial{background: url(images/next-commercial.jpg);}
#nextcommercial:hover{background: url(images/next-commercial_over.jpg);}

#nextsmoke{background: url(images/next-smoke.jpg);}
#nextsmoke:hover{background: url(images/next-smoke_over.jpg);}

/* Sidebar */

#sidebar {
	width: 314px;
	float: left;
	overflow: hidden;
	margin-left: 9px;
	margin-top: -15px;
}

#services-sidebar{
	border: 1px solid #255969;
	background: url(images/sv-left.jpg) left no-repeat #008ab4;
	height: 189px;
	padding: 20px 38px;
	margin-bottom: 9px;
}

#services-sidebar h3{
	background: url(images/sv-header.jpg);
	text-indent: -99999px;
	width: 154px;
	height: 21px;
	margin-bottom: 13px;
}

#services-sidebar ul li{
	background: url(images/service-bullet.jpg) no-repeat;
	padding: 0px 0px 8px 25px;
	margin-top: 8px;
	list-style-type: none;
	border-bottom: 1px dotted #66cc99;
}

#services-sidebar ul li a{
	font-size: 15px;
	font-weight: bold;
	line-height: 12px;
	color: #ffff99;
}

.pageid-36 #side-water{color: #ccff33;}
.pageid-51 #side-fire{color: #ccff33;}
.pageid-58 #side-mold{color: #ccff33;}
.pageid-62 #side-commercial{color: #ccff33;}
.pageid-68 #side-smoke{color: #ccff33;}

#services-sidebar ul li a:hover{
	text-decoration: none;
	color: #ccff33;
}

#whatweoffer{
	border: 1px solid #cccc33;
	background: url(images/ww-left.jpg) left no-repeat #FDF692;
	height: 212px;
	padding: 20px 20px 20px 38px;
	margin-bottom: 9px;
}

#whatweoffer h3{
	color: #666600;
	font-size: 16px;
	width: 154px;
	height: 21px;
	margin-bottom: 8px;
	margin-top: -5px;
}

#whatweoffer ul li{
	background: url(images/ww-bullet.jpg) no-repeat;
	padding: 0px 0px 8px 25px;
	font-size: 11px;
	color: #666;
	list-style-type: none;
}

#pledge{
	background: url(images/pledge.jpg);
	height: 104px;
}

/* Footer */

#footer {
	background: url(images/footer_bg.jpg) repeat-x;
	clear: left;
	width: 100%;
	height: 312px;
	position: relative;
}

#foot-top{height: 36px;}

#foot-top p{
	width: 960px;
	margin: 0 auto;
	color: #669999;
	text-align: center;
	padding-top: 12px;
	font-size: 11px;
	font-weight: bold;
}

#footnav{
	top:0;
	width: 973px;
	margin: 0 auto;
	background: none;
	left: -10px;
}

#fbnav{width: 109px; background: url(images/nav/fb.jpg);	}
a#fbnav:hover{background: url(images/nav/fb_over.jpg);}

#twitnav{width: 138px; background: url(images/nav/tw.jpg);}
a#twitnav:hover{background: url(images/nav/tw_over.jpg);}

#blognav{width: 112px; background: url(images/nav/blognav.jpg);}
a#blognav:hover{background: url(images/nav/blognav_over.jpg);}


#foot-callout{
	position: absolute;
	left: 200px;
	top: 88px;
	background: url(images/foot_callout.png);
	width: 539px;
	height: 120px;
}

#copyright{
	position: absolute;
	color: #043f7a;
	text-transform: uppercase;
	text-align: right;
	right: 10px;
	top:200px;
	font-size: 10px;
}

#copyright a{color: #043f7a;}
#copyright a:hover{color: #fff;}


/* Comments */
.comments {
	margin-top: 30px;
}

.comments h3 {
	font-size: 120%;
	margin-bottom: 10px;
	color: #333333;
}

.comments ol {
	list-style: none;
}

.comments ol li {
	padding: 10px;
	background: #FFFFFF;
	margin-top: 2px;
}

.comments ol li.alt {
	background: #FAFAFA;
}

.comment-author {
	font-weight: bold;
}

.comment-meta {
	color: #666666;
	margin-bottom: 5px;
	font-size: 90%;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#respond h3 {
	color: #333333;
}
	
.formcontainer {
	margin-top: 10px;
	margin-bottom: 10px;
}

#comment-notes {
	margin-bottom: 10px;
}

#contact_form input, #contact_form textarea {width: 280px; font-size:14px;}
#contact_form input {height: 20px;}
#contact_form #description {height: 100px; }
#contact_form #submit { width: 100px; height: auto; float:right; }

#contact_form .field { margin-top: 20px; clear: left; height: 20px;}
#contact_form .description { height: 100px; }
#contact_form .submit { text-align: left; width: 440px; float: none;}

#contact_form label { display: block; width: 160px;}
#contact_form label, #contact_form input, #contact_form text_area { float: left; }

#contact_form .error { color: #ff0000; font-size: 11px; }
#contact_form input.error {font-size: 14px;}

.submit_error{ font-weight: bold; color: #ff0000; float: right; width: 300px;}
.submit_success{ font-weight: bold; color: #008AB4; float: right; width: 300px;} 

#checkboxes {height: 160px; clear: both;}
#checkboxes input { margin:0 10px 0 160px; width: 12px; clear: left;}
.boxes_tag { margin: 20px 0 12px;}
