@charset "UTF-8";
/* CSS Document */

img, div{ behavior: url(iepngfix.htc);}

body {
	background:url(assets/grill_tile.gif);
	background-repeat:repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.container {
	position:relative;
	width: 932px;
	margin-top: 20px;
	padding-bottom:0px;
	margin-right: auto;
	margin-left: auto; 	
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.4em;
	color:#F2F2F2;
	}
a{
	color:#475159;
	text-decoration:none;
	outline:none;
	}
a:visited{
	color:#475159;
	text-decoration:none;
	outline:none;
	}
a:hover{
	color:#B76D39;
	outline:none;
	}

.header{
	position:relative;
	width:932px;
	background:url(assets/header.png) no-repeat;
	height:151px;
	z-index:0;
	
}
#header_logo{
	position:absolute;
	top:13px;
	z-index:3;
	left:250px;
	outline:none;
	border:none;
}
#header_photo{
	position:relative;
	width:900px;
	background:url(assets/header_photo.jpg) no-repeat;
	height:465px;
	z-index:0;
	left:16px;
}
#header_tagline{
	position:relative;
	float:left;
	top:247px;
}

.content_holder{
	position:relative;
	width:932px;
	background:url(assets/black_glow.png);
	padding-bottom:150px;
}

h1{
	font-weight:bold;
	font-size:14px;
	letter-spacing:0.2em;
	margin-left:10px;
}

.content{
	position:relative;
	left:66px;
	width:800px;
}
.content p{
	margin-left:10px;
	margin-right:10px;
}

.text {
	position:relative;
	float:left;
	width:495px;
}

#home_page {
	position:relative;
	background:url(assets/home_background.png) no-repeat;
	height:569px;
	
}
#services_page{
	position:relative;
	background:url(assets/services_background.png) bottom no-repeat;
	height:1250px;
}
#clients_page{
	position:relative;
	background:url(assets/clients_background.png) bottom no-repeat;
	height:900px;
}

#brands_page{
	position:relative;
	background:url(assets/services_background.png) bottom no-repeat;
	height:1323px;
}

#about_page{
	position:relative;
	background:url(assets/about_background.png) bottom no-repeat;
	height:447px;
}

#contact_page{
	position:relative;
	background:url(assets/contact_background.png) bottom no-repeat;
	height:629px;
}

.images{
	position:absolute;
	bottom:23px;
	left:0px;
}
#sound_advice{
	padding-left:11px;
	padding-right:48px;
}
#sound_service{
	padding-right:48px;
}
#sound_design{
	padding-right:48px;
}

.certs{
	position:relative;
	float:right;
	width:260px;
	margin-right:10px;
	top:70px;
}

#nsca{
	position:relative;
	float:left;
}
#cedia{
	position:relative;
	float:left;
	top:57px;
	right:123px;
}
#exp{
	position:relative;
	float:right;
	bottom:70px;
}

#home_text {
	top:60px;	
}


.list{
	position:relative;
	float:left;
	top:10px;
	font-weight:bold;
	letter-spacing:0.2em;
	font-size:10px;
	padding-left:20px;
	width:380px;
	
}

.list li{
	padding-bottom:2px;	
}

#services_images{
	position:absolute;
	top:142px;
	right:0px;
	width:245px;
	padding-right:10px;
}

#services_images img{
	padding-bottom:10px;	
}


.services_text{
	position:relative;
	float:left;
	width:495px;
	margin-bottom:-6px;
	

}

#text_id1{
	padding-top:60px;	
}
#text_id2{
	padding-top:30px;	
}

#col_left{
	position:relative;
	float:left;
	width:380px;
	top:60px;
	margin-bottom:-6px;
}

#col_right{
	position:relative;
	float:right;
	width:380px;
	top:60px;
	margin-bottom:-6px;
}


.clients_left{

}

