body {
margin: 0px;
font-size: 14px;
font-family: Interstate, "Trebuchet MS", Trebuchet, Verdana, Helvetica, Sans-serif;
color: #FFFFFF;
}

a {
color: #FFFFFF;
text-decoration: none;
}

#top-content {
width: 1000px;
margin: 0px auto 0px auto;
padding: 0px;
text-align: center;
}

#top-content a {
color: #AA0000;
text-shadow: 1px 2px 2px #FFFFFF;
text-decoration: underline;
}

#top-content a:hover {
text-shadow: 1px 2px 2px #FFFF00;
}

#topnav {
margin: 0px 0px 20px 0px;
padding: 0px 20px 20px 20px;
font-size: 24px;
text-transform: uppercase;
overflow: hidden;
clear: both;
}

#topnav a {
color: #000000;
text-shadow: 1px 2px 2px #FFFFFF;
text-decoration: none;
}

#topnav a:hover {
text-shadow: 1px 2px 2px #FFFFFF;
}

#about {
width: 320px;
height: 24px;
margin: 0px;
padding: 5px 0px 5px 0px;
border-bottom-left-radius: 30px;
-moz-border-radius-bottomleft: 30px;
-webkit-border-bottom-left-radius: 30px;
background-image: url('bgs/transw2.png');
box-shadow: -8px 8px 20px #000000;
-moz-box-shadow: -8px 8px 20px #000000;
-webkit-box-shadow: -8px 8px 20px #000000;
float: left;
}

.filler {
width: 320px;
padding: 0px 0px 1px 0px;
float: left;
}

#store {
width: 320px;
height: 24px;
margin: -34px 0px 0px 320px;
padding: 10px 0px 25px 0px;
font-size: 36px;
border-bottom-left-radius: 30px;
-moz-border-radius-bottomleft: 30px;
-webkit-border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
-moz-border-radius-bottomright: 30px;
-webkit-border-bottom-right-radius: 30px;
background-image: url('bgs/transy.png');
box-shadow: 0px 8px 20px #000000;
-moz-box-shadow: 0px 8px 20px #000000;
-webkit-box-shadow: 0px 8px 20px #000000;
float: left;
}

#links {
width: 320px;
height: 24px;
padding: 5px 0px 5px 0px;
bottom-right-radius: 30px;
-moz-border-radius-bottomright: 30px;
-webkit-border-bottom-right-radius: 30px;
background-image: url('bgs/transw2.png');
box-shadow: 8px 8px 20px #000000;
-moz-box-shadow: 8px 8px 20px #000000;
-webkit-box-shadow: 8px 8px 20px #000000;
float: left;
}

#aboutbox {
width: 300px;
margin: 0px 0px 0px 20px;
padding: 10px;
text-align: left;
line-height: 18px;
color: #000000;
background-image: url('bgs/transw2.png');
box-shadow: -8px 8px 20px #000000;
-moz-box-shadow: -8px 8px 20px #000000;
-webkit-box-shadow: -8px 8px 20px #000000;
display: none;
}

#storebox {
width: 940px;
margin: 0px 0px 0px 20px;
padding: 0px 10px 0px 10px;
text-align: center;
line-height: 18px;
color: #000000;
background-image: url('bgs/transy.png');
box-shadow: 0px 8px 20px #000000;
-moz-box-shadow: 0px 8px 20px #000000;
-webkit-box-shadow: 0px 8px 20px #000000;
display: none;
}

#linksbox {
width: 960px;
margin: 0px 0px 0px 20px;
padding: 0px;
box-shadow: 8px 8px 20px #000000;
-moz-box-shadow: 8px 8px 20px #000000;
-webkit-box-shadow: 8px 8px 20px #000000;
display: none;
}

/*

^ TOP NAV CSS ^

v CONTENT CSS v

*/

#content {
width: 960px;
margin: 0px auto 20px auto;
padding: 0px;
text-align: center;
}

#mainnav {
font-size: 36px;
text-transform: uppercase;
text-shadow: 2px 2px 2px #000000;
}

#music {
width: 450px;
padding: 15px;
margin: 0px;
border-top-left-radius: 30px;
-moz-border-radius-topleft: 30px;
-webkit-border-top-left-radius: 30px;
background-image: url('bgs/trans-b.png');
box-shadow: -10px -10px 20px #FFFFFF;
-moz-box-shadow: -10px -10px 20px #FFFFFF;
-webkit-box-shadow: -10px -10px 20px #FFFFFF;
float: left;
}

