body {
background: #f2e2ce url(tile-bg.png) repeat-x;
font-size: 100%;
font-family: georgia, serif;
margin: 0;
padding: 0;
}

#framebox {
margin: 0 auto; 
border: 0;
padding: 0; 
height: 590px; 
width: 915px;  
background: url(frame.png) no-repeat;
}

/* CONTENT */
#content {
height: 460px; 
width: 550px; 
overflow: auto; 
margin: 40px auto 0;
font-family: georgia, serif;
color: #fff;
letter-spacing: 0.03em;
line-height: 1.1em;
}

#content p {
font-size: 0.8em;
text-align: justify;
margin: 0.25em 2em 1em;
padding: 0;
}

#content h1 {
font-size: 1.2em;
margin: 1.5em 0.7em 0;
color: #30b3a7;
font-family: georgia, serif;
font-variant: small-caps;
}

#content h2 {
font-size: 1.1em;
color: #ecc690;
font-family: georgia, serif;
font-variant: small-caps;
font-weight: bold;
margin: 0.5em 0 0.15em;
}

#content a {text-decoration: none;}

#content a:link {color: #89eadd;}
#content a:hover {color: #30b3a7;}
#content a:active {color: #30b3a7;}
#content a:visited {color: #89eadd;}

/* NAVIGATION */
#navbar {
margin: 30px auto 0;
padding: 0;
width: 500px;
height: 40px;	
}

ul#navigation {
height: 100%;
width: 100%;
margin: 0 auto;
padding: 0;
}

ul#navigation li {
float: left;
display: block;
height: 100%;
width:125px;
text-align: center;
vertical-align: middle;
margin: 0;
padding: 0;
}

ul#navigation li a {
text-decoration: none; 
display: block; 
height: 100%; 
width: 100%;
text-indent: -9000%;
color: #fff;
}

a:link#home {background: url(home.png) no-repeat;}
a:visited#home {background: url(home.png) no-repeat;}
a:hover#home {background: url(home-roll.png) no-repeat;}
a:active#home {background: url(home-roll.png) no-repeat;}

a:link#artists {background: url(artists.png) no-repeat;}
a:visited#artists {background: url(artists.png) no-repeat;}
a:hover#artists {background: url(artists-roll.png) no-repeat;}
a:active#artists {background: url(artists-roll.png) no-repeat;}

a:link#contact {background: url(contact.png) no-repeat;}
a:visited#contact {background: url(contact.png) no-repeat;}
a:hover#contact {background: url(contact-roll.png) no-repeat;}
a:active#contact {background: url(contact-roll.png) no-repeat;}

a:link#news {background: url(news.png) no-repeat;}
a:visited#news {background: url(news.png) no-repeat;}
a:hover#news {background: url(news-roll.png) no-repeat;}
a:active#news {background: url(news-roll.png) no-repeat;}

/* FOOTER */

#footer {
margin: 18px auto 0;
padding: 0;
width: 175px;
height: 30px;
text-align: center;
font-size: 0.6em;
font-variant: small-caps;
font-weight: bold;
}

#footer a {color: #660000; text-decoration: none;}