html {
	height:100%;
        width:99%	
}


body {
	color:white;
	text-align: center;
	background: black url(log.jpg) center top;
	background-repeat: no-repeat; /* don't tile the image */
	background-size:1366px 200px;
	

}


.bodies{position: relative;
bottom:5em;}

a {color:white;
   text-decoration:none;
    
}

.but {text-align:right;
		margin-right: 1.25em;
		margin-top: .938em;
		height: .063em;
	}


.btn{
	color:black;
	font-size: 1.5em;
	background: -webkit-linear-gradient( white, gray);
	/* Firefox 3.6+ */
background: -moz-linear-gradient(white, gray);
background: -ms-linear-gradient(white, gray); /*IE10*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='gray',GradientType=0 ); /* IE6-9 */

	background-color:#B8B8B8;	
	padding: 5px 10px;
	margin:0px 0px 0px 0px;
	width: 100px;
	border: 7px solid grey;
	border-radius: 20px;

	
}



.pro{text-align: right;
	margin-right: 15px;
	position:relative;
	top:25px;}
		
.btn:hover{
		color:black;
		background-color: gray;
		padding:30px 10px;
		margin:0px;

	}


.jamie{position: relative;
		left:6em;
		top:2em;
		text-align: left;

}
.slideshow{
		position: relative;
		right: 3.750em;
		bottom: 19.375em;
		text-align: right;
		z-index: 10;


	}

h1 {
	color: white;
	font-size: 3em;
	margin: 0em 0em 0em 0em;
	height: 3.125em;
	font-family: 'Libre Baskerville', serif;
	}

h2 {
	color: #102177;
	font-size: 2.5em;}

h3 {
	color: #102177;
	font-size: 2.5em;
	margin: 0em 0em 0em 0em;
	height:0.063em;
	position:absolute;
	top:1.250em;
	left: 2em;
	font-family: Verdana, sans-serif;
	line-height: 1em;
	color: #ffffff;
	font-weight:bold;
	font-size: 1.875em;
	text-shadow:0px 0px 0 rgb(212,212,212),0px -1px 0 rgb(169,169,169),0px -2px 0 rgb(126,126,126), 0px -3px 0 			rgb(83,83,83),0px -4px 3px rgba(0,0,0,0.05),0px -4px 1px rgba(0,0,0,0.5),0px 0px 3px rgba(0,0,0,.2);


}

h4 {
	font-size: 2em;
	margin-top: 0.313em;

}


h5 {word-spacing: 0.625em;
color:white;}

h6 {text-align: center;
color:white;}

p {
	font-size: 1.5em;}



.loggos{text-align: center;
		}


.nav li:hover {
	background-color: blue;
	border-radius: 0.125em;
	margin-top: 0em;
	z-index: 30;


}



.picture{border: 10px ridge white;
		 border-radius: 0.625em;}





.all{position: relative;
	bottom:9.375em;}


