/* CSS Document */


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	background-color:#E3E8E8;
	}
	
* {margin:0px; padding:0px;}	
	
	
#container { 
	width:751px;
	margin-right:auto;
	margin-left:auto;
	margin-top:11px;
	height:600px;
}

li {
	float:left;
	list-style:none;
	
	}
	

/*---------------------- TOP NAV ON STATES -----------------*/

#images #nav-images a,
#residential #nav-residential a,
#commercial #nav-commercial a,
#product #nav-product a,
#consulting #nav-consulting a
 {
color: #003366;
 
 }
 
#images #nav-images a:hover,
#residential #nav-residential a:hover,
#commercial #nav-commercial a:hover,
#product #nav-product a:hover,
#consulting #nav-consulting a:hover
 {
color: #003366;
 
 } 
 
/*---------------------- MIDDLE NAV ON STATES -----------------*/

#press #nav-press a,
#contact #nav-contact a,
#careers #nav-careers a
 {
color: #5A5A5A;
 
 }
 
#images #nav-images a:hover,
#residential #nav-residential a:hover,
#commercial #nav-commercial a:hover,
#product #nav-product a:hover,
#consulting #nav-consulting a:hover
 {
color: #5A5A5A;
 
 }  
 
/*---------------------- BOTTOM NAV ON STATES -----------------*/ 
 
#home #nav-home a,
#resportfolio #nav-resportfolio a,
#commportfolio #nav-commportfolio a

 {
color:#B5B5B5;
 
 }
 
#home #nav-home a:hover,
#resportfolio #nav-resportfolio a:hover,
#commportfolio #nav-commportfolio a:hover

 {
color:#B5B5B5;
 
 } 
 


/*---------------------- HEADER -----------------*/

#header {
	width:751px;
	height:85px;
	background-image:url(../images/index/audioImages1.jpg);
	}
	
/*---------------------- HEADER NAV -----------------*/	
	
#mainnav {
	height:25px;
	font-family: "lucida grande", arial, "Century Gothic", tahoma, verdana, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin: 40px 0 0 300px;
	position: absolute;
	width: 460px;
	}
	
#mainnav a:link, #mainnav a:visited, #mainnav a:active{
	font-family:"lucida grande", arial, Century Gothic, tahoma, verdana, sans-serif;
	font-size:11px;
	color:#5f7ed8;
	padding-top: 0px;
	padding-bottom:7px;
	padding-left: 17px;
	padding-right: 7px;
	border-right: 1px solid #5f7ed8;
	
	}
	
#mainnav a:hover {
	font-family:"lucida grande", arial, Century Gothic, tahoma, verdana, sans-serif;
	font-size:11px;
	color:#CCCCCC;	
	
	}		
	
	
/*---------------------- TAG / MAIN > NAV TWO -----------------*/		
	

#hortwo {
	width:751px;
	height:148px;
	background-image:url(../images/index/audioImages2.jpg);
	}
	
/*---------------------- NAV TWO -----------------*/	
	
#navtwo {
	height:25px;
	font-family: "lucida grande", arial, "Century Gothic", tahoma, verdana, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin: -18px 0 0 490px;
	position: absolute;
	width: 210px;
	
	}	

#navtwo a:link, #navtwo a:visited, #navtwo a:active{
	font-family:"lucida grande", arial, Century Gothic, tahoma, verdana, sans-serif;
	font-size:11px;
	
	color:#757575;
	padding-top: 5px;
	padding-bottom:3px;
	padding-left: 17px;
	padding-right: 7px;
	border-right: 1px solid #757575;
	
	}



#navtwo a:hover {
	font-family:"lucida grande", arial, Century Gothic, tahoma, verdana, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	
	
	}		
	
		
	
	
	
	
/*---------------------- FLASH / MAIN BODY COPY BOX -----------------*/
	
	
	
#horflash {
	width:751px;
	height:58px;
	background-image:url(../images/index/audioImages3.5.jpg);
	}	
	
#horthree {
	width:751px;
	height:205px;
	background-image:url(../images/index/audioImages4.jpg);
	position: inherit;
	}
	

#bodycopyarea {
	width:335px;
	height:165px;
	margin-left:345px;
	margin-top:10px;
	font-family: "lucida grande", arial, "Century Gothic", tahoma, verdana, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:17px;
	position: absolute;
	text-align: justify;
	}
	
#flashtwo {
	width:330px;
	height:205px;
	position: absolute;
	
	}	
	

	
	

/*---------------------- FOOTER DIV -----------------*/		
	
#horfour {
	width:751px;
	height:82px;
	}
	
	
#footernav {
	height:25px;
	font-family: "lucida grande", arial, "Century Gothic", tahoma, verdana, sans-serif;
	font-size:12px;

	color:#FFFFFF;
	margin: 40px 0 0 408px;
	position: absolute;
	width: 325px;
	}	
	
	
#footernav a:link, #footernav a:visited, #footernav a:active {
	font-family:"lucida grande", arial, Century Gothic, tahoma, verdana, sans-serif;
	font-size:11px;
	color:#989898;

	padding-top: 0px;
	padding-bottom:0px;
	padding-left: 17px;
	padding-right: 7px;
	border-right: 1px solid;
	border-color:#989898;
	
	}

#footernav a:hover {
	font-family:"lucida grande", arial, Century Gothic, tahoma, verdana, sans-serif;
	font-size:11px;
	color:#EC393D;
	
	
	}	
		
	
	
#copyright {
	font-family:"lucida grande", arial, Century Gothic, tahoma, verdana, sans-serif;
	font-size:10px;
	color:#C3C3C3;
	margin: 70px 0 0 13px;
	position: absolute;
	}	



/*---------------------- GENERAL PAGE LINKS -----------------*/		


a:link {
	font-family: "lucida grande", arial, Century Gothic, tahoma, verdana, sans-serif;
	font-size:11px;
	color: #8B97A8;
	text-decoration:none;
	}
a:visited {
	font-family: "lucida grande", arial, Century Gothic, tahoma, verdana, sans-serif;
	font-size:11px;
	color: #8B97A8;
	text-decoration:none;
	}
a:hover {
	font-family: "lucida grande", arial, Century Gothic, tahoma, verdana, sans-serif;
	font-size:11px;
	color: #B2C3D9;
	text-decoration: none;
	}
a:active {
	font-family: "lucida grande", arial, Century Gothic, tahoma, verdana, sans-serif;
	font-size:11px;
	color: #8B97A8;
	text-decoration:none;
	}



.signin-inputbox {
	BORDER-TOP-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-COLOR: #989898;
	BORDER-RIGHT-COLOR: #989898;
	BORDER-BOTTOM-COLOR: #989898;
	BORDER-TOP-COLOR: #989898;
	BACKGROUND-COLOR: #FFFFFF;
	padding: 2px;
	FONT-SIZE: 9px;
	COLOR: #989898;
	FONT-FAMILY: Verdana, "lucida grande", arial, Century Gothic, tahoma, verdana, sans-serif;
	margin-bottom: 2px;
	margin-top: 0px;
	}
	
#form {
	width:335px;
	height:165px;
	margin-left:29px;
	margin-top:30px;
	font-family: "lucida grande", arial, "Century Gothic", tahoma, verdana, sans-serif;
	font-size:11px;
	color:#868686;
	line-height:17px;
	position: absolute;
	text-align: justify;
	}