﻿/* CSS layout */
/* --------------------------------------------------------------------------- SCROLLBARS + BGCOLOUR + HEADER WITH LINK*/
html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}

body{
		background-color:silver;
}
#masthead a{
		height:180px;
		width:960px;
		background-image:url('Logo-on-white%20800px.jpg');
		background-position:center;
		background-repeat:no-repeat;
		margin-left:auto;
		margin-right:auto;
		display: block;
}
}
#header a span {
 visibility: hidden;
}
h1 {
	font-size:small;
	font-family:Verdana;
	font-weight:normal;
	margin:0px;
}

h2 {
	font-size:small;
	font-family:Verdana;
	font-weight:normal;
	margin:0px;
}

h3 {
	font-size:small;
	font-family:Verdana;
	font-weight:normal;
	margin:0px;
}

h4 {
	font-size:small;
	font-family:Verdana;
	font-weight:normal;
	margin:0px;
}

h5 {
	font-size:small;
	font-family:Verdana;
	font-weight:normal;
	margin:0px;
}

h6 {
	font-size:small;
	font-family:Verdana;
	font-weight:normal;
	margin:0px;
}

/* --------------------------------------------------------------------------- PAGE BODY (PAGE_CONTENT) + FOOTER + 'CONTAINER'(UNKNOWN WHAT THIS IS CURRENTLY..)*/

#page_content {
		clear:both;
}
#footer {
text-align:left;
font-size:xx-small;
font-family:Verdana;
}
#container {
		margin-right: auto;
		margin-left: auto;
		width: 960px;
		background-color: #FFFFFF;
		border:medium solid #808000;
}

#vidbox2{
	height:360px;
	width:640px;
	border:thin
	black
	solid;
	margin: 0 auto;

}

#vidbox3{
	height:542px;
	width:740px;
	border:thin
	black
	solid;
	margin: 0 auto;

}



/* --------------------------------------------------------------------------- MAIN MENU*/

#menucontainer {
		width:530px;
		height:26px;
		margin:auto;
		
}
#homebutton {
		width:68px;
		float:left;	
}
#aboutbutton {
		width:82px;
		float:left;
		margin-left:20px;
}
#servicesbutton {
		width:118px;
		float:left;
		margin-left:20px;
}
#loginbutton {
		width:71px;
		float:left;
		margin-left:20px;
}
#contactbutton {
		width:111px;
		float:left;
		margin-left:20px;
	
}

/* --------------------------------------------------------------------------- SUB MENU - SERVICES*/

#menuservicescontainer{
	width:255px;
	height:26px;
	margin:auto;

}

#musicbutton{
	float:left;
	width:70px;
	height:26px;
}
#postbutton{
	float:left;
	width:56px;
	height:26px;
	margin-left:20px;
}
#custombutton{
	float:left;
	width:89px;
	height:26px;
	margin-left:20px;
}
/* --------------------------------------------------------------------------- SUB MENU 2-1 - MUSIC*/

#menumusiccontainer{
		width:431px;
		height:26px;
		margin:auto;
		
}
#recordingbutton {
		width:106px;
		float:left;	
}
#mixingbutton {
		width:67px;
		float:left;
		margin-left:20px;
}
#masteringbutton {
		width:106px;
		float:left;
		margin-left:20px;
}
#webshopbutton {
		width:92px;
		float:left;
		margin-left:20px;
}

/* --------------------------------------------------------------------------- SUB MENU 2-2 - POST*/

#menupostcontainer {
		width:323px;
		height:26px;
		margin:auto;
		
}
#adrbutton {
		width:;
		float:left;	
}
#soundsbutton {
		width:;
		float:left;
		margin-left:20px;
}
#mixingbutton {
		width:;
		float:left;
		margin-left:20px;
}
#cleanupbutton {
		width:;
		float:left;
		margin-left:20px;
}


/* --------------------------------------------------------------------------- REDUNDANT?*/

#masteringoption1{
	float:left;
	margin-left:50px;
}
#masteringoption2{
	float:right;
	margin-right:230px;
}
#masteringbody{
	float:left;
}

/* --------------------------------------------------------------------------- CONTACT PAGE*/

#spambot {
	width:147px;
	height:122px;
	float:right;
}

#contenttext {
	margin:auto;
	width:960px;

}
#maincontactform{
	margin:auto;
	width:376px;
	height:600px;
	background-image:url('contactborder4.jpg');
	background-repeat:no-repeat;
	background-position:center;
	}
#geotrust  {
	margin-left:340px;
	width:118px;
	height:57px;
}

/* --------------------------------------------------------------------------- MASTERING PAGE*/


#option1{
background-image:url('optionsredthin5-2.jpg');
background-repeat:no-repeat;
background-position:center;
}
#option2{
background-image:url('optionsamber4.jpg');
background-repeat:no-repeat;
background-position:center;
}
#option3{
background-image:url('optionsgreen6-2.jpg');
background-repeat:no-repeat;
background-position:center;
}
#optioncdmaster{
background-image:url('optionsbluefinal9.jpg');
background-repeat:no-repeat;
background-position:center;
}

/* --------------------------------------------------------------------------- WEBSHOP PAGE*/

