@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;}

/* Text Formatting */
body {
	font-family: Arial, Helvetica, sans-serif;
}

#content{
	position:absolute;
	left:50%;
	width:980px;
	margin-top:0;
	margin-left:-490px;
	padding:158px 0px 0 0px;
	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;
}
#phonenummobile,#phonenummobile{display:none;}
#phonenum{display:block;}

.js #nav, .js #buildingnav, .js #btmnav,#smallform,#smallformhdr { display: block; }
.js .selectnav,.js .usesnav { display: none; }

#header{
	position:absolute;
	top:0;
	width:100%;box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
	
	border:0px solid red;
}
#header img{
	width:auto;
	margin:0;	
}
#logo{float:left;}
#phonenum{
	float:right;
	/*delete both lines below to make numbers touch top of navigation buttons*/
	position:relative;
	top:.5em;
}

#nav{
	position:absolute;
	width:100%;
	top:115px;
	left:1px;
}

#nav li{
	display:inline-block;
	width:12.3%;
	height:40px;
	margin-right:-2px;
	position:relative;
	left:0px;
}
#nav li a{
	display:block;
	height:35px;
	padding:5px 15% 0 15%;
	background-color:#c5c4da;
	color:#000;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:.9em;
}
#nav li a:hover{
	background-color:#e6e6e6;
	text-decoration:underline;
}
	
.onel{
	height:26px !important;
	padding-top:14px !important;
}

#maintext{
	padding:0 20%;
	background-color:#fff;
}
#maintext h1, #maintext h2{	
	color:#036;
	font-size:1.2em;
	padding:3px 0 0 0;
	text-align:center;
	height:auto;
	margin-top:0em;
}
#leftcol{
	position:absolute;
	top:158px;
	left:3px;
	width:188px;
	font-size:.75em;
}
#leftcol h2, #leftcol p, #leftcol h3{
	display:block;
}
#leftcol h2, #leftcol h3, #rightcol h2,#smallformhdr{
	/*background-color:#036;*/
	color:#000;
	text-align:center;	
	padding:.3em 0;
}
#buildingnav{
	width:95%;
	margin-left:5%;
}
#buildingnav li{
	font-size:1em;	
	padding-left:2px;
	line-height:1.2em;
	margin:.8em 0;
}
#buildingnav li a{
	color:#036;
	font-weight:bold;
	line-height:1.2em;
}
#buildingnav li a:hover{
	text-decoration:underline;
}

#blurb{
	position:absolute;
	top:562px;
	right:197px;
	line-height:1em;
	width:280px;
	font-size:.9em;
}
#pricebtn{	
	width:29%;
	position:absolute;
	top:694px;
	left:200px;
}

#rightcol{
	width:188px;
	position:absolute;
	top:158px;
	right:3px;
	font-size:.75em;
}
/*miniform*/
#smallform{
	width:78%;
	height:280px;
	position:relative;
	left:2em;
}
/*end miniform*/
.lft, .rgt {
    display:block;
	width:100%;
}
.modelbox{
	width:100%;
	text-align:left;
	font-size:1em;
	margin-bottom:1em;	
}
.modelbox p a{
	font-size:1.35em;	
}
.modelbox img{
	width:54% !important;
	margin:0 23%;
}

#rightcol center img{
	width:98%;
	margin:1em 1%;
}
#energystar{
	top:0em;
	width:50% !important;
}

.leaf{
	background-size:100% auto;	
}
.leaf2,.leaf3 {
	width:40%;
	height:60px;
	padding:25px 30% 0px 30%;
	margin:1em 2%;
	text-align: center;
	color: #972322;
	font-weight: bold;
	font-size:1em;
	background-image:url(../images/leafbtn-bkgd.gif);
	background-repeat: no-repeat;
	background-position:center 50%;
	background-size:80% 100%;
}
.leaf3{
	width:60%;
	padding:20px 18% 0 18%;
	height:55px;
	font-size:.8em;
}

#csacert{
	width:60% !important;
	margin:0 20%;	
}
#btmnav{
	position:relative;
	left:2px;
	margin-bottom:5px;	
}
#btmnav li{
	display:inline-block;
	width:16.5%;
	height:30px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin-right:-5px;
}
#btmnav li a{
	height:22px;
	padding-top:8px;
	width:100%;
	text-align:center;
	display:block;
	font-size:.75em;
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

#btmnav li a:hover{
	background-color:#c5c4da;
}

.boilerplate{	
	margin-left: 10em;
}

.shiftleft{
	position:relative;
	left:10em;	
}
#starburst{
	width:25% !important;	
}
#bluequotebtn{
	width:35% !important;	
}

#quotetable{
	font-size:.8em;
}
#quotetable td:first-of-type{
	padding-left:3em;
}
#building_width_c,#building_length_c{width:8em !important;}

#submit{
	height:37px !important;
	width:180px !important;
}
#submit:hover{
	background-position:0em -37px;
}
.rgt2{
	width:30%;
	float:right;
}

#sitemap{
	position:relative;
	left:10em;	
}

#googleplus{
	position:absolute;
	top:20px;
	left:40%;
	text-align:center;
	width:9%;
	z-index:101;
}

#cc,#details{
	width:70%;
	padding:0 15%;
}

#btnspecials{
	width:100%;
	padding:0;
	margin-bottom:2em;
}
#amsslogo{
	position:relative;
	top:3em;
	width:72%;
	margin-left:1em;	
}

#colorburst{
	width:25% !important;	
}

.assemble1{
	width:100%;	
	height:182px;
	margin-bottom:1em;
}
.assemble1 img{
	float:left;
	width:50% !important;
	margin-right:1em;
}
.assemble1 p{
	position:relative;
	top:1em;
}

#contactform table{
	width:90%;
	margin-bottom:2em;
	margin-left:5%;
}
#apptable{
	position:relative;
	left:3em;
}