/* Resets */
html, body, div, h1, h2, h3, 
h4, h5, h6, dl, dt, dd, p, 
blockquote, pre, form, fieldset, 
table, th, td { 
	margin: 0; 
	padding: 0; 
}

body {
	font:arial, Arial, Helvetica, sans-serif;
	font-family:arial, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	font-weight:normal;
	color:#4d4d4d;
	background-color:#222222;
	padding:0 0 0 0;
	border:0;
	border-style: none;
}
img {
	border:0;
}
:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}

/* Text Styles */
p {
	font:arial, Arial, Helvetica, sans-serif;
	font-family:arial, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:normal;
	text-align:justify;
	color:#4d4d4d;
	padding:0 0 10px 0;
	line-height: 18px;
}
h1 {
	font:arial, Arial, Helvetica, sans-serif;
	font-family:arial, Arial, Helvetica, sans-serif;
	font-size:3.6em;
	font-weight:bold;
	color:#4d4d4d;
	text-transform:uppercase;	
}
h2 {
	font:arial, Arial, Helvetica, sans-serif;
	font-family:arial, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
	color:#595959;
	text-transform:uppercase;
	line-height:0px;
	padding:10px 0 10px 0;
}
h3 {
	font:arial, Arial, Helvetica, sans-serif;
	font-family:arial, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
	color:#595959;
	text-transform:uppercase;
	padding:0 0 10px 0;
	line-height: 18px;
}
h4 {
	font:arial, Arial, Helvetica, sans-serif;
	font-family:arial, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:normal;
	text-align:left;
	color:#595959;
	text-transform:uppercase;
	padding:0 0 10px 0;
	line-height: 18px;
}
.introductiontext {
	font:arial, Arial, Helvetica, sans-serif;
	font-family:arial, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	text-align:justify;
	color:#4d4d4d;
	padding:0 0 10px 0;
	line-height: 19px;
}
.indent {
	text-indent: 15px;
}

/* Wrappers */
.wrapper {
	position:absolute;
	left:0;
	top:37px;
	width: 10300px;
	clear: both;
	overflow: none;
	background-image:url(../img/ui/bg.png);
	background-position:top;
	background-repeat:repeat-x;
}
.logowrapper {
	height:auto;
	width:400px;
	margin:0 20px 0 20px;
	float:left;
}
.musicwrapper {
	height:auto;
	width:auto;
	margin:0 20px 0 20px;
	float:left;
}

/* Containers */
.introimagecontainer {
	height:auto;
	width:760px;
	padding:40px 0 0 20px;
	float:left;
}
.introcontainer {
	height:auto;
	width:350px;
	margin:20px 0 0 0;
	padding:0 20px 0 0;
	float:left;
}
.introsecondcontainer {
	height:auto;
	width:350px;
	margin:20px 0 0 0;
	padding:0 20px 0 20px;
	float:left;
}
.designcontainer {
	height:auto;
	width:500px;
	padding:41px 20px 0 20px;
	float:left;
}
.logocontainer {
	height:auto;
	width:400px;
	padding:41px 0 0 0;
	float:left;
}
.musiccontainer {
	height:auto;
	width:auto;
	padding:41px 0 0 0;
	float:left;
}
.musiccontainerfixed {
	height:auto;
	width:400px;
	padding:41px 0 0 0;
	float:left;
}
.sectioncontainer {
	height:auto;
	width:450px;
	margin:0 0 0 40px;
	float:left;
}

/* Div Modifiers */
.contactinfo {
	padding:0 0 0 20px;
}

/* Thumbnails */
a.thumbnail {
	float: left; 
	display: block
}
a.thumbnail img.thumb {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 1;
}
a.thumbnail img.overlay {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 2;
}

/* Links */
a {
	color:#6f8000;
	text-decoration:none;
	font-weight:normal;
}
a:link {
	color:#6f8000;
	border-style: none;
}
a:visited {
	color:#4d5900;
	border-style: none;
	text-decoration: none;
}
a:hover {
	color:#deff00;
	text-decoration:underline;
	border-style: none;
}
a:active { 
  	color: #FFFFFF;
	border-style: none;
}
ul li {
	display:inline;
	padding:0 10px 0 0;
	margin:0;
}
li {
	float:left;
	padding:0 10px 0 0;
}

