/* HTML Tag Redefinition */
html, body {height: 100%; margin: 0; padding: 0; }
body { background-color: #000; color: #fff; padding: 0px; margin: 0px; }
img {border: 0px}
ul { list-style: none; margin: 0; padding: 0; }
li { padding: 0; margin: 0}
a { cursor:pointer; color: #777;}
a:hover { color: #eee;}

/* Page Structure */
#page-wrapper {position: relative; width: 960px; margin: 0 auto}
#page {width: 950px; margin: 0 auto; padding-top: 20px; }

#page h1#logo {
    margin: 0 auto;
    width: 460px;
    height: 305px;
    position: relative;
}

#page h1#logo span {
    background: url(images/logo.jpg) no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}

#page div#body {
    position: relative;
    width: 750px;
    margin: 0 auto;
    background: url(images/band_members.jpg) top center no-repeat;
    min-height: 381px;
}

#page #column1-links { overflow: hidden; margin: 50px 0 0 0; float: left; position: relative; }
#page #column1-links .gigs-link {margin-left: 50px;} 
#page #column1-links .gigs-link a { display: block; width: 90px; height: 79px; background: transparent url(images/gigs.png) no-repeat}
#page #column1-links .gigs-link a:hover { background-position: -90px 0;}
#page #column1-links .get-single-link {margin-left: 0px;} 
#page #column1-links .get-single-link a { display: block; width: 128px; height: 128px; background: transparent url(images/get_we_shall_burn_bright.png) no-repeat}
#page #column1-links .get-single-link a:hover { background-position: -128px 0;}
#page #column1-links .old-site-link {margin-left: 50px;} 
#page #column1-links .old-site-link a { display: block; width: 96px; height: 128px; background: transparent url(images/visit_old_website.png) no-repeat}
#page #column1-links .old-site-link a:hover { background-position: -96px 0;}

/*
#page #gigs-link { margin-left: 15px;}
#page #gigs-link a { text-indent: -9999px; display: block; width: 90px; height: 79px; background: transparent url(images/gigs.png) no-repeat}
#page #gigs-link a:hover { background-position: -90px 0;}

#page #get-single-link { float: left; }
#page #get-single-link a { text-indent: -9999px; display: block; width: 128px; height: 128px; background: transparent url(images/get_we_shall_burn_bright.png) no-repeat}
#page #get-single-link a:hover { background-position: -128px 0;}
*/

#page div#social-media-links { height: 300px; float: right; margin: 50px 30px 0 0;}

#page #social-media-links, #page #column1-links {overflow: hidden}
#page #social-media-links li {padding: 10px}

#page #social-media-links a, #page #column1-links a { text-indent: -9999px; }
#page #social-media-links .facebook-link {margin-left: 30px;} 
#page #social-media-links .facebook-link a { display: block; width: 79px; height: 79px; background: transparent url(images/facebook.png) no-repeat}
#page #social-media-links .facebook-link a:hover { background-position: -79px 0;}
#page #social-media-links .myspace-link {margin-left: 10px;} 
#page #social-media-links .myspace-link a { display: block; width: 79px; height: 79px; background: transparent url(images/myspace.png) no-repeat}
#page #social-media-links .myspace-link a:hover { background-position: -79px 0;}
#page #social-media-links .twitter-link a { display: block; width: 79px; height: 79px; background: transparent url(images/twitter.png) no-repeat}
#page #social-media-links .twitter-link a:hover { background-position: -79px 0;}

#page .container {width: 100%; float: left; overflow: hidden; clear: both}
#page #footer .primary-links { float:left; position: relative; left: 50%; margin: 0 auto }
#page #footer .primary-links ul { list-style: none }
#page #footer .primary-links ul li { float: left; margin: 0 10px; position: relative; right: 50%; }
#page #footer .primary-links ul li a { border-bottom: 5px solid #000; }
#page #footer .primary-links ul li a:hover { border-bottom: 5px solid #222; }

#page #footer .primary-links ul li.seven-digital a {display: block; width: 120px; height: 40px; position: relative}
#page #footer .primary-links ul li.seven-digital a span {background: transparent url(images/7digital.png) no-repeat; position: absolute; width: 100%; height: 100%}
#page #footer .primary-links ul li.catskills-eshop a {display: block; width: 151px; height: 40px; position: relative}
#page #footer .primary-links ul li.catskills-eshop a span {background: transparent url(images/catskills_eshop.png) no-repeat; position: absolute; width: 100%; height: 100%}
#page #footer ul li.itunes a {display: block; width: 119px; height: 40px; position: relative}
#page #footer ul li.itunes a span {background: transparent url(images/itunes.png) no-repeat; position: absolute; width: 100%; height: 100%}
#page #footer ul li.itunes-uk a {display: block; width: 151px; height: 40px; position: relative}
#page #footer ul li.itunes-uk a span {background: transparent url(images/itunes_uk.png) no-repeat; position: absolute; width: 100%; height: 100%}
#page #footer ul li.amazon a {display: block; width: 149px; height: 40px; position: relative}
#page #footer ul li.amazon a span {background: transparent url(images/amazon.png) no-repeat; position: absolute; width: 100%; height: 100%}

#catskills-records-link { font-size: 0.5em; position: absolute; bottom: 5px; left: 10px; }
#catskills-records-link a {display: block; width: 250px; height: 51px; position: relative}
#catskills-records-link a span {background: transparent url(images/catskills_records2.png) no-repeat; position: absolute; width: 100%; height: 100%}
#catskills-records-link a:hover span {background-position: -250px 0}

/* Miscellaneous helpers */

#page .clear {
  clear: both;
}