/* CSS Document */

body{
background:url(../images/mainbg.jpg) top left no-repeat #15110f;
font:normal 14px  Trebuchet MS;
color:#CCCCCC;
text-decoration:none;
}

#header{
width:966px;
height:121px;
float:left;
clear:left;
}
#logo{
background:url(../images/logo.png) no-repeat center;
width:343px;
height:65px;
float:left;
clear:right;
}

.topmenu{
width:500px;
height:121px;
float:right;
clear:right;
}
a.home:link ,a.home:visited{
background:url(../images/home-link.gif) top no-repeat;
width:101px;
height:34px;
display:block;
margin-top:60px;
float:left;
clear:right;
}
a.home:hover, a.home-current:link, a.home-current:visited{
background:url(../images/home-link.gif) bottom no-repeat;

}

a.bio:link, a.bio:visited{
background:url(../images/bio-link.gif) top no-repeat;
width:60px;
height:35px;
display:block;
margin-top:20px;
float:left;
clear:right;
}
a.bio:hover,a.bio-current:link, a.bio-current:visited{
background:url(../images/bio-link.gif) bottom no-repeat;

}

a.portfolio:link,a.portfolio:visited{
background:url(../images/portfolio-link.gif) top no-repeat;
width:165px;
height:47px;
display:block;
margin-top:50px;
cursor:pointer;
float:left;
clear:right;
}
a.portfolio:hover, a.portfolio-current:link, a.portfolio-current:visited{
background:url(../images/portfolio-link.gif) bottom no-repeat;

}

a.contact:link, a.contact:visited{
background:url(../images/contact-link.gif) top no-repeat;
width:143px;
height:43px;
display:block;
margin-top:30px;
cursor:pointer;
float:left;
clear:right;
}
a.contact:hover, a.contact-current:link, a.contact-current:visited{
background:url(../images/contact-link.gif) bottom no-repeat;

}

#contactarea{
float:left;
clear:left;
width:966px;
}

.musician{
width:199px;
height:250px;
float:right;
clear:right;
}

.musician-img{
width:199px;
height:208px;
float:left;
clear:left;
text-align:right;
}
.musician-player{
width:199px;
height:22px;
float:left;
clear:left;
visibility:hidden;
}

.leftpanel{
width:600px;
float:left;
clear:left;
padding:40px 0 0 100px;
}


h1{
margin:0 0 20px 0;
padding:0px;
font:normal 36px Trebuchet MS;
color:#d7d7d7;
}


.list{
width:491px;
float:left;
clear:left;
}

.listhead{
font:normal 18px Trebuchet MS;
color:#ff39d7;
float:left;
clear:left;
text-transform:uppercase;
}
.listhead2{
font:normal 18px Trebuchet MS;
color:#ff39d7;
float:left;
clear:left;
text-transform:uppercase;
margin-bottom:5px;
}
.listnormal{
font:normal 14px Trebuchet MS;
color:#FFFFFF;
float:left;
clear:left;
}

.list1{
width:75px;
height:25px;
padding-top:5px;
text-align:left;
float:left;
clear:right;
}
.list2{
width:222px;
height:25px;
padding-top:5px;
text-align:left;
float:left;
clear:right;
}
.list3{
width:100px;
height:25px;
padding-top:5px;
text-align:left;
float:left;
clear:right;
}


a.listen:link, a.listen:visited{
background:url(../images/listen-icon.png) left no-repeat;
width:50px;
height:20px;
display:block;
padding-left:20px;
background-position:3px 1;
cursor:pointer;
float:left;
clear:right;
color:#FFFFFF;
text-decoration:none;
visibility:hidden;
}
a.listen:hover{
text-decoration:underline;
}

#footer{
font:normal 14px Trebuchet MS;
color:#d7d7d7;
text-align:center;
float:left;
clear:left;
width:926px;
padding:20px;
margin-top:20px;
}


.contactleft{
width:150px;
padding-top:5px;
text-align:left;
float:left;
clear:right;
}


.contactright{
width:200px;
padding-top:2px;
text-align:left;
float:left;
clear:right;
}

.textbox1{
background:#294149;
width:189px;
border:solid 1px #0d3c4e;
height:19px;
color:#FFFFFF;
padding:3px;
font:normal 14px  Trebuchet MS;
color:#CCCCCC;
}

.textbox2{
background:#294149;
width:189px;
border:solid 1px #0d3c4e;
height:100px;
color:#FFFFFF;
padding:3px;
font:normal 14px  Trebuchet MS;
color:#CCCCCC;
}

a.maillink:link, a.maillink:visited{
font:bold 16px  Trebuchet MS;
color:#CCCCCC;
text-decoration:underline;
}
a.maillink:hover{
font:bold 16px  Trebuchet MS;
color:#14a5db;
text-decoration:underline;
}