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

/*make all elements uniform*/

*{	padding:0;
	margin:0;
	border:0;
	border-collapse:collapse;}


/*format the body*/
body{	text-align:center;
		background: url(images/body-bg.jpg);
		background-repeat:repeat-x;
		background-position:top;
		background-color:#37564f;}
		
p, a , li, ul, address, h1, h2{ font-family:Arial, Helvetica, sans-serif;}

	

h1{ font-size:40px;
	color:#333333;
	padding:5px 0 20px 40px;
	font-weight:100;
	font-family:"Times New Roman", Times, serif;}
	
#right_side p{ font-size:14px;
	color:#444444;
	padding:5px 55px 5px 40px;
	line-height:1.4em;
	}	
	
.list{ font-size:14px;
			color:#444444;
			margin:5px 55px 5px 55px;
			line-height:1.4em;}	
			
.list2{ font-size:14px;
			color:#444444;
			margin:0 15px 0 15px;
			line-height:1.4em;}				
			
			
#right_side strong{ color:#37564f;}				

#right_side a{ color:#006666; font-size:14px;}

#left_side p{ font-size:11px;
				color:#111111;
				padding:5px 20px 5px 40px;
				text-align:center;
				}
				
#left_side a{ color:#0f483b; font-weight:bold;}

address, address a{ font-family:"Times New Roman", Times, serif;
			font-size:17px;
			color:#FFFFFF;
			font-weight:bold;
			text-align:right;
			font-style:normal;}
			
address a{ color:#70e3cb;}				
			
#address{ width:250px;
			height:80px;
			position:absolute;
			top:190px;
			right:50px;}						

/*container*/
#container{	width:980px;
			text-align:left;
			margin:0 auto;
			position:relative;}

/*format the header*/
#header{	width:980px;
			height:211px;
			background:url(images/header-bg.jpg);}



/*the bar area, can put a horizontal nav here if you want*/
#bar{	height:66px;
		width:980px;
		background:url(images/bar-bg.jpg);
		background-repeat:no-repeat;
		}

/*format the navigation*/


ul#mainnav {
	margin: 0 0 0 25px;
	padding: 30px 0 0 0;
}
ul#mainnav li {
	float: left; 
	padding: 0;
	list-style: none;
	list-style-image: none;
}
ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	display: block;
	text-align: left;
	padding: 10px 25px;
	white-space: nowrap;
	border-right: 1px dotted #333333;
	font-weight: bold;
	text-transform: uppercase;
}
ul#mainnav li a:hover, ul#mainnav li a.current:link, ul#mainnav a.current:visited {
	color: #FFFFFF;
	background:url(images/status-on.gif);
	background-repeat:repeat-x;
}


ul#mainnav li a:hover, ul#mainnav li a.last:link, ul#mainnav a.last:visited{ border:none;}



/*format the content*/
#content{	background:url(images/content-bg.jpg);
			background-repeat:repeat-y;}
			

/*left column*/
#left_side{	float:left;
			width:264px;
			padding: 175px 0 10px 0;
			background:url(images/left-bg.jpg);
			background-position:top;
			background-repeat:no-repeat;}


			
				
/*right column*/
#right_side{	float:right;
				width:716px;
				padding:0 0 10px 0;
				background:url(images/right-bg.jpg);
				background-position:top;
				background-repeat:no-repeat;
				}


/*format footer*/
#footer{	clear:both;
			width:980px;
			color:#FFFFFF;
			font-size:12px;
			background:url(images/footer-bg.jpg);
			background-repeat:no-repeat;
			background-color:#37564f;
			text-align:center;
			text-transform:uppercase;
			}

ul#subnav{	margin:0 0 0 0;
			padding:50px 0 0 0;
			list-style:none;}


#subnav li{	display:inline;
				margin:0;
			padding:0;
			border-right:1px solid #18332d;
			
			
			}

#subnav a{
			display:inline;
			color:#FFFFFF;
			text-decoration:none;margin:0;
			padding:0 10px 0 10px;
			}
			


/*copyright information*/
div#copyright {	text-align:center;
				font-family: Arial, Helvetica, sans-serif;
				font-size:10px;
				color: #888;
				padding:35px 0 10px 0;
				background-color:#37564f;
				 }

div#copyright a:link, div#copyright a:visited {
color: #fff;
}

div#copyright a:hover, div#copyright a:active {
color: #fff;
}

.ypimg { }


#map{ margin:15px 0 0 40px;
		width:620px;
		height:400px;
		 border:2px solid #999999;
		}
			
/*images*/			
			
.right{ float:right;
		margin:10px 55px 0 15px;
		border:2px solid #999999;}	
		
.left{ float:left;
		margin:10px 15px 0 45px;
		border:2px solid #999999;}			
	
	
.border{ border:2px solid #999999;}	

.sideby{ padding:10px 0 0 40px;}	
					
/*custom*/

.bio{ float:left;
		margin:0 15px 0 30px;}
		
.top{ clear:both;
		border-bottom:1px solid #CCCCCC;
		margin:5px 55px 5px 30px;
		padding:0;}		

 #brands p{ text-align:center;
		color:#006666;
		font-size:16px;
		background:#c7e0db;
		margin:0 55px 0 40px;
		padding:10px;
		border:1px solid #88b5a6;}
		
#brands strong{ font-size:16px;}		

.audio_button{ float:right;}

.audio_logo{ padding:0 0 10px 0;}	


.logo{ margin-left:40px;
			margin-top:15px;}	
			
td{ vertical-align:top;}

.nospace{ padding:0; margin:0;}		

.center{ text-align:center;}