/*Padding and margin reset*/
	html, body, p, ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, address, table, tr, td, th, form, fieldset, img{
		margin: 0;
		padding: 0;
		font-size: 1em;
		list-style: none;
		font-style: normal;
		font-weight: normal;
		border: 0;
	}

	a{
		text-decoration: none;
		color: #90470a;
	}
	
	a:hover{
		color: #fff;
	}
	
	.clearer{
		height: 1px;
		font-size: 1px;
		clear: both;
	}
	
	abbr{
		border: none;
	}
	
/*Stompbox Studios styles*/
/*HTML/CSS by boilerroomdigital.co.uk*/
	html{
		background-image: url(images/bg_body.gif);
	}
	
	body{
		background: url(images/bg_column.png) repeat-y top;
		color: #868686;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	#container{
		width: 924px;
		margin: 0 auto;
		background: #000;
	}

/*Branding*/
	#branding{
		height: 79px;
		/*background: url(images/icon_stompbox.gif) no-repeat 846px 18px;*/
	}
	
	#branding h1 a{
		background-image: url(images/stompbox_studios_2.gif);
		display: block;
		width: 364px;
		height: 62px;
		text-indent: -999em;
		float:left;
	}
	
		#brandingRight{
		float:right;
		margin: 15px 15px 10px 10px;
	}
	
/*Navigation*/
	#nav_main{
		min-height: 32px;
		position: relative;
		z-index: 1000;
	}

	#nav_main li{
		float: left;
		background: #464646 url(images/bg_nav.gif) repeat-x bottom;
		position: relative;
	}
	
	#nav_main li a{
		display: block;
		padding: 5px 19px 5px 19px;
		font-size: 18px;
		color: #fff;
		border-right: 1px solid #000;
	}
	
	/*L2 subnav*/
	#nav_main li ul{
		position: absolute;
		margin-left: -999em;
		width: 17em;
	}
	
	#nav_main li:hover ul,
	#nav_main li.sfhover ul{
		margin-left: 0;
		z-index: 1000;
	}
	
	#nav_main li ul li a{
		font-size: 12px;
		background: #302114;
		border: 1px solid #302114;
		border-bottom-color: #442e1c;
		color: #90470a;
		font-weight: bold;
		width: 16em;
		padding: 8px 19px;
	}
	
	#nav_main li ul li a:hover{
		background: #000;
		border: 1px solid #442e1c;
		color: #fff;
		text-decoration: none;
	}

/*Content*/
	#content{
		clear: both;
		line-height: 18px;
	}

/*Content pages*/	
	.content #content h1{
		color: #868686;
		font-weight: bold;
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
		font-size: 36px;
		padding: .8em 0 .6em;
		margin-bottom: .6em;
		border-bottom: 1px solid #fff;
	}

	.content #content a{
		font-weight: bold;
	}
	
	.content #nav_sub{
		float: left;
		width: 158px;
		padding-right: 24px;
	}
	
	.content #nav_sub li{
		display: inline;
	}
	
	.content #nav_sub a{
		text-align: right;
		display: block;
		padding-bottom: 8px;
	}
	
	.content #nav_sub .current a{
		color: #fff;
	}
	
	.content #nav_sub a:hover{
		color: #fff;
	}
	
	.content #content_main{
		float: left;
		width: 455px;
	}
	
	.content #content_main h2{
		font-size: 18px;
		color: #fff;
		letter-spacing: 1px;
		margin-bottom: 1em;
	}
	
	.content #content_main p{
		margin-bottom: 1em;	
	}
	
	.content #content_sub{
		float: right;
		width: 255px;
		background: #302114;
		color: #fff;
	}
	
	.content #content_sub .inner{
		padding: 15px 20px;
	}
	
	.content #content_sub h2{
		font-size: 19px;
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
		color: #5d4128;
		border-bottom: 1px solid #5d4128;
		padding-bottom: 8px;
		margin-bottom: 8px;
	}

	#content blockquote p{
		color: #fff;
		font-style: italic;
		font-weight: bold;
		margin-bottom: 1em;
	}
	
	.content #content_sub .more{
		background: #251c17;
	}
	
	.quoter{
		text-align: right;
		color: #fff;
	}
	
	.quoter strong{
		text-transform: uppercase;
		display: block;
	}

/*Listen*/
	.listen{
		background: #000;
		border-top: 1px solid #9f6f42;
	}
	
	.listen li{
		padding: 7px;
	}
	
	.listen li img, .listen li div.details{
		float: left;
	}
	
	.listen li div.details{
		padding-left: 18px;
		width: 144px;
		color: #878686;
	}

	.listen li div.details strong{
		display: block;
		color: #fff;
	}

/*Footer*/
	#footer{
		border-top: 1px solid #404040;
		padding: 10px 0 20px;
		margin-top: 10px;
	}
	
	#footer, #footer a{
		color: #404040;
	}
	
	#footer a:hover{
		color: #888;
	}
	
	#footer li{
		border-right: 1px solid #404040;
		display: inline;
		padding-right: 6px;
		margin-right: 6px;
	}
	
	#footer .vcard, #footer .credit{
		margin-top: 10px;
		font-size: 10px;
		float: left;
	}
	
	#footer .credit{
		float: right;
		letter-spacing: 1px;
	}
	
