/**
 * Main Styles
 */
body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background: #000;
    font-size: 13px;
    line-height: 20px;
    color: #cccccc;
}

p { font-size: 13px; line-height: 20px; color: #cccccc; }
a { outline: none; color: #e6e626; text-decoration: none; }
a:hover { text-decoration: underline }
a img { border: none; outline: none; }
a.arrowLink { padding-left: 20px; background: url(../images/yellow-arrow.gif) left no-repeat; }

#wrapper {
    width: 728px;
    margin: 0 auto;
}
#header,
#footer {
    height: 90px;
    margin: 10px 0;
}

/** Homepage **/
#homeContent {
    position: relative;
    height: 396px;
    background-image: url(../images/title-image.jpg);
    background-repeat: no-repeat;
    background-position: 10px 10px;
}
#homeContent .inner { padding: 188px 110px 0 267px; }
#homeContent p { }
#homeButton { position: absolute; right: -24px; top: 48px; height: 115px; width: 115px; }
#homeBottom .rightCol { float: right; width: 300px; height: 250px; }
#homeBottom .leftCol { float: left; height: 250px; width: 412px; border: 1px solid #808080; text-align: center; }

/** Innerpage **/
#innerContent {
   background: #000 url(../images/robin.jpg) right top no-repeat;
   min-height: 500px;
   padding-top: 90px;
}
#innerContent #innerTitle { margin: 0; display: block; height: 50px; padding: 0; }
#innerContent .rightCol { margin: 80px 0 0 0; float: right; width: 300px; height: 250px; }
#innerContent .backLink { text-align: left; padding-left: 350px; }
.directoryHead { color: #fff; font-weight: bold; font-size: 20px;  margin: 30px 0 15px 10px; }

.directoryList { font-size: 11px; list-style: none; padding: 0; margin: 10px 0 0 10px; }
.directoryList li { color: #e2e223; line-height: 17px; }
.directoryList li a { color: #e2e223; text-decoration: underline; }
.directoryList li a:hover { text-decoration: none; }

.linkList { font-size: 12px; list-style: none; padding: 0; margin: 10px 0 0 10px; }
.linkList li { color: #e2e223; line-height: 17px; }
.linkList li a { color: #e2e223; text-decoration: underline; }
.linkList li a:hover { text-decoration: none; }

.dirFrame { width: 370px; height: 400px; overflow: auto; float: left; }

/** Track Details **/
#buttonBar { position: relative; height: 115px; width: 399px; float: left; padding: 0; }
#buttonBar #flashContainer { width: 115px; height: 115px; margin: 0 auto; }
#buttonBar .button { position: absolute; }
#buttonBar #prevBtn { position: absolute; left: 0; top: 2px; }
#buttonBar #nextBtn { position: absolute; right: 0; top: 2px }

#dloadLink { float: left; clear: left; width: 399px; height: 16px; line-height: 16px; padding: 0; margin: 5px 0; text-align: center; }

.bottomLeft { float: left; clear: left; width: 397px; height: 171px; border: 1px solid #808080; text-align: center; margin: 15px 0 0 0; }

/** Play all **/
.flashLeft { float: left; height: 400px; width: 370px; }
.flashLeft #flashBox { height: 400px; width: 370px; }

/** contact **/
#contactBox { float: left; width: 370px; padding: 50px 0 0 0; }
#contactForm {}
#contactForm fieldset { border: none; padding:0; margin: 0; }
#contactForm label { display: block; margin: 0 0 10px; color: #fff; font-weight: bold; }
#contactForm .input-text { width: 360px; display: block; margin: 0 0 10px; padding: 5px; }
#contactForm #contact_enquiry { width: 360px; display: block; margin: 0 0 10px; padding: 5px;}


/** Global **/
.clear { clear: both; height: 0; }
.hide { display: none; }
.float-left { float: left; }
.float-right { float: right; }