/*********************
* Global Rules
*********************/
html, body { 
	width: 100%; 
	height: 100%; 
	margin: 0; 
	padding: 0; 
	background: #000 url(/images/bg_dots.gif); 
	}

html, body, table, tr, th, td, div, span { 
	font-family: Verdana, Helvetica, Sans-Serif; 
	font-size: 11px; 
	line-height: 1.7em; 
	color: #000; 
	}

h1 { 
	font-size: 16px; 
	margin: 4px 0; 
	padding: 0; 
	}
h2 { 
	font-size: 14px; 
	margin: 4px 0; 
	padding: 0; 
	}
h3 { 
	font-size: 12px; 
	margin: 4px 0; 
	padding: 0; 
	}

p { 
	margin: 8px 0; 
	padding: 0; 
	}

a, a:active, a:link, a:visited {
	margin: 0; 
	padding: 0 0 1px 0; 
	color: #e7e7e7; 
	text-decoration: none; 
	background: url(/images/linkdots.gif) repeat-x bottom left; 
	}
a:hover { 
	margin: 0; 
	padding: 0 0 1px 0; 
    color: #fff;  
	text-decoration: none; 
	background: none; 
	}
	
img { border: 0; }

span.firstCap { 
	font-size: 14px; 
	font-weight: bold; 
	line-height: none; 
	}
	
.getAdobe { 
	margin: 0; 
	padding: 0; 
	width: 100%; 
	text-align: right; 
	}

/*------------------
Horizontal Rule with dot background image -- works in all browsers.

Use the following HTML to render this as an HR tag:
     <div class="dottedHR"><hr></div>
-------------------*/

div.dottedHR, div#footerHR { 
	background: url(/images/hr_dots.gif) repeat-x;
	height: 3px; 
	padding: 0; 
}
div.dottedHR { 
	width: 100%; 
	margin: 8px 0; 
	text-align: center; 
	}
div.sdottedHR { 
	background: url(/images/linkdots.gif) repeat-x;
	width: 100%; 
	height: 1px; 
	margin: 8px 0; 
	padding: 0; 
	text-align: center; 
}
div#footerHR { 
	width: 95%; 
	margin: 0 0 3px 0; 
 }
 
div.dottedHR hr, div#footerHR hr, div.sdottedHR hr {
	display: none;
}
	
/*********************
* Main Containers
*********************/
#top, #bttm { 
	height: 45px; 
	margin: 0; 
	padding: 0; 
	background: #000 url(/images/bg_dots.gif); 
	}
#top { 
	border-bottom: 1px solid #9cf; 
	padding: 0 0 0 200px; 
	}
#bttm { 
	border-top: 1px solid #9cf; 
	}
#mainwrap { 
	width: 100%; 
	height: 100%; 
	margin: 0; 
	padding: 0; 
	background: #028cba; 
	}
	
#leftnavholder, #leftcolfooter { 
	width: 150px; 
	margin: 0; 
	padding: 0; 
	background: #369; 
	border-right: 1px solid #9cf; 
	vertical-align: top; 
	}
			
#contentholder, #footerholder { 
	width: 616px; 
	margin: 0; 
	padding: 0; 
	background: #09c; 
	vertical-align: top; 
	}
#footerholder { 
	margin: 0; 
	padding: 20px 0 0 0; 
	text-align: center; 
	vertical-align: bottom; 
	font-size: 10px; 
	}
#footercompanyinfo { 
	font-size: 10px; 
	}
#copyright { 
	margin: 0; 
	padding: 10px 10px 0 0; 
	color: #fff; 
	font-size: 10px; 
	}
#dotlogo { 
	margin: 0; 
	padding: 2px 8px 2px 0; 
	}
#dotlogo a { 
	background: none; 
	margin: 0; 
	padding: 0; 
	}
	
#headerHm { 
	width: 616px; 
	height: 65px; 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	}
#header { 
	width: 616px; 
	height: 52px; 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	}
#contentHm { 
	margin: 0; 
	padding: 15px 30px 15px 50px; 
	}
