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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}

/* remember to define focus styles! */

:focus {
	outline: 0;}

body {
	font-size: 0.8em;
	line-height: 1;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #000000 url(../images/bg.gif);}
	
ol, ul {
	list-style: none;}
	
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;}
	
caption, th, td {
	font-weight: normal;}

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

blockquote, q {
	quotes: "" "";}

/*-------------------------- Header --------------------------*/

#header {
	background: url(../images/headerbg.gif) repeat-x top center;
	clear: right;}
	
#header .content {
	width: 780px;
	height: 214px;
	margin: 0 auto;
	z-index: 1;}
	
/*-------------------------- Navigation --------------------------*/

#drop {
	width: 100%;
	background: #000000 url(../images/navbg.gif) repeat-x 0px 30px;
	clear: both;}
	
#drop .content {
	width: 780px;
	margin: 0 auto;
	background: url(../images/nav.gif) repeat-x top;}
	
.navleft {
	width: 100%;
	background: url(../images/navleft.gif) no-repeat top left;
	float: left;}
	
.navright {
	width: 100%;
	background: url(../images/navright.gif) no-repeat top right;
	float: right;}
	
.navbottom {
	width: 100%;
	height: 1px;
	background: url(../images/navborder.gif) no-repeat;
	overflow: hidden;
	clear: left;}
	
#nav {
	position: relative;
	width: 638px;
	margin: 0 auto;
	text-align: center;	
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, sans-serif;
	z-index: 100;}
	
#nav li {
	margin-top: 1px;
	margin-bottom: -1px;
	padding: 0 8px;
	float: left;}

#nav li a {
	display: block;
	color: #FFFFFF;
	padding: 11px 0 11px 0;
	text-decoration: none;
	cursor: pointer;}
	
#home_tab,
#links_tab {width: 60px;}
	
#beats_tab {width: 82px;}
	
#pics_tab,
#vids_tab {width: 72px;}
	
#shows_tab {width: 93px;}

#nav #team_tab span {
	display: block;
	width: 82px;
	padding: 11px 0 11px 0;
	text-decoration: none;
	color: #FFFFFF;
	cursor: pointer;}

#nav #team_tab ul {
	position: absolute;
	width: 140px;
	left: -999em;
	z-index: 100;
	padding: 0 1px 1px 1px;
	background: #430100;}
	
#nav #team_tab:hover ul, #nav #team_tab.sfhover ul {
	margin-left: -32px;
	left: auto;}
	
#nav #team_tab ul li {
	margin: 0;
	width: 140px;
	padding: 0;
	display: block;
	clear: left;}
	
#nav #team_tab ul li a {
	display: block;
	width: auto;
	padding: 7px;
	color: #ffdeaa;
	font-size: 0.9em;
	text-transform: none;
	border-right: 1px solid #5d2726;
	border-left: 1px solid #5d2726;
	border-bottom: 1px solid #5d2726;
	background: url(../images/navsub.gif) repeat-x top;
	cursor: pointer;}

#nav li a:hover {
	background: url(../images/navhover.gif);}
	
#nav #team_tab ul li a:hover {
	background: url(../images/navsubhover.gif) bottom;}
	
#nav li:hover, #menu li.hover {
    position: static;}

#nav li:hover, #nav li.sfhover {
	background: url(../images/navhover.gif);}
	
#nav #pics_tab span {
	display: block;
	width: 72px;
	padding: 11px 0 11px 0;
	text-decoration: none;
	color: #FFFFFF;
	cursor: pointer;}

#nav #pics_tab ul {
	position: absolute;
	width: 180px;
	left: -999em;
	z-index: 100;
	padding: 0 1px 1px 1px;
	background: #430100;}
	
#nav #pics_tab:hover ul, #nav #pics_tab.sfhover ul {
	margin-left: -53px;
	left: auto;}
	
#nav #pics_tab ul li {
	margin: 0;
	width: 180px;
	padding: 0;
	display: block;
	clear: left;}
	
#nav #pics_tab ul li a {
	display: block;
	width: auto;
	padding: 7px;
	color: #ffdeaa;
	font-size: 0.9em;
	text-transform: none;
	border-right: 1px solid #5d2726;
	border-left: 1px solid #5d2726;
	border-bottom: 1px solid #5d2726;
	background: url(../images/navsub.gif) repeat-x top;
	cursor: pointer;}

#nav #pics_tab ul li a:hover {
	background: url(../images/navsubhover.gif) bottom;}
	
/*-------------------------- Body --------------------------*/
	
#body {
	width: 100%;
	background: url(../images/bodybg.gif);
	float: left;}
	
