/* 
	stereosoundagency.com
*/
html, body{
	background-image: url('../images/bg/bg_drop.jpg');
	background-attachment: fixed;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center top;
font-family:Arial, Helvetica, sans-serif;
}


/* generic */
h1{
	font-size:16px;
	
}
a:link,
a:visited{
	color:#007BA5;
}
a:hover{
	color:#006699;
}


/* breadcrumbs for architecture */
.breadcrumbs{
	font-size:10px;
}


#page{
	width:914px;
	margin:0 auto; padding:0;
	background-color:#003399;
	overflow:hidden;
}

#header{
	position:relative;
	margin:0; padding:0;
	width:100%; height:96px;
	overflow:visible;
	z-index:300;
	background-color:#FFF;
	border-bottom:7px solid #FFF;

}

#bar {
	position:relative;
	margin:0 auto; padding:0;
	width:899px;
	height:40px;
	top:-6px;
	background:url('../images/bg/header_stripes.gif') no-repeat;
}

#header .logo{
	position:relative;
	top:1px; left:9px;
	width:355px; height:99px;
	float:left;
	background:url('../images/logo45.gif') no-repeat;	
	
}
#subscribe-link span { display:none; }

.logo h1 { 
	display:none; 
}

#header #hifi{
	float:right;
	padding: 10px;
}

#main{
	clear:both;
	position:relative;
	padding:0; margin:0;
	z-index:1;
	background-color:#FFF;	
	overflow:hidden;
}

#left{
	position:relative;
	width: 562px;
	float: left;
	margin:0;
	padding:0;	
}

#graphicone{	
	position:relative;
	float: left;
	margin:0; padding: 0;
	width:270px;
	height:275px;
	left:8px;
}

#slideshow{
	position:relative;
	float: left;
	padding:0;
	width:270px;
	height:275px;
	left:15px;
}

.newrtcol{
	position:relative;
	float:left;
	width: 425px; 
	margin:0;
	padding:0;

}
.news{
	position:relative;
	height:915px;
	width:425px;	
	overflow:auto;	
	z-index:500;
}


.news .post{
	width:370px;
	clear:both;
	position: relative;
	padding:10px; 
	margin: 10px 0 0 10px;
	border-bottom:1px solid #EEE;

	
}

.news .post img{
	width: 60px; height:60px;
	margin:0; padding:0;
	float:left;
}

.news .post .headline:link,
.news .post .headline:visited{
	color:#222;
	font-size: 14px;
	letter-spacing:-1px;
	font-weight:bold;
	text-decoration:none;
}
.news .post .headline:hover{
	background-color:#222;
	color:#FFF;
}

.news .post .info{
	margin-left: 10px;
	width: 295px;
	float:right;
	line-height:12px;
	padding-bottom:10px;
}
.news .post .info p{
	line-height:14px;
}
.news .post .date,
.news .post .postedin{
	font-size:11px;
	margin:0;
}

.news .post .postedin a{ font-size:10px; }

.archives{
	clear: both;
}

.blogcol{
	position:relative;
	width:445px;	
	float:left;
	
}
.blogcol h2{
	background-color:#000;
	color:#FFF;
	padding:5px;
	margin:0 1px;
}

.blogcol .scroll{
	position:relative;
	margin:0; padding:0;
	height:300px;
	overflow:auto;
}

.blogcol .post{
	position:relative;
	width:405px;
	margin:10px; padding:0;
	border:1px solid #CCC;
	border-width:0 0 1px 0;	
}

.blogcol .post .headline:link,
.blogcol .post .headline:visited{
	font-size:14px;
	width:150px;
}
.blogcol .post img{
	width:70px;
	height:70px;
	float:left;
	padding:0 5px 10px 0;
}
.blogcol .post .info{
	position:relative;
	float:left;
	width:300px;	
	margin:0 0 0 10px; padding:0;
	overflow:hidden;
	padding-bottom:10px;
}
.blogcol .post .info p{
	margin:3px 0;
	font-size:10px;
}
.blogcol .post .info p a{
	font-size:10px;
}

