@charset "utf-8";
@import "reset.css";

/* ===== @DEFAULT ============================== */

body#page {
  background:#015788 url(images/bg.jpg) repeat-x 0 -20px;
  color:#000;
  font:12px/1.6 Verdana, Helvetica, sans-serif;
}

#pageContent p, #sidebarInner p { color:#01598b; margin-bottom:1em; text-align: justify; }
.home p, .home ul, .home ol { color: #fff; }


#pageContent h1, #pageContent h2, #pageContent h3, #pageContent h4, h5, h6 { color:#01598b; margin: 10px 0;}

#pageContent h1 { font-size:18px; }
#pageContent h2 { font-size:16px; }
#pageContent h3 { 
font-size:16px; 
}
#pageContent h4 { font-size:14px; }
#pageContent h5 { font-size:14px; }
#pageContent h6 { font-size:12px; }
#pageContent strong{
color: #fff;
}
#floatedLeft{
float:left;
width: 55%;
}
#floatedLeft p, #floatedLeft h3{
padding: 0 20px 0 0;
}
#floatedRight h3, #floatedLeft h3 {
font-size: 12px;
  }
#floatedRight li, #floatedLeft li {
list-style-image: none;
list-style-type: none;
background: url(hardhat.png) no-repeat 0 50%; 
padding:5px 0 2px 30px;
margin: 0 0 0 10px;
}
#floatedRight{
float:right;
width: 45%;
}
.altHeader { color:#fff; } /* secondary header color */
article h2{ color:#fff; font-size: 18px; } /* secondary header color */
a, a:link, a:focus, a:visited { color: #5a5a5a; }
a:hover { color: #01598b; }

#pageContent ul, ol { margin-bottom:1em; color: #01598b; }
ol {list-style-position:inside;}
.homeList {margin: 10px 0 0 0;}
#pageContent .homeList li {
list-style-image: none;
list-style-type: none;
background: url(hardhat.png) no-repeat; 
padding:2px 0 2px 30px;
margin: 0 0 0 10px;
color: #fff;
}
#pageContent li{
margin: 1em 0 0 2em;
list-style:square;
}
#pageContent li > ul > li{list-style:none;}
#pageContent{
clear: both;
}
#pageContent strong{
color: #01598b
}
#pageContent .normalBulletList li{list-style: circle; list-style-image: none;}


/* ===== @FRAME ================================ */

#frame {
  height:auto;
  margin:0 auto;
  width:960px;
  margin-bottom:50px;
}

/* ===== @HEADER =============================== */

#header {
  position:relative;
  width:960px; 
}
  
#logo {
display:block;
float:left;
height:45px;
margin:15px 0 0 0;
width:247px;
}
#tagline{
float: left;
color: #206496;
font-style: italic;
margin: 25px 0 0 130px;
font-size: 18px;
}
#tagline span{
vertical-align: super; 
font-size: 10px;
}
#phoneWrapper{
height: 60px;
display: block;
text-align:right;
margin: 10px 0;
float:right;
}
#phoneTxt{
color:#000;
font-size:12px;
text-align:right;
display: block;
}
#phoneNumber{
font-family: times new roman;
font-size:36px;
font-weight:bold;
color:#206496;
line-height: 36px;
margin: 0;
padding: 0;
}
      
/* ===== @NAV ================================== */
#jsddm {
list-style: none;
font: 12px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
width:960px;
height:38px;
clear:both;
}
#jsddm li{
list-style:none;
}
#jsddm > li {float: left;}
#jsddm > li > a {
color:#fff;
text-align: center;
display:block;
text-decoration:none;
height:38px;
line-height:38px;
}
#jsddm > li > a:hover{
background-position:bottom left;
}
.mainNavFirst > a{
width: 192px;
background:url(navFirstBG.png) no-repeat;
}
.mainNavMiddle > a {
background-image: url(images/navMiddleBG.png);
border-left: solid 1px #00507c;
border-right: solid 1px #0077bb;
width: 190px;
}
.mainNavLast a{
width: 192px;
background:url(navLastBG.png) no-repeat;
}
#jsddm > li ul{
display:none;
width: 190px;
list-style:none;
position:absolute;
z-index:100;
border: 1px solid #005d93;
}
#jsddm > li > ul a{
color:#fff;
background: #006ba9;
padding: 4px 10px;
font-size: 11px;
text-decoration:none;
display: block;
}
.subNav, .subNavFirst, .subSubNav,  .subSubNavFirst{
border-bottom: 1px solid #3586b3;
}
#jsddm > li > ul a:hover{
background: #1b5b7f;
}
#jsddm  > li ul li  ul{
margin:-23px 0 0 203px;
position:absolute;
}

