* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
background-color:#330000;
text-align:center;
min-height:400px;/* for good browsers*/
min-width:600px;/* for good browsers*/
}

body.home #nav li a.home {
background-color:#B3ACA2;
color:#000;
font: 900 15px arial;
padding-bottom:1px;
}

body.about #nav li a.about {
background-color:#B3ACA2;
color:#000;
font: 900 15px arial;
padding-bottom:1px;
}

body.audio #nav li a.audio {
background-color:#B3ACA2;
color:#000;
font: 900 15px arial;
padding-bottom:1px;
}

body.links #nav li a.links {
background-color:#B3ACA2;
color:#000;
font: 900 15px arial;
padding-bottom:1px;
}

body.contact #nav li a.contact {
background-color:#B3ACA2;
color:#000;
font: 900 15px arial;
padding-bottom:1px;
}

#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}

#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 400px;
}

#inner {
width: 100%;
background:black;
height: 400px;
text-align: center;
margin-left:auto;
margin-right:auto;
border:1px solid #000;
color:white;
}

#content {
height:398px;
width:740px;
text-align:left;
margin:0 auto;
}

#rightside {
float:right;
}

#leftside {
width:343px;
float:left;
height:400px;
}

#nav {
border: 0;
margin-top: 1px;
padding: 0;
width:397px;
height:20px;
background-color:black;
}

#logo {
height:30px;
font: italic small-caps 900 30px arial;
float:left;
top:-387px;
z-index:+1;
position:relative;
color:#990000;
}

#nav ul {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: right;
}

#nav ul li {
display:inline;
position:relative;
margin-left:5px;
padding-bottom:1px;
}

#nav ul li a {
border-left:1px solid #B3ACA2;
border-top:1px solid #B3ACA2;
border-right:1px solid #B3ACA2;
text-decoration:none;
padding-left:2px;
padding-right:2px;
padding-bottom:1px;
color:#ccc;
font: 900 14px arial;
}

#nav ul li a:hover {
background: #ccc;
color:#000;
}

#maincontainer {
width:397px;
height:361px;
background-color:#B3ACA2;
position:relative;
top:-2px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#mainpic {
width:343px;
height:361px;
top:19px;
position:relative;
}

p {
font-family:sans-serif;
font-size:12px;
line-height:120%;
color:black;
}

#scroller {
position:relative;
top:2px;
width:380px;
text-align:right;
font: italic small-caps 900 12px arial;
color:black;
}