/* BEGIN General Styles */
/* ----------------------------------------- */

/* BEGIN Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, legend, label, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

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

ol, ul, li {
	list-style: none;
}

caption, th {
	text-align: left;
}

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

h2{
	font-family: Arial;
    	font-weight: 600;
	font-size: 11px;
	color: #000000;
    	line-height: 19px; /* Baseline grid of 20px */

}

q:before,
q:after {
	content: '';
}
/* END Global reset-RESET */




html, body {
	height: 100%;
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
	font-family: Arial;
    	font-weight: 500;
	font-size: 12px;
	color: #000000;
    	line-height: 20px; /* Baseline grid of 20px */
	background: #000000;
	
	
}

a:link,
a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover,
a:focus,
a:active,
div#footer ul li#about a {
	color: #000000; 
	text-decoration: underline;
	outline: none;
}

a:hover abbr {
	border:none;
}

a img {
	border: none; /* Gets rid of IE's blue borders */
}

a.thumb {
	display:block;
	margin:7px 0 0 0;
}

/* BEGIN Typography */

h1 {
	width: 110px;
	height: 130px;
}


p {
	margin: 0 0 11px 0;
	line-height: 19px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* END Typography */

/* ----------------------------------------- */
/* END General Styles */


/* BEGIN Page Structure / Components */
/* ----------------------------------------- */


/* BEGIN Wrappers */

div#background_wrapper {
	min-width:1150px;
	min-height:840px;
	width:100%;
	height:100%;
	margin:0 auto;
	background: #000 url(../images/inter_BG.jpg) top center no-repeat;
	
}

div#main_wrapper {
	width:1080px;
	margin:0 auto;
	
}

div#wrapper {
	position: relative;
	float: left;
	height:100%;	
}


div.wrapperclass {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -116px;
	
}

/* END Wrappers */

/* Begin FOOTER Code*/

div.footer{
	height:116px;
	width:100%;
	background-image:url(../images/footer_bg.png);
}
	
div.push {
	height:840px;
}

div.foot_wrapper{
	width:980px;
	margin:0 auto;
	padding-top:25px;
}

div.footer_email{
	width:241px;
	margin-left:20px;
	float:left;
}

div.footer_phone{
	width:98px;
	margin-left:45px;
	float:left;
}

		
div.copyright{
	margin-top:23px;
	color:#c8c2ab;
	float:left;
	clear:both;
	width:400px;
	margin-left:20px;
	font-size: 11px;
}

div.footer_tag{
	display:block;
	width:327px;
	height:52px;
	float:right;
	margin-right:30px;
	margin-top:-10px;
}

/*END FOOTER code*/

/* BEGIN Content */

div#aboutWrapper {
	position: absolute;
	z-index: 12;
	top: 130px;
	left: 50%;
	margin-left: 580px;
	width: 480px;
	height: 300px;
	background: none;
}

div#aboutFill {
	background: white;
	opacity:.26;
	filter: alpha(opacity = 26);
	width:100%;
	height:100%;
}

div#aboutText {
	position: absolute;
	z-index: 51;
	top:12px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:40px;
	background: none;
}

	
div#contactWrapper {
	display:none;
	position: absolute;
	z-index: 12;
	top: 130px;
	left: 50%;
	margin-left: 580px;
	width: 480px;
	height: 300px;
	background: none;
}

div#contactFill {
	background: #b89c75;
	opacity:.26;
	filter: alpha(opacity = 26);
	width:100%;
	height:100%;
}

div#contactText {
	position: absolute;
	z-index: 51;
	top:12px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:40px;
	background: none;
}

div#studioWrapper {
	display:none;
	position: absolute;
	z-index: 12;
	top: 130px;
	left: 50%;
	margin-left: 580px;
	width: 480px;
	height: 300px;
	background: none;
}

div#studioFill {
	background: #9a9385;
	opacity:.37;
	filter: alpha(opacity = 37);
	width:100%;
	height:100%;
}

div#studioText {
	position: absolute;
	z-index: 51;
	top:12px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:40px;
	background: none;
}

div#black_fade {
	position: absolute;
	z-index: 100;
	margin: 0;
	height: 100%;
	width: 100%;
	background: black;
	overflow: hidden;
}


div#content {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: none;
}

