@charset "UTF-8";
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;height:100%;}
img {border:none;}

/* Small Screen Rules */
body {
	font-family: Arial, Helvetica, sans-serif;
}
#content{
	position:absolute;
	left:50%;
	width:300px;
	margin-top:0;
	margin-left:-150px;
	text-align:left;
	padding-top:16em;
	box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.60);
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.60);
}
#content>p{
	width:98%;
	margin:3% 1%;
	font-size:.83em;
}
#wrapper{
	width:98%;
	margin:0 1%;
}
#phonenumber{
	position:fixed;
	top:0px;
	width:300px;
	/*width:610px;*/
	height:1.9em;
	padding-top:5px;
	text-align:center;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:1.5em;
	color:#036;
	line-height:.8em;
	background-color:#fff;
	box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.60);
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.60);
	z-index:100;
}
#phonenumber span{
	font-size:.9em;
}

/*top margin*/
#top img{
	position:absolute;
	top:3.5em;
	left:3em;
}
#search{
	position:absolute;
	top:10em;
	left:0;
	width:99%;
	padding-top:0em;
	height:auto;
	text-align:center;
}
#search form{
	width:100%;
	height:2em;
	text-align:center;
}
#search p{
	font-size:1em;
	color:#cc0000;
	font-weight:bold;
	font-style:oblique;
	margin-top:-.5em;
	width:50%;
	position:relative;
	top:.3em;
	left:5em;
}
#searchfield{
	position:relative;
	top:-6px;
	margin-right:-5px;
	height:20px;
	border:1px solid #036;
}
/*end top margin*/

/*main nav*/
.js #nav {display: none;}
.js .selectnav {
	display: block;
	position:absolute;
	top:11.5em;
	width:80%;
	margin:0 10%;
}
/*end main nav*/

/*video/mini form area*/
#video{
	position:absolute;
	left:0px;
	top:16.5em;
	width:100%;
}
video{
	width:100%;
	height:auto;
}
#miniquote{
	position:absolute;
	top:9.5em;
	left:0;
	width:80%;
	margin:0 10%;
	overflow:visible;
}
#c2a-buttons{
	width:100%;	
	position:relative;
	top:17em;
	right:0px;
}
iframe,#operator,#c2a-buttons > .test{display:none;}
#specialad{
	width:97.4%;
	margin:0 1%;	
	position:absolute;
	left:0;
	bottom:0;
	padding:.3%;
	border:1px solid #036;
}

/*end video area*/

/*main content*/
h1{
	color:#036;
	margin:0 1% 1em 1%;
	font-size:1em;
	width:98%;
	text-align:center;
}	
/*end main content*/
/*model tables*/
.redbutton{
	width: 100%;
	margin-bottom: 0 !important;
	padding:.1em 0 !important;
	height:2em;
	background-image: url(../images/bkgd-model-column.png);
	background-repeat: repeat-x;
	background-position: center;
}
.redbutton a{
	display:block;
	width:30%;
	margin:0 35%;
	padding:.4em 0 .4em 0;
	background-color:#cc0000;
	color:#fff;
	text-align:center;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}
.redbutton a:hover{
	background-color:#036;	
}
#modeltbl {
	display:block;
	width:80%;
    margin:0em 10% 1em 10%;
	text-align:center;
    }

  #row  {
    display:block;
    }
	
 #left, #right, #middle1, #middle2 {
    display: block;
	width:100%;
	padding:0 1px;
	float:left;
	margin-bottom:.5%;
    }
	
.showcase{
	border:1px solid #000;
	padding:0;
	height:auto;
	overflow:hidden;
	background-color:#fbfbfb;
	padding-bottom:5px;
}
.showcase img{
	width:100%;
	margin-top:2px;
}
.showcase p{
	text-align:left;
	margin:0 0 5px 0;
	font-size:.75em;
	width:95.5%;
	margin:.5% 1% 0 3%;
}
.showpic {padding:1px;border:1px solid #369;}

.modeluses{
	border:1px solid #999;
	width:95.5%;
	margin:.5% 1% 0 2%;
	background-color:#fff;	
}
.modeluses>h3{
	font-size:.9em;
	color:#036;	
}
.reduse{
	font-weight:bold;
	color:#cc0000;	
}
.modeluses>ul{
	font-size:.8em;
	line-height:1.2em;
	margin-bottom:.5em;
}
.morelink{
	color:#cc0000;
	font-weight:bold;
}
.morelink:hover{color:#036;text-decoration:none;}

/*end model tables*/

/*phone number graphic*/
#phonenumimg{
	width:100%;
	margin:1.5em 0;
	text-align:center;	
}
#phonenumimg img{
	width:98%;
	margin:0 1%;
}
#wrapper > #phonenumimg img{
	width:100%;
	margin-bottom:10em;
}
/*end phone number graphic*/