.aboutus {text-align: center;
		margin-right: 3.125em;
		margin-left: 25em;
		background-color:#3399FF;
		background: linear-gradient(#3399FF, #66CCFF);
		background:-webkit-linear-gradient(#3399FF, #66CCFF);
                background: -ms-linear-gradient(#3399FF, #66CCFF); /*IE10*/
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399FF', endColorstr='#66CCFF',GradientType=0 ); /* IE6-9 */
		padding:1.25em;
		position: relative;
		top:4em;
		border-color: black;
		border-style: solid;
		border-width: 0.625em;
		border-radius:0.938em;
		font-size: 1em}




.multimediaabout {text-align: center;
		margin-right: 3.125em;
		margin-left: 25em;
		background-color:#3399FF;
		background:linear-gradient(#3399FF, #66CCFF);
                background:-webkit-linear-gradient(#3399FF, #66CCFF);
                background: -ms-linear-gradient(#3399FF, #66CCFF); /*IE10*/
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399FF', endColorstr='#66CCFF',GradientType=0 ); /* IE6-9 */
		padding:1.25em;
		position: relative;
		top:4em;
		border-color: black;
		border-style: solid;
		border-width: 0.625em;
		border-radius:0.938em;
		font-size: 1em}

 	
 	





.phones
			{text-align: left;
			position: relative;
			bottom: 570px;
			left:18em;
			font-size: 1.3em;
			color: white;
			margin-right: 25em;}




.contactnow, .emergency, .officehours 
                       {position: relative;
			bottom:840px;
			left:70%;
                        margin-left:40px;
			padding:.7em 1em;
			border-style: ridge;
			border-color:white;
			width:15%;			
			border-width: 0.625em;
                  	background-color:#3399FF;
			font-weight: bold;
			margin-left:1em;
			background:linear-gradient(#3399FF, #66CCFF);
			background:-webkit-linear-gradient(#3399FF, #66CCFF);
			background: -ms-linear-gradient(#3399FF, #66CCFF); /*IE10*/
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399FF', endColorstr='#66CCFF',GradientType=0 ); /* IE6-9 */
			}

.form{text-align:center;
	  	position:relative;
		bottom: 15em;
		left:0em;
		background-color:#000099;
		background: linear-gradient(#000099, blue);
		background:-webkit-linear-gradient(#000099, blue);
                background: -ms-linear-gradient(#000099, blue); /*IE10*/
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000099', endColorstr='blue',GradientType=0 ); /* IE6-9 */
		padding-right:1.563em;
		padding-top: 2.5EM;
		padding-left: 0.625em;
		padding-bottom: 1.563em;
		border-radius: 1.250em;
		color:white;
		border-style: solid;
		border-width: 0.625EM;
		border-color: black;
		margin-left: 6.250em;
		margin-right: 6.250em;
		
margin-top:250px;		
		}

.description{position: relative;
color:white;
			bottom: 40em;
			font-size: 1em;
			margin:5em;}
			





 .residentialequipment {text-align: center;
		margin-right: 3.125em;
		margin-left: 25em;
		background-color:#3399FF;
		background:linear-gradient(#3399FF, #66CCFF);
		background:-webkit-linear-gradient(#3399FF, #66CCFF);
		background: -ms-linear-gradient(#3399FF, #66CCFF); /*IE10*/
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399FF', endColorstr='#66CCFF',GradientType=0 ); /* IE6-9 */
		padding:1.25em;
		position: relative;
		top:4em;
		border-color: black;
		border-style: solid;
		border-width: 0.625em;
		border-radius:0.938em;
		font-size: 1.3em}
		
 .residentialslideshow, .commercialslideshow {text-align: center;
		position: relative;
		top:3em;
		}

.forms  {background-image: url('palm.jpg');
		background-size: 100%;
		background-repeat: no-repeat; /* don't tile the image */
		border-style: ridge;
		padding:.625em;
		margin-right: 18.750em;
		margin-left: 18.750em;
		border-radius: 1.25em;
		position:relative;
		bottom: 6.25em;
		left: 12.5%;}

.contactus {
                position: relative;
		top: 26.250em;
	}

		
.navi{	position: relative;
	top:5em;
	left:1.3em;
	width:100%;
        float: left;
        overflow:  hidden;
        }



.nav
{list-style: none;
	width: 95%;
	margin: 0 auto;
	padding: 0; 
}

	
 
.nav li a
{
font-family:Arial;
font-size: 1.3em;
text-decoration: none;
float:left;
padding-top:1.5%;
padding-left:1.5%;
padding-right:1.4171%;
padding-bottom:1.5%;
background-color: #333333;
color:#ffffff;
width:12%;
margin-right:12px;
border-radius:10px;

}


.nav li a:hover
{
background-color:blue;
padding-bottom:1.6%;}


.block{position:relative;
          top:20em;}

       
.navb {position:relative;
       bottom:10em;}     

 	
 .footer {position:relative;
 	  bottom:10em; 
          color:white;}
 	
 	
 .textwrapleft {float:right;
 background:white;
 margin:0px 0px 0px 0px;} 	
                

.furnace {text-align:left;
          margin: 0px 0px 0px 0px;	
          color:black;
          background:white; 
          padding: 50px 100px 50px 200px;}

 	
 	
.platinum {background:white;
           color:black;} 	
 	
 	


.navi2{	position: relative;
	top:4em;
	left:1.3em;
	width:100%;
        float: left;
        overflow:  hidden;
        }




    .navi3 {	position: relative;
	top:4em;
	left:1.3em;
	width:100%;
        float: left;
        overflow:  hidden;
        }
	
 	.nav3  li3 a
{
font-family:Arial;
font-size: 1.3em;
text-decoration: none;
float: left;
color: #ffoo33;
width:11.5%;
margin-right:12px;
padding-top:1.5%;
padding-left:1.5%;
padding-right:1.4171%;
padding-bottom:1.5%;

}