@charset "utf-8";
/* CSS Document */

/*****Zero out margins and padding*****/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, th, td { margin: 0; padding: 0; }


/*********** BASIC TAGS ***************/
body { 
background: #21409A url(../images/gradient_back.jpg) repeat-x 0 0;
font: 12px Arial, Helvetica, sans-serif;
padding-bottom: 12px;
}

h1 {
font-size:21px;
font-weight:bold;
line-height:21px;
color: #21409A; 
margin-bottom: 12px;
}

h2 {
color:#21409A;
font-size:14px;
font-weight:bold;
line-height:14px;
margin-bottom: 10px;
}

p {margin-bottom: 12px;}

a img {border: none;}

a:link {color:#21409A;}
a:visited {color:#21409A;}
a:hover {color: #f90;}
a:active {color:#21409A;}


/*********** MAIN LAYOUT **************/


#container {
width: 768px; 
margin: 0px auto; 
background-color: #fff; 
padding: 0 11px 11px 11px;
}

#header {width: 768px; height: 100px;}

#logo {position: absolute; top: 19px; margin-left: 493px;}

#headerCTA {
position: absolute; 
top: 20px; 
margin-left:170px; 
color: #21409A; 
font: 11px Verdana,Arial,Helvetica,sans-serif; 
width: 325px; 
}

#branding {
width: 768px; 
height: 228px; 
background-image:url(../images/header_nav.jpg); 
background-repeat: no-repeat; 
margin-top: -95px; 
padding-top: 99px;
}

#chromemenu {height: 202px;}

/* Slideshow for Home Page Branding Area */
#slideshow1 {width: 155px; height: 105px; clear: both; float: left; margin-top: 24px; margin-left: 406px;}
#slideshow2 {width: 155px; height: 105px; float: right; margin-top: 24px; margin-right: 31px;}



#content {background: url(../images/contentback.jpg) no-repeat 0 0; width: 768px;}

#maintxt {float: left; width: 530px; padding: 13px 0 0 0;}

#rightCTAs {float: right; margin-bottom: 10px;}

.simple #maintxt {width: 530px;}

#ctaCol1 { float: left; width: 178px; padding: 13px 20px 0 15px; }
#ctaCol2 { float: right; width: 185px; padding-top: 6px;}

#ctaBtm {margin: 0px auto; width: 790px; color: #fff;}

#containerBtm {margin: 0px auto; width: 790px; color: #fff;}

#footerNav {
margin: 0px auto; 
list-style: none; 
color:#fff; 
font-weight: bold; 
width: 790px; 
text-align:center; 
padding: 20px 0 8px 53px;
}

#footerNav li {
float: left; 
padding: 2px 7px 0 7px; 
border-right: 1px solid #F90; 
height: 30px; 
line-height: 13px;
}


#footer {
margin: 0px auto; 
text-align:center; 
color: #0CF; 
font: 12px Verdana,Arial,Helvetica,sans-serif;
width: 1000px;
}


/********** NAVIGATION STYLES********/


ul#nav {
float: left; 
list-style: none; 
font-size:11px; 
padding-left: 154px;
}

ul#nav li { float: left; }

ul#nav li#nav1 {width: 43px;}
ul#nav li#nav2 {width: 68px;}
ul#nav li#nav3 {width: 86px;}
ul#nav li#nav4 {width: 86px;}
ul#nav li#nav5 {width: 85px;}
ul#nav li#nav6 {width: 105px;}
ul#nav li#nav7 {width: 58px;}
ul#nav li#nav8 {width: 55px;}

ul#nav li a { 
color: #fff;
background: #0067AC; 
display: block; 
height: 30px; 
overflow: hidden; 
position: relative;
}

ul#nav li a span {
cursor: pointer; 
display: block; 
height: 30px; 
position: absolute; 
left: 0; 
top: 0;
}

ul#nav li#nav1 a span { width: 43px; background: url(../images/main_nav.gif) no-repeat 0px 0px; }
ul#nav li#nav2 a span { width: 68px; background: url(../images/main_nav.gif) no-repeat -43px 0px; }
ul#nav li#nav3 a span { width: 86px; background: url(../images/main_nav.gif) no-repeat -111px 0px; }
ul#nav li#nav4 a span { width: 86px; background: url(../images/main_nav.gif) no-repeat -197px 0px; }
ul#nav li#nav5 a span { width: 85px; background: url(../images/main_nav.gif) no-repeat -283px 0px; }
ul#nav li#nav6 a span { width: 105px; background: url(../images/main_nav.gif) no-repeat -368px 0px; }
ul#nav li#nav7 a span { width: 58px; background: url(../images/main_nav.gif) no-repeat -473px 0px; }
ul#nav li#nav8 a span { width: 55px; background: url(../images/main_nav.gif) no-repeat -531px 0px; }