/*extras*/
#extras{
	text-align:center;	
}
#extras img{
	width:74%;
	padding:0%;
	margin:0 13% 1em 13%;
}
/*end extras*/

/*bottom*/
#btmnav {
	margin: 0em 0 1em 0;
	display:block;
	width: 100%;
	background-image: url(../images/rainsnowwindsun-icons.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:65em;
	text-align:center;
}

#btmrow  {
    display:block;
}

.button{
	background-color: transparent;
	background-image: url(../images/btn-blue.png);
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center;
	display: block;
	color: #fff !important;
	font-size: .9em;
	/*
	width:182px;
	height:26px;
	padding-top:10px;
	*/
	width: 100%;
	height:2em;
	padding-top:.8em;
	text-align: center;
	margin-bottom:.5em;
}
.button:hover{
	background-image:url(../images/btn-blue-mo.png);
	background-repeat:no-repeat;
	text-decoration:none !important;
}
#btmleft {
    display:block;
	width:95%;
	padding:0 2.5%;
	position:relative;
	left:0em;
}

#btmmid1 {
    display:block;
	width:100%;
	padding:0;
	position:relative;
	left:0em;
	margin-bottom:1em;
}

#btmmid2 {
    display:block;
	width:90%;
	padding:0 5%;
	position:relative;
	left:0em;
	margin-bottom:1em;
}

#btmright {
    display:block;
	width:95%;
	padding:0 2.5%;
}

.btmdata{
	padding:0;
	height:auto;
	overflow:hidden;
}

.btmdata > ul > li {
	font-size:.8em;
	padding:.3% 0;
	width:100% !important;
}
.btmdata a{
	color:#036;
	font-weight:bold;
	text-decoration:none;	
}
.btmdata a:hover{
	color:#cc0000;
	text-decoration:underline;	
}

.youtube {
	background-image: url(../images/youtube-icon.png);
	background-repeat: no-repeat;
	background-position: center 1.5em;
	height:4em;
	padding-top:.5em;
	width:100%;
	margin-bottom:1em;
}

.greenbldgs {
	background-image: url(../images/green-building-icon.png);
	background-repeat: no-repeat;
	background-position:18em -.3em;
	height:2.5em;
}
.greenbldgs a{color:green !important;}
/*end bottom nav*/




/*social media icons*/
/*#socmedlogos{
	display:none;
}*/
#socmedlogos{	
	left:0;
	width:77%;
	margin-left:17.5%;
}
#followus{
	top:15.5em;
	left:8em;
}
/*end social media icons*/
/*testimonial link images*/
.testimonialchoice{
	font-size:.75em;
	height:auto;
	margin-bottom:.5em;
	z-index:100;
}
.testimonialchoice img{
	float:none;
	padding:.3em;
	border:1px solid #000;
	width:90%;
	margin:0 7% 0 3%;
}
.testimonialchoice h2{
	color:#036;
	width:72%;
	margin:-1em 13% 1.5em 15%;
	text-align:center;	
}
.testimonialchoice ul{
	width:72%;
	margin:0em 13% 2em 15%;
	text-align:center;	
}
.playbutton{
	display:block;
	text-align:center;
	background-color:#cc0000;
	color:#fff !important;
	border:1px solid #000;
	overflow:hidden;
	padding-top:.3em !important;
	height:1.7em !important;
	text-decoration:underline !important;
	font-weight:bold;
	width:75%;
	margin:.5em 20% 1em 5%;
}
.playbutton:hover{
	text-decoration:none !important;
	background-color:#fff;
	color:#cc0000 !important;
}
.custquote{
	font-style:italic;
	width:92%;
	margin:.5em 5% 0 3% !important;
	text-align:center;
}
.vidbuttons,.vidbuttons2{
			text-align:center;
			width:98% !important;
			margin:1em 1% !important;
		 }
.vidbuttons2{
	margin-bottom:1em !important;	
}
.vidbuttons a,.vidbuttons2 a{
			display:block;
			background-color:#036;
			color:#fff !important;
			border:1px solid #000;
			overflow:hidden;
			padding-top:.2em;
			height:auto;
			text-decoration:none !important;
			font-weight:bold;
		 }
.vidbuttons a:hover,.vidbuttons2 a:hover{
			background-color:#fff;
			color:#036 !important;
		 }
/*quote page*/
#tblprice {
	width:98%;
	margin:0 1%;	
}
#tblprice td{
	padding:1% 0;
	font-size:.8em;
}
select{width:98%;}
.req2{
	right:.5em;
}
/*thanks page*/
#tblbrochure{
	width:98%;
	margin:0 1%;	
}
#tblbrochure img{
	width:100%;	
}

