/* 	
Title: 			Reset styles
Author: 		Johannes Ma
Updated: 		10/2009
Nods to yahoo ui library & eric meyer.
*/
   
html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table , caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;}

:focus {outline: 0;}

address, caption, cite, code, dfn, th, var { 
font-style:normal; 
font-weight:normal; } 

table class="stripeMe"  {
	border-collapse: collapse;
	border-spacing: 0;}

ol, ul {list-style: none;}

caption, th {text-align:left;}

h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
	font-weight:normal; } 

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";}

/* Additional-----------------------------------------------------------------------*/
form label {cursor: pointer;}
fieldset {border: none;}
.clear {clear: both;}
.hide {display: none;}

abbr, acronymn {text-decoration: none; border:0;}

hr {margin: 10px 0;}


a:link, a:visited, a:hover {text-decoration: none;}
	
a:hover {text-decoration: underline;}

/*superized -------------------------------------------------------------------------*/
		*{
			margin:0;
			padding:0;
		}
		img{
			border:none;
		}
		body {
			overflow:hidden;/*Needed to eliminate scrollbars*/
			background:#000;
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(../_images/slider-images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}

/*basic styles-----------------------------------------------------------------------*/
body {
	font-family:  Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;}
	
/*topbar styles-----------------------------------------------------------------------*/
#top {
	display: block;
	height: 30px;
	width: 100%;
	position:fixed;
	top: 0;
	background: #000;}
	
#top ul {float: right; margin: 3px 20px 0 0;}
#top li {float: left; height: 22px; border-left: 1px solid #fff; padding: 0 10px 0;}

#top li#presskit a {
	display: block;
	width: 66px;
	height: 21px;
	background: url(../_images/_shared/press-kit-link.gif) top left no-repeat;
	text-indent: -4000px;
	overflow: hidden;}	
	
#top li#presskit a:hover {
	background: url(../_images/_shared/press-kit-link.gif) left -18px no-repeat;
	}	
	
#top li#mailing-list h3 {
	display: block;
	width: 118px;
	height: 21px;
	background: url(../_images/_shared/join-mailing-list-link.gif) left 1px no-repeat;
	text-indent: -4000px;
	overflow: hidden;}	
	
#top li#mailing-list h3.pretty-hover {cursor: pointer; background: url(../_images/_shared/join-mailing-list-link.gif) left -19px no-repeat;}

#top li#mailing-list .submit {
	display: block;
	width: 434px;
	height: 100px;
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 1001;
	}	
	
/*container styles-----------------------------------------------------------------------*/
#container {
	position: fixed;
	top: 240px;
	right: 30px;
	display: block;
	text-align: right;
	width: 520px;
	min-height: 320px;
	margin: 0 auto 30px;}
	
h1#mark {
	float: right;
	display: block;
	width: 462px;
	height: 50px;
	background:url(../_images/_shared/mark.png) top left no-repeat;
	text-align: left;
	text-indent: -4000px;
	overflow: hidden;}
	
h2 {
	float: right;
	display: block;
	width: 318px;
	height: 33px;
	background:url(../_images/_shared/great-inventors-ep.png) top left no-repeat;
	text-align: left;
	text-indent: -4000px;
	overflow: hidden;}
	
ul#music-links {
	float: right;
	display: block;
	width: 234px;
	height: 25px;
	margin: 0 3px 0 0;}

ul#music-links li {
	float: left;
	text-align: left;}
	
ul#music-links li#download a {
	display: block;
	width: 130px;
	height: 25px;
	background:url(../_images/_shared/download-link.png) left 2px no-repeat;
	text-indent: -4000px;}
	
ul#music-links li#buy a {
	display: block;
	width: 103px;
	height: 25px;
	background:url(../_images/_shared/buy-cd-link.png) right 2px no-repeat;
	text-indent: -4000px;
	border-left: 1px solid #fff;}
	
ul#music-links li#download a:hover {
	background-position: left -23px;}
	
ul#music-links li#buy a:hover {
	background-position: right -23px;}
	

/*blurb styles-----------------------------------------------------------------------*/

#blurbs {
	display: block;
	width: 320px;
	min-height: 200px;
	float: right;
	margin: 3px 0 0;
	color: #FFF;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 12px;
	}
	
#blurbs p {
	display: block;
	width: 320px;
	}

	
/*footer styles-----------------------------------------------------------------------*/
#footer {
	display: block;
	height: 30px;
	width: 100%;
	position:fixed;
	bottom: 0;
	background: #000;}

#footer ul#social-media {
	float: left;}
	
#footer ul#social-media li {
	float: left;
	margin: 4px 0 0 4px;}
	
#footer ul#social-media li img {
	border: none;
	height: 23px;}
	
#footer .contact {
	float: right;
	height: 22px;
	margin: 5px 5px 0 0;
	border-right: 1px solid #fff;}
	
#footer .contact h3 {
	display: block;
	width: 60px;
	height: 17px;
	background: url(../_images/_shared/contact-link.gif) left top no-repeat;
	text-indent: -4000px;
	overflow: hidden;}	
	
#footer .contact h3.pretty-hover {cursor: pointer; background: url(../_images/_shared/contact-link.gif) left -18px no-repeat;}

#footer .contact .contact-info {
	display: block;
	width: 200px;
	height: 60px;
	padding: 10px;
	position: absolute;
	bottom: 30px;
	right: 348px;
	z-index: 1001;
	color: #fff;
	background: #000;
	font-size: 11px;
	}
	
#footer .contact .contact-info p {
	margin-bottom: 10px;
	}	
	
#footer .contact .contact-info a {
	color: #fff;
	text-decoration: underline;
	}
	
#footer .contact .contact-info a:hover {
	color: #7b756f;
	}	
	
#footer p.copyright {
	display: block;
	width: 312px;
	height: 20px;
	float: right;
	margin:  5px 30px 0 0;
	background: url(../_images/_shared/footer-copyright.gif) top left no-repeat;
	text-indent: -4000px;
	overflow: hidden;}