/* Main Nav */
#nav li {
	float: left;
	background-color:#1a1a1a;
}
#nav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height:auto;
	text-indent: -9999px;
	background-color:#1a1a1a;
	overflow: hidden;
}
/* Main Nav - Idle State */
li#nav_home a {
	left: 14px;
	width: 165px;
	height: 45px;
	background: url(../img/ui/home_all.png) no-repeat;
	background-position: 0 0;
}
li#nav_design a {
	left: 189px;
	top: 14px;
	width: 56px;
	height: 31px;
	background: url(../img/ui/design_all.png) no-repeat;
	background-position: 0 0;
}
li#nav_realtime a {
	left: 245px;
	top: 14px;
	width: 93px;
	height: 31px;
	background: url(../img/ui/realtime_all.png) no-repeat;
	background-position: 0 0;
}
li#nav_music a {
	left: 338px;
	top: 14px;
	width: 50px;
	height: 31px;
	background: url(../img/ui/music_all.png) no-repeat;
	background-position: 0 0;
}
li#nav_weblog a {
	left: 388px;
	top: 14px;
	width: 63px;
	height: 31px;
	background: url(../img/ui/weblog_all.png) no-repeat;
	background-position: 0 0;
}
li#nav_extras a {
	left: 622px;
	top: 14px;
	width: 58px;
	height: 31px;
	background: url(../img/ui/extras_all.png) no-repeat;
	background-position: 0 0;
}

/* Main Nav - Hover State */
li#nav_home a:hover {
	background-position: -165px 0;
}
li#nav_design a:hover {
	background-position: -56px 0;
}
li#nav_realtime a:hover {
	background-position: -93px 0;
}
li#nav_music a:hover {
	background-position: -50px 0;
}
li#nav_weblog a:hover {
	background-position: -63px 0;
}
li#nav_extras a:hover {
	background-position: -58px 0;
}

/* Main Nav - On State */
li#nav_home a.active {
	background-position: -330px 0;
}
li#nav_design a.active {
	background-position: -112px 0;
}
li#nav_realtime a.active {
	background-position: -186px 0;
}
li#nav_music a.active {
	background-position: -100px 0;
}
li#nav_weblog a.active {
	background-position: -126px 0;
}
li#nav_extras a.active {
	background-position: -116px 0;
}
th {
	width:60px;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
	color:#999999;
}
td {
	vertical-align:top;
	padding:0 0 4px 0;
}
.home {
	padding: 0 0 0 14px;
}
.tabdesign {
	z-index:9999;
	padding:3px 6px 3px 6px;
	display:inline-block;
	width:auto;
	background-color:#333333;
	color:#6d6d6d;
	font-size:1em;
	font-weight:normal;
}
.tableinfo {
	padding:10px 0 0 0;
}
.header {
	position:fixed;
	height:50px;
	width:100%;
	background-color:#000000;
	z-index:9000;
	top:4px;
	background-position:top;
	background-repeat:repeat;
}
.footer {
	position:fixed;
	height:50px;
	width:100%;
	background-color:#000000;
	z-index:9000;
	bottom:4px;
	background-position:top;
	background-repeat:repeat;
}
.footertext {
	padding:18px 0 0 20px;
}

div#avatar { 
	align: center; 
	float: left;
	font-size:9px;
	color:#383838;
	margin: 0 20px 0 0;
	padding: 0 0 0 0;
	background-color:#000000;
}
div#avatar img { 
	display: block ;
}
.design {
	padding: 0 0 0 10px;	
}
.more {
	font:arial, Arial, Helvetica, sans-serif;
	font-family:arial, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
	color:#595959;
	text-transform:uppercase;
	padding:20px 0 20px 0;
	line-height: 18px;
}
#thumb {
	margin: 0 10px 10px 0;
	border: 0;
	padding: 0;
}
#thumbend {
	margin: 0 0 10px 0;
	border: 0;
	padding: 0;
}
.table {
	width:500px;
	padding: 10px 0 0 0;
}
.logotable {
	width:400px;
	padding: 10px 0 0 0;
}
.tableheader {	
	text-transform:uppercase;
	color:#4d4d4d;
	width: 70px;	
	padding: 10px 0 0 0;
}
.tablebody {
	padding: 10px 0 0 0;
}
.weblink {
	text-align: right;
}
.continue {
	text-align: right;
	bottom: 12px;
}
.musicheader {
	font-size:1.2em;
	font-weight:bold;
	color:#6d6d6d;
	padding:20px 0 0 0;
}
.musicintrotext {
	font-size:1em;
	font-weight:normal;
	color:#6d6d6d;
	padding:20px 0 0 0;
}
.musictext {
	font-size:1.1em;
	font-weight:normal;
	color:#4d4d4d;
	padding:20px 0 20px 0;
}
.musiclink {
	font-size:1.1em;
	font-weight:normal;
	display:inline-block;
	background-color:#000000;
	padding:3px 6px 3px 6px;
}
.musiclinkleft {
	padding:0 0 0 0;
}
.musicintro {
	background-color:#1d1d1d;
}
.comingsoonimg {
	padding:20px 0 20px 0;
}