* { margin: 0px; }

body {
background: #FFFFFF;
border: 0px;
margin: 0px;
padding: 0px;
font-size: 0.92em;
font-family: 'Titillium Web', sans-serif;
text-shadow: 1px 1px 2px #EEEEEE;
color: #556670;
overflow-x: hidden;
min-width: 350px;
}

#mobilenav { display: none; }

a:link:not(.topnav a, .phone a),
a:visited:not(.topnav a, .phone a),
a:active:not(.topnav a, .phone a) {
color: #1587DE;
font-weight: bold;
transition: color 0.4s ease, transform 0.3s ease;
display: inline-block;
}

a:hover:not(.topnav a, .phone a) {
color: #0665ac;
text-decoration: none;
transform: scale(1.05);
/*text-shadow: 0 0 4px rgba(255, 255, 150, 0.4);
text-shadow: 0 0 4px rgba(10, 10, 10, 0.2); */
}

.strong {
color: #333;
font-weight: bold;
}

li {
line-height: 20px;
}

h3{
font-size:1.43em;
font-weight: 900;
text-decoration:none;
/* color:#2f8fba;
color:#00a3fc;
color:#1597DB; */
margin-left:25px;
margin-top:9px;
margin-bottom:26px;
line-height:14px;
}

.indexheader {
font-weight:900;
text-decoration:none;
/*color:#2f8fba;*/
margin-top:24px;
margin-bottom:26px;
line-height:14px;
}


h3.content{
font-size:1.73em;
font-weight:900;
text-decoration:none;
color:#2f8fba;
margin-left:25px;
margin-top:20px;
margin-bottom:26px;
line-height:14px;
}


.contactwrapper{
background: url(../images/headers/contact.jpg) round center;
background-position: 50% 133px;

}
#message{height:62px;width:275px; margin-bottom: 13px;}

#contentmainheadingwrapper{
border-bottom: #DDD 1px solid;
padding: 20px 20px -8px 20px;
margin-bottom: 30px;
}
.contactheadingholder{
padding: 0px 0px 10px 50px !important;
margin-bottom: 14px !important;
border-bottom: 1px solid #AAA !important;
}
.contentmainheading{ /* duplicated because of upgrade needed on all site pages */
font-size:2.78em;
font-weight:200;
text-decoration:none;
color:#556670;
margin-left:-23px;
margin-top:35px;
margin-bottom:26px;
line-height:14px;
text-shadow: 1px 1px 1px #DDD; /* 2f8fba */
letter-spacing:4px;
}

#contentmainheading{
font-size:2.78em;
font-weight:200;
text-decoration:none;
color:#1587DE;
margin-left:-23px;
margin-top:35px;
margin-bottom:26px;
line-height:14px;
text-shadow: 1px 1px 1px #DDD; /* 2f8fba */
letter-spacing:4px;
}

#contentmainheadingsub{
/* text-shadow: 0px 0px 1px #46545C; */
text-shadow: 1px 1px 1px #DDD;
}

#thistext{
border: 0px solid #000; width: 650px; padding: 0px; margin: 0px; text-align: left;
}
.contentmainunderheading{
margin:-35px 0px 0px -40px;
color:#556670;
/* text-shadow: 0px 0px 1px #2f8fba; */
letter-spacing:7px;
}

h4{
font-size:1.23em;
font-weight:900;
text-decoration:none;
margin-left:20px;
margin-top:29px;
margin-bottom:-5px;
line-height:14px;

}

.learnmorelink{
font-style: italic;
font-weight: 500 !important;
}
.cptextbox{
padding: 0px 0px 20px 0px; margin: 0px; width: 550px; border: 0px solid #000;
}
.estimateheader{
border-bottom: #DDD 1px solid; margin-bottom: 20px;
}
.otherheadergutter{
position:absolute !important;
margin-left:190px !important;;
margin-top:35px !important;;
z-index:20 !important;;
}

.othertextgutter{
position:absolute;
margin-left:150px;
margin-top:20px;
width:330px;
line-height:20px;
z-index:1;
}

.otherheaderpw{
position:absolute !important;
margin-left:220px !important;
margin-top:35px !important;
z-index:20 !important;
}

.otherheaderwc{
position:absolute !important;
margin-left:220px !important;
margin-top:35px !important;
z-index:20 !important;
}
.othertextpw{
position:absolute;margin-left:180px;margin-top:20px;width:320px;line-height:20px;z-index:1;

}

.othertextwc{
position:absolute;
margin-left:180px;
margin-top:20px;
width:300px;
line-height:20px;
z-index:1;
border: 0px #000 solid;
}

.featuredserviceheader{display:none;}

.estimateform{
padding: 0px 0px 0px 75px;
width:675px;
font-size:  12.5pt;
}

.otherheaderom{
position:absolute !important;
margin-left:190px !important;
margin-top:35px !important;
z-index:20 !important;
}

.othertextom{
position:absolute;margin-left:150px;margin-top:20px;width:330px;line-height:20px;z-index:1;
}

.otherheaderas{
position:absolute !important;
margin-left:220px !important;
margin-top:35px !important;
z-index:20 !important;
}
.othertextas{
position:absolute;margin-left:180px;margin-top:20px;width:320px;line-height:20px;z-index:1;
}


.estimateformdv{
border: #000 0px solid; width: 650px; margin-top: 14px;
}

.otherheadersf{
position:absolute !important;
margin-left:220px !important;
margin-top:35px !important;
z-index:20 !important;
}
.othertextsf{
position:absolute;margin-left:180px;margin-top:20px;width:320px;line-height:20px;z-index:1;
}

.otherheadercc{
position:absolute !important;
margin-left:190px !important;
margin-top:35px !important;
z-index:20 !important;
}
.othertextcc{
position:absolute;margin-left:150px;margin-top:20px;width:330px;line-height:20px;z-index:1;
}