#content { 
	margin: 0; 
	padding: 20px 30px 30px 30px; 
	}

	
/*********************
* Left Nav Buttons
*********************/
#leftnav a span, #leftnav span span { display: none;}
#leftnav {width: 150px; height: 210px; position: relative;}
#leftnav a {background: url(/images/leftnav_off.gif) no-repeat;}
#leftnav a:hover, #leftnav span {background: url(/images/leftnav_on.gif) no-repeat;}

#leftnav a#engineering {background-position: 0 0; position: absolute; top: 0; left: 0; width: 150px; height: 30px;}
#leftnav span#engineeringstatic {background-position: 0 0; position: absolute; top: 0; left: 0; width: 150px; height: 30px;}

#leftnav a#recording {background-position: 0 -30px; position: absolute; top: 30px; left: 0; width: 150px; height: 30px;}
#leftnav span#recordingstatic {background-position: 0 -30px; position: absolute; top: 30px; left: 0; width: 150px; height: 30px;}

#leftnav a#concertsound {background-position: 0 -60px; position: absolute; top: 60px; left: 0; width: 150px; height: 30px;}
#leftnav span#concertsoundstatic {background-position: 0 -60px; position: absolute; top: 60px; left: 0; width: 150px; height: 30px;}

#leftnav a#newsandpress {background-position: 0 -90px; position: absolute; top: 90px; left: 0; width: 150px; height: 30px;}
#leftnav span#newsandpressstatic {background-position: 0 -90px; position: absolute; top: 90px; left: 0; width: 150px; height: 30px;}

#leftnav a#clientele {background-position: 0 -120px; position: absolute; top: 120px; left: 0; width: 150px; height: 30px;}
#leftnav span#clientelestatic {background-position: 0 -120px; position: absolute; top: 120px; left: 0; width: 150px; height: 30px;}

#leftnav a#contactus {background-position: 0 -150px; position: absolute; top: 150px; left: 0; width: 150px; height: 30px;}
#leftnav span#contactusstatic {background-position: 0 -150px; position: absolute; top: 150px; left: 0; width: 150px; height: 30px;}

#leftnav a#homepage {background-position: 0 -180px; position: absolute; top: 180px; left: 0; width: 150px; height: 30px;}


/*********************
* Clientele Rules
*********************/
#clientlist { 
	margin: 0; 
	padding: 10px 0 0 20px; 
	}

	
/*********************
* Recording Rules
*********************/
#recStudio { 
	float: left; 
	width: 210px;  
	margin: 5px 15px 10px 0; 
	padding: 0; 
	}
#BrianDoug { 
	float: right; 
	width: 175px;  
	margin: 5px 0 10px 15px; 
	padding: 0; 
	}
.caption, .caption h3 { 
	margin: 0; 
	padding: 0; 
	color: #9cf; 
	text-align: center; 
	}
	
/*********************
* Concert Sound Rules
*********************/
#console { 
	float: left; 
	width: 120px;  
	margin: 5px 15px 50px 0; 
	padding: 0; 
	}
	
/*********************
* Contact Us Rules
*********************/
#contactinfo { 
	width: 100%; 
	margin: 0; 
	padding: 0;  
	font-weight: bold; 
	font-size: 11px; 
	text-align: center; 
	}
#contactinfo a { 
	color: #000; 
	}
#contactinfo img { 
	padding-bottom: 4px;  
	}
	
/*************************
* News & Press Rules
*************************/
.pressWrap { 
	margin: 0; 
	padding: 8px 0 4px 4px;  
	width: 100%; 
	background: url(/newsandpress/images/pressBG.gif) repeat-x bottom left; 
	/* border-bottom: 1px solid #666; */
	}
.pressWrap a:link, a:active, .pressWrap a:visited { 
	color: #fff; 
	}
	
.pressIcon { 
	margin: 0 15px 0 0; 
	padding: 0; 
	}
.pressIconA { 
	text-decoration: none; 
	background: none; 
	}

.pressLink { 
	font-size: 13px; 
	font-weight: bold; 
	}