div#player_container {
	position: absolute;
	z-index: 51;
	top: 425px;
	left: 50%;
	margin-left: 672px;
	width: 340px;
	height: 271px;
	background: none;
}

div#player_alt {
	display: none;
	position: absolute;
	z-index: 50;
	top: -10px;
	left: 50%;
	margin-left: -135px;
	width: 275px;
	height: 270px;
	background: none;
}

div#slider_wrap {
	position: absolute;
	z-index: 49;
	top: 333px;
	left: 50%;
	margin-left: 23px;
	width: 531px;
	height: 342px;
	background: black url(../images/image_1.jpg) center 0px no-repeat;
	
}

.slides ul{list-style:none;margin:0px;padding:0px;}
.slides li{margin:0px;padding:0px;}

/* END Content */

/* BEGIN Images */

img#title {
	position: absolute;
	z-index: 13;
	top: 35px;
	left: 50%;
	margin-left: 155px;
}

img#tree {
	position: absolute;
	z-index: 13;
	top: 12px;
	left: 50%;
	margin-left: 0px;
}

img#image_cover {
	position: absolute;
	z-index: 50;
	top: 333px;
	left: 50%;
	margin-left: 20px;
}

img#music_title {
	position: absolute;
	z-index: 13;
	top: 105px;
	left: 50%;
	margin-left: 155px;
}

img#player_background {
	position: absolute;
	z-index: 15;
	top: 413px;
	left: 50%;
	margin-left: 659px;
}

/* END Images */

/* Gear Menu Options */

div#gears1 {
	position: absolute;
	z-index: 51;
	top: 221px;
	left: 50%;
	margin-left: 179px;
	width: 300px;
	height: 72px;
	background: transparent;
}

div#gears1 ul {
	float: right;
	width: 300px;
}

div#gears1 ul li {
	float: left;
	width: auto;
}

div#gears1 ul li a {
	display: block;
	
	overflow: hidden;
}

div#gears1 ul li#gears1_about a,
div#gears1 ul li#gears1_about a:visited {
	width: 62px;
	height: 65px;
	background: transparent url(../images/about_gear.png) center 0px no-repeat;
}

div#gears1 ul li#gears1_about a:hover {
	background-position: center 3px;
}

div#gears1 ul li#gears1_space1 {
	width:35px;
	height:1px;
	background: transparent;
}



div#gears1 ul li#gears1_contact a,
div#gears1 ul li#gears1_contact a:visited {
	width: 90px;
	height: 95px;
	background: transparent url(../images/contact_gear.png) center 7px no-repeat;
}

div#gears1 ul li#gears1_contact a:hover {
	background-position: center 10px;
}

div#gears1 ul li#gears1_space2 {
	width:5px;
	height:1px;
	background: transparent;
}

div#gears1 ul li#gears1_studio a,
div#gears1 ul li#gears1_studio a:visited {
	width: 73px;
	height: 85px;
	background: transparent url(../images/studio_gear.png) center 8px no-repeat;
}

div#gears1 ul li#gears1_studio a:hover {
	background-position: center 11px;
}

/* END Gear Menu Options */

/* BEGIN Social Links */

div#social {
	position: absolute;
	z-index: 30;
	top: 0;
	left: 50%;
	margin-left: 815px;
	width: 300px;
	height: 72px;
	background: transparent;
}

div#social ul {
	float: right;
	width: 300px;
}

div#social ul li {
	float: left;
	width: auto;
}

div#social ul li a {
	display: block;
	line-height: 500px;
	overflow: hidden;
}

div#social ul li#facebookTab a,
div#social ul li#facebookTab a:visited {
	width: 50px;
	height: 71px;
	background: transparent url(../images/facebook_tab.png) center -10px no-repeat;
}

div#social ul li#facebookTab a:hover {
	background-position: center -5px;
}

div#social ul li#myspaceTab a,
div#social ul li#myspaceTab a:visited {
	width: 50px;
	height: 71px;
	background: transparent url(../images/myspace_tab.png) center -10px no-repeat;
}

div#social ul li#myspaceTab a:hover {
	background-position: center -5px;
}

div#social ul li#twitterTab a,
div#social ul li#twitterTab a:visited {
	width: 50px;
	height: 71px;
	background: transparent url(../images/twitter_tab.png) center -10px no-repeat;
}

div#social ul li#twitterTab a:hover {
	background-position: center -5px;
}

/* END Social Links */