.otherheaderrd{
position:absolute !important;
margin-left:190px !important;
margin-top:35px !important;
z-index:20 !important;
}

.othertextrd{
position:absolute;margin-left:170px;margin-top:20px;width:300px;line-height:20px;z-index:1; border: 0px #000 solid; padding-left: 0px;
}

.otherheaderps{
position:absolute !important;
margin-left:190px !important;
margin-top:35px !important;
z-index:20 !important;
}

.othertextps {
position:absolute;left: 210px; margin:20px 20px 0px -53px;width:320px;line-height:20px;z-index:1; border: 0px #000 solid;
}

.cpcontentbox {
width: 900px; margin:145px 20px 30px 45px; padding: 10px; border: 0px solid #FFF; background-color: #FFF; border-radius: 25px; filter:alpha(opacity=100); opacity: 0.8;
margin-top:110px !important;
padding-left:10px !important;
}

.contactcontentbox {
width: 900px; margin: 20px 20px 30px 45px; padding: 10px; border: 0px solid #FFF; background-color: #FFF; border-radius: 25px; filter:alpha(opacity=100); opacity: 0.9;
margin-top:110px !important;
padding-left:10px !important;
}

.resesitmatetext {
float:left;
font-weight:600;
font-size:1.3em;
margin-top:10px;
margin-left:10px;
}

span.contenttripplebox, span.contenttrippleboxservices {
font-size:1.15em;
}

.threecolumn div{
width:260px;
margin-left:25px;
padding-top: 2px;
}

.threecolumn h3{
margin-top:20px;
}

.threecolumn div.contenttripplebox{
width:260px;
margin-left:0px;
}

div.contenttrippleboxservices{
width:330px;
margin-left:0;
margin-right:0;
margin:-20px;
font-weight:400;
}

h4.threecolumncontentservices {
margin: -10px 0 26px 0;
font-size: 1.29em;
font-weight: 600;
letter-spacing: 2px;
line-height: 14px;
text-decoration: none;
}

#hamburglarIcon {
display: none;
}

#testimonialbox {
width: 940px;
height: 119px;
margin: 0 auto 0 auto;
padding-bottom: 30px;
background: url(../images/interface/testimonial-box-bg3.png) no-repeat right;
font-size: 1.3em;
font-style: italic;
color: #FFF;
text-shadow: none;
vertical-align: middle;
z-index: 99;
}

#testimonialboxcontent{
height:119px;
width: 1000px;
margin: 0 auto;
padding-bottom:30px;
background: url(../images/interface/testimonial-box-bg2.png) no-repeat right;
font-size: 1.3em;
font-weight: bold;
color: #FFF;
font-style: italic;
position: relative;
}

.testimonial{
width:640px;
/*height:119px;*/
padding-top:40px;
margin: 0 auto;
text-align:center;
float:left;
margin-left:76px;
border: 0px black solid;
}

#testimonialtext{
display: none;
}

#homestars{
float:left;
margin-left:50px;
margin-top:35px;
}

#headerwrap{
position:fixed;
width: 100%;
height:122px;
background-color:#fff;
padding-bottom: 8px;
box-shadow: 4px 0px 9px #666;
z-index: 20;
opacity: 1.0;
}

#header{
width:100%;
max-width:1050px;
height:125px;
background-color:#fff;
margin:0 auto;
}

#headerbottomline{
background: linear-gradient(to right, #46545C, #728590, #46545C); /*#46545c*/
height:8px;
width:100%;
padding:0;
}

#footer{
/* background: #fff url(../images/interface/footer-tile.png) repeat-x; */
background: #fff url(../images/interface/footer-tile3.png) round center;
width: 100%;
margin:0px auto;
margin-top:17px;
padding-bottom:20px;
}

#footertopline{
background-color:#00A3FC;
height:8px;
width: 100%;
margin:16px auto 0px;
padding:0px;
}

#footertoplinecontent{
background-color:#00A3FC;
height:8px;
width: 100%;
margin:19px auto;
padding:0;
position:relative;
}

#footercontent{
background: #fff url(../images/interface/footer-tile2.png) repeat-x;
width: 100%;
text-align:center;
margin:-19px auto;
position:relative;
}

#footerinside{
margin: -17px auto;
width: 1000px;
border: 0px white solid;
}

#footerright{
float:right;
padding:0px;
text-align:right;
font-size:1em;
font-weight:700;
text-decoration:none;
color:#fff;
margin-left:5px;
line-height:18px;
margin-top:6px;
margin-right:15px;
border: 0px white solid;
text-shadow: none;
}

#footerleft{
float:left;
padding:0;
margin-top:14px;
margin-left:9px;
}


#headerimage{

z-index:4;
text-align:center;
margin:0 auto;
overflow:hidden;
}

#headerimage img{
width:100% !important;
max-width:1600px;
margin:0 auto;
}




#headerimage.home{

background: url(../images/headers/home-1.jpg) center no-repeat;
}

#headerimage.home2{
padding-top:250px;
background: url(../images/headers/home-2.jpg) center no-repeat;
margin-bottom:-310px;
}


#containercompany {
margin: 0;
width: 100vw;
overflow: hidden;
background: url(../images/headers/company.jpg) no-repeat center;
background-size: contain;
background-repeat: no-repeat;
background-position: center 100px;
}

#container{
margin: 0 auto;
min-height: 90%; /* dictates the base height of content area of page! */
height: auto !important;
height: 100%;
background-color:#fff;
width:100%;
}

#content-container{
margin:0 auto;
}

#contentboxtop{
background-image: url(../images/interface/content-box-top.png);
background-repeat: no-repeat;
background-position: top center;
width: 1044px;
height: 30px;
}
#contentbox{
background-image: url(../images/interface/content-box-bottom.png);
background-repeat: no-repeat;
background-position: bottom center;
width: 1044px;
padding-bottom:45px;
padding-top:0px;

}