/* ===== @MASTHEAD ============================= */

.slideShow {
  height:202px;
  margin:0 auto 40px;
  width:960px;
  overflow:hidden;
}
/* ===== @CONTENT ============================== */

#innerContainer{
  width: 960px;
  clear: both;
  background-color: #fff;
  padding: 20px 0;
}
#innerContainer #pageContent{
padding: 0 40px;
}
#innerContainer #questionsContent { width:618px; float:right; clear:right; padding:0; }
#innerContainer #questionsContent img { float:left; padding:0 6px 6px 0; }
#homeContent{
  width:638px;
  float:left;
  padding-left: 15px;
  padding-right: 5px;
}
#homeContent p, #homeContent h2, #homeContent strong{
color: #fff;
}
#homeContent h2{
text-shadow: 0 1px 3px #000;
font-size: 18px;
margin:0 0 7px;
}
#homeContent h3{
color:#fff;
font-size: 14px;
margin: 0 0 10px 0;
}
#innerContent {
  height:auto;
  margin: 0 auto 20px;
  width:616px;
  float:right;
}
#innerContent h1{
margin: 0 0 10px;
color: #01598b;
text-align: center;
font-size: 15px;
}
#innerContent h2{
margin: 10px;
color: #01598b;
}
#innerContent strong{ color: #01598b; }
#sidebar{
width: 300px;
float: left;
}
#sideContainer, #rafDetails{
background: #efefef;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:1px solid #a7a7a7;
margin: 0 0 20px 0;
}
#rafDetails p{
padding: 0 10px;
}
#sideContainer h2, #rafDetails h2 {
font-size: 14px;
color: #fff;
background: url(sideBarH2bg.jpg) repeat-x;
margin:0;
text-align: center;
line-height: 35px;
height:35px;
}
#rafDetails h2{ margin: 0 0 10px 0;}
.testimonialQuote{
font-style: italic;
font-size: 11px;
text-align: justify;
padding: 10px;
}
#sidebarInner {
  float:left;
  width: 300px;
  margin: 0 0 0 41px;
}
#aboutContent{
float: right;
padding: 0 40px;
}
#aboutContent h1{
margin: 0 0 20px 0;
font-size: 16px;
color:#01598b;
}
#aboutContent h2{
margin: 10px 0;
font-size: 14px;
}
#aboutContent ul{
margin: 10px 0 0 30px;
}
#aboutContent p{
margin: 10px 0;
}
.altColor{
padding: 0 10px 10px;
text-align: center;
}
.altColor strong{
display: block;
}
#sidebarInner ul{
  margin: 0;
}
#sideContainer ul{
margin: 10px 0;
}
#checkmarks li{
padding:5px 0 5px 30px;
background: url(chk.png) no-repeat 0 10%;
width: 250px;
font-weight: bold;
color: #01598b;
list-style: none;
margin: 0 0 0 10px;
}
#checkmarks li #checkSmall{
font-size: 10px;
display: block;
font-weight: normal;
}
.smaller{
  font-size: 10px;
}

#sidebarInner li a { color: #fff; text-decoration: none; }
#sidebarInner li a:hover{color: #0a5f91;}
#sidebarInner h1 {text-align: center; font-size: 21px; color: #fff;}
#sideInterior{
width: 260px;
}
#sideInterior h1{
font-size: 18px;
text-shadow: 0 1px 3px #000;
margin: 0 0 10px 0;
}
#boxContainer {
  width:960px;
  height:auto;
  clear:both;
}
.box {
  width:280px;
  height:150px;
  float:left;
  padding:20px;
}

