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

a{
outline:none;
}

body{
background-color:#e0e67c;
margin:0px;
padding:0px;
}

div#wrapper{
margin-left:auto;
margin-right:auto;
width:900px;
height:600px;
background-image:url(../img/symbol.png);
background-repeat:no-repeat;
}

h1{
width:400px;
height:60px;
float:left;
background-image:url(../img/dsc-logo.png);
background-repeat:no-repeat;
text-indent:-99999px;
position:relative;
top:95px;
left:25px;
}

ul#main-nav{
position:relative;
top:125px;
width:210px;
float:right;
list-style-type:none;
}

ul#main-nav li{
float:left;
}

ul#main-nav li a{
display:block;
height:30px;
background-image:url(../img/main-nav.png);
background-repeat:no-repeat;
text-indent:-99999px;
}

ul#main-nav li a.home{
width:80px;
background-position:0px 0px;
}

ul#main-nav li a:hover.home{
background-position:0px -30px;
}

ul#main-nav li a.home-selected{
width:80px;
background-position:0px -30px;
}

ul#main-nav li a.contact{
width:110px;
background-position:-80px 0px;
}

ul#main-nav li a:hover.contact{
background-position:-80px -30px;
}

ul#main-nav li a.contact-selected{
width:110px;
background-position:-80px -30px;
}


ul#artists{
clear:both;
position:relative;
top:90px;
list-style-type:none;
margin:0px;
padding:0px;
}

ul#artists li{
float:left;
}

ul#artists li a{
display:block;
width:250px;
height:300px;
background-image:url(../img/artists.png);
background-repeat:no-repeat;
text-indent:-99999px;
margin-right:25px;
margin-left:25px;
}

ul#artists li a.didi{
background-position:0px 0px;
}

ul#artists li a.janet{
background-position:-261px 0px;
}

ul#artists li a.peter{
background-position:-521px 0px;
}

ul#artists li a:hover.didi{
background-position:0px -301px;
}

ul#artists li a:hover.janet{
background-position:-261px -301px;
}

ul#artists li a:hover.peter{
background-position:-521px -301px;
}


div#contact{
clear:both;
position:relative;
top:90px;
background-color:#fff;
width:880px;
height:350px;
}

div#contact img{
float:left;
padding-right:15px
}

div#contact h2{
font-family:Copperplate, Georgia, serif;
font-size:18px;
color:#88b7bb;
font-weight:lighter;
}

div#contact p{
font-family:Helvetica, Arial, sans-serif;
font-size: 14px;
color: #A69C92;
}

div#contact a{
color:#A69C92;
}

div#contact a:hover{
color:#88b7bb;
text-decoration:none;
}