li.nodesktop{
display:none !important;
}

.commercialbreaker{
clear:both;
}
#contentboxcontent{
padding-left:5px;
margin-top:125px;
}

#contentboxcontent div{
padding:20px;
}

#contentboxcontent div p{
padding:20px 40px 0px 20px;
}

#contentboxcontent div ul{
padding:20px 20px 0px 60px;
}

#contentboxcontent div h3{
margin-left:20px;
}

#contentboxwrapper{
width: 1044px;
margin:0px auto 0px auto;
z-index:9;

}

#contentboxwrappercontent{
width: 1044px;
z-index: 9;
margin: -100px auto 0;
position:relative;
}

.logo {
float: left;
position: relative;
margin: 17px 0px 0px 14px;
width: 320px;
height: 93px;
}

#headerRight{
float:right;
text-align:right;
width:66%;
}

.headerPhoneHolder{
float: right;
width: 100%;
margin-bottom: 16px;
}

.headerFlag{
float: right;
margin-top: 5px;
margin-left: 7px;
margin-right: 4px
}

.headerPhone{
float: right;
margin-top: -6px;
}

.navholder{
float: right;
}

.cpcontentheading{
padding: 0px 0px 10px 50px !important;
border: 0px solid #000 !important;
border-bottom: #DDD 1px solid !important;
margin-bottom: 14px !important;
}

.cpcontentheading h4{
color: #222 !important;
}

#signedinas{
float:right;
margin-right:5px;
width:100%;
margin-top: 7px;
margin-bottom: 15px;
}

.topnav{
float: right;
margin-top: -12px;
margin-right: 0px;
font-family: Lato;
}

.topnav li {
display: inline;
}

.topnav li a {
font-size:1.13em;
font-weight:700;
text-decoration:none;
color:#556670;
margin-left:5px;
border: 1px solid rgba(0, 0, 0, 0);
padding: 0 4px 0 4px;
line-height:14px;
/*text-shadow: 0px 0px 1px #556670;*/
text-shadow: 0px 2px 1px #DDD;
}

.topnav li a:hover {
border:1px dotted #556670;
border-radius:5px;
color:#000;
background-color:#F9F9F9;
}

#navmyaccount {
position: absolute;
left: 322px;
top: 106px;
width: 700px;
border: #000 0px solid;
padding: 0px;
margin: 0px;
text-align: right;
}

#navmyaccount li {
display: inline;
margin: 0px;
padding: 0px;
}

#navmyaccount li a {
font-size:1.1em;
font-weight: 500;
font-style: italic;
text-decoration:none;
border:1px solid #FFF;
margin-left:5px;
padding: 0 3px 0 3px;
text-shadow: 1px 1px 1px #DDD; /* 2f8fba */
color: #1587de;
letter-spacing: 0px;
}

#navmyaccount li a:hover {
border:1px dotted #556670;
border-radius:5px;
color: #1587DE;
background-color:#F9F9F9;
}

#navmyaccount li:last-child {
margin-right: 0;
}

#navmyaccount p {
color:#556670;
/* text-shadow: 0px 0px 1px #2f8fba; */
letter-spacing:0px;
float: right;
}

.bottomnav{
padding:0px 0px 40px 0px;
width:992px;
margin:0px auto;
text-shadow: none;
}

.bottomnav li {
display:inline-block;
margin-left:0px;
margin-right:10px;
padding-top:20px;
}

.bottomnav li a {
font-weight:700;
text-decoration:none;
color:#FFF;
margin-left:0px;
line-height:14px;
}

.bottomnav li a:hover
{

}

.bottomnavsub ul {
position: absolute;display: block;
padding: 0px;
}

.bottomnavsub li {
display: block;
padding: 0px 0px;
font-family: 'Lato', sans-serif;
font-size: 11pt;
}

.bottomnavsub li a {
color: #EEE !important;
}

.bottomnavsub li a:hover {
color: #FFF !important;
}

.columns{
min-height:274px;
}


.columns li, .columnscontent li, .columnscontentservices li{
list-style-type:none;
float:left;
}

.columnscontentservices li{
min-height:459px;

}

li.servicedivider{
width:17px;
float:left;
display:block;
min-height:455px;
background: url(../images/interface/servicedivider.gif) no-repeat;
margin-top:2px;
margin-left:5px;
margin-right:10px;
}

.columnscontent{
margin-top:10px;
min-height:224px;
margin-left:0px;
padding: 0px 20px 20px 20px;
}

.columnscontentservices{
margin-top:10px;
min-height:459px;
margin-left:0px;
padding: 0px 0px 20px 0px;
background: url(../images/interface/service-3-bg.gif) repeat-y;
display:block;
position:relative;
width:1044px;
}

.threecolumn{
width:323px;
}

.threecolumn:hover{
/*	background-color: #EFEFEF; */
}

.threecolumncontent{
width:329px;
}

.threecolumncontentservices{
width:318px;
float:left;
margin-right:-8px;

}

.threecolumncontentservices div{
width:300px;
}


.threecolumncontentservices img{
margin:40px -4px;
}

.second img{
margin:40px 7px;
}

.third img{
margin:40px 16px;
}

h4.second {
padding-left:9px;
}

h4.third {
padding-left:19px;
}

div.second {
margin-left:-10px;
}

div.third {
margin-left:-1px;
}

li.second{
margin-right:0px;

}

li.third{
margin-left:-8px;
}

.columnsplit{
background-color:#d7dbdd;
width:1px;
min-height:275px;
margin-top:6px;
}

.columnsplitcontent{
background-color:#d7dbdd;
width:1px;
min-height:204px;
}

.estimate-wrapper {
position: absolute;
left: 640px;
margin: auto;
}

.estimate-over {
position: absolute;
background-image: url('../images/btn-free-estimate.gif');
left: 0px;
width: 306px;
height: 72px;
cursor: pointer;
}