.mediaIconFirst {margin-left: 35px; }
#sideBtn{
  margin:0 0 5px 0;
  display: block;
  width: 260px;
  height: 40px;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  text-shadow: 0 1px 3px #000;
  background: url(sideBtnBg.png);
}
#sidebarInner #sideBtn{
  margin:0 0 5px 0;
  display: block;
  width: 300px;
  height: 40px;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  text-shadow: 0 1px 3px #000;
  background: url(sideBtnInnerBg.png);
}
#rafBtn {
  margin:0 0 20px 0;
  display: block;
  width: 260px;
  height: 40px;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  background: url(rafBtn.png);
  text-shadow: 0 1px 3px #000;
}
#sidebarInner #sideBtn:hover, #sideBtn:hover, #rafBtn:hover {background-position: bottom left;}

#contactInfo{
float:left;
height: 500px;
}
#contactAddress{
margin:15px 0 0 0;
}
#googleMap{
width:300px;
height:300px;
background:#d8ebf7;
border:1px solid #b5d2e6;
padding:2px;
}

/* ===== @FORMS STYLES ============================================= */

#formContainer {
  width:520px;
  margin: 0 auto;
  background: url(formBG.png) #015889 repeat-x;
  border:1px solid #6aa0d1;
  padding:10px;
  color:#fff;
  text-align:center;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
#formContainerThrive {
  width:578px;
  margin: 0 auto;
  background: url(formBG.png) #015889 repeat-x;
  border:1px solid #6aa0d1;
  padding:10px;
  color:#fff;
  text-align:center;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
#formQuote{
width: 520px;
} 
#formContainer label{
color:#fff;
font: 13px/normal Arial, Helvetica, sans-serif;
}
#formContainer h2{
color: #fff;
font-size:12px;
margin:0 0 10px 0;
}
#formReferFriend .fName, #formReferFriend .lName{
width: 175px;
}
#formReferFriend .fName input, #formReferFriend .lName input{
width: 165px;
}
#formReferFriend .companyName{
width: 170px;
}
#formReferFriend .companyName input{
width: 167px;
}
#formReferFriend .phone1 input{
width: 127px;
}
#formReferFriend .emailAddress{
width: 260px;
}
#formReferFriend .emailAddress input{
width: 250px;
}
#formReferFriend .phone{
width: 260px;
}
#formReferFriend .phone input{
width: 257px;
}
#formReferFriend .fName1, #formReferFriend .lName1{
width: 175px;
}
#formReferFriend .fName1 input, #formReferFriend .lName1 input{
width: 165px;
}
#formReferFriend .emailAddress1,#formReferFriend .emailAddress1 input{
width: 167px;
}
#formReferFriend .phone1{
width: 260px;
}
#formReferFriend .phone1 input{
width: 250px;
}
#formReferFriend .friendCompany{
width: 260px;
}
#formReferFriend .friendCompany input{
width: 257px;
}
#formClaims .companyName, #formClaims .typeOfClaim{
width: 260px;
}
#formClaims .companyName input{
width: 250px;
}
#formClaims .typeOfClaim input{
width: 257px;
}
#formContact .phone input{
width: 128px;
}
#formContact .companyName{
width: 260px;
}
#formContact .companyName input{
width: 250px;
}
#formContact .state input{
width: 127px;
}
.notes textarea, .form .formWidth { border:1px solid #cecece; }
.notes{
clear:both;
}
.formContest { border-style:dashed !important; }
.form .formInput{
width:130px;
text-align:left;
float:left;
}
#CRM_Leads_Phone{
width: 127px;
}
.form .formWidth{
width:120px;
height:15px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.notes textarea{
width:518px;
height:30px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.inputMoreInfo, .submit{text-align:center;}
.inputMoreInfo{margin:2px 0; color:#fff;}
.form label.error {color: #fff; padding-left: 5px; }
#submit{padding:2px 3px;}
.formQuote .companyName{
width: 210px; 
float:left;
}
.formQuote .companyName input{
width: 200px;
}
.formQuote .state{
width: 60px;
}
.formQuote .state input{
width: 50px;
}
.formQuote .liscense{
width: 100px;
float:left;
}
.formQuote .liscense input{
width: 90px;
}
.formQuote .expDate{
width: 150px;
}
.formQuote .expDate input{
width: 148px;
}
/* ===== @BLOG STYLES ============================================= */
#pageTitle{
color:#01598b; margin: 10px 40px;
font-size: 16px;
}
#blogContent{
margin: 0 40px;
}
#blogContent p{
margin: 10px 0;
}
#blogContent .DateTimeCreated{
font-size: 10px;
}
#blogContent h2{
  color:#01598b;
  font-size: 14px;
  margin:0;
  padding:0;
  border-bottom:1px solid;
}
.blog h2 a { text-decoration: none; }
.blog .time{
  display:block;
  margin: 0 0 5px 0;
  font-size:10px;
  float:right;
}
.blog .article{
  clear:both;
  margin: 0 0 20px 0;
}