#people {
width: 450px;
padding: 15px;
margin: 0px;
border-top-right-radius: 30px;
-moz-border-radius-topright: 30px;
-webkit-border-top-right-radius: 30px;
background-image: url('bgs/transr.png');
box-shadow: 10px -10px 20px #00FF00;
-moz-box-shadow: 10px -10px 20px #00FF00;
-webkit-box-shadow: 10px -10px 20px #00FF00;
float: left;
}

#candid {
width: 450px;
padding: 15px;
margin: 0px;
border-radius-bottomleft: 30px;
-moz-border-radius-bottomleft: 30px;
-webkit-border-bottom-left-radius: 30px;
background-image: url('bgs/transg.png');
box-shadow: -10px 10px 20px #FF0000;
-moz-box-shadow: -10px 10px 20px #FF0000;
-webkit-box-shadow: -10px 10px 20px #FF0000;
float: left;
}

#design {
width: 450px;
padding: 15px;
margin: 0px;
border-radius-bottomright: 30px;
-moz-border-radius-bottomright: 30px;
-webkit-border-bottom-right-radius: 30px;
background-image: url('bgs/transb.png');
box-shadow: 10px 10px 20px #FFFF00;
-moz-box-shadow: 10px 10px 20px #FFFF00;
-webkit-box-shadow: 10px 10px 20px #FFFF00;
float: left;
}

#inner {
font-size: 14px;
}

#mus {
width: 960px;
padding: 0px;
float: left;
background-image: url('bgs/trans-b.png');
display: none;
}

#peo {
width: 960px;
padding: 0px;
float: left;
background-image: url('bgs/transr.png');
display: none;
}

#can {
width: 960px;
padding: 0px;
float: left;
background-image: url('bgs/transg.png');
display: none;
}

#des {
width: 960px;
padding: 0px;
float: left;
background-image: url('bgs/transb.png');
display: none;
}

#about:hover, #store:hover, #links:hover, #music:hover, #people:hover, #candid:hover, #design:hover {
background-color: black;
}

.mustopnav {
width: 320px;
padding: 5px 0px 5px 0px;
font-size: 24px;
float: left;
}

.mussupnav {
width: 960px;
padding: 0px;
text-align: center;
float: left;
display: none;
}

.musnav {
width: 160px;
padding: 5px 0px 5px 0px;
border-top-left-radius: 30px;
-moz-border-radius-topleft: 30px;
-webkit-border-top-left-radius: 30px;
border-top-right-radius: 30px;
-moz-border-radius-topright: 30px;
-webkit-border-top-right-radius: 30px;
}

.musouter {
width: 500px;
background-image: url('bgs/transw.png');
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
box-shadow: 5px 5px 10px #000000;
-moz-box-shadow: 5px 5px 10px #000000;
-webkit-box-shadow: 5px 5px 10px #000000;
display: none;
}

.musouter1 {
width: 960px;
display: none;
}

#Y2K10 .musnav {
margin: 0px 0px 0px 80px;
}

#Y2K10 .musouter {
margin: 0px 0px 0px 10px;
}

#Y2K9 .musnav {
margin: 0px auto 0px auto;
}

#Y2K9 .musouter {
margin: 0px auto 0px auto;
}

#Y2K8 .musnav {
margin: 0px 0px 0px 720px;
}

#Y2K8 .musouter {
margin: 0px 0px 0px 450px;
}

.mustopnav:hover, .musnav:hover {
background-image: url('bgs/transw.png');
}

.peonav {
width: 480px;
padding: 5px 0px 5px 0px;
font-size: 24px;
float: left;
}

.cannav {
width: 480px;
padding: 5px 0px 5px 0px;
font-size: 24px;
float: left;
}

.peoouter, .canouter {
margin: 0px;
padding: 0px;
width: 960px;
height: 960px;
float: left;
overflow: hidden;
}

.peonav:hover {
background-image: url('bgs/transr.png');
}

.cannav:hover {
background-image: url('bgs/transg.png');
}

#footer {
width: 370px;
margin: 0px auto 0px auto;
padding: 12px 10px 10px 10px;
position: relative;
top: 25;
text-align: center;
line-height: 14px;
font-weight: lighter;
text-transform: uppercase;
color: #FFFFFF;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
clear: both;
}

#footer:hover {
background-image: url('bgs/transk.png');
box-shadow: 0px 8px 20px #000000;
-moz-box-shadow: 0px 8px 20px #000000;
-webkit-box-shadow: 0px 8px 20px #000000;
}

#showhide {
position: absolute;
bottom: 0;
left: 0;
padding: 5px;
background-image: url('bgs/transk.png');
font-size: 9px;
color: #999999;
border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
}