.clients_right{

}
.left_list{
	font-weight:bold;
	letter-spacing:0.2em;
	font-size:10px;
	padding-left:20px;
	padding-bottom:20px;
}

.left_list li{
	padding-bottom:4px;	
}

.right_list li{
	padding-bottom:4px;	
}
.right_list{
	font-weight:bold;
	letter-spacing:0.2em;
	font-size:10px;
	padding-left:20px;
	padding-bottom:20px;
}

.footer{
	position:relative;
	top:85px;
	left:228px;
	width:450px;
	z-index:1;
	color:#B2BDB7;
	text-align:center;
}

#about_image {
	position:relative;
	float:left;
	width:200px;
	height:204px;
	background:url(assets/about_barry.png) top left no-repeat;
	left:55px;
	top:60px;
}

#about_text {
	position:relative;
	float:right;
	width:495px;
	top:60px;
	margin-bottom:-6px;
}

#barry {
	position:absolute;
	left: -10px;
	bottom:-25px;
}

/*Contact Form*/
#contact-wrapper {  
     position:relative;
	 top:106px;
	 width:525px;     
	 font-family:Tahoma, Geneva, sans-serif; 
	 margin-left:10px;
 }  
#contact-wrapper div {  
     clear:both;  
     margin:1em 0;  
 }  
#contact-wrapper label {  
     display:block;  
     float:none;  
     font-size:13px;  
     width:auto;
	 font-weight:bold;
	letter-spacing:0.1em;
	color:FFF;
	 
 }  

#contact-wrapper input{
	font-size:13px;
}

#contactform{
	width:525px;
}

.required {
	padding-top:5px;
	width:200px;
}

#message{
	width:525px;
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;
}

#needs{
	position:relative;
	top:60px;
	text-align:center;	
}

.hours{
	position:absolute;
	right:30px;
	top:157px;
	font-weight:bold;
	letter-spacing:0.1em;
	padding:0;
	line-height:1.7em;
	
}

.hours li{
	padding:0;
	list-style:none;
}
/*BRANDS*/
#brands_images{
	position:relative;
	top:75px;
	background-color:#EFEFEF;
	width:777px;
	height:1187px;
	left:10px;
	padding-top:3px;
	border:1px solid #999;
	}
	
#brands_images img{
	border-style:none;
	text-decoration:none;
}

#col1{
	position:relative;
	width:170px;
	float:left;
	padding-right:26px;
	padding-left:10px;
	padding-top:5px;
}

#col1 img{
	padding-bottom:39px;
}

#dbx{
	position:relative;
	top:-4px;	
}

#col2{
	position:relative;
	width:166px;
	float:left;
	padding-right:26px;
	padding-top:5px;
}

#col2 img {
	padding-bottom:45px;	
}

#col3{
	position:relative;
	width:168px;
	float:left;
	padding-right:26px;
	padding-top:3px;
}
#col3 img{
	padding-bottom:34px;	
}


#col4{
	position:relative;
	width:180px;
	float:left;
	padding-right:5px;
	padding-top:3px;
}
#col4 img {
	padding-bottom:38px;
}


/*NAVIGATION*/
#nav {
	width: 800px;
	height: 25px;
	background: url(assets/hirtles_nav.gif) no-repeat;
	position: relative;
}
#nav li { 
	display: inline;
}
#nav li a:link, #nav li a:visited { 
	position:absolute; 
	top: 0;
	height: 25px; 
	text-indent: -9000px; 
	overflow: hidden; 
	z-index: 10;
	outline: none;
}

#home a:link, #home a:visited { left: 0px; width: 105px; }
#home a:hover, #home a:focus { background: url(assets/hirtles_nav.gif) no-repeat 0px -25px; }
#home a:active { background: url(assets/hirtles_nav.gif) no-repeat 0px -50px; }
#home.current a:link, #home.current a:visited { background: url(assets/hirtles_nav.gif) no-repeat 0px -75px; cursor: default; }
.nav-home, .nav-home-click { position: absolute; top: 0; left: 0px; width: 105px; height: 25px; background: url(assets/hirtles_nav.gif) no-repeat 0px -25px; }
.nav-home-click { background: url(assets/hirtles_nav.gif) no-repeat 0px -50px; }