/* ===== @FOOTER =============================== */
#footer li img {vertical-align:middle;}
#arLogo{float:right;}
#footer{
background: #00263b;
color:#fff;
padding: 10px 0;
}
#footer ul.footerExtras { width:900px; }
#footer .footerExtras { margin-top:-10px; }
#footer .footerExtras a, #footer .footerExtras a:visited, #footer .footerExtras a:hover { font-size:10px; }
/*---- Footer width must be adjusted if you add or remove items --*/
#footer ul{
width:880px; 
margin:0 auto;
height:34px;
}
#footer li {
display:block;
line-height:34px;
float:left;
height:34px;
width:auto;
margin:0 15px 0 0;
list-style:none;
}
#footer a, #footer a:visited {
color:#FFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
#footer a:hover {color:#ccc;}

/* ===== @VIDEO GIRL STYLES ============================================= */  
#vpPlayer, #vpBtn, #vpBtnPause {
  position:fixed;
  bottom:0;
  right:0;
  z-index: 1000 !important;
  margin:0;
  padding:0; 
}

#vpBtn { display:none; }

/* ===== @HELPER =============================== */
.floatL { float: left; }
.floatR { float: right; }


.clear {
  clear: both; 
  display: block; 
  overflow: hidden; 
  visibility:hidden; 
  width: 0; 
  height: 0;
}  
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}  
* html .clearfix {height: 1%;}

.debug { 
  border:1px solid #F00 !important;
  margin:0 !important; 
  padding:0 !important;
}
#cbn{
background: url(cbnBg.jpg) no-repeat;
width: 850px;
height: 222px;
padding: 45px 0 0 10px;
margin:0 0 0 14px;
}
#cbn p{
width: 445px;
line-height: 15px;
color: #333;
}
#visitBtn{
background: url(visitBtn.png) no-repeat;
width: 153px;
height: 30px;
display: block;
margin: 0 0 0 140px;
}
#visitBtn:hover{
background-position:-153px 0;
}
/* EXTRA STYLES */
#thriveBox {
width:600px;
border:1px solid #000000;
margin:0 auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.no-list {list-style:none !important;}

/** NICHE STYLES **/

#nicheContentBox { margin: 0 0 0 30px;}
#nicheContentBox #info {float:right;margin:15px 35px 0 0;background:url(nichepage_bg.jpg) no-repeat center;width:346px;height:135px; }
#nicheContentBox #info p {padding:10px 5px 0 20px;color:#f9f9f9;margin:0;line-height:1.5em;}
#nicheContentBox a {text-decoration:none;color:#f9f9f9;}
#nicheContentBox a:hover { text-decoration:none; color:#fde500; }
.plumbers {width:911px;height:174px; background:url(niche-plumbing.jpg);}
.electrical  {width:911px;height:174px; background:url(niche-electrical.jpg);}
.hvac {width:911px;height:174px; background:url(niche-hvac.jpg);}
.roofers  {width:911px;height:174px; background:url(niche-roofing.jpg);}