/* CSS Document MUSIC CSS COPYRIGHT METACOSM LTD 2007*/

body,html{
height:100%;
border:0;
margin:0;
}

BODY { 
background-color:#04070A;
font-size:100%;
color: #F2F2F2;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image:url(img/music_bg.jpg);
background-repeat:no-repeat;
} 

#main{
position:absolute;
left:0;
top:0;
width:100%;
height:auto;
vertical-align:top;
}
#nav{
width:345px;
height:431px;
background-image:url(img/music_nav_bg.jpg);
background-repeat:no-repeat;
}

/* SEARCH BOX CODE MUSIC*/
#search{
position:relative;
left:0;
top:0;
margin:0;
padding:0;
width:171px;
height:126px;
background-image:url(img/searchbox_music_bg.jpg);
background-repeat:no-repeat;
}
#searchleft{
left:0;
top:0;
width:67px;
height:126px;
float:left;
}
#searchright{
left:0;
top:0;
width:104px;
height:126px;
float:right;
}
.marginleft72{margin-left:72px;}

/*SEARCH BOX CODE END*/


#content{
padding:0;
position:absolute;
left:365px;
top:115px;
width:610px;
height:auto;
vertical-align:top;
font-size:80%;
font-family: Trebuchet MS,trebuchet,Arial, Helvetica, sans-serif;
}

#footer {position:absolute;
width:60%;
height:20px;
left:15px;
top:97%;
font-family:Trebuchet MS,trebuchet,Arial, Helvetica, sans-serif;
font-size:11px;
color:#9F59B7;
text-indent:-800px;
}

#col1{
top:0;
width:240px;
height:auto;
vertical-align:top;
padding-right:10px;
float:left;
}

div.top{
float:left;
width:240px;

}

div.left{
float:left;
width:78px;
height:82px;
padding-top:4px;
}

div.centre{
float:right;
width:78px;
height:82px;
padding-top:4px;
padding-left:3px;
padding-right:3px;
text-align:center;
}

div.right{
float:right;
width:78px;
height:82px;
padding-top:4px;
align:center;
text-align:right;
}

.imagepadding3{
padding:3px;
}

#col2{
top:0;
width:355px;
height:auto;
vertical-align:top;
padding:0;
float:right;
}


#mast{
position:absolute;
left:339px;
top:0;
width:641px;
height:auto
vertical-align:top;
}





/*old styles from here*/

 .{ 
scrollbar-3d-light-color:#2C5986; 
scrollbar-arrow-color: #FFFFFF; 
scrollbar-base-color: #000000; 
scrollbar-dark-shadow-color: #000000; 
scrollbar-face-color: #000000; 
scrollbar-highlight-color: #2C5986; 
scrollbar-shadow-color: #2C5986; 
} 

a:link {color: #4A87C4; text-decoration: none} 
a:visited { color:#4A87C4; text-decoration: none} 
a:hover { color: #ffffff; text-decoration: none}

P { 
font-family: Trebuchet MS, trebuchet, Arial, Helvetica, sans-serif; 
color:#ffffff; 
margin-top:4px;
margin-bottom:4px;
} 

.textarea {
font-family: Trebuchet MS, trebuchet; 
font-size: 8pt; 
height: 100px; 
width: 120px; 
border-color: #ffffff; 
border: 1px solid;
clip: rect( )
}


h1 {
	font-family: Trebuchet MS,trebuchet,Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:1px;
	margin-left: 0px;
}
h2 {
	font-family: Trebuchet MS,trebuchet,Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
h3{
	font-family: Trebuchet MS,trebuchet,Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}


.borderzero {
	border: none;
	margin: 0px;
	padding: 0px;
	line-height: 2px;

}

.body11 {
	font-family: Trebuchet MS,trebuchet,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EEEEEE;
	text-decoration: none;
}
#gallerythumbs {
width:600px;
height:100px;
overflow:auto;
}.rightpadding {
	padding-right: 4px;
}
.bordwhite {
	border: 1px solid #FFFFFF;
}