/*script dynamically adds a class of "selected" to the current active menu item (keeps rollover state on)*/
ul#nav li#nav1 a:hover span, ul#nav li#nav1 a.selected span { background: url(../images/main_nav.gif) no-repeat 0 -30px; }
ul#nav li#nav2 a:hover span, ul#nav li#nav2 a.selected span { background: url(../images/main_nav.gif) no-repeat -43px -30px; }
ul#nav li#nav3 a:hover span, ul#nav li#nav3 a.selected span { background: url(../images/main_nav.gif) no-repeat -111px -30px; }
ul#nav li#nav4 a:hover span, ul#nav li#nav4 a.selected span { background: url(../images/main_nav.gif) no-repeat -197px -30px; }
ul#nav li#nav5 a:hover span, ul#nav li#nav5 a.selected span { background: url(../images/main_nav.gif) no-repeat -283px -30px; }
ul#nav li#nav6 a:hover span, ul#nav li#nav6 a.selected span { background: url(../images/main_nav.gif) no-repeat -368px -30px; }
ul#nav li#nav7 a:hover span, ul#nav li#nav7 a.selected span { background: url(../images/main_nav.gif) no-repeat -473px -30px; }
ul#nav li#nav8 a:hover span, ul#nav li#nav8 a.selected span { background: url(../images/main_nav.gif) no-repeat -531px -30px; }

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
font:normal 10px Verdana;
line-height:14px;
z-index:100;
width: 160px;
visibility: hidden;
}

.dropmenudiv a{
width: auto;
display: block;
padding: 2px 0 4px 3px;
text-decoration: none;
font-weight: bold;
color: #fff;
background: url(../images/dropdown_menu_back.png) no-repeat 0 0;
}

.dropmenudiv a:visited {color: #fff;}

/*IE only hack*/
* html .dropmenudiv a{ width: 100%;}

.dropmenudiv a:hover{ color: #f89938; background: url(../images/dropdown_menu_back_ro.png) no-repeat 0 0; }

#dropmenu6.dropmenudiv { width: 130px;}
#dropmenu7.dropmenudiv { width: 80px;}

ul#quicklinks {
clear: left; 
float: left; 
list-style:none; 
width: 605px;
font-size: 11px; 
padding-left: 80px;
}

ul#quicklinks li {float: left;}

ul#quicklinks li#quicklink1 {width: 180px;}
ul#quicklinks li#quicklink2 {width: 116px;}
ul#quicklinks li#quicklink3 {width: 69px;}
ul#quicklinks li#quicklink4 {width: 70px;}
ul#quicklinks li#quicklink5 {width: 86px;}
ul#quicklinks li#quicklink6 {width: 84px;}

ul#quicklinks li a { 
color: #fff;
background: #0067AC; 
display: block; 
height: 22px; 
overflow: hidden; 
position: relative;
}

ul#quicklinks li a span {
cursor: pointer; 
display: block; 
height: 22px; 
position: absolute; 
left: 0; 
top: 0;
}

ul#quicklinks li#quicklink1 a span { width: 180px; background: url(../images/quicklinks_nav.gif) no-repeat 0px 0px; }
ul#quicklinks li#quicklink2 a span { width: 116px; background: url(../images/quicklinks_nav.gif) no-repeat -180px 0px; }
ul#quicklinks li#quicklink3 a span { width: 69px; background: url(../images/quicklinks_nav.gif) no-repeat -296px 0px; }
ul#quicklinks li#quicklink4 a span { width: 70px; background: url(../images/quicklinks_nav.gif) no-repeat -365px 0px; }
ul#quicklinks li#quicklink5 a span { width: 86px; background: url(../images/quicklinks_nav.gif) no-repeat -435px 0px; }
ul#quicklinks li#quicklink6 a span { width: 84px; background: url(../images/quicklinks_nav.gif) no-repeat -521px 0px; }