.estimate-over:hover {
background-position: 0px -74px;
}


.subwindowcleaningpic{
float: left; margin-top: -20px; position: relative; left: -20px; z-index: 30;
}

.footerestimate {
height: 100px; margin-top: -30px;
}













.TESTcpYearNavigation,
.TESTcpMonthNavigation
{
background-color:#c0c0c0;
text-align:center;
vertical-align:middle;
text-decoration:none;
color:#000000;
}
.TESTcpDayColumnHeader,
.TESTcpYearNavigation,
.TESTcpMonthNavigation,
.TESTcpCurrentMonthDate,
.TESTcpCurrentMonthDateDisabled,
.TESTcpOtherMonthDate,
.TESTcpOtherMonthDateDisabled,
.TESTcpCurrentDate,
.TESTcpCurrentDateDisabled,
.TESTcpTodayText,
.TESTcpTodayTextDisabled,
.TESTcpText
{
font-family:arial;
font-size:8pt;
}
TD.TESTcpDayColumnHeader
{
text-align:right;
border:solid thin #FFFFFF;
}
.TESTcpCurrentMonthDate,
.TESTcpOtherMonthDate,
.TESTcpCurrentDate
{
text-align:right;
text-decoration:none;
}
.TESTcpCurrentMonthDateDisabled,
.TESTcpOtherMonthDateDisabled,
.TESTcpCurrentDateDisabled
{
color:#D0D0D0;
text-align:right;
text-decoration:line-through;
}
.TESTcpCurrentMonthDate
{
color:#000000;
text-decoration:none;
}
.TESTcpCurrentDate
{
color: #000000;
font-weight:bold;
}
.TESTcpOtherMonthDate
{
color:#c0c0c0;
}
TD.TESTcpCurrentDate
{
background-color: #ffffff;
border:solid 1px #000000;
}
TD.TESTcpCurrentDateDisabled
{
border: solid 1px #000000;
}
TD.TESTcpTodayText,
TD.TESTcpTodayTextDisabled
{
border:solid thin #FFFFFF;
}
A.TESTcpTodayText,
SPAN.TESTcpTodayTextDisabled
{
color:#049490;
}
A.TESTcpTodayText
{
color:#000000;
}
SPAN.TESTcpTodayTextDisabled
{
color:#000000;
}
.TESTcpBorder
{
border:solid thin #FFFFFF;
}
A.TESTcpMonthNavigation:link 			{ font-family: Verdana, Tahoma, Arial; color: #FFFFFF; font-weight: bold; text-decoration: none; }
A.TESTcpMonthNavigation:active 			{ font-family: Verdana, Tahoma, Arial; color: #FFFFFF; font-weight: bold; text-decoration: none; }
A.TESTcpMonthNavigation:visited 		{ font-family: Verdana, Tahoma, Arial; color: #FFFFFF; font-weight: bold; text-decoration: none; }
A.TESTcpMonthNavigation:hover 			{ font-family: Verdana, Tahoma, Arial; color: #FFFFFF; font-weight: bold; text-decoration: none; }

A.TEST:link 			{ font-family: Verdana, Tahoma, Arial; color: #000000; text-decoration: underline; font-weight:normal}
A.TEST:active 			{ font-family: Verdana, Tahoma, Arial; color: #000000; text-decoration: underline; font-weight:normal }
A.TEST:visited 			{ font-family: Verdana, Tahoma, Arial; color: #000000; text-decoration: underline;  font-weight:normal}
A.TEST:hover 			{ font-family: Verdana, Tahoma, Arial; color: #000000; text-decoration: underline;  font-weight:normal}



/* Forms & Button Styles */

input[type="text"], input[type="email"], input[type="password"], textarea {
border: 1px solid #888;
border-radius: 3px;
padding: 6px;
margin: 2px 0px;
background: #F7F7F7;
box-shadow: inset 1px 1px 5px rgba(0,0,0,0.2);
color: #484242;
font-size: 1.0em;
}

.btnStyle, .extraBtnBlue, .extraBtnGreen {
text-align: center;
font-size: 14px;
font-weight: bold;
text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
padding: 10px 30px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
color: #FFF;
text-decoration: none;
border-radius: 4px;
display: inline-block;
zoom:1; *display: inline; /* IE7 Fix */
cursor: pointer;
border: 1px solid #000;
background-color: #333;
}

a:hover.btnStyle, input:hover.btnStyle  { color: #FFF; background-color: #444; }
a:active.btnStyle, input:active.btnStyle {
box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2);
}

.btnStyle.blue, .mediaPhotos .btnStyle {
border: 1px solid #017ba6;
background-color: #01acde;
background-image: linear-gradient(bottom, #1BB1E7 100%, #01AADE 0%);
}

a:hover.btnStyle.blue, input:hover.btnStyle.blue, .mediaPhotos .btnStyle:hover {
background-color: #21b8ee;
background-image: linear-gradient(bottom, #21b8ee 100%, #08b3e7 0%);
}

.btnStyle.green {
border: 1px solid #4a6c1d;
background-color: #80b334;
background-image: linear-gradient(bottom, #80B334 100%, #77A92C 0%);
}

a:hover.btnStyle.green, input:hover.btnStyle.green {
background-color: #87bb3a;
background-image: linear-gradient(bottom, #87bb3a 100%, #80b532 0%);
}


.button {
text-transform:uppercase;
box-shadow:inset 0px 0px 0px -10px #97c4fe;
background-color:#3d94f6;
border-radius:3px;
border:1px solid #308fbb;
display:inline-block;
color:#ffffff;
font-size:15px;
font-weight:bold;
padding:8px 19px;
text-decoration:none;
margin-left:2px;
}.button:hover {
background-color:#1e62d0;
cursor:pointer;
}.button:active {
position:relative;
top:1px;
}

.rounded{
border: 1px solid #ccc;
border-radius: 5px;
}

a.nobold{
font-weight:normal;
}



.headerimg{
margin:-8px 0 0 22px;
}

.incontent{
height:198px;
}

.headertext{
font-family: 'Average Sans', sans-serif;
position:absolute;
margin:-165px 0 0 495px;
font-size:2.5em;
color:#000;
font-style:italic;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
}

.featureservice {
min-height: 376px;
width: 100%;
background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
border-bottom: 1px solid #b0b5b9;
margin-top: 0px;
padding-top: 132px;
margin-bottom: 0px;
}

.insidefeatureservice{
margin:0 auto;
width:1015px;
}

.featureicon{
position:absolute;
float: right;
margin-top:30px;
margin-left:-10px;
}

h4.featureheading{
position:absolute;
font-size:2.18em;
font-weight:400;
text-decoration:none;
color:#1587DE;
margin-left:0;
margin-bottom:26px;
line-height:29px;
text-shadow: none;
letter-spacing:1px;
margin-top:27px;
margin-left:60px;
}

.featureheadsub {
padding-left: 2px;
font-size:.85em;
color:#556670;
/*color: #7d8589;*/
}

a.featureheadsub {
padding-left: 2px;
font-size:.85em;
color: #555;
font-weight: normal;
}

a.featureheadsub:hover{
color: #000000;
text-decoration: none;
}

.featuretext{
position:absolute;
margin-top:106px;
width:400px;
margin-left:-10px;
font-size: 14pt;
line-height: 16pt;
}

.featureimage{
float:right;
margin-top:20px;
width:568;
height:340;
margin-right:5px;
}

h4.otherheading{
position:absolute;
font-size:1.8em;
font-weight:500;
text-decoration:none;
/*color:#2f8fba;*/
color: #556670;
margin-left:-20px;
line-height:29px;
text-shadow: 0px 1px 1px #CECECE;
letter-spacing:1px;
margin-top:-20px;
}

h4 a, h3 a{
text-decoration:none;
}

.otherservicestwo{

height:269px;
width:1001px;
margin:15px auto;
background: url('../images/interface/service-2-bg.gif') no-repeat;
margin-bottom:-35px;
}

.otherservice{
width:460px;
height:267px;
float:left;
margin-top:-20px;
margin-bottom:-20px;
}

.otherservice img{
margin-top:35px;
}

.otherservicetwo img{
margin-left:30px;

}

.otherserviceone{
margin-left:-38px;
}

.otherserviceheadingstwo{
position:absolute;
margin-left:220px;
margin-top:35px;
}


.container-fluid{
padding-left:0px;
padding-right:0px;
}

.slideshow
{
width: 100%;
height: auto;
padding-top:125px;
max-width:1600px;
margin: 0 auto;
max-height:526px;
}
.slideshow img.slideshowimage
{
position: absolute;
width: 100%;
max-width:1600px;
z-index:-1;
}

#seedifference{
width:100% !important;
text-align:center;
z-index:9;
margin-top:125px;
margin-bottom:100px;
}

.seediff{
max-width:957px;
width:90%;
margin: 0 auto !important;
}

.hdrPhoneSpan{
font-size: 2.6em; font-weight: bold; color: #404040; letter-spacing: -1px;
}

.commercialestimatebottomwrap{
border: #000 0px solid; height:50px; margin-top:16px; text-align: right; width: 1000px; padding: 8px 50px;
}

.commercialestimatetoptext{
float:left; border: #000 0px solid; padding: 9px 0px; margin-left: 30px; font-weight:600; font-size:1.3em;
}

.commercialestimatebottomtext{
float:left; border: #000 0px solid; padding: 0px;     margin-left: -20px;
margin-top: -8px;
}
#footermobile{display:none;}

.indexcolumn1{
width: 316px;
margin-left:4px;
}

.indexcolumn2{
width: 320px;
margin-left:4px;
}

#testimonialsholder{
margin: 0 auto;
max-width:1044px;
overflow:hidden;
}

@media only screen and (max-width: 1100px) {
#logo{
margin: 20px 0px 0px 0px;
}
}

@media only screen and (max-width: 1040px) {
#logo{
margin: 20px 0px 0px 10px;
}
}

@media only screen and (max-width: 1024px) {

.columnscontentservices{
width:100%;
overflow:hidden;
transform:scale(.95);
}
.contentpageheading{
margin-left:20px;
}
.commercialhome #headerwrap{

}

#contentboxwrapper{
margin: auto;
}

#testimonialbox{margin: auto;}

#logo{
margin: 20px 0px 0px 20px;
}

#topnav li a{
font-size:1em;
}

#headerRight{
width:61%;
}

}

@media only screen and (max-width: 1000px) {
#logo{
margin: 20px 0px 0px 30px;
}

#topnav li a{
font-size:.9em;
}

#headerRight{
width:61%;
}

.hdrPhoneSpan{
font-size:2.4em;
}

.headerPhoneHolder {

margin-bottom: 15px;
}

}