.blist{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	list-style-type: disc;	
	margin:1em 0 1em 1.5em;
	width:90%;
}
.blist li{
	margin-bottom:.3em;	
}
h2{
	color:#036;
	margin:3% 1% 1em 1%;
	width:98%;
	font-size:.95em;
	text-align:center;
}
#specialspage{
	width:100%;	
}

.specimg{width:98%;}
.specbtnp{width:105px;}
.specbtns,.specbtnq{width:125px;}
.specbtna{width:125px;position:relative;left:-1.65em;}

#pmod {
	width:auto;
	height:24em !important;
	margin:0px 0 10% 0%;
	padding:10% 0 0 0%;
	background-image: url(../specials/images/fall-p-model.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom:0 none;
}

#pmodcontent{
	height:13em;
	position:relative;
	top:10em;
	background-image: url(../specials/images/35-savings.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
#smod {
	width:auto;
	height:24em !important;
	margin:0px 0 10% 0%;
	padding:10% 0 0 0%;
	background-image: url(../specials/images/fall-s-model.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom:0 none;
}
#amod {
	width:auto;
	height:24em !important;
	margin:0px 0 10% 0%;
	padding:10% 0 0 0%;
	background-image: url(../specials/images/fall-a-model.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom:0 none;
}

.smodcontent{
	height:13em;
	position:relative;
	top:10em;
	background-image: url(../specials/images/40-savings.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
#qmod {
	width:auto;
	height:24em !important;
	margin:0px 0 10% 0%;
	padding:10% 0 0 0%;
	background-image: url(../specials/images/fall-q-model.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#qmodcontent{
	height:13em;
	position:relative;
	top:10em;
	background-image: url(../specials/images/50-savings.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
#pmod p, #smod p, #qmod p,#amod p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	z-index:0;
}


.ssize,.qsize,.psize{top:-1em !important;left:-4em;}
.asize{top:-1em !important;left:-4em;}


#pmod p{
	padding:1em 0 0 0;
	position:relative;
	left:0em;
	top:0em !important;
	width:100%;
	margin:0 2em 2em 0;
	padding-left:5%;
	height:auto;
	white-space:nowrap;
}
#pmod p:last-of-type{
	padding-bottom:10px;	
}
#smod p{
	padding:2em 0 0 0;
	position:relative;
	left:0em;
	top:0em !important;
	width:68%;
	margin:0 10% 0 0;
	padding-left:5%;
	height:auto;
	white-space:nowrap;
}
#smod p:last-of-type{
	padding-bottom:10px;	
}
#amod p{
	padding:2em 0 0 0;
	position:relative;
	left:0em;
	top:0em !important;
	width:68%;
	margin:0 10% 0 0;
	padding-left:5%;
	height:auto;
	white-space:nowrap;
}
#amod p:last-of-type{
	padding-bottom:10px;	
}
#qmod p{
	padding:2em 0 0 0;
	position:relative;
	left:0em;
	top:0em !important;
	width:68%;
	margin:0 10% 0 0;
	padding-left:5%;
	height:auto;
	white-space:nowrap;
}
#qmod p:last-of-type{
	padding-bottom:10px;	
}
#pmod p > a,#smod p > a,#qmod p > a,#amod p > a{
	float:right;
	position:relative;
	top:-15px;
	width:25%;
}

.pricetag{
	width:115px;	
}
#pmod,#smod,#amod,#qmod{
	height:18em;
}
#pmod p,#smod p,#amod p,#qmod p{
	width:50%;
}

.amodnudge {
	position:relative;
	left:0em;	
}
#creditcards img{
	width:98%;
	margin:0 1%;
}
#appnav {display:none;}


/*quote page right margin*/
#rightmarginquote{
	width:100%;
	position:relative;
	top:63em;
	left:0em;
}
#rightmarginquote h3{
	font-size:.9em;	
	margin-bottom:.3em;
	text-align:center;
}
.red{color:#cc0000;}
#rightmarginquote img{
	width:90%;	
	margin:.5em 5%;
}
#rightmarginquote ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	list-style-type: disc;	
	margin:1em 0 1em 10%;
	width:88%;	
}
#rightmarginquote ul li{
	margin-bottom:.2em;
}
/*end quote page right margin*/

