@import 'cssdeck/_handler.css';


* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "http://web.techdept.co.uk/stevebooker/content/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}


															/** BODY ELEMENTS **/
body { background-color: #5a5b5e }


#check-form {display:none;}



															/** MAIN CONTAINERS **/
#container {
	width: 960px;
	margin: 0 auto;
}
	#header {
		height: 150px;
	}
	#content-wrapper {
		position: relative;
		height: 628px;
		background-color: #000;
		background-image: url(../images/content.jpg);
	}
		.latest-tracks #content-wrapper { background-image: url(../images/content-latesttracks.jpg); }
		.videos #content-wrapper { background-image: url(../images/content-videos.jpg); }
		#content {
			position: relative;
			height: 488px;
			margin: 0 300px 0 60px;
		}
		.index #content {
			height: auto;
			margin: 0;
		}
	.footer-in { padding: 10px 0 }


.studio2
{
    width:500px;
}



															/** SUB CONTAINERS **/
.x2 {
	margin: -42px 0 0;
	}
	.welcome .leftside {
		padding: 80px 10px 0 0;
		}
	.welcome .rightside {
		width: 45%;
		padding: 0 0 0 3%;
		border-left: 1px solid #000;
		}
	.page .x2 {
		
		}
	.page .leftside {
		width: 70%;
		padding: 80px 5% 0 0;
		}
	.studio .leftside {
		width: 65%;
		padding: 80px 5% 0 0;
		}
		.studio .rightside {
		width: 30%;
		}
	.page .rightside {
		width: 25%;
		}
.discography .x2 {
	padding: 70px 0 0;
	}
	.discography .x2 .leftside {
		width: 47%;
		padding-right: 3%;
		padding-top: 0
		}
	.discography .x2 .rightside {
		width: 47%;
		padding-left: 3%;
		}
.contact .x2 {
	padding: 70px 0 0;
	}
	.contact .x2 .leftside {
		width: 44%;
		padding-right: 1%;
		}
	.contact .x2 .rightside {
		width: 55%;
		}
#studio {
	height: 410px;
	overflow: hidden;
	}
#scrollMe {
	height: 410px;
	overflow: hidden;
	}
	.discography #scrollMe {
		height: 320px;
		}
.figure.album {
	position: static;
	margin: 0 0 10px;
	}
blockquote {
	color: #dd1829;
	font-size: 14px;
	}
	
#mp3player {
	margin: 0px 180px 0 10px;
	border: 0px solid red;
	width:430px;
	}
#video {
	margin: 20px 180px 0 40px;
	height: 245px;
	width: 380px
	}
#vidcar
{
    margin:1px 200px 25px 60px;

}





															/** LISTS **/
															#navMove {
															position:absolute;
															top:30px;
															left:330px;
															}
															
#nav-main {
	float: left;
	width: 350px;
	_width: 40%;
	/*padding: 30px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	#nav-main li {
		width: 175px;
		background-image: url(../images/style/nav-main_new.png);
		/*border:1px solid red;*/
		background-repeat:no-repeat; 
	}
	
	

	
	
	#nav-main li:hover {
		
	}
		#nav-main .song-writing { background-position: 0 0; }
		#nav-main .record-production { background-position: 0 -20px; }
		#nav-main .studio { background-position: 0 -40px; display:none;}
		#nav-main li.selected .studio { display:block;}
		#nav-main .discography { background-position: 0 -60px ;}
		#nav-main .latest-tracks { background-position: 0 -80px; }
		#nav-main .videos { background-position: 0 -100px; }
		#nav-main .contact { background-position: 0 -120px; }
		/**/
		#nav-main .selected.song-writing { background-position: 0 -140px; _background-position: 0 0px; }
		#nav-main .selected.record-production { background-position: 0 -160px; _background-position: 0 -20px; }
		#nav-main .selected.studio { background-position: 0 -180px; _background-position: 0 -40px;}
		#nav-main .selected.discography { background-position: 0 -204px; _background-position: 0 -60px; }
		#nav-main .selected.latest-tracks { background-position: 0 -224px; _background-position: 0 -80px; }
		#nav-main .selected.videos { background-position: 0 -244px; _background-position: 0 -100px; }
		#nav-main .selected.contact { background-position: 0 -264px; _background-position: 0 -120px; }
	#nav-main a {
		display: block;
		width: 100%;
		padding: 2px 0;
		text-indent: -9999em;
		height:13px;
	}
#nav-scroller 
{
    display:none;
	position: absolute;
	bottom: 10px;
	right: 280px;
	_right: -665px;
	_bottom: 60px;
	}
	#nav-scroller li {
		background-image: url(../images/style/scroller.png);
		}
	#nav-scroller #scrollDown {
		background-position: 0 -15px;
		}
	#nav-scroller a {
		width: 18px;
		height: 15px;
		text-indent: -9999em;
		}



		
		
		
		



															/** TYPOGRAPHY **/

h2 {
	color: #dd1829;
	font-size: 14px;
line-height:1.4em;

}
	.logo { float: left }
	.logo a {
		width: 200px;
		height: 100px;
		padding: 20px 25px;
		background-position: 50% 50%;
	}
h2.pagetitle {
	position: relative;
	top: 0;
	left: 110px;
	width: 210px;
	height: 100px;
	background-image: url(../images/style/headings_two.png);
	text-indent: -9999em;
}
	.song-writing h2.pagetitle { background-position: 0 -100px }
	.record-production h2.pagetitle { background-position: 0 -200px }
	.studio h2.pagetitle { background-position: 0 -300px }
	.discography h2.pagetitle { background-position: 0 -400px }
	.latest-tracks h2.pagetitle { background-position: 0 -500px }
	.videos h2.pagetitle { background-position: 0 -600px }
	.contact h2.pagetitle { background-position: 0 -700px }
h3 {
	padding: 0 0 20px;
	color: #dd1829;
	font-size: 28px;
}
p {
	padding: 0 0 10px;
	line-height: 1.4em;
}
	.discography .x2 p {
		font-size: 11px;
		}
		.discography .x2 strong {
			display: block;
			}
	blockquote p {
		color: inherit;
		font-size: inherit;
		}
	#footer p {
		float: right;
		color: #fff;
		font-size: 8px;
		}
a {
	
}
	#footer a {
		color: #fff;
		font-size: 8px;
		text-decoration: none;
		}
		#footer a:hover { text-decoration: underline }






															/** FORMS **/
form {
	
}
	form input,
	form textarea {
		width: 85%;
	}
	form button {
		width: 15%;
		margin-left: 72%;
		padding: 2px 0;
		color: #fff;
		background-color: #d00;
		border: 0;
	}