#bodyshadow {
	width: 100%;
	background: url(../images/bodyshadow.gif) repeat-y center;
	float: left;}
	
#bodysides {
	width: 100%;
	background: url(../images/raysbody.gif) no-repeat top center;
	float: left;}
	
#bodytop {
	width: 100%;
	background: url(../images/contenttop.gif) no-repeat top center;
	float: left;}

#bodybottom {
	width: 100%;
	background: url(../images/contentbottom.gif) no-repeat bottom center;
	float: left;}
	
#body .content {
	width: 760px;
	margin: 0 auto;}
	
#body .contentbg {
	width: 100%;
	background: url(../images/mainbg.gif);
	float: left;}
	
#main {
	width: 100%;
	padding-bottom: 25px;
	color: #FFFFFF;
	line-height: 1.5;
	background: url(../images/bottomswoop.gif) no-repeat bottom right;
	float: left;}
	
.dividertop {
	width: 100%;
	height: 25px;
	background: url(../images/dividertop.gif) no-repeat 491px 3px;
	clear: left;}
	
.singletop {
	width: 100%;
	height: 25px;
	clear: left;}
	
.single {
	display: inline;
	position: relative;
	width: 741px;
	padding: 0 10px;
	float: left;}

.left {
	width: 511px;
	padding: 0 10px 0 0;
	background: url(../images/columndivider.gif) repeat-y top right;
	float: left;}
	
.right {
	width: 230px;
	margin-left: -30px;
	padding-left: 33px;
	background: url(../images/columndivider.gif) repeat-y top left;
	float: left;}
	
.singlebox {
	position: relative;
	display: inline;
	width: 680px;
	margin-left: 3px;
	padding: 5px 30px 5px 27px;
	background: url(../images/singlebox.gif) no-repeat top left;
	float: left;}

.leftbox {
	display: inline;
	width: 420px;
	min-height: 227px;
	margin-left: 13px;
	padding: 5px 30px 0 30px;
	position: relative;
	background: url(../images/leftbox.gif) no-repeat top left;
	float: left;}
	
.leftbox2 {
	width: 420px;
	margin: 15px 0 0 13px;
	padding: 10px 30px 0 30px;
	position: relative;
	background: url(../images/leftbox2.gif) no-repeat top left;
	float: left;}
	
.leftbox2 h2 {
	padding: 5px 0 15px 0;}
		
.cdtop {
	position: absolute;
	width: 78px;
	height: 25px;
	top: -25px;
	left: 0;
	background: url(../images/cdtop.gif) no-repeat;}
	
.cdside {
	position: absolute;
	width: 56px;
	height: 227px;
	top: 0;
	left: -56px;
	background: url(../images/cdside.gif) no-repeat;}
	
.slash {
	width: 100%;
	margin-bottom: 15px;
	height: 40px;
	background: url(../images/slash.gif) repeat-x;
	float: left;}
	
.rightbox {
	width: 183px;
	padding: 15px 20px 0 20px;
	background: url(../images/rightbox.gif) no-repeat top left;
	float: left;}
	
.promobox {
	padding: 20px;
	margin: 20px 0 0 17px;
	background-color: #3a0101;
	float: left;}
	
.rightimage {
	width: 183px;
	margin-bottom: 20px;
	padding-left: 5px;}
	
.rightphone {
	width: 210px;
	height: 85px;
	padding: 0px 0 0 5px;
	text-align: center;}
	
.bottom {
	width: 441px;
	height: 50px;
	padding: 20px 40px 0 40px;
	background: url(../images/dividerbottom.gif) no-repeat top right;
	clear: left;}
	
.singlebottom {
	width: 441px;
	height: 50px;
	padding: 5px 40px 0 40px;
	clear: left;}
		
.singlebottom a:hover {
	text-decoration: none;}
	
/*-------------------------- Footer --------------------------*/
	
#footer {
	width: 100%;
	background: #000000 url(../images/navbgbottom.gif) repeat-x top;
	clear: both;}
	
#footer .content {
	width: 780px;
	height: 36px;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 0.75em;
	background: url(../images/navbottom.gif) repeat-y top center;
	overflow: hidden;}
	
#footer .floatleft {
	padding: 13px 0 1px 50px;}
	
#footer .floatright {
	padding: 13px 50px 1px 0;}
	
#footer a {
	color: #ffffff;
	text-decoration: none;}
	
#footer a:hover {
	color: #ffdeaa;}
	
#base {
	width: 100%;
	height: 116px;
	background: url(../images/base.gif) no-repeat top center;
	float: left;}