body {
margin: 0 auto;
color:#222;
font-family:'Averia Serif Libre' , Georgia;
font-weight: 700;
font-size:15px;
}

#page-container {
margin:0 auto;
width:100%;
}

#content_out {
margin:0 auto;
text-align:left;
width:1060px;
}

#content_top {padding: 20px; }



#footer {padding: 20px;}



.clearer {clear:both;}
.right {float: right;}
.left {float: left;}


h1, h2, h3, h4, h5, h6 {

}


a:link, a:visited {color: #ff7663; text-decoration: none;

}

a:active, a:hover {color: #ff7663; text-decoration: underline;


}

#nav_main {}

#nav_main ul {}

#nav_main li {display: inline;}

#nav_main li a {}


 #gw_logo  {
	width: 249px; height: 172px; 
	background: url(../img/goldenwest_logo.png) no-repeat;
	border: 0; font: 0/0 a; text-shadow: none; color: transparent; cursor: pointer;
	position: relative; z-index: 200;
	opacity: .7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
	filter: alpha(opacity=50);	
	
	}
	
	
	 #gw_logo:hover {opacity: 1;
	 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; // first!
	filter: alpha(opacity=100);
	
	 }
	 
	 
	 .trans {
	 
	 		-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
	 }
	
	.soundbox {
		height: 450px; width: 150px;
		padding: 15px;
		text-align: center; 
		background:#fcf2cb;
		background: rgba(252,242,203,.9); 
		display: none; 
		margin-left: 30px; 
		margin-top: -35px; 
		position: fixed; z-index: 300;
		right: 30px;
		top: 200px;;
		}
		
	.showhide {display: none;}
	
	.mainnav {
		width: 188px; 
		margin-left: 30px; 
		margin-top: -25px;
		position: relative; z-index: 300;
		}
		
.mainnav ul {margin: 0; padding: 0; width: 100%}		
.mainnav li {list-style: none; margin: 0; padding: 0; display: block; width: 100%}	

	
.mainnav li a {width: 100%; text-align: center; padding: 10px 0; color:#fcf2cb; color: rgba(252,242,203,.9); font-size: 15px; text-transform: uppercase; text-decoration: none; text-shadow: 0 0 5px #000;}
.mainnav li a:hover {	color: #ff7663; text-shadow: 0 0 5px #fff;}	
	
	.side_controls {position: fixed;}
	
	
section {display: none; position: absolute; width: 100%;}
	


 #infobox {margin:0 auto; background:#fcf2cb; background: rgba(252,242,203,.9); margin-top: 30px; padding: 15px; position: relative;}

.intro_in, .bio_in  {width: 700px;  margin:0 auto; background:#fcf2cb; background: rgba(252,242,203,.9); margin-top: 15px; padding: 15px 15px 0 15px; display: block;}	
.bio_in {margin-bottom: 15px;}

.intro_in img {float: right; margin: 10px 10px 20px 20px; width: 210px; height: auto;  box-shadow: 0 0 10px #000;}
section {line-height: 20px;}
section strong {font-size: 20px; line-height: 20px; font-style: italic;}
.intro p, .bio p {margin-bottom: 30px; margin-right: 30px;}

.info_close {float:right;}


.closer {font-size: 18px; float: right;}

#infobox .closer {margin-top: -15px;}

section h3 {margin-bottom: 20px;}