#formcontainer{
	background-image:url('transfer7.jpg');
	background-repeat:no-repeat;
	height:550px;
	width:750px;
	margin:auto;
}

#reglog{
	height:402px;
	width:540px;
	margin:auto;

}
	
#uploadregisterform{
	float:left;
	width:232px;
	height:402px;
	background-image:url('bordersred.jpg');
	background-repeat:no-repeat;

}
#uploadloginform{
	float:right;
	width:232px;
	height:402px;
	background-image:url('bordersred.jpg');
	background-repeat:no-repeat;
		
}
#logform{
	width:232px;
	margin-left:0px;

}
#logformlogin{
	width:232px;
	margin:auto;
	border:thin
	black
	dashed;
	height:160px;
}

#registerform{
	width:232px;
	
}

#registertext{
	margin-left:11px;
	width:207px;
}

#webstoremixing{
	width:749px;
	height:450px;
	margin:auto;
	background-image:url('lightbluecontainer10.jpg');
	background-repeat:no-repeat;

}

#mixingrevisions{
	width:749px;
	height:50px;
	margin-bottom:0px;


}
#shopcontainer2{
height:325px;
width:440px;
margin:auto;

}
#essentialmixcolumn{
	float:left;
	width:180px;
	height:325px;
	background-image:url('optionsborder4wider.jpg');
    background-repeat:no-repeat;
	
}
#custommixcolumn{
float:right;
	width:180px;
	height:325px;
	background-image:url('optionsborder4wider.jpg');
	background-repeat:no-repeat;
	
}

#webstoremastering{
	width:749px;
	height:470px;
	margin:auto;
	background-image:url('lightbluecontainer9.jpg');
	background-repeat:no-repeat;
}

#shopcontainer{
height:327px;
width:522px;
margin:auto;
}

#masteringoption1column{
float:left;
width:150px;
height:327px;
background-image:url('optionsborder4.jpg');
background-repeat:no-repeat;

}
#masteringoption2column{
position:absolute;
left:50%;
margin-left:-75px;
width:150px;
height:327px;
background-image:url('optionsborder4.jpg');
background-repeat:no-repeat;

}
#masteringoption3column{
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	float:right;
	width:150px;
	height:327px;
	background-image:url('optionsborder4.jpg');
	background-repeat:no-repeat;

}
#masteringrevisions{
	width:749px;
	height:50px;
	margin-bottom:0px;

}

#webstorecd{
	width:744px;
	height:363px;
	margin:auto;
	background-image:url('lightbluecontainer14.jpg');
	background-repeat:no-repeat;
}

#cdcontainer{
	width:510px;
	margin:auto;
}

#mixcdcolumn{
	float:left;
	width:252px;
	height:265px;
	background-image:url('mixsessionsbox.jpg');
	background-repeat:no-repeat;
	background-position:center;	
		
}

#mastercdcolumn{
	float:right;
	width:252px;
	height:265px;
	background-image:url('mixsessionsbox.jpg');
	background-repeat:no-repeat;
	background-position:center;	

}


/* --------------------------------------------------------------------------- MIXING PAGE */

#essentialmixbox{
height:400px;
width:755px;
margin:auto;
background-image:url('darkredborder.jpg');
background-repeat:no-repeat;
	
}
#custommixbox{
height:460px;
width:755px;
margin:auto;
background-image:url('orangeborder1.jpg');
background-repeat:no-repeat;

}

#peni{
position:absolute;
right:50%;
width:140px;
height:35px;

}

#peni2{
position:absolute;
left:50%;
width:140px;
height:35px;

}

#peni3{
position:absolute;
right:50%;
width:140px;
height:35px;

}

#peni4{
position:absolute;
left:50%;
width:140px;
height:35px;

}

#flashPlayer2{
margin:auto;

}

#flashPlayer{
margin:auto;

}

#flashPlayer3{
margin:auto;

}

#flashPlayer4{
margin:auto;

}

#Mixingdiscs{
width:755px;
height:285px;
margin:auto;
background-image:url('darkgreenborder.jpg');
background-repeat:no-repeat;
}

/* --------------------------------------------------------------------------- BACKEND */

#backendbody{
	width:800px;
	height:500px;
	margin:auto;
	background-color:white;
	border:medium solid #808000;
}
#dailyrate{
	width:140px;
	height:45px;
	float:left;
	margin-left:7%;
	border:thin
	black
	dashed;
}

#halfhourrate{
	width:140px;
	height:45px;
	margin: 0 auto;
	border:thin
	black
	dashed;
}

#hourlyrate{
	width:140px;
	height:45px;
	position:absolute;
	right:52%;
	border:thin
	black
	dashed;

}
#overtime{
	width:140px;
	height:45px;
	position:absolute;
	left:51%;
	border:thin
	black
	dashed;

}
#dalston{
	width:155px;
	height:45px;
	float:right;
	margin-right:7%;
	border:thin
	black
	dashed;
}
#mastercdset{
	width:143px;
	height:30px;
	border:thin
	black
	dashed;
	margin:auto;
}

/* --------------------------------------------------------------------------- BACKEND */
}

/* --------------------------------------------------------------------------- ABOUT */
}