@media only screen and (max-width: 980px) {
#logo{
margin: 20px 0px 0px 40px;
}

#headerRight{
width:58%;
overflow: hidden;
white-space: nowrap;
}
}

@media only screen and (max-width: 940px) {
#logo{
margin: 20px 0px 0px 79px;
}
#headerRight{
width:56%;
}
}

@media only screen and (max-width: 920px) {
#logo{
margin: 20px 0px 0px 79px;
}

#topnav li a{
font-size:.8em;
}

#headerRight{
width:53%;
padding-right:20px;
}
}

@media only screen and (max-width: 890px) {

#logo {
margin: 20px 0px 0px 15px;
}
#headerRight{
width: 54%;
margin-right:0px;
}


}


@media only screen and (max-width: 790px) {

#logo {
margin: 12px 0px 0px 15px;
}
#headerRight{
width: 50%;
margin-right:0px;
overflow: hidden;
white-space: nowrap;
}

.headerPhoneHolder {
margin-bottom: 21px;
}
}

@media only screen and (max-width: 850px) {
#footermobile #headerbottomline{margin-top:-8px !important;background:#00A3FC !important;}
#mobilenavcontent #logo{display:none;}

#topnav li a {
font-size: .65em;
}
#logo {
margin: 7px 0px 0px 15px;
}
#headerRight{
width: 55%;
margin-right:0px;
}

