@charset "UTF-8";
/* CSS Document */

body  {
	font-family: Helvetica, Arial, sans-serif;
	background-color: #303030;
}

.main  {
	width: 800px;
	height: 600px;
	margin: auto;
}

.onebox  {
	width: 250px;
	height: 250px;
	float: left;
	background-color: #202020;
	color: #FFFFFF;
}

#logo  {
	display: block;
	width: 181px;
	height: 92px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat 0 0;
	margin-left: 20px;
	margin-top: 20px;
}

#logo:hover  {
	 background-position: 0 -92px;

}

#nav {
	list-style: none;
	margin-left: -15px;
	margin-top: 20px;
	line-height: 20px;
}

#nav li a {
	text-decoration: none;
	font-size: 15px;
	font-weight: bolder;
}

.twobox  {
	width: 550px;
	height: 250px;
	float: right;
	background-color: #E8E8E8;
}

#protoolspic  {
	width: 275px;
	height: 300px;
	float: left;
}

#studiopic  {
	width: 275px;
	height: 300px;
	float: left;
}

.info  {
	font-size: 13px;
	margin-left: 20px;
	position: relative;
	top: 20px;

}

#audioinfo  {
	width: 500px;
	font-size: 13px;
	color: #202020;
	margin-top: 35px;
	position: relative;
	left: 20px;
	
}

#videoinfo  {
	width: 500px;
	font-size: 12px;
	color: #202020;
	margin-top: 35px;
	position: relative;
	left: 20px;
	
}

.threebox  {	
	width: 250px;
	height: 350px;
	float: left;
	background-color: #FFFFFF;
	color: #202020;
}

#icons {
	list-style: none;
	margin-left: -17px;
}

#icons li {
	padding-bottom: 10px;
}

#facebook  {
	display: block;
	width: 44px;
	height: 44px;
	background-image: url(../images/facebook.gif);
	background-repeat: no-repeat 0 0;
}

#facebook:hover  {
	 background-position: 0 -44px;

}

#myspace  {
	display: block;
	width: 44px;
	height: 44px;
	background-image: url(../images/myspace.gif);
	background-repeat: no-repeat 0 0;
}

#myspace:hover  {
	 background-position: 0 -44px;

}

#twitter  {
	display: block;
	width: 44px;
	height: 44px;
	background-image: url(../images/twitter.gif);
	background-repeat: no-repeat 0 0;
}

#twitter:hover  {
	 background-position: 0 -44px;

}

#findme  {
	font-size: 13px;
	margin-left: 24px;
	font-weight: bolder;
	margin-top: 20px;
}

.fourbox  {
	width: 550px;
	height: 350px;
	float: right;
	background-color: #F0F0F0;
	font-size: 13px;
	color: #202020;
}

.content  {
	width: 450px;
	margin-top: -27px;
	margin-left: 20px;
}

.content a {
	color: #406DD3 !important;
	text-decoration: underline !important;
}

#title  {
	font-size: 13px;
	font-weight: bolder;
	margin-top: 20px;
	margin-left: 20px;
}

.mp3player  {
	width: 380px;
	height: 220px;
	margin-top: -27px;
	margin-left: 20px;
	
}

#contact-wrapper {
	width: 485px;
	margin-left: 20px;
	margin-top: -20px;
}

.video  {
	margin-top: -25px;
	margin-left: 20px;
}


/*     a hover   406DD3  */
a:link {color:#FFFFFF;}      /* unvisited link */
a:visited {color:#FFFFFF;}  /* visited link */
a:hover {color:#406DD3;}  /* mouse over link */
a:active {color:#406DD3;}  /* selected link */
img  {border: none;}