ul#quicklinks li#quicklink1 a:hover span { background: url(../images/quicklinks_nav.gif) no-repeat 0 -22px; }
ul#quicklinks li#quicklink2 a:hover span { background: url(../images/quicklinks_nav.gif) no-repeat -180px -22px; }
ul#quicklinks li#quicklink3 a:hover span { background: url(../images/quicklinks_nav.gif) no-repeat -296px -22px; }
ul#quicklinks li#quicklink4 a:hover span { background: url(../images/quicklinks_nav.gif) no-repeat -365px -22px; }
ul#quicklinks li#quicklink5 a:hover span { background: url(../images/quicklinks_nav.gif) no-repeat -435px -22px; }
ul#quicklinks li#quicklink6 a:hover span { background: url(../images/quicklinks_nav.gif) no-repeat -521px -22px; }



/********** CUSTOM STYLES *********/

.clearing {clear: both;}

/*ADMIN*/
#adminnav {
	background-color:#95D7F7;
	height:18px;
	padding:8px;
}
#adminnav .menuLink {
	font-weight:bold;
	padding:0 10px;
	text-decoration:none;
	color:#000000;
}
#adminContainer {
	width:760px;
	padding-top:28px;
	min-height:400px;
}
.formtitle {
	color:#004890;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16pt;
	font-weight:bolder;
	margin-top:20px;
	border-bottom:1px solid #95BFE5;
	text-align:left;
	clear:both;
}
.adminFormField {
	border:1px solid #94C3E7;
	font-size:12px;
}
.adminFormFieldLarge {
	border:1px solid #94C3E7;
	font-size:16px;
	width:630px;
	font-weight:bold;
}
.textareaField {
	height:100px;
	width:400px;
	border:2px solid #94C3E7;
	font-size:12px;
	font-weight:bold;
}
.smallTextarea {
	height:100px;
	width:300px;
	border:1px solid #94C3E7;
	font-size:12px;
	font-weight:bold;
}
.mediumTextarea {
	width:500px;
	height:100px;
	border:1px solid #94C3E7;
	font-size:12px;
	font-weight:bold;
}
.largeTextarea {
	width:630px;
	height:100px;
	border:1px solid #94C3E7;
	font-size:12px;
	font-weight:bold;
}
.actionButton {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#000000;
	color:#000000;
	border:2px solid #B2B2B2;
	font-weight:bold;
}

.loginFormLabel {
	font-size:9px;
	color:#9c8847;
}
.loginFormInput {
	font-size:9px;
	font-weight:bold;
	border:1px solid #feca52;
	margin:0px;
}
.loginFormButton {
	font-size:9px;
	color:#000000;
	background-color:#b2a36e;
	border:2px solid #feca52;
	font-weight:bold;
}
.addbutton {
	padding:0px 8px 4px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	cursor:pointer;
	height:20px;
	background:#f0f0f0 url(/images/buttons/add.gif) no-repeat left center;
	border:1px solid #b4b4b4;
}
.addbutton:hover {
	border:1px solid #6d6d6d;
}
.cancelbutton {
	padding:0px 8px 4px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	cursor:pointer;
	height:20px;
	font-weight:bold;
	background:#f0f0f0 url(/images/buttons/cancel.gif) no-repeat left center;
	border:1px solid #b4b4b4;
}
.cancelbutton:hover {
	border:1px solid #6d6d6d;
}
.deletebutton {
	padding:0px 8px 4px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	cursor:pointer;
	height:20px;
	background:#f0f0f0 url(/images/buttons/delete.gif) no-repeat left center;
	border:1px solid #b4b4b4;
}
.deletebutton:hover {
	border:1px solid #6d6d6d;
}
.downloadButton {
	padding:0px 8px 4px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	cursor:pointer;
	height:20px;
	background:#f0f0f0 url(/images/buttons/download.gif) no-repeat left center;
	border:1px solid #b4b4b4;
}
.downloadButton:hover {
	border:1px solid #6d6d6d;
}
.uploadButton {
	padding:0px 8px 4px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	cursor:pointer;
	height:20px;
	background:#f0f0f0 url(/images/buttons/upload.gif) no-repeat left center;
	border:1px solid #b4b4b4;
}
.uploadButton:hover {
	border:1px solid #6d6d6d;
}
.printButton {
	padding:0px 8px 4px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	cursor:pointer;
	height:20px;
	background:#f0f0f0 url(/images/buttons/print.gif) no-repeat left center;
	border:1px solid #b4b4b4;
}
.printButton:hover {
	border:1px solid #6d6d6d;
}
.editButton {
	padding:0px 8px 4px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	cursor:pointer;
	height:20px;
	background:#f0f0f0 url(/images/buttons/edit.gif) no-repeat left center;
	border:1px solid #b4b4b4;
}
.editButton:hover {
	border:1px solid #6d6d6d;
}
.findbutton {
	padding:0px 8px 4px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	cursor:pointer;
	height:20px;
	background:#f0f0f0 url(/images/buttons/find.gif) no-repeat left center;
	border:1px solid #b4b4b4;
}
.findbutton:hover {
	border:1px solid #6d6d6d;
}
.checkbutton {
	padding:0px 8px 4px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	cursor:pointer;
	height:20px;
	background:#f0f0f0 url(/images/buttons/check.gif) no-repeat left center;
	border:1px solid #b4b4b4;
}
.checkbutton:hover {
	border:1px solid #6d6d6d;
}
.savebutton {
	padding:0px 8px 4px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	cursor:pointer;
	height:20px;
	background:#f0f0f0 url(/images/buttons/save.gif) no-repeat left center;
	border:1px solid #b4b4b4;
}
.savebutton:hover {
	border:1px solid #6d6d6d;
}
.userbutton {
	padding:0px 8px 4px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	height:20px;
	background:#f0f0f0 url(/images/buttons/user.gif) no-repeat left center;
	border:1px solid #b4b4b4;
	cursor:pointer;

}
.userbutton:hover {
	border:1px solid #6d6d6d;
}
.buttonbar {
	padding:5px 0px 20px 0px;
	margin:10px 0px 10px 0px;
	text-align:center;
	clear:both;
}
.buttonbar-save {
	width:600px;
	text-align:center;
}
.buttonbar-cancel {
	width:600px;
	text-align:center;
}
/*BLOG STYLES*/
.breadcrumbs {margin-bottom: 15px; font-size: 11px;}
#maintxt.blog {padding-left: 15px;}
#categories { 
float: right; 
width: 185px; 
margin: 15px 15px 0 0;
}