.headerPhoneHolder {
margin-bottom: 21px;
}
#seedifference{
margin-top:80px;
}

.contactcontentleft, .contactcontentright{
margin-top: 40px !important;
}

.firstp{
margin-top:-15px !important;
}
.contactwrapper .contentmainheading {
width: 100%;
margin: 0 auto 25px auto;
margin-top: 70px !important;

}

.contactwrapper #contentboxcontent div p{
padding: 20px 40px 30px 20px;
}

.contactcontentbox{
width:90%;
overflow:hidden;
margin: 20px auto 30px auto;
}
.contactwrapper{
background:none !important;
}
.nomobile{display:none;}
.cptextbox{
width: 80%;
margin-left: -65px;
}
.cpcontentheading{

margin-top: 25px !important;

}
#container{
overflow:hidden;
}
#containercompany 	.cpcontentheading{

width: 70%;
margin-top: 70px !important;
padding-bottom: 40px !important;

}

#containercompany 	.cpcontentheading h4{
margin-left:-60px;
}
#containercompany 	.cpcontentheading .contentmainunderheading{
margin-left:-50px;
}


#containercompany{
background:none;
}

h4.otherheading{
font-size:2.6em;
margin-top:-40px;
}
.estimate-wrapper {
position: absolute;
left: 410px;
margin: auto;
margin-top: 90px;
}

.resesitmatetext{
width: 45%;
float: left;
font-weight: 600;
font-size: 1.3em;
margin-top: -10px;
margin-left: 10px;
}

.rescontainerwrap div.estimate-wrapper {

margin-top: 30px;
}

.otherservice{height:auto;}
.otherheadergutter, .otherheaderpw, .otherheaderwc, .otherheaderom, .otherheaderas, .otherheadersf, .otherheadercc, .otherheaderrd, .otherheaderps{
position:absolute !important;
margin-left:160px !important;;
margin-top:35px !important;;
z-index:20 !important;;
}

.othertextgutter, .othertextpw, .othertextwc, .othertextom, .othertextas, .othertextsf, .othertextcc, .othertextrd, .othertextps{
position:absolute;
margin-left:120px;
margin-top:20px;
width:70%;
line-height:20px;
z-index:1;
}

.otherservicestwo{
background:none;
max-width:100%;
margin-top:-20px;
}

.othertextps{
margin-left:-102px;
}


.otherservice img{
transform: scale(.5);
margin-top:-5px;
margin-left:10px;
float:left;
}

.otherservicetwo{
margin-left:-36px;
margin-top:-30px;
}

.featureservice {
/*padding-top:200px;
padding-left:50px;
overflow:hidden;*/
min-height: 450px;
margin: 0;
padding-top: 132px;
}

.featureimage{
max-width: 300px;
margin-left: 440px;
float: left;
overflow: hidden;
}
.featureimage img{
margin-left: -10px;
margin-top: -10px;
margin-bottom: -20px;
}

.commercialestimatebottomwrap{
border: #000 0px solid;
height:50px;

text-align: center;
width: 100%; padding: 8px 0px;
margin-top:-70px;
}

.commercialestimatetoptext{
text-align: center;border: #000 0px solid;
padding: 9px 0px;
font-weight:600;
font-size:1.3em;
margin: 0 auto;
width: 100%;
text-align: center;
margin-left: -20px;
}

.commercialestimatebottomtext div{
padding:0px;
}
.commercialestimatebottomtext{
text-align: center;
border: #000 0px solid;
padding: 0px !important;

margin: 0 auto;
margin-left: -25px;
width:100%;
}

li.threecolumncontentservices.third{
margin-right:13px;
}

li.servicedivider.third{
margin-right:15px;
}

li.third{
margin-left:0px;
}
li.nodesktop{
display:block !important;
}

.commercialbreaker{
clear:none;
display:none;
}

#contentboxwrappercontent{
width: 1044px;
z-index:9;
margin: -100px auto 0;
position:relative;
}

#contentboxwrappercontent, .columnscontentservices{
width:100%;
overflow:hidden;
margin: 0 auto;
}

#contentboxcontent{
margin-top:125px;
padding:25px;
}
#testimonialsholder{
margin: 0 auto;
max-width:100%;
overflow:hidden;
margin-top:10px;
}

.footerestimate {
margin-top: -30px;
}

.hidemobile{
display:none;
}
.threecolumn div{
width:89%;
}

#contentbox .columns{
padding:0px;
}

.testimonial{
padding:10px 10px 0px 10px;
width: auto;
margin-left: auto;
margin-bottom:0px;
}

#testimonialbox{
height:auto;
float:right;
margin-top: 20px;
background:none;
width:60%;
font-size: .85em;
margin-right:30px;
padding-top:10px;
background-color:#00527f;
border-radius:10px;
}

#contentbox{    margin-top: -40px;margin-bottom:-40px}


.columnsplit:nth-child(4){display:none;}
.servicedivider:nth-child(4){display:none;}
li.servicedivider{
margin-left: 20px;
margin-right: 5px;
}

.contentmainunderheading{
text-align: center;
margin: -25px 0px 0px 0px;
}

.contentmainheading{
text-align: center;
}

.threecolumncontentservices{
margin-left: 20px;
}


.threecolumn{
padding-top:20px;
width:49%;
}

#contentboxtop, #contentbox, #contentboxwrapper{
max-width:100%;
background-image:none;
}

#mobilefooterinside{
margin: 0 auto;
width: 100%;
text-align: center;
}