.bloghome{ position:relative; } 

.bloghome .post, .blogpost .post{
	position:relative;
	width:750px;
	margin:15px;
	padding:0;
	float:none;
	top:0; left:0;	
}

#main .blogpost .post{
	float:none;
	clear:both;
}

.blogpost .date{
	font-size:11px;
	margin:2px 0;
}

.bloghome .left{
	position:relative;
	width:710px;
	float:left;
	overflow:hidden;
}

.bloghome .left .post{
	position:relative;
	width:650px;
	
}

.bloghome .right{
	position:relative;
	width:180px;
	float:right;
	clear:none;
}
.bloghome .right p{
	font-size:10px;
	line-height:13px;
}
.bloghome .right img{
	float:left;
	margin:0 10px 0 0;
	width:40px;
	height:40px;
}

.bloghome .right .post{
	width:160px;
}

.blogarchive{
	margin:15px;
	padding:0 0 20px 0;
}

#right{
	float: left;
	width:344px;
	margin: 0; padding: 0;	
	position: relative;	
}

.box{	
	clear:both;
	margin:0; padding:0;
}

.box strong, #team strong{
	display:block;
	font-size:16px;
	color:#FFF;
	padding:10px 0 0 10px;
	margin:0;
}


#video_player{
	position:relative;
	float:left;
	width:480px;
}

#video_player .desc{
	position:relative;
	margin:0 5px 5px 10px;
}

#video_player .vthumbs{
	position:relative;
	margin:0 0 0 10px;
	height:115px;
	overflow:hidden;
}

.vthumb{
	position:relative;
	float:left;
	margin:0 4px 0 0;
	width:74px;
	height:116px;
	overflow:hidden;
	background-color:#000;
	color:#FFF;
	cursor:pointer;
}
.vthumb img{
	width:100%;
}

.vthumb p{
	padding:5px;
	font-size:10px;
	text-align:center;
}

.vthumb a{
	color:#FFF;
	font-size:10px;
}
#video_player embed{
	position:relative;
	margin:0 0 10px 10px;
}
#video{
	position:relative;
	margin:0; padding:0;
	height:382px;
	background:url('../images/bg/video.gif') no-repeat;
	top:4px;
	z-index:100;
}

#videoframe{
	position:relative;
	margin:0; padding:0;
}
#vidselect{
	margin:0 5px;
	width:330px; height:50px;
	overflow:hidden;
}

#vidselect a:link, #team a:link,
#vidselect a:visited, #team a:visited{
	position:relative;
	display:block;
	float:left;
	margin:5px;
	width:40px; height:40px;
	overflow:hidden;
	border:2px solid #000;
}
#vidselect a:hover, #team a:hover{
	border:2px solid #FFF;
}
#vidselect a img{
	position:absolute;
	width:70px;
}

#team{
	position:relative;
	top:-2px;
	height:auto;
	background-color:#000;
	z-index:20;
}
#team #pics{
	margin:5px 0 0 5px;
}
#team a.label:link,
#team a.label:visited{
	clear:both;
	float:none;
	margin:5px 0 0 10px;
	font-size:11px;
	text-decoration:none;
	border:0;
	width:200px;
	height:17px;
	font-weight:bold;	
	color:#CCC;
}

#team img{
	width:50px; height:50px;
}


/* for default template */
.default{
	margin:15px;
	width:520px;		
}
.default .body{
	width:100%;
}
.blog .photos{
	width:310px;
	float:right;
	text-align:center;
}
.blog .post{
	position:relative;
	margin:0;
	padding:0 0 15px 0;
	width:780px;
	float:left;
}
.blog .post .body{
	float:none;
	width:100%;
}
.blog .post .headline{
	font-size:20px;
	font-weight:bold;
	letter-spacing:-1px;
}
.blog .post em{
	display:block;
	float:none;
	font-style:normal;
	margin:1px 0;
	font-size:10px;
}
.blog .comments{
	clear:both;
}