#categories h2 {
background: url(../images/category_header.png) no-repeat 0 0;
height: 20px;
padding: 8px 6px 0 10px;
color: #fff;
margin: 0px;

}

#categories ul {
list-style: none;
padding: 8px;
border: 1px solid #21409A;
background: #F5F6FB;
}

.headerPhone {
display: block;
width: 209px;
height: 31px;
background: url(../images/header-pill-home.jpg) no-repeat 0 0;
color: #fff; 
font-size: 18px; 
font-weight:bold; 
font-family:Arial,Helvetica,sans-serif;
margin-top: 7px;
padding-top: 5px;
text-align:center;
}

#logo a {  
display: block; 
height: 48px; 
width: 260px;
overflow: hidden; 
position: relative;
}

#logo a span {
cursor: pointer; 
display: block; 
height: 48px; 
width: 260px;
position: absolute; 
left: 0; 
top: 0;
background: url(../images/logo_home.jpg) no-repeat 0 0;
}


.cities {
width: 700px; 
margin: 10px auto; 
color: #fff; 
clear: both; 
font: 12px Arial, Helvetica, sans-serif; 
line-height: 13px;
}

.subhead {color:#21409A; font-size:14px; font-weight:bold;}

.subhead2 {font-weight: normal; font-size: 16px; line-height:17px;}

.buttonnav {text-align: center; width: 350px;}
.buttonnav a {
display: block;
background-image: url(../images/PillButton2.gif); 
height: 22px; 
width: 230px;
color: #fff; 
text-decoration:none;
text-align:center;
padding-top: 6px;
font-weight: bold;
margin: 0 auto;
}
.buttonnav a:visited {color: #fff; text-decoration:none;}
.buttonnav a:hover {color: #f90; text-decoration:underline;}
.buttonnav a:active {color: #fff; text-decoration:none;}

.bigbutton {text-align: center; width: 350px;}

.bigbutton a {
display: block; 
width: 326px; 
height: 28px; 
background-image:url(../images/pillbutton.gif);
color: #fff;
text-decoration: none;
padding-top: 12px; 
font-weight: bold;
margin: 0 auto;
}

.bigbutton a:visited {color: #fff; text-decoration:none;}
.bigbutton a:hover {color: #f90; text-decoration:underline;}
.bigbutton a:active {color: #fff; text-decoration:none;}

.callout {padding: 8px; border-top: 3px solid #ccc; border-bottom: 3px solid #ccc;}

.bios {clear: both; padding: 10px 0px; border-bottom: 2px solid #ccc; background-color:#ffffff;}
.subCol1 {width: 172px; float: left; background-color:#ffffff;}
.subCol2 {width: 172px; float: right; background-color:#ffffff;}
.bios img {border: 2px solid #ccc; margin-right: 8px;}
.bioTxt img {border: 2px solid #ccc; margin: 0 0 6px 6px;}

.bioTxt img.noborder {border: 0px;}

.bioTxt h2, .bioTxt p {background-color: #ffffff;}

.Hdivider {border-top: 2px solid #ccc; padding-top: 12px;}

#maintxt ul {margin: 0 0 18px 30px; list-style-type: disc;}

form h1 {text-align: center;}

#plumbucksForm, #estimateForm, #enewsForm, #newsletterForm {background-color: #ededed; padding: 5px;}

#estimateForm .notes, #enewsForm .notes, #newsletterForm .notes {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight:normal}

ol.forms { float: left; list-style: none; width: 100%; }
ol.forms li { clear: both; float: left; margin: 0 0 10px; width: 100%; }
ol.forms label { cursor: pointer; display: block; float: left; font-weight: bold; margin: 0 10px 0 0; width: 90px;}
ol.forms input { font: inherit; padding: 2px; width: 200px; }
ol.forms li.grouping label { margin: 0; width: auto; }
ol.forms li.grouping { margin-bottom: 10px; }
ol.forms li.grouping ul { list-style: none; margin-left: 100px; }
ol.forms li.grouping ul label { display: inline; float: none; font-weight: normal; margin: 0 0 0 10px; width: auto; }
ol.forms li.grouping ul input { width: auto; }
ol.forms li.grouping textarea { width: 97%;}
ol.forms li.buttons { float: none; width: auto; text-align: center;}

ol.forms li.checkboxes input { font: inherit; padding: 0px; width: 20px; }
ol.forms li.checkboxes label {float: none; display: inline;}

.linkslist h2, .callout h2 {padding-bottom: 10px;}

.video {text-align: center;}

#footerNav li.singleline {padding-top: 8px; height: 22px;}
#footerNav li.last {border: none; padding-top: 8px;}
#footerNav li.singlelineLast {padding-top: 8px; height: 22px; border: none;}

#footerNav li a:link {color: #fff; text-decoration: none;}
#footerNav li a:visited {color: #fff; text-decoration: none;}
#footerNav li a:hover {color: #f90; text-decoration: underline;}
#footerNav li a:active {color: #fff; text-decoration: none;}

.phone {
display: block; 
width: 172px; 
height: 41px; 
padding-top: 65px; 
padding-left: 5px;
text-align:center; 
font-size: 20px; 
font-weight:bold;
color: #21409A;
background: url(../images/phoneCTAs.png) no-repeat 0 0;
}

.phone247 {
display: block; 
width: 162px; 
height: 41px; 
padding-top: 94px;
padding-left: 15px;
font-size: 20px; 
font-weight:bold;
color: #DE2F39;
background: url(../images/247_CTA.png) no-repeat 0 0;
}

/*****DEBUG FIX********/
table.cfdebug {display: none;}

/*****INTERNAL TEMPLATE*****/

body.internal #branding {
margin-top: -90px;
height: 181px;
background-image:url(../images/header_nav_internal.jpg);
padding-top: 4px;
}

body.internal #headerCTA {
margin-left:82px; 
font: 11px Arial,Helvetica,sans-serif; 
top: 28px;
text-align: left;
width: 434px;
}

body.internal .headerTxt {
width: 247px; float: left;
}

body.internal .alert {
font-size: 16px; 
color: #fff; 
display: block;
padding-top: 4px;
height: 25px; 
width: 183px; 
background: url(../images/header-pill.jpg) no-repeat 0 0;
float: right;
text-align:center;
font-family:Arial,Helvetica,sans-serif;
font-weight: bold;
}

body.internal #logo {position: absolute; top: 12px; margin-left: 582px;}

body.internal #chromemenu {margin-top: 62px; height: 80px;}
body.internal #quicklinks {margin-top: 11px;}


/*body.internal #maintxt {width: 530px;}

body.internal #rightCTAs {float: right; margin-bottom: 10px;}*/

body.internal #footerNav {
margin: 0px auto; 
list-style: none; 
color:#fff; 
font-weight: bold; 
width: 743px; 
text-align:center; 
padding: 20px 0 8px 70px;
}

/*****INTERNAL FORM TEMPLATE*****/

#maintxt.formLayout {width: 725px; padding: 13px 20px 0 20px;}

.bluetext {color: #21409A;}
#specialwrap{
	width: 345px;


	margin-bottom: 15px;

}#specialmid {
	background-image: url(../images/specials/2.gif);
	background-repeat: repeat;
}
#specialcontent {
	margin-right: 23px;
	margin-left: 23px;
}
#specialcontent p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}