#footer, #footertopline{display:none;}

#mobilefooterinside{
padding:20px;
text-shadow:none;
}
#footermobile{
color: #fff;
background: #59646b;
padding-top: 0px !important;
margin-top: 20px;

display:block;
position:relative;
bottom:0;
width:100%;

}

#mobilenavcontent #topnav li{
width:100%;
display:block;
}


#mobilenavcontent #topnav{
float:left;
margin-top:40px;
margin-left:-20px;
width: 88%;
}
#topnav li {
border-bottom: 1px solid #e0e0e0;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
text-align: center;
}

#topnav li a {
font-size: 1.65em;
line-height: 1.6em;
}

#mobilenavcontent{
margin-top:140px;
}

#mobilenavcontent #logo{
position:absolute;
bottom:20px;
}

#mobilenavclosebutton{
display:none;
position:absolute;
width:25px;
height:25px;
top:140px;
right:35px;
z-index:9999;
font-size:2em;
font-weight:bold;
}

#hamburglarIcon{
display:block;
position:fixed;
width:25px;
height:25px;
top:15px;
left:15px;
z-index:999;
}

#hamburglarIcon div {
width: 25px;
height: 4px;
background-color: #556670;
margin: 3px 0;
}

#mobilenav{
display:block;
width:102%;
height:100%;
background:#fff;
position:absolute;
top:-125px;
padding-bottom:125px;
left:-102%;
z-index:1000;
position:fixed;
}

.slideshow
{
width: 100% !important;
padding-top:170px;

}

#seedifference{

margin-top:80px;
}


#logo{
width:100%;
text-align:center;
margin-left:2px;
margin-bottom:30px;
}
#logo img{
width:75%;
height: auto;
max-width:400px;
}
#headerRight{
width:100%;
margin-right:0px;
padding-right:0px;
}
#header{
min-height:142px;
padding-bottom:20px;
}
.navholder{
display:none;
}
#signedinas{
display:none;
}
.headerFlag{
display:none !important;
position: absolute;
top: 5px;
left: 477px;
/* width: 20px !important; */

}

.headerFlag img {
width: 20px !important;
height:auto;
}
.headerPhone{margin-left:-4px;float:none;width:100%;text-align:center;font-weight:normal;margin-top:-8px;}

.hdrPhoneSpan{
font-size: 2.0em;
font-weight: normal;
color: #404040;
letter-spacing: -1px;
}
}

@media only screen and (max-width: 768px) {

.headerFlag{
display:none !important;
position: absolute;
top: 0px;
left: 457px;
/* width: 20px !important; */

}

.cpcontentbox{

margin-top:145px !important;
padding-left:10px !important;

}

.contactcontentbox{

margin-top:145px !important;
padding-left:10px !important;
}

.headerFlag{

top: 5px !important;
left: 435px  !important;
/* width: 20px !important; */

}

#mobilenavclosebutton{right:35px;}

#mobilenavcontent #logo{display:block;}

}

@media only screen and (max-width: 667px) {
.headerFlag {

left: 385px !important;

}
}

@media only screen and (max-width: 530px) {
.commercialestimatebottomtext{margin-left:0px;}
.commercialestimatebottomwrap{
padding: 0px !important;
text-align: center;
}
.threecolumncontentservices.second{
padding-left:10px;
margin-left:0px;
}
.contentmainheading{
line-height: 40px;
margin-top: -10px;

}
.contentmainunderheading{
margin-bottom:-30px;
}
li.servicedivider{display:none !important;}
.columnsplit:nth-child(4){display:block;}
.columnsplit{
height: 1px;
width: 90%;
min-height: 1px;
margin-left: 5%;
display:block;
margin-top:20px;
}
#mobilefooterinside{
padding:10px 0 10px 0;
}
#footermobile{
display:block;
position:relative;
padding-top:20px;
bottom:0;
width:100%;

}

.threecolumn{
padding-top:20px;
width:100%;
}

#contentbox{ margin-top: -100px;}

#homestars{
width:100%;
text-align:center;
margin-left:0px;
margin-bottom:10px;
}

#testimonialsholder{
width:100%;
}

#testimonialbox{
width:89%;
margin:20px;

}

#seedifference{
margin-top:60px;
}
}

@media only screen and (max-width: 768px) {
.headerFlag{
display:none !important;
position: absolute;
top: 15px;
left: 448px;
/* width: 20px !important; */

}
}

@media only screen and (max-width: 480px) {
.featuretext{
margin-left: 20px;
max-width: 90%;
}
.featureservice {
max-width: 100%;
overflow: hidden;
margin-top: 0px;
padding-top: 142px;
padding-left: 0px;
}

#header{
min-height:145px;
padding-bottom:5px;
}
#logo{
margin-bottom:10px;
}
.headerFlag{
display:none !important;
position: absolute;
top: 11px;
left: 244px;
/* width: 20px !important; */

}
}

