/* --------------------
        general layout
------------------------*/
body{
        margin:0;
        padding:0;
        color:white;
        background:url(../images/body-bg-img.png) black top left repeat;
        font: 11px Geneva, Arial, Helvetica, sans-serif;
}
div#page{
        width:719px;
        margin: 10px auto;
}
div#page-main{
        position:relative;
        height:540px;
        background:url(../images/content-bg-img.png) top no-repeat;
}
div#page-main.tall-page{
        height:600px;
}
div#page-bot{
        background:url(../images/page-bot-bg-img.png) top no-repeat;
        height:53px;
}

/* --------------------
        shared elements
------------------------*/
div#scroll-wrapper{
        position:absolute;
        bottom:0;
        left:40px;
        height:345px;
        width:275px;
}
div#scroll{
        position:absolute;
        bottom:0;
        height:310px; /* 35px less than wrapper height */
        width:275px;
        padding:5px;
        overflow:auto;
}
div#scroll p{
        padding: 0 0 5px 0;
}
div#releases{
        position:absolute;
        bottom:0;
        right:40px;
        height:345px;
        width:335px;
}
div#releases table{
        width:100%;
        text-align:center;
}
div#releases table td.text,
div#releases table td.image{
	width:33%;
}
div.section-title{
	padding:0 0 10px 0;
}

/* --------------------
        artists page
------------------------*/
div#roster-wrapper{
        position:absolute;
        bottom:0;
        left:40px;
        height:345px;
        width:625px;
}
div#roster{
        position:absolute;
        bottom:0;
        height:310px; /* 35px less than wrapper height */
        width:625px;
        padding:5px;
}
div#roster p{
        font-size:12px;
        font-weight:bold;
        line-height:1.2em;
}
div#roster p.left-col{
        float:left;
        width: 140px;
}
div#roster p.right-col{
        float:left;
        width: 140px;
        padding:0 0 0 5px;
}
div#roster p.third-col{
        float:left;
        width: 140px;
        padding:0 0 0 5px;
}


/* --------------------
        contact us page
------------------------*/
div#staff-wrapper{
        position:absolute;
        bottom:0;
        left:40px;
        height:345px;
        width:140px;
}
div#staff{
        position:absolute;
        bottom:0;
        height:310px; /* 35px less than wrapper height */
        width:140px;
        padding:5px;
}
div#staff p{
        font-size:12px;
        line-height:1.2em;
		padding-bottom:8px;
}
div#contact-wrapper{
        position:absolute;
        bottom:0;
        left:200px;
        height:345px;
        width:250px;
}
div#contact{
        position:absolute;
        bottom:0;
        height:310px; /* 35px less than wrapper height */
        width:250px;
        padding:5px;
}
div#contact p{
        font-size:12px;
        line-height:1.2em;
		padding-bottom:8px;
}
div#buy-wrapper{
        position:absolute;
        bottom:0;
        left:470px;
        height:285px;
        width:200px;
}
div#buy{
        position:absolute;
        bottom:0;
        height:250px; /* 35px less than wrapper height */
        width:200px;
        padding:5px;
}

/* --------------------
        gallery page
------------------------*/
div#gallery{
	position:absolute;
	top:160px;
	padding:20px 40px;
}
div#gallery table{
	width:100%;
	text-align:center;
}
div#gallery table td{
	padding:15px;
}

/* --------------------
        nav
------------------------*/
div#nav{
        position:absolute;
        top:134px;
        left:40px;
        height:16px;
        width:490px;
}
div#nav:hover{
        background-position:0 -15px;
}
ul#nav{
        list-style:none;
        padding:0;
        margin:0;
}
ul#nav li{
        float:left;
        padding:0;
        margin:0;
}
ul#nav li a{
        display:block;
        background:url(../images/nav-bg-img.png) top no-repeat;
}
ul#nav li a span{
        display:none;
}
ul#nav li#nav-home a{
        height:16px;
        width:55px;
        background-position: 0 0;
}
ul#nav li#nav-home a:hover{
        background-position: 0 -15px;
}
ul#nav li#nav-home a:active{
        background-position: 0 -15px;
}
ul#nav li#nav-releases a{
        height:16px;
        width:92px;
        background-position: -55px 0;
}
ul#nav li#nav-releases a:hover{
        background-position: -55px -15px;
}
ul#nav li#nav-releases a:active{
        background-position: -55px -15px;
}
ul#nav li#nav-gallery a{
        height:16px;
        width:82px;
        background-position: -147px 0;
}
ul#nav li#nav-gallery a:hover{
        background-position: -147px -15px;
}
ul#nav li#nav-gallery a:active{
        background-position: -147px -15px;
}
ul#nav li#nav-artists a{
        height:16px;
        width:76px;
        background-position: -229px 0;
}
ul#nav li#nav-artists a:hover{
        background-position: -229px -15px;
}
ul#nav li#nav-artists a:active{
        background-position: -229px -15px;
}
ul#nav li#nav-contact a{
        height:16px;
        width:105px;
        background-position: -305px 0;
}
ul#nav li#nav-contact a:hover{
        background-position: -305px -15px;
}
ul#nav li#nav-contact a:active{
        background-position: -305px -15px;
}
ul#nav li#nav-forums a{
        height:16px;
        width:73px;
        background-position: -410px 0;
}
ul#nav li#nav-forums a:hover{
        background-position: -410px -15px;
}
ul#nav li#nav-forums a:active{
        background-position: -410px -15px;
}

/* --------------------
        typography
------------------------*/
h1, h2, h3, h4, h5, h6, p{
        padding:0;
        margin:0;
        font-weight:normal;
}
h1{
        font-size: 16px;
        margin: 6px 0;
}
h2{
        font-size:14px;
        margin: 0 0 4px 0;
}
h2, h3, h4, h5, h6{
        font-size:12px;
        margin: 0 0 4px 0;
}
p{
        padding:0 0 5px 0;
        margin:0;
        line-height:1.3em;
}
span.bold{
        font-weight:bold;
}
span.green{
        color:#C6FF00;
}

/* --------------------
        anchors
------------------------*/
body a{
        text-decoration:none;
}
body a:link{
        color:white;
}
body a:hover{
        color:#C9C9C9;
        text-decoration:underline;
}
body a:active{
        color:#C9C9C9;
        text-decoration:underline;
}
body a:visited{
        color:white;
}
body a img{
        border:none;
        padding: 5px;
}

/* --------------------
        clearfix
------------------------*/
.clearfix:after{
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}