body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

html, body {font-family:Arial, Helvetica, sans-serif; font-size: 13px; text-align:center; background-color:#000; color:#6e6e6e;}

/* PARAGRAPH STYLES */

H1, H2, H3, H4, H5 {font-size:100%;	font-weight:normal;}
H1 {}
H2 {}
H3 {}
H4 {}
 
UL, OL {list-style: none; }
li {list-style-type:none;}
 
A { color:#7e7e7e; text-decoration:none;}
/*A:visited{ text-decoration:none; color:#;}*/
A:hover {color:#fff; text-decoration:none;}
/*A:active { text-decoration:none; color:#;}*/
A:focus {outline:none;}

:focus {outline: 0;}
fieldset, img {border:0;}
q:before, q:after {	content:'';}

input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}

.clr {clear: both;}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.lF {float:left;}
.rF {float:right;}

/* LAYOUT STYLES */

#header { background:url(../images/topback.gif) repeat-x;}

	.top { width:900px; margin:0 auto; text-align:left; background:url(../images/logo.gif) no-repeat 23px 0; height:108px;  position:relative;}
	.slogan { position:absolute; width:164px; height:24px; overflow:hidden; background:url(../images/ban_preorderthealbum.gif) no-repeat; display:block; top:108px; left:24px; z-index:15; text-indent:-9999px;}
	a.logo {display:block; float:left; width:165px; height:107px; margin:0 0 0 24px; text-indent:-9999px; font-weight:bold;}
	.topnav { float:right; padding:51px 0 0 0;}
	

/*#home		ul#nav li#nav-0 a.active  	{ }	ACTIVE BUTTONS FOR PAGES*/
#vision		ul#nav li#nav-1 a.active  	{ background-position: 0 -27px;}
#artists	ul#nav li#nav-2 a.active  	{ background-position: -121px -27px;}
#music		ul#nav li#nav-3 a.active  	{ background-position: -254px -27px;}
#videos		ul#nav li#nav-4 a.active  	{ background-position: -352px -27px;}
#photos		ul#nav li#nav-5 a.active  	{ background-position: -461px -27px;}
#blog		ul#nav li#nav-6 a.active  	{ background-position: -570px -27px;}

/* navigation links
			-------------------------------------------------------- */
			ul#nav {
				width:675px; height:27px;
				background: url(../images/nav.gif) no-repeat;
				position: relative;
				padding:0; margin:0 auto;
				}
			
				ul#nav li {float: left; list-style: none; padding:0; margin:0; list-style-type:none;}
				
				ul#nav li a {
					position: absolute;	text-indent: -9999px; text-decoration: none; border: none !important; top:0; height:27px;}
			
					ul#nav li#nav-1 a { 
						left: 0; width: 121px; 
						background: url(../images/nav.gif) 0 0 no-repeat;
						}
					ul#nav li#nav-2 a { 
						left: 121px; width: 133px; 
						background: url(../images/nav.gif) -121px 0 no-repeat;
						}
					ul#nav li#nav-3 a { 
						left: 254px; width: 98px; 
						background: url(../images/nav.gif) -254px 0 no-repeat;
						}
					ul#nav li#nav-4 a { 
						left: 352px; width: 109px; 
						background: url(../images/nav.gif) -352px 0 no-repeat;
						}
					ul#nav li#nav-5 a { 
						left: 461px; width: 109px; 
						background: url(../images/nav.gif) -461px 0 no-repeat;
						}
					ul#nav li#nav-6 a { 
						left: 570px; width: 83px; 
						background: url(../images/nav.gif) -570px 0 no-repeat;
						}
						
			
			ul#nav li#nav-1 a:hover  	{ background-position: 0 -27px;}
			ul#nav li#nav-2 a:hover  	{ background-position: -121px -27px;}
			ul#nav li#nav-3 a:hover  	{ background-position: -254px -27px;}
			ul#nav li#nav-4 a:hover  	{ background-position: -352px -27px;}
			ul#nav li#nav-5 a:hover  	{ background-position: -461px -27px;}
			ul#nav li#nav-6 a:hover  	{ background-position: -570px -27px;}
			
			/*ul#nav li#nav-1 a.active  	{ background-position: 0 -27px;}
			ul#nav li#nav-2 a.active  	{ background-position: -121px -27px;}
			ul#nav li#nav-3 a.active  	{ background-position: -254px -27px;}
			ul#nav li#nav-4 a.active  	{ background-position: -352px -27px;}
			ul#nav li#nav-5 a.active  	{ background-position: -461px -27px;}
			ul#nav li#nav-6 a.active  	{ background-position: -570px -27px;}*/
			

.wrapper {width:900px; margin:0 auto; text-align:left;}
.wrapperHome {width:980px; margin:0 auto; text-align:left;}
	.img { text-align:center;}

	
.bottomLinks { border-top:1px solid #333333; border-bottom:1px solid #1a1a1a; margin:0 0 1px 0;}
	.linkbox { width:200px; height:61px; overflow:hidden; margin:0 auto; text-align:left;}
	.linkbox a{width:200px; height:61px; display:block; float:left; text-indent:-9999px; }
	a.Twitter { background:url(../images/btn_twiter.gif) no-repeat;}
	a.ButTheAlbum {background:url(../images/btn_buythealbum.gif) no-repeat;}
	a.ButTheSignup {background:url(../images/btn_email.jpg) no-repeat;}
	a.ReadTheBlog {background:url(../images/btn_readtheblog.gif) no-repeat;}
	a.BlakrocRadio {background:url(../images/btn_blakroc.jpg) no-repeat;}
	

		a.BlakrocRadio:hover {background:url(../images/btn_blakroc.jpg) no-repeat;}
		a.Twitter:hover { background:url(../images/btn_twiter_on.gif) no-repeat;}
		a.ButTheAlbum:hover {background:url(../images/btn_buythealbum_on.gif) no-repeat;}
		a.ButTheSignup:hover {background:url(../images/btn_email_off.jpg) no-repeat;}
		a.ReadTheBlog:hover {background:url(../images/btn_readtheblog_on.gif) no-repeat;}

.botlinks2Box {padding:20px 0 39px 0;}
.botLinks2 { width:407px; height:19px; overflow:hidden; margin:0 auto; text-indent:-9999px; background:url(../images/btn_watch.gif); position:relative;}
.botLinks2 a{ }
.botLinks2 a:hover{ border:1px solid #333333;}
.botLinks2 a.short{ position:absolute; top:0; left:65px; text-indent:-9999px; width:157px; height:16px; display:block;}
.botLinks2 a.full{ position:absolute; top:0; left:253px; text-indent:-9999px; width:152px; height:16px; display:block;}

.copyright { width:677px; height:22px; margin:0 auto; text-align:left; }


