/* Developed by ---------------------------------------------------------------------------------------- 
   Copyright 2010 Quadsimia - Internet Presence Professionals | Visit us on the web at www.quadsimia.com
   ------------------------------- Custom Software   E-Commerce   Web Design & Development   Web Hosting */
/* -----------------------------------------------------------------------------------------------------
   -- MAIN --------------------------------------------------------------------------------------------- */

body{
	margin:0;
	padding:0;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:14px;
	color:#345a80;
	background:#FFF url(../images/bgtile.gif) repeat-x top left;}

div.wrapper{
	margin:0 auto;
	padding:0 5px;
	width:980px;}
div.corner-bg{
	position:absolute;
	margin:0 0 0 -89px;
	padding:0;
	width:736px;
	height:225px;
	background:url(../images/header_bg.jpg) no-repeat top left;
	z-index:0;}
div.container{
	position:absolute;
	margin:0;
	width:980px;
	z-index:1;}

img{
	border:0;}

a:link, a:visited{
	color:#31a2f3;
	text-decoration:underline;
	font-weight:bold;}
a:hover, a:active{
	color:#003399;
	text-decoration:none;
	font-weight:bold;}

h2{
	margin:16px 0;
	font-size:36px;}
body.home h2{
	font-size:20px;
	line-height:1.4em;}

h3{
	margin:16px 0 8px 0;
	font-size:24px;}

h4{
	margin:6px 0;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	color:#FF6600;}

/*div.body ul{
	margin:0;
	padding:0;
	list-style:none;}
div.body ul li{
	margin:3px 0;
	padding:0 0 0 15px;
	background:url(../images/bullet_square.gif) no-repeat 0 4px;}
div.body ul ul{
	margin:0 0 0 30px;}*/

div.photo-left{
	float:left;
	margin:0 10px 2px 0;}

div.column{
	float:left;
	margin-right:20px;
	width:420px;}

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

div.header{
	position:relative;
	width:980px;
	height:127px;}
div.header h1{
	position:absolute;
	margin:15px 0 0 43px;
	padding:0;
	width:478px;
	height:103px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/the-huff-company.png) no-repeat top left;}
div.header h1 a{
	display:block;
	width:478px;
	height:103px;}
div.header div.contact{
	position:absolute;
	margin:15px 0 0 590px;
	padding:0;
	width:390px;
	overflow:hidden;
	font-size:13px;
	color:#4f4f4f;}
div.header div.contact div.column{
	float:left;
	margin-right:0;
	width:195px;
	overflow:hidden;}
div.header div.contact p{
	margin:0;
	padding:0;}
div.header div.contact dl {
	margin:0;
	padding:0;}
div.header div.contact dl dt {
	float:left;
	width:60px;
	margin:0;
	padding:0;}
div.header div.contact dl dd {
	margin:0 0 0 70px;
	padding:0;}

/* -----------------------------------------------------------------------------------------------------
   -- NAVIGATION MENU ---------------------------------------------------------------------------------- */

ul.nav{
	margin:5px auto;
	padding:0;
	width:940px;
	height:40px;
	overflow:hidden;
	list-style-type:none;
	background:url(../images/nav_bg.png) no-repeat top left;}
ul.nav li{
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	overflow:hidden;
	text-indent:-9999px;
	background-image:none;}
ul.nav li a{
	display:block;
	height:40px;}
/* use gif nav background images in ie6 stylesheet */
ul.nav li.btn-commercial a{
	margin-left:12px;
	width:250px;
	background:url(../images/btn_commercial.png) no-repeat top left;}
ul.nav li.btn-industrial a{
	width:195px;
	background:url(../images/btn_industrial.png) no-repeat top left;}
ul.nav li.btn-educational a{
	width:216px;
	background:url(../images/btn_educational.png) no-repeat top left;}
ul.nav li.btn-municipal a{
	width:255px;
	background:url(../images/btn_municipal.png) no-repeat top left;}
ul.nav li a:hover{
	background-position: 0 -40px;}

/* secondary nav */

ul.nav-secondary{
	position:absolute;
	margin:97px 0 0 658px;
	padding:0;
	height:21px;
	overflow:hidden;
	list-style-type:none;
	background-image:none;}
ul.nav-secondary li{
	float:left;
	margin:0 17px 0 0;
	padding:0;
	text-align:left;
	overflow:hidden;
	text-indent:-9999px;
	background-image:none;}
ul.nav-secondary li a{
	display:block;
	height:21px;}
/* use gif nav background images in ie6 stylesheet */
ul.nav-secondary li.btn-home a{
	width:53px;
	background:url(../images/btn_home.png) no-repeat top left;}
ul.nav-secondary li.btn-specs a{
	width:108px;
	background:url(../images/btn_specs.png) no-repeat top left;}
ul.nav-secondary li.btn-contact a{
	width:89px;
	background:url(../images/btn_contact.png) no-repeat top left;}
ul.nav-secondary li a:hover{
	background-position: 0 -21px;}

/* selected */

body.comm ul.nav li.btn-commercial a{
	background-position: 0 -80px;}
body.ind ul.nav li.btn-industrial a{
	background-position: 0 -80px;}
body.edu ul.nav li.btn-educational a{
	background-position: 0 -80px;}
body.municipal ul.nav li.btn-municipal a{
	background-position: 0 -80px;}

body.specs ul.nav-secondary li.btn-specs a{
	background-position: 0 -21px;}
body.contact ul.nav-secondary li.btn-contact a{
	background-position: 0 -21px;}

/* -----------------------------------------------------------------------------------------------------
   -- SIDEBAR ------------------------------------------------------------------------------------------ */

div.sidebar{
	float:left;
	margin:0;
	padding:0 10px 50px 0;
	width:165px;
	overflow:hidden;
	border-right:1px solid #CCC;}
div.sidebar h3{
	font-size:16px;}
div.sidebar ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:12px;}
div.sidebar ul li{
	margin:6px 0;
	padding:0 0 0 12px;}

/* -----------------------------------------------------------------------------------------------------
   -- BODY CONTENT ------------------------------------------------------------------------------------- */

div.bodycontent{
	float:right;
	width:700px;}
div.bodycontent div.mainphoto{
	float:right;
	width:362px;
	margin:0 0 15px 15px;
	padding:0;}
div.bodycontent div.mainphoto img{
	margin-bottom:5px;
	padding:5px;
	border:1px solid #CCC;}
div.bodycontent ul{
	margin:12px 0;
	padding:0;
	list-style-type:none;}
div.bodycontent ul li{
	margin:0;
	padding:0 0 0 15px;
	background:url(../images/bullet_square.gif) no-repeat 0 4px;}

div.body{
	margin:0 45px;
	padding:10px 0;}
body.home div.body{
	position:relative;
	margin:0;
	padding:0;
	width:980px;
	background:url(../images/homepage_bg.jpg) no-repeat top left;
	z-index:1;}
body.home div.body div.main{
	position:relative;
	margin:0 0 0 50px;
	padding:22px 0 0 0;
	z-index:1;}
body.home div.body div.rounded-content{
	float:right;
	margin:20px 71px 0 0;
	width:332px;
	height:262px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/home_rounded_content.png) no-repeat top left;}
* html body.home div.body div.rounded-content{
	margin:20px 35px 0 0;}

body.home div.spacer{
	height:225px;}

/*body.home div.body ul{
	float:left;
	margin-right:15px;
	width:355px;}*/

h3.includes{
	margin:10px 0 3px 0;
	padding:0;
	width:175px;
	height:27px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/home_heading_includes.png) no-repeat top left;}
p.includes{
	margin:3px 0 190px 0;
	padding:0;
	font-size:1.15em;}
h3.specialize{
	margin:10px 0 3px 0;
	padding:0;
	width:217px;
	height:27px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/home_heading_specialize.png) no-repeat top left;}

