/*

Save Progress Stylesheet
Created by David Hession
www.saveprogress.com

*/

/*------ undo HTML ------*/
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
margin: 0;
padding: 0;
}

:link,:visited {
text-decoration: none;
}

ul,ol {
list-style: none;
}

h1,h2,h3,h4,h5,h6,pre,code {
font-size: 1em;
}

a img,:link img,:visited img {
border: none;
}

address {
font-style: normal;
}

/*------ colors
#ff3236 - RED
------*/

/*------ body style ------*/

body {
	margin:0px; 
	padding:0px;
	text-align:center;
	font-family: helvetica, sans-serif;
	color: #666666;
	background-color: #000;
	}

#container{
text-align: left;
vertical-align: middle;
margin: 0px auto;
padding: 0px;
width: 900px;
height: 700px;
background-color: #000;
}


.homebg{
background-image: url(../images/home_blur.jpg);
background-repeat: no-repeat;
}
	

.avbg{
	background-image: url(../images/av_bg.jpg);
}


.aboutbg{
	background-image: url(../images/about_bg2.jpg);
}


.residentialbg{
	background-image: url(../images/residential_bg.jpg);
}

.environmentbg{
	background-image: url(../images/environment_bg2.jpg);
}

.commercialbg{
	background-image: url(../images/commercial_bg.jpg);
}

p{
	font-family: verdana, sans-serif;
	font-weight: lighter;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 20px;
	color: #9e9e9e;
	}

.redtext{
		color: #ff3236;
	}



.clear{
	clear: both;
}


#header{
	width: 100px;
	height: 100px;
	margin-left: 101px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-color: #000;
}

#hometextblock{
	background-color: #000;
	padding-left: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 700px;
	height: auto;
}

#environmenttextblock{
	background-color: #000;
	padding-left: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	top: 200px;
	width: 700px;
	height: 495px;
}

#abouttextblock{
	background-color: #000;
	margin-left: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 100px;
	padding-right: 20px;
	width: 700px;
	height: auto;
}

#audiotextblock{
	background-color: #000;
	margin-left: 300px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	width: 600px;
	height: 200px;
}


#residentialtextblock{
	background-color: #000;
	margin-left: 300px;
	margin-bottom: 100px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	width: 600px;
	height: 200px;
}

#residentialtextblock p{
	padding-left: 20px;
	padding-right: 20px;
}


#homequote{
	margin-left: 100px;
}


.tabs{
	padding: 3px 0;
	position: absolute;
	top: 497px;
	left: 672px;
	font: bold 12px helvetica;
	list-style-type: none;
	text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.tabs li{
display: inline;
margin: 0;
}

.tabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #666;
color: #fff;
background-color:#000;
}

.tabs li a:visited{
color: #fff;
}

.tabs li a:hover{
text-decoration: underline;
color: #ff3236;
}

.tabs li a.selected{ /*selected main tab style */
position: relative;
}

.tabs li a.selected{ /*selected main tab style */
background-color: #fff;
color: #000;
border: 1px solid #fff;
}

.tabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

hr{
	height: 1px;
	color: #fff;
}

h1{
	font-family: helvetica, sans-serif;
	font-size: 50px;
}


h1 .white{
	font-family: helvetica, sans-serif;
	font-size: 70px;
}

h1 .black{
	font-family: helvetica, sans-serif;
	font-size: 70px;
}

h1 .red{
	font-family: helvetica, sans-serif;
	font-size: 70px;
}

h2{
	font-family: helvetica, sans-serif;
	font-size: 70px;
}

h3{
	font-family: helvetica, sans-serif;
	font-size: 50px;
}


h4{
	color: #fff;
	font-family: verdana, sans-serif;
	font-weight: lighter;
	font-size: 20px;
}


#footer .alignleft{
	text-align: left;
	position: absolute;
	left: -100px;
	top: - 20px;
}

	/*------ nav style ------*/

#topnav ul {
	background-color: #000;
	margin-top:30px;
	margin-bottom:30px;
	padding-top:5px;
	padding-bottom:5px;
	list-style:none;
	font-size:12px;
	float:left;
	display:inline;
	text-align: center;
	vertical-align: middle;
	width: 900px;
}


	

#topnav ul .home a{float:left; width:70px; height:20px; margin-left:100px; background:url(../images/nav_home.gif) 0 0 no-repeat; text-decoration:none;}
#topnav ul .home a:hover{background-position:0 -20px;}
#topnav ul .home a .alt {display: none; }