@media only screen and (max-width: 420px) {

.featureservice{padding-top:131px !important;}

#mobilenavclosebutton{right:15px;}
.headerFlag{
display:none !important;
position: absolute;
top: 0px !important;
left: 242px !important;
/* width: 20px !important; */

}

.headerFlag img {
width: 20px !important;
height:auto;
}

.featuretext{
margin-top:100px;
}

.featureicon{
margin-top:20px;
}
h4.featureheading{
margin-top:20px;
}
#message{width: 220px;}
.otherservice{min-height:250px;}

.estimate-wrapper {
position: absolute;
left: 30px;
margin-top: 300px;
}

.resesitmatetext{
width: 100%;
float: left;
font-weight: 600;
font-size: 1.3em;
margin-top: 10px;
margin-left: 10px;
margin-bottom:120px;
}

.rescontainerwrap div.resesitmatetext{
margin-top: -60px !important;
}
.rescontainerwrap div.estimate-wrapper {
margin-top: 70px;
}

.columnsplit, .nomobile{
display:none;
}




.commercialestimatetoptext{margin: 0 auto;}
.otherheadergutter, .otherheaderpw, .otherheaderwc, .otherheaderom, .otherheaderas, .otherheadersf, .otherheadercc, .otherheaderrd, .otherheaderps{
position:absolute !important;
margin-left:140px !important;;
margin-top:35px !important;;
z-index:20 !important;;
}

.othertextgutter, .othertextpw, .othertextwc, .othertextom, .othertextas, .othertextsf, .othertextcc, .othertextrd, .othertextps{
position:absolute;
margin-left:120px;
margin-top:20px;
width:285px;
line-height:20px;
z-index:1;
}
.othertextps{
margin-left:-102px;
}

h4.threecolumncontentservices{
margin-top:0px;
font-size:1.0em;
}

.featureservice{
padding-bottom:150px;
}
.columnscontentservices{
background:none;
}
.header{
z-index:9
}
.featuretext{
z-index:8;
}
h4.featureheading{
font-size:1.6em;
}
.contentmainunderheading{
margin-left:20px;
}
.contentpageheading{
margin-left:10px;
}

.servicedivider{display:none;}

.columnscontentservices li{
min-height:auto;
}

.threecolumncontentservices img{
width: 117%;
height: auto;
}

.threecolumncontentservices.second {
padding:0px;
margin-left: -9px;
}

.threecolumncontentservices.third {
padding:0px;
margin-left: -18px;
}

span.contenttrippleboxservices {
margin-left: 20px;
float: left;
width: 320px;
}

.threecolumncontentservices.second h4 {
margin-left: 10px;
}
.threecolumncontentservices.third h4 {
margin-left:20px;
}

.threecolumncontentservices{
margin-left:0px;

}

.contentmainheading{
margin:15px auto 20px auto;
}
.featureicon img{
width: 40px;
height: 40px;
margin-top: 12px;
margin-left: 10px;
}

#contentboxcontent div{
padding:0px;
padding-top:20px;
}

.otherservicestwo{
background:none;
max-width:100%;
margin-top:-20px;
}

.otherservice img{
transform: scale(.5);
margin-top:-5px;
margin-left:10px;
float:left;
}

.otherservicetwo{
margin-left:-36px;
margin-top:-30px;
}

#contentboxwrappercontent{z-index:7;}

#contentboxwrappercontent #contentboxcontent{ margin-top: 0px; }

h4.otherheading {
font-size: 1.3em;
margin-top:-25px;
margin-left:-9px;
}

h4.featureheading{
margin-left:75px;
}
.featureicon{margin-left:10px;}
.featureimage{display:none}

.slideshow{
padding-top: 148px;
}

#footermobile #headerbottomline{margin-top:-8px !important;background:#00A3FC !important;}
#header{
min-height:124px;
}
#logo{
margin-bottom:-10px;
z-index:9;
}
#seedifference{

margin-top:40px;
}
.headerPhone{
margin-top:-5px;
}
.estimateheader{
border-bottom: none;
}
.estimateformdv{ width: 100%; margin-left: -100px; }

.estimateform{
white-space:nowrap;
padding: 0px;
margin-left:70px;
}

.estimateform p {
margin-left: -50px;
}

#fname, #lname {max-width: 100px;}

.thistext {
padding: 0px;
width: 120%;
margin-left: 25px;
margin-bottom: 40px;
}

.thisheader{display:none;}

#containercompany{
background:none;
}
.cpcontentbox{
width:100%;
margin-left:-30px;
margin-top:133px !important;
}
.contactcontentbox{
margin-top:133px !important;
}
.cptextbox{
width:100%;
margin-left:0px;
margin-top:-40px;
}

#containercompany .cpcontentheading{width:100% !important;margin-top: -25px !important;}

.cpcontentheading{border:none !important; margin-top: -25px !important;
width:100%
}

.cpcontentheading .contentmainunderheading{margin-bottom:0px;}

.contactcontentright{
width:100%;
transform:scale(.7);
float:left !important;
margin-left:-20px !important;
margin-top:0px !important;
margin-bottom: -30px !important;
}

.contactcontentleft{
margin-bottom: -70px !important;
}

.contactwrapper .contentmainheading{
white-space:normal !important;
margin-left: -20px;
margin-top: -10px !important;
}
.contactwrapper .contentmainunderheading{
margin-left: -20px;
margin-top:-30px;
}

.contactheadingholder{
border: none !important;
}

label.form{
white-space: normal;
margin-top: 100px;
}

.featuredserviceheader{display:block}
.featuredserviceheader img{
width:100%;
}
.insidefeatureservice{width:100%;}
}


@media only screen and (max-width: 441px) {
.slideshow{
padding-top: 131px;
}
#header{
min-height:125px;
}
#headerbottomline{margin-top:-7px;}
.headerPhone{
margin-top: 0px !important;
}
}

@media only screen and (max-width: 375px) {

.headerPhone{
margin-top: -5px !important;
}
.headerFlag{
display:none !important;
position: absolute;
top: 11px;
left: 223px;
/* width: 20px !important; */

}

.headerFlag img {
width: 20px !important;
height:auto;
}
}

@media only screen and (max-width: 375px) {
.headerFlag{
display:none !important;
position: absolute;
top: 0px !important;
left: 222px !important;
/* width: 20px !important; */
}
}

@media only screen and (max-width: 360px) {


.headerFlag{
display:none !important;
position: absolute;
top: 7px;
left: 211px !important;
/* width: 20px !important; */

}

.headerFlag img {
width: 20px !important;
height:auto;
}
}

@media only screen and (max-width: 320px) {


.headerFlag{
display:none !important;
position: absolute;
top: 9px;
left: 207px;
/* width: 20px !important; */

}

.headerFlag img {
width: 20px !important;
height:auto;
}
}