#services a:link, #services a:visited { left: 139px; width: 105px; }
#services a:hover, #services a:focus { background: url(assets/hirtles_nav.gif) no-repeat -139px -25px; }
#services a:active { background: url(assets/hirtles_nav.gif) no-repeat -139px -50px; }
#services.current a:link, #services.current a:visited { background: url(assets/hirtles_nav.gif) no-repeat -139px -75px; cursor: default; }
.nav-services, .nav-services-click { position: absolute; top: 0; left: 139px; width: 105px; height: 25px; background: url(assets/hirtles_nav.gif) no-repeat -139px -25px; }
.nav-services-click { background: url(assets/hirtles_nav.gif) no-repeat -139px -50px; }

#clients a:link, #clients a:visited { left: 278px; width: 105px; }
#clients a:hover, #clients a:focus { background: url(assets/hirtles_nav.gif) no-repeat -278px -25px; }
#clients a:active { background: url(assets/hirtles_nav.gif) no-repeat -278px -50px; }
#clients.current a:link, #clients.current a:visited { background: url(assets/hirtles_nav.gif) no-repeat -278px -75px; cursor: default; }
.nav-clients, .nav-clients-click { position: absolute; top: 0; left: 278px; width: 105px; height: 25px; background: url(assets/hirtles_nav.gif) no-repeat -278px -25px; }
.nav-clients-click { background: url(assets/hirtles_nav.gif) no-repeat -278px -50px; }

#brands a:link, #brands a:visited { left: 417px; width: 105px; }
#brands a:hover, #brands a:focus { background: url(assets/hirtles_nav.gif) no-repeat -417px -25px; }
#brands a:active { background: url(assets/hirtles_nav.gif) no-repeat -417px -50px; }
#brands.current a:link, #brands.current a:visited { background: url(assets/hirtles_nav.gif) no-repeat -417px -75px; cursor: default; }
.nav-brands, .nav-brands-click { position: absolute; top: 0; left: 417px; width: 105px; height: 25px; background: url(assets/hirtles_nav.gif) no-repeat -417px -25px; }
.nav-brands-click { background: url(assets/hirtles_nav.gif) no-repeat -417px -50px; }

#about a:link, #about a:visited { left: 556px; width: 105px; }
#about a:hover, #about a:focus { background: url(assets/hirtles_nav.gif) no-repeat -556px -25px; }
#about a:active { background: url(assets/hirtles_nav.gif) no-repeat -556px -50px; }
#about.current a:link, #about.current a:visited { background: url(assets/hirtles_nav.gif) no-repeat -556px -75px; cursor: default; }
.nav-about, .nav-about-click { position: absolute; top: 0; left: 556px; width: 105px; height: 25px; background: url(assets/hirtles_nav.gif) no-repeat -556px -25px; }
.nav-about-click { background: url(assets/hirtles_nav.gif) no-repeat -556px -50px; }

#contact a:link, #contact a:visited { left: 695px; width: 105px; }
#contact a:hover, #contact a:focus { background: url(assets/hirtles_nav.gif) no-repeat -695px -25px; }
#contact a:active { background: url(assets/hirtles_nav.gif) no-repeat -695px -50px; }
#contact.current a:link, #contact.current a:visited { background: url(assets/hirtles_nav.gif) no-repeat -695px -75px; cursor: default; }
.nav-contact, .nav-contact-click { position: absolute; top: 0; left: 695px; width: 105px; height: 25px; background: url(assets/hirtles_nav.gif) no-repeat -695px -25px; }
.nav-contact-click { background: url(assets/hirtles_nav.gif) no-repeat -695px -50px; }