/* v1.0 | 20080212 */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear{
	clear:both;
}

body{
	background:#ffffff;
	color:#3A5A69;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	height:100%;
}

#supersize{position:absolute; top:0; left:0;}
#supersize img{height:100%;position:absolute;width:100%;z-index:0;}


/*Titles*/
#h1_charlotte{
	background:url(../_graphics/h1_charlotte.png);
	height:116px;
	width:358px;
	text-indent:-9999px;
	margin-bottom:38px;
	margin-left:63px;
}

#h2_single_banner{
	background:url(../_graphics/single_banner.png);
	height:89px;
	width:237px;
	text-indent:-9999px;
	margin:0 auto;
	margin-bottom:20px;
}
#h2_single_banner a{
	display:block;
	width:100%;
	height:100%;
}

#h2_videolink{
	background:url(../_graphics/h2_videolink.png);
	height:60px;
	width:484px;
	text-indent:-9999px;
	margin-top:5px;
}
#h2_videolink a{
	display:block;
	height:100%;
	width:100%;
}

/*Menu*/
#ul_menu{
	background:url(../_graphics/ul_menu.png) 0 0px no-repeat;
	width:393px;
	height:21px;
	text-indent:-9999px;
	position:relative;
	display:block;
	margin-left:56px;
	margin-top:20px;
}

#youtube_vid{
	width:380px;
	margin-left:63px;
	margin-top:30px;
}

#ul_menu li{
	position:absolute;
	top:0;
	height:21px;
}

#ul_menu li a{
	display:block;
	height:100%;
	width:100%;
}

#li_twitter{left:0; width:73px;}
#li_facebook{left:86px; width:77px;}
#li_myspace{left:178px; width:88px;}
#li_bebo{left:281px; width:48px;}
#li_youtube{left:342px; width:51px;}

#ul_preorder{
	background:url(../_graphics/ul_preorder.png) 0 0px no-repeat;
	width:256px;
	height:26px;
	text-indent:-9999px;
	position:relative;
	display:block;
	margin:0 auto;
}

#ul_preorder li{
	position:absolute;
	top:0;
	height:26px;
}

#ul_preorder li a{
	display:block;
	height:100%;
	width:100%;
}

#li_play{left:170px; width:86px;}
#li_hmv{left:111px; width:42px;}
#li_amazon{left:0; width:95px;}

/*Layout*/
#mainwrap{
	width:484px;
	float:right;
	position:relative;
	z-index:100;
	margin-top:20px;
	display:inline;
	margin-right:50px;
	line-height:16px;
/*	overflow:scroll;
	overflow-x:hidden;
	overflow-y:auto;
	height:70%;
*/}

/*#body_text{
	display:block;
	text-indent:-9999px;
	background:url(../_graphics/body_copy.png);
	width:415px;
	height:30px;
	margin-bottom:28px;
}*/

#a_home_but{
	text-transform:uppercase;
	color:#966898;
	font-size:16px;
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	padding-top:10px;
}

.nTitle{
	font-size:16px;
}

.nDate{
	font-size:10px;
}

#news_div{
	width:420px;
	margin:0 auto;	
	margin-top:10px;
	text-align:justify;
}

#news_div p{
	margin-bottom:12px;
}

#news_div p a{
	color:#966898;
}

.news_img{
	float:left;
	margin:0px 10px 10px 0px;
}

.clear{
	clear:both;
}

#h2_news{
	text-indent:-9999px;
	background:url(../_graphics/h2_news.gif) no-repeat;
	height:17px;
	border-bottom:2px solid #3A5A69;
	padding-bottom:3px;
}

#body_text{
	display:block;
	text-indent:-9999px;
	background:url(../_graphics/body_copy.png) no-repeat;
	width:484px;
	height:35px;
}
#body_text a{
	display:block;
	width:100%;
	height:100%;
}

/*Forms*/
#signup_form label{
	display:block;
	text-indent:-9999px;
	background-image:url('../_graphics/labels.png');
	height:13px;
	float:left;
	margin-right:10px;
	margin-bottom:15px;	
}

#signup_form br{
	clear:both;
}

#signup_form{
	margin-left:95px;
	padding-top:20px;
}

.txt_input{
	float:left;
	width:250px;
	background:url(../_graphics/spacer.gif) repeat;
	border:none;
	border-bottom:1px solid #966898;	
}

.error{
	margin-bottom:12px;
	color:#ff0099;
}

#label_name{width:45px;}
#label_email{width:45px; background-position:0 -24px;}
#label_country{width:82px; background-position:0 -48px;}
#label_age{width:45px; background-position:0 -72px;}
#label_gender{width:56px; background-position:0 -96px;}

#label_terms{
	display:block;
	text-indent:-9999px;
	background-image:url('../_graphics/terms.png');
	background-repeat:no-repeat;
	height:9px;
	width:196px;
	margin-top:4px;
	margin-right:10px;
	margin-bottom:15px;
	float:left;	
}
#label_terms a{
	display:block;
	width:111px;
	height:9px;
	position:relative;
	top:-12px;
	left:85px;
}

#required_fields{
	font-size:10px;
	margin-top:10px;
}

.radios{
	float:left;
	width:150px;
}

#submit_btn{
	background:url(../_graphics/send.png) 0 0;
	border:none;
	display:block;
	text-indent:-9999px;
	height:13px;
	width:35px;
	cursor:pointer;
}

#download_text{
	text-align:center;
	font-weight:bold;
}

#download_text a{
	color:#415a68;
}

#terms{
	width:484px;
	float:right;
	position:relative;
	z-index:100;
	margin-top:100px;
	display:inline;
	margin-right:50px;
	height:70%;
/*	overflow:scroll;
	overflow-x:hidden;
*/}
#terms a{
	font-weight:bold;
	color:#415a68;
}
#terms h1{
	font-size:16px;
	margin-bottom:5px;
}
#terms h2{
	font-size:15px;
	margin-bottom:5px;
}
#terms h3{
	font-size:14px;
	margin-bottom:5px;
}
#terms p{
	margin-bottom:5px;
}

#supersize{
z-index:1;
position:fixed;
}

#signup-form{
z-index:300;
position:relative;
}

#mainwrap{
z-index:300;
position:relative;
}

/* --------- CLEARFIX --------- */

/* full clearfix */
/* add to floating elements which should not float afterthem */ 
* html .cf {
    height: 1%; /* IE5-6 */
    }
* + html .cf {
	display: inline-block; /* IE7not8 */
	}
.cf:after { /* FF, IE8, O, S, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

html{
	height:100%;
/*	overflow:hidden;*/
}