body.enclosures div.body img, body.nb div.body img{
	float:left;
	margin:0 40px 20px 0;
	border:1px solid #999;}
body.door div.body img{
	float:left;
	margin:0 50px 20px 0;
	border:1px solid #999;}

div.photoContainer{
	margin:0 0 0 165px;}
div.photoContainer div{
	float:left;
	margin:0 40px 0 0;
	width:250px;}
div.photoContainer div img{
	border:1px solid #999;}
div.photoContainer div p{
	margin:4px 0 0 0;
	font-size:0.9em;}

ul.subnav li{
	display:inline;}


ul.services{
	margin:0;
	padding:0;
	list-style-type:none;}
ul.services li{
	float:left;
	margin:0 10px 10px 0;
	padding:0;
	width:275px;
	height:150px;
	overflow:hidden;
	text-indent:-9999px;}
ul.services li.barrierwalls{
	background:url(../images/home-barrierwalls.jpg) no-repeat top left;}
ul.services li.controlrooms{
	background:url(../images/home-controlrooms.jpg) no-repeat top left;}
ul.services li.soundabsorption{
	background:url(../images/home-soundabsorption.jpg) no-repeat top left;}
ul.services li.soundcontroldoors{
	background:url(../images/home-soundcontroldoors.jpg) no-repeat top left;}
ul.services li.archnoiseseparation{
	background:url(../images/home-archnoiseseparation.jpg) no-repeat top left;}
ul.services li.testfacilities{
	background:url(../images/home-testfacilities.jpg) no-repeat top left;}
ul.services li.soundenclosures{
	background:url(../images/home-soundenclosures.jpg) no-repeat top left;}
ul.services li.practicerooms{
	background:url(../images/home-practicerooms.jpg) no-repeat top left;}
ul.services li.flexible{
	background:url(../images/home-flexible.jpg) no-repeat top left;}
ul.services li.scifs{
	background:url(../images/home-scifs.jpg) no-repeat top left;}
ul.services li.audiometricrooms{
	background:url(../images/home-audiometricrooms.jpg) no-repeat top left;}
ul.services li.soundcontrolwindows{
	background:url(../images/home-soundcontrolwindows.jpg) no-repeat top left;}
ul.services li a{
	display:block;
	width:275px;
	height:150px;}

div.item{
	float:left;
	margin:0 10px 10px 0;
	padding:0;
	width:275px;
	height:150px;
	overflow:hidden;
	background-color:#FFFF00;}
div.item div.photo{
	float:left;
	margin:0 10px 0 0;
	width:175px;
	height:120px;
	overflow:hidden;
	border:2px solid #0D69AC;}
div.item div.label{
	float:left;
	width:260px;
	height:120px;
	overflow:hidden;}
div.item div.label h2{
	margin:5px 0;
	padding:0;
	font-size:18px;}
div.item div.label h2 a:link, div.item div.label h2 a:visited{
	color:#003399;
	text-decoration:underline;
	font-weight:bold;}
div.item div.label h2 a:hover, div.item div.label h2 a:active{
	color:#31a2f3;
	text-decoration:none;
	font-weight:bold;}
div.item div.label ul{
	width:260px;
	margin:0;
	padding:0;
	font-size:11px;
	color:#333;}
div.item div.label ul li{
	margin:2px 0;
	padding:0;
	background:none;}
div.item div.label ul.column li{
	float:left;
	margin:2px 0;
	padding:0;
	width:130px;
	background:none;}

/* specs */

body.specs div.body dl {
	margin:0;
	padding:0;}
body.specs div.body dl dt {
	float:left;
	width:60px;
	margin:0;
	padding:0;
	color:#FF6600;
	font-weight:bold;}
body.specs div.body dl dd {
	margin:0 0 0 70px;
	padding:0;}

body.specs div.body dl dl {
	margin:0 0 0 70px;
	padding:0;}
* html body.specs div.body dl dl{
	margin-left:5px;}

body.specs div.body dl dl dt{
	color:#345a80;
	font-weight:normal;}
	
body.specs div.body dl ul{
	margin:0 0 0 70px;
	padding:0;}
* html body.specs div.body dl ul{
	margin-left:5px;}

/* contact */

div.background{
	position:relative;
	margin:0;
	padding:0;
	background:url(../images/bg_soundwave.jpg) no-repeat top right;}

/* sitemap */

body.sitemap div.body ul{
	float:left;
	margin:0 10px 0 0;
	padding-top:10px;
	width:230px;
	border-top:2px solid #3399CC;}

/* -----------------------------------------------------------------------------------------------------
   -- FOOTER ------------------------------------------------------------------------------------------- */

ul.uses{
	margin:12px 0;
	padding:0;
	list-style-type:none;}
ul.uses li{
	float:left;
	margin:0 12px 0 0;
	padding:0;
	width:236px;
	height:125px;
	overflow:hidden;
	text-indent:-9999px;
	border-bottom:3px solid #FAC45D;}
ul.uses li a{
	display:block;
	width:236px;
	height:125px;}
ul.uses li a div.icon{
	margin:22px 0 0 0;
	width:236px;
	height:100px;}
ul.uses li a div.rollover{
	margin:0;
	width:236px;
	height:100px;
	background:url(../images/box_icon_rollover.png) no-repeat 0 -100px;
	cursor:pointer;}
ul.uses li a:hover div.rollover{
	background-position:0 0;}
ul.uses li.btn-comm{
	background:url(../images/box_heading_commercial.gif) no-repeat top left;}
ul.uses li.btn-comm a div.icon{
	background:url(../images/box_icon_comm.jpg) no-repeat top left;}
ul.uses li.btn-ind{
	background:url(../images/box_heading_industrial.gif) no-repeat top left;}
ul.uses li.btn-ind a div.icon{
	background:url(../images/box_icon_ind.jpg) no-repeat top left;}
ul.uses li.btn-edu{
	background:url(../images/box_heading_educational.gif) no-repeat top left;}
ul.uses li.btn-edu a div.icon{
	background:url(../images/box_icon_edu.jpg) no-repeat top left;}
ul.uses li.btn-inst{
	margin-right:0;
	background:url(../images/box_heading_institutional.gif) no-repeat top left;}
ul.uses li.btn-inst a div.icon{
	background:url(../images/box_icon_inst.jpg) no-repeat top left;}

div.footer{
	margin:12px 0 18px 0;
	padding:20px 0 0 0;
	background:url(../images/footer_bg_top.gif) no-repeat top left;}

div.footer a:link, div.footer a:visited{
	color:#767676;
	text-decoration:none;
	font-weight:normal;}
div.footer a:hover, div.footer a:active{
	color:#003399;
	text-decoration:underline;
	font-weight:normal;}

div.footer ul{
	margin:0 0 0 20px;
	padding:0;
	list-style-type:none;}
div.footer ul li{
	display:inline;
	margin:0 8px;
	padding:0;}
div.footer ul.main a{
	font-weight:bold;}
div.footer ul li.sitemap{
	padding-left:20px;
	border-left:1px solid #CCC;}

div.footer div.services{
	margin:12px 0;}
div.footer div.services ul{
	float:left;
	overflow:hidden;}
div.footer div.services ul li{
	display:block;
	white-space:nowrap;}

div.footer p.copyright{
	margin-left:28px;
	font-size:12px;
	color:#919191;}
div.footer p.copyright a:link, div.footer p.copyright a:visited{
	text-decoration:underline;}
div.footer p.copyright a:hover, div.footer p.copyright a:active{
	text-decoration:none;}

div.footer div.contact{
	position:absolute;
	margin:0 0 0 610px;
	padding:0;
	width:390px;
	overflow:hidden;
	font-size:13px;
	color:#4f4f4f;}
div.footer div.contact div.column{
	float:left;
	margin-right:0;
	width:195px;
	overflow:hidden;}
div.footer div.contact p{
	margin:0;
	padding:0;}
div.footer div.contact dl {
	margin:0;
	padding:0;}
div.footer div.contact dl dt {
	float:left;
	width:60px;
	margin:0;
	padding:0;}
div.footer div.contact dl dd {
	margin:0 0 0 70px;
	padding:0;}

/* -----------------------------------------------------------------------------------------------------
   -- FORM --------------------------------------------------------------------------------------------- */

form{
	width:735px;
	font-size:12px;
	background:url(../images/contact_form_bg.jpg) no-repeat top left;}
form fieldset{
	margin:10px 0;
	padding:16px 0 0 16px;
	border:0;}
form input{
	margin:4px 12px 4px 0;}
form input.bullet{
	margin:4px 0 4px 12px;}
form input.submit{
	margin:10px 10px 10px 35px;}
label.required{
	font-weight:bold;
	color:#0F5890;}

/* required color styles */

#myForm input, #myForm textarea, #myForm select {
	border: 1px solid #999;}
#myForm .red {
	border: 1px solid red;}
#myForm label.red {
	border: none;
	color: red;}
#myForm .customRed {
	border: none;
	color: red;}

#myForm input.submit, #myForm input.bullet{
	border:none;}
#validationMessage {
	padding: 5px;
	border: 1px solid red;
	color: red;
	font-weight: bold;
	display: none;}
#myForm .errorMessage {
	color: red;
	font-size: 0.8em;}