#topnav ul .aboutus a{float:left; width:95px; height:20px; margin-left:42px; background:url(../images/nav_about.gif) 0 0 no-repeat; text-decoration: none;}
#topnav ul .aboutus a:hover{background-position:0 -20px;}
#topnav ul .aboutus a .alt {display:none; }

#topnav ul .residential a{float:left; width:115px; height:20px; margin-left:42px; background:url(../images/nav_residential.gif) 0 0 no-repeat; text-decoration: none;}
#topnav ul .residential a:hover{background-position:0 -20px;}
#topnav ul .residential a .alt {display:none; }

#topnav ul .commercial a{float:left; width:120px; height:20px; margin-left:42px; background:url(../images/nav_commercial.gif) 0 0 no-repeat; text-decoration: none;}
#topnav ul .commercial a:hover{background-position:0 -20px;}
#topnav ul .commercial a .alt {display:none; }

#topnav ul .av a{float:left; width:120px; height:20px; margin-left:35px; background:url(../images/nav_av.gif) 0 0 no-repeat; text-decoration:none;}
#topnav ul .av a:hover{background-position:0 -20px;}
#topnav ul .av a .alt {display:none; }

#topnav ul .environment a{float:left; width:120px; height:20px; margin-left:42px; background:url(../images/nav_environment.gif) 0 0 no-repeat; text-decoration:none;}
#topnav ul .environment  a:hover{background-position:0 -20px;}
#topnav ul .environment  a .alt {display:none; }


#topnav #selected a{float:left; background-position:0 -40px;}

#iconnav ul{
display: inline;
margin-top:30px;
position: absolute;
top: 520px;
}

#iconnav ul .avicon a{float: left; width: 100px; height:120px; margin-left:101px; background: url(../images/av_icon.png) 0 0 no-repeat; text-decoration: none; background-position: 0 20px;}
#iconnav ul .avicon a:hover{background-position: 0 0px;}
#iconnav ul .avicon a .alt {display: none; }

#iconnav ul .residentialicon a{float: left; width: 100px; height:120px;  margin-left:100px; background: url(../images/residential_icon.png) 0 0 no-repeat; text-decoration: none; background-position: 0 20px;}
#iconnav ul .residentialicon a:hover{background-position: 0 0px;}
#iconnav ul .residentialicon a .alt {display: none; }

#iconnav ul .commercialicon a{float: left; width: 100px; height:120px; margin-left:100px; background: url(../images/commercial_icon.png) 0 0 no-repeat; text-decoration: none; background-position: 0 20px;}
#iconnav ul .commercialicon a:hover{background-position: 0 0px;}
#iconnav ul .commercialicon a .alt {display: none; }

#iconnav ul .environmenticon a{float: left; width: 100px; height:120px; margin-left:100px; background: url(../images/epc_icon.png) 0 0 no-repeat; text-decoration: none; background-position: 0 20px;}
#iconnav ul .environmenticon a:hover{background-position: 0 0px;}
#iconnav ul .environmenticon a .alt {display: none; }


#footer{
	width: 900px;
	height: 30px;
	background-color: #000;
	position: absolute;
	top: 700px;
	}

#footer p{
padding-top: 20px;
font-size: 10px;
text-align: center;
}

#btmnav ul {
	background-color: #000;
	margin-top: 10px;
	padding-left: 100px;
	padding-top: 10px;
	list-style: none;
	font-size: 12px;
	float: left;
	display: inline;
	width: 900px;
}

#btmnav ul li a{
	color: #666;
	font-size: 10px;
	float: left;
	display: inline;
	margin-left: 50px;
}

.floatright{
	float: right;
	margin-left: 20px;
	}

.floatleft{
	float: left;
	margin-right: 20px;
	}

a.scrollover {
      color: #FFFFFF;
   }

a.scrollover em:first-line {
      color: #EC1C24;
   }

#listitems ul {
	font-family: verdana, sans-serif;
	font-weight: lighter;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 20px;
	color: #fff;
	list-style-image: url(../images/cross_bg.gif);
	}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}






/* These "decoy" styles are used to hide the browser text before it is replaced*/

.sIFR-hasFlash h1{
	visibility: hidden;
	font-size: 70px;
}

.sIFR-hasFlash h1 .white{
	visibility: hidden;
	font-size: 70px;
}

.sIFR-hasFlash h1 .red{
	visibility: hidden;
	font-size: 70px;
}


.sIFR-hasFlash h1 .black{
	visibility: hidden;
	font-size: 70px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	display: inline;
	letter-spacing: 5px;
	font-size: 50px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	display: inline;
	letter-spacing: 5px;
	font-size: 50px;
}