/*Homepage specifics*/
.home #content_main{
	width: 273px;
	float: right;
	padding-bottom: 0;
}

.home #content_sub{
	width: 630px;
	float: left;
	min-height: 494px;
	position: relative;
}

.home #content_sub .inner{
	position: absolute;
	bottom: 23px;
	left: 23px;
	width: 355px;
}

.home #content a{
	font-weight: bold;
}

.home #content_main .intro{
	color: #9f6f42;
	margin-bottom: .5em;
}

.home #content_main h2{
	color: #868686;
	font-weight: bold;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 19px;
	padding: .8em 0 .3em;
	margin-bottom: .1em;
	border-bottom: 1px solid #fff;
}

.home #content_main .listen,
.home #content_main .news{
	border-top: 0;
	padding: 1px 4px 1px 7px;
}

.home #content_main .listen h2{
	border-top: 1px solid #222;
	margin-top: 5px;
}

.home #content_main .listen li{
	border-bottom: 1px solid #222;
}

/*Studio news box*/

#content #content_main .news{
	padding-left: 0;
}

#content #content_main .news .date{
	color: #fff;	
}

#content #content_main .news h3{
	color: #fff;
	font-weight: bold;
}

#content_main .news li{
	padding-top: .4em;
}

#content_main .news li li{
	padding-top: 0;
}

.home #content{
	background: url(images/bg_home.jpg) no-repeat top left;
	margin-top: 10px;
}

.home #content_supp{
	clear: both;
}

/*Thirds*/
.home #content_supp{
	padding-top: 8px;
}

.home #content_supp .thirds li{
	width: 290px;
	float: left;
}

.home #content_supp .thirds li.pro{
	padding: 0 27px;
}

.home #content_supp .thirds li a.button{
	display: block;
	min-height: 81px;
	font-family: "Arial Narrow", Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

.home #content_supp .thirds li a.button strong{
	display: block;
	color: #878686;
	text-transform: uppercase;
	font-size: 18px;
	padding: 12px 12px 3px;
}

.home #content_supp .thirds li a.button span{
	display: block;
	color: #fff;
	padding-left: 12px;
	font-size: 14px;
	padding-right: 140px;
}

.home #content_supp .thirds li.art a.button{
	background: url(images/bg_third_4.jpg) no-repeat top;	
}

.home #content_supp .thirds li.pro a.button{
	background: url(images/bg_third_2.jpg) no-repeat top;	
}

.home #content_supp .thirds li.relax a.button{
	background: url(images/bg_third_3.jpg) no-repeat top;	
}

.home #content_supp .thirds li.relax a.button span{
	padding-right: 80px;
}

.home #content_supp .thirds li.art a.button span{
	padding-right: 80px;
}

.home #content_supp .thirds li a.button:hover strong{
	color: #bbb;
}

.home #content_main .news li{
	display: inline;
}

.home #content_main .news ul li{
	display: block;
}



/*--- CONTACT  ---------------------------------------------------------*/
form#contactform fieldset {
border:1px solid #ccc;
padding:10px 20px;
margin-top:2em;
}
form#contactform legend {
padding:0 0.5em;
background:#FFF;
color:#000;
font-size:1.3em;
font-weight:bold;
}
form#contactform label {
float:left;
width:396px;
font-size:1.1em;
margin-bottom:0.2em;
position:relative;
color:#fff;
}
form#contactform label span {
color:#84272F;
padding-left:0.2em;
}
form#contactform label em {
font-weight:bold;
font-style:normal;
color:#84272F;
position:absolute;
right:-1em;
}
form#contactform input,
form#contactform textarea {
display:block;
width:400px;
float:left;
font-size:1.1em;
margin-bottom:0.8em;
clear:left;
border:0;
background-color:#FFF;
border:1px solid #aaa;
padding:0.2em 0.3em;
color:#666;
}
form#contactform select {
display:block;
width:200px;
float:left;
font-size:1.1em;
margin-bottom:0.8em;
clear:left;
}
form#contactform input[type="hidden"] {
display:none;
}
form#contactform label.check {
margin:0.8em 0;
width:360px;
clear:left;
}
form#contactform input.check {
margin:0;
float:right;
width:30px;
display:inline;
clear:none;
margin-top:-1.1em;
background:transparent;
}
form#contactform p.disclaimer {
font-size:1em;
margin-bottom:1em;
clear:left;
}
form#contactform p,
form#contactform div {
clear:both;
}
form#contactform div {
margin-bottom:1.5em;
}
form#contactform div.friend input {
width:300px;
clear:none;
display:inline;
}
form#contactform div.friend label {
width:100px;
clear:none;
}

form#contactform div#c_buttons input {
padding:0 0 0.2em 0;
width:100px;
height:26px;
color:#FFF;
background-color:#990000;
font-weight:bold;
text-decoration:none;
text-align:center;
vertical-align:top;
cursor:pointer; /* hand-shaped cursor */
}
form#contactform div#c_buttons input:hover {
text-decoration:underline;
}