/* -------------BASIC------------- */

body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 80%;
	color: #e1e1e1;
	text-align: center;
	background: #313848 url(../images/background.jpg) repeat left top scroll;
}

h1, h2, h3, h4, p {
	margin: 0;
	padding: 0;
}

a img { 
	border: none;
}

img {
	vertical-align: top;
}






/* ---------------LAYOUT--------------- */

#wholepage {
	width: 707px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	background: #424a5e;
}

#services {
	width: 707px;
	margin: 0;
	padding: 0;
}

#rollover {
	width: 707px;
	height: 115px;
	margin: 0;
	padding: 0;
	background: url(../images/rollbackground.jpg) repeat-y scroll 0px 0px;
}

.rolltext {
	margin: 0;
	padding: 19px 30px 0px 30px;
	text-align: center;
	line-height: 145%;
	font-size: 21px;
	color: #f5f1ba;
	font-style: italic;
}







/* -------------ROLLOVER BAR------------- */

ul#roll {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#roll li {
	float: left;
}

ul#roll a {
	display: block;
	text-decoration: none;
	border: 0;
	padding: 0;
	margin: 0;
}


ul#roll a#producerLink {
	width: 83px;
	background: url(../images/services_producer.jpg) no-repeat scroll 0px 0px;
}

ul#roll a#producerLink:hover {
	background: url(../images/services_producer.jpg) no-repeat scroll 0px -97px;
}

body#producer a#producerLink {
	background: url(../images/services_producer.jpg) no-repeat scroll 0px -97px;
}


ul#roll a#engineerLink {
	width: 79px;
	background: url(../images/services_engineer.jpg) no-repeat scroll 0px 0px;
}

ul#roll a#engineerLink:hover {
	background: url(../images/services_engineer.jpg) no-repeat scroll 0px -97px;
}

body#engineer a#engineerLink {
	background: url(../images/services_engineer.jpg) no-repeat scroll 0px -97px;
}


ul#roll a#arrangerLink {
	width: 81px;
	background: url(../images/services_arranger.jpg) no-repeat scroll 0px 0px;
}

ul#roll a#arrangerLink:hover {
	background: url(../images/services_arranger.jpg) no-repeat scroll 0px -97px;
}

body#arranger a#arrangerLink {
	background: url(../images/services_arranger.jpg) no-repeat scroll 0px -97px;
}


ul#roll a#musicianLink {
	width: 80px;
	background: url(../images/services_musician.jpg) no-repeat scroll 0px 0px;
}

ul#roll a#musicianLink:hover {
	background: url(../images/services_musician.jpg) no-repeat scroll 0px -97px;
}

body#musician a#musicianLink {
	background: url(../images/services_musician.jpg) no-repeat scroll 0px -97px;
}


ul#roll a#soundLink {
	width: 127px;
	background: url(../images/services_sound.jpg) no-repeat scroll 0px 0px;
}

ul#roll a#soundLink:hover {
	background: url(../images/services_sound.jpg) no-repeat scroll 0px -97px;
}

body#sound a#soundLink {
	background: url(../images/services_sound.jpg) no-repeat scroll 0px -97px;
}



* html #roll a {
	height: 1px;
}