.ytlinks{
	margin:15px 0;
}
.ytlinks a:link,
.ytlinks a:visited{
	
	display:block;
	font-size:16px;
	font-weight:bold;
	margin:10px 0;
	
}
.ytlinks a.selected:link,
.ytlinks a.selected:visited{
	text-decoration:none;
	color:#222;
}
.ytlinks ul{
	list-style:none;
	margin:0;
	padding:0;
}


/* shop */

.product{ 
	position:relative;
	width: 45%; 
	float:left;
	padding:3px; 
}
.product img{
	float:left;
}

.product .info{
	float:left;
	width:120px;
	margin:5px 15px;
}
.product .info p{
	font-size:11px;
}	
.product .info a{
	display:block;
	font-weight:bold;
}

.detail{
	width:98%;
}
.detail .info{
	width:360px;
}
.detail .info .price{
	font-size:13px;
	font-weight:bold;
}





#footer{
	position:relative; 
	height: 130px;
	background:url('../images/bg/cut-footer.gif') top center no-repeat;	
	background-color:#003399;
	color:#FFF;
        overflow:hidden;
	padding:20px;
	z-index:5;
	top:-35px;
	margin:0 0 -35px 0;
}

#footer.home{
	background:url('../images/bg/cut-footer-home.gif') top center no-repeat;	
}

#footer #empowered{
	display:block;
	color:#003399;
	font-size:10px;
	margin:10px 0;
	text-decoration:none;
}

#footer p{
	float:right;
	margin:15px;
	font-size:10px;
	text-align:right;	
}

/* Team Bio layouts*/

#main h1{
	letter-spacing:-1px;
	font-size:18px;
}

#main .title{
	background-color:#000;
	padding:20px 10px 10px 10px;
	color:#FFF;
}

.bio{
	margin:15px;
}

.bio .body{
	position:relative;
	float:left;
	width: 430px;
	padding:0 15px 0 0;
}


.bio #slides{	
	position:relative;	
	width: 320px;
	overflow:hidden;
}

#matte{

	
}

#matte #enlarge{
	
}

#thumbs{
	margin:3px;
}	

#thumbs img{
	width: 46px; height:46px;
	border: 2px solid white;
}

#thumbs img:hover{
	border: 2px solid black;
}

/*shop*/




/* forms */
.fieldwrap, .selectwrap{
	clear:both;
}

.textareawrap{
	clear:both;
}

input, textarea{
	float:left; margin:2px 6px 10px 0;
	padding:2px;
	border-top:1px solid #222;
	border-left:1px solid #222;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	width:300px;
}
textarea{
	width:300px;
}
.checkboxwrap, .radiowrap{
	clear:both;
	margin:5px 0 5px 100px;
}

.checkboxwrap input, .checkboxwrap label,
.radiowrap input, .radiowrap label{
	width:auto; font-size:12px;
	cursor:pointer;
}

.submit { clear:both;  }
.submit input{ 
	width:auto;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:0; 
}
.error{
	color:#FFF;
	background-color:#CC0000;
	padding:5px;
}
.notify{
	display:none;
	color:#FFF;
	background-color:#FF9900;
	padding:10px;
	font-size:16px;
}
label{
	display:block;
	width:100px;
	float:left;
}
.signup{
	height:100px;
}

.signup input{
	width:170px;
}

input.submit{
	float:left; width:auto; clear:none;
	font-size:13px;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:0;
}

/* media enlargement styles */

.photomatte{
		display:none; 
		position:absolute;
		top:0; left:0; 
		width:100%; height:100%; 
		z-index:6000; 
		background-color:#000;
}
.photomatte span{
		position:absolute; top:370px;
	 	width:100%;		
		text-align:center;
		color:#FFF;
		letter-spacing:15px;
}