/*specials
.specialslist img{
	width:95%;	
}
#spectble .lft{
	width:100%;
	display:block;	
}
#spectble .mid,#spectble .rgt {
	border-right:.1em solid #ccc;
	float:left;
	width:48%;
	margin-bottom:1em;
}
#spectble .mid:last-of-type,#spectble .rgt:last-of-type{
	border-right:0 none;
	}

.specialslist a{
	width:80%;
	margin:1em 10%;
	padding-top:.5em;
	height:1.4em;
	font-size:.85em;
	line-height:.9em;
	position:relative;
	left:1em;
}
.specialslist a:hover{
	background-color:#fff;
	color:#036;	
}
.btnspecials{
	font-size:.8em;
	width:95%;
	height:1.8em;
	padding-top:.6em;
	text-align:center;
	margin-bottom:.5em;
	text-decoration:none;
}
.btnspecials:hover{
	background-position: 0px -24px;	
}*/
/*end specials*/

/*customer list*/
#fadeshow1 img{		
	position:relative;
	left:0em;
	top:0em;
	width:92% !important;
}
/*end customer list*/

/*-------new script. Delete above if this works-----------------*/
.rotator {
	border:1px solid #000;
	width:140px;
	height:140px;
}
.rotator > img{
	position:relative;
	top:2px !important;
	left:-10px !important;
	width:130px !important;
}
/*end customer list*/

/*landing page(s)*/
#landingcontent{
	position:absolute;
	left:50%;
	width:300px;
	margin-top:0;
	margin-left:-150px;
	text-align:left;
	padding-top:15em;
	box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.60);
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.60);
	background-color:#fff;
}

#landingwrap{
	background-image:none;
	/*background-repeat:no-repeat;
	background-position:470px 23px;*/
	width:98%;
	padding:0 0px 0 0px;
	margin:0 1% 29em 1%;
	position:relative;
	top:-4em;
}

#landingcontent > p,#landingwrap > p{
	width:98%;
	margin:0 1% 1.5% 1%;
	font-size:.8em;
}
#landingcontent > p > a,#landingwrap > p > a{
	font-weight:bold;
	color:#036;
	text-decoration:underline;	
}
#landingcontent > p > a:hover,#landingwrap > p > a:hover{
	text-decoration:none;	
}

.green{
	color:#060;
	font-size:1.5em;
	margin-bottom:.3em;
}

#landingphone{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	/*width:610px;*/
	height:2em;
	padding-top:5px;
	text-align:center;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:1.5em;
	color:#036;
	line-height:.9em;
	background-color:#fff;
	box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.60);
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.60);
	z-index:100;	
}
#landingphone span{
	font-size:.9em;
}	

#landingsearch{	
	position:absolute;
	top:10em;
	left:0;
	width:99%;
	padding-top:0em;
	height:auto;
	text-align:center;
}

#landingsearch p{
	font-size:1em;
	color:#cc0000;
	font-weight:bold;
	font-style:oblique;
	margin-top:-.5em;
	width:100%;
	position:relative;
	top:1em;
	left:0em;
}

#landingquote{
	position:absolute;
	top:250px;
	left:3px;
	width:289px;
	height:400px;
	border:2px solid #cc0000;
	border-radius: 20px; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	overflow:hidden !important;
}
/*
#landingoperator{
	width:97.4%;
	margin:0 1%;
	padding:.3%;
}
*/

#pointing{
	width:289px;
	position:absolute;
	top:28.5em !important;
	left:.34em;
	height:165px;
	z-index:0;
}
#pointing img {width:100%;}
#pointing p{
	text-align:right;
	font-size:.65em;
	position:relative;
	top:-2em;
	right:2em;	
}

#landingiframe{
	height:15.5em !important;
	width:100%;
}
#landingiFrm{
	display:block;
	position:relative;
	top:7em;
	left:0%;
	padding:5px;
	width:100%;
	height:24em !important;
	z-index:0;
}
#landingextras{
	text-align:center;	
	width:100%;
	margin:0;
}
#landingextras img{
	width:31%;
	padding:1px;
	border:1px solid #000;
	margin-bottom:2px;
	
	/*width:24.2%;
	padding:.1%;
	border:1px solid #000;
	margin:0;*/
}

#landingvid{
	position:relative;
	top:34em;	
}
#landingvid video{
	width:100%;
	height:166px;	
}

#getaquote{
	position:relative;
	top:-2.5em;
	left:1.25em;
	width:8em !important;	
}
/*end landing pages*/

#contactquote > iframe{display:block;}
#contactIframe{
	padding:0px;
	width:100%;
	margin:0;
}





#landingtestimonial{
	position:absolute;
	bottom:-11em;
	right:0em;
	width:100%;
	font-size:.8em;	
}

/*specials BBB*/
.btnspecials{
	background-position: 0px 0px;
	background-size: 100% 100px;
	font-size:.85em;
	width:80%;
	padding-top:1em;
	height:3.5em;
}
.btnspecials:hover{
	background-position: 0px -51px;	
}

#sidequote{display:none;}