/***********************************************************
*
*	Costing Music
*	built by WebSight Design 
*	01/2010
*
************************************************************/

*{ padding:0px; margin:0px; }


body{ background:#000 url('../images/body_bg.jpg') repeat-x top left; text-align: center; color:#fff; font-family: Arial, Arial, Helvetica, sans-serif; font-size:.75em; }

h2 { font-size:18px; font-weight:normal; }
h3 { font-size:14px; color:#ccc; }

h3.gold { font-size:14px; color:#d1b75a; }

div.contact_split {
	width:270px; float:right; text-align:left;
}
 
/*d1b75a*/

.wrapper{
	/*width:1297px; */
	text-align: center; margin:0px auto; border:#f00 0px solid; background:url('../images/header_bg.jpg') no-repeat; background-position:50% 0px;
}

.header{
 	/*width:1297px; height:456px; */
	width:1000px; height:456px; margin:0px auto;
	/*background:url('../images/header_bg.jpg') no-repeat top left;*/
	text-align: center; position:relative;
}

.nav{
 	width:961px; height:40px; margin:0px auto; padding:404px 0px 0px 9px;
}


.nav ul{
	list-style-type: none; 
}

.nav li{ float:left; }

a.home{ display:block; height:40px; width:97px; background: url('../images/nav_sprite.jpg') no-repeat -0px -0px;  } 
a.home:hover, a.home:active, a.home_act{ display:block; height:40px; width:97px; background: url('../images/nav_sprite.jpg') no-repeat -0px -40px; }

a.bio{ display:block; height:40px; width:159px; background: url('../images/nav_sprite.jpg') no-repeat -97px -0px;  } 
a.bio:hover, a.bio:active, a.bio_act{ display:block; height:40px; width:159px; background: url('../images/nav_sprite.jpg') no-repeat -97px -40px; }

a.photos{ display:block; height:40px; width:125px; background: url('../images/nav_sprite.jpg') no-repeat -256px -0px;  } 
a.photos:hover, a.photos:active, a.photos_act{ display:block; height:40px; width:125px; background: url('../images/nav_sprite.jpg') no-repeat -256px -40px; }

a.lyrics{ display:block; height:40px; width:109px; background: url('../images/nav_sprite.jpg') no-repeat -381px -0px;  } 
a.lyrics:hover, a.lyrics:active, a.lyrics_act{ display:block; height:40px; width:109px; background: url('../images/nav_sprite.jpg') no-repeat -381px -40px; }

a.music{ display:block; height:40px; width:101px; background: url('../images/nav_sprite.jpg') no-repeat -490px -0px;  } 
a.music:hover, a.music:active, a.music_act{ display:block; height:40px; width:101px; background: url('../images/nav_sprite.jpg') no-repeat -490px -40px; }

a.hosting{ display:block; height:40px; width:125px; background: url('../images/nav_sprite.jpg') no-repeat -591px -0px;  } 
a.hosting:hover, a.hosting:active, a.hosting_act{ display:block; height:40px; width:125px; background: url('../images/nav_sprite.jpg') no-repeat -591px -40px; }

a.press{ display:block; height:40px; width:112px; background: url('../images/nav_sprite.jpg') no-repeat -716px -0px;  } 
a.press:hover, a.press:active, a.press_act{ display:block; height:40px; width:112px; background: url('../images/nav_sprite.jpg') no-repeat -716px -40px; }

a.contact{ display:block; height:40px; width:133px; background: url('../images/nav_sprite.jpg') no-repeat -828px -0px;  } 
a.contact:hover, a.contact:active, a.contact_act{ display:block; height:40px; width:133px; background: url('../images/nav_sprite.jpg') no-repeat -828px -40px; }

.content_bg{
	/*width:1297px;  background:url('../images/content_bg.jpg') no-repeat top left;*/
	background:url('../images/content_bg.jpg') no-repeat; background-position:50% 0px;
	margin:0px auto; text-align: center;
}

.content{ width:943px; margin:0px auto; border:#fff 0px solid; text-align: left; line-height: 1.7em; padding:9px 0px 0px 0px; }

.music_div{ width:351px; height:315px;  background:url('../images/music_bg.jpg') no-repeat top left; float:right; cursor: no /*pointer*/; position: relative;	border: #f00 0px solid; }
.music_text{ position: absolute; top:50px; left:16px; height:80px; width:290px; border: #f00 0px solid;}

.clearer{ clear:both; }

.content a {color:#d1b75a;}

.content p{ width: 549px; margin:4px 10px 20px 9px;}

.content_left{ width:370px; float:left; border: #f00 0px solid;  }
.content_right{ width:545px; float:left;  }
.content_right p{ margin:4px 10px 20px 9px;}

.one_column_content{width:930px;}
.one_column_content p{width:920px;  margin:4px 10px 20px 11px; }

#ontop { z-index:3; position:relative; }

.photos_div{ width:310px; height:172px; background:url('../images/section_bg.png') no-repeat top left; float:left; cursor:pointer; margin:0px 6px 0px 0px; }
.photos_div_on{width:310px; height:172px;  background:url('../images/section_bg.png') no-repeat -0px -172px; float:left; cursor: pointer; margin:0px 6px 0px 0px;}

.video_div{width:310px; height:172px;  background:url('../images/section_bg.png') no-repeat -312px -0px; float:left; cursor: pointer; margin:0px 6px 0px 0px;}
.video_div_on{width:310px; height:172px;  background:url('../images/section_bg.png')  no-repeat -312px -172px; float:left; cursor: pointer; margin:0px 6px 0px 0px;}

.contact_div{width:310px; height:172px;  background:url('../images/section_bg.png') no-repeat -626px -0px; float:left; cursor: pointer;}
.contact_div_on{width:310px; height:172px;  background:url('../images/section_bg.png')  no-repeat -626px -172px; float:left; cursor: pointer;}

.contact_info{ margin:42px 0px 0px 23px; }
.contact_info_input{ background:#999999; border:#bf8b23 1px solid; height:16px; width:190px; padding:3px 0px 0px 0px;}
.contact_info_input_on{ background:#fff; border:#bf8b23 1px solid; height:16px; width:190px; padding:3px 0px 0px 0px;}

.footer_bg{
	/*width:1249px; height:437px; background: url('../images/footer_bg.png') no-repeat top left !important;*/
	height:437px; background: url('../images/footer_bg.png') no-repeat; background-position:50% 0px;
	/*background: url('../images/footer_bg.jpg') no-repeat top left;*/ margin:-310px auto 0px auto; position: relative; z-index: -1; border:#f00 0px solid;
}
.footer{ width:915px; height:50px; padding:40px 0px 0px 0px; margin:-110px auto; color:#4e3401; border:#f00 0px solid; }

.footer_nav{
 	width:375px; float:right; position: relative; z-index: 3;
}

.footer_nav ul{
	list-style-type: none; position: relative; z-index: 3;
}

.footer_nav li{ float:left; }
.footer_nav li a{color:#4e3401; text-decoration: none; position: relative; z-index: 3;}

a.wsd { color:#4e3401; text-decoration:none; font-size:10px; }
a.wsd:hover, a.wsd:active { color:#4e3401; text-decoration:none; font-size:10px; }

.music_player{ position: absolute; top:70px; right:230px; width:130px; height:40px; }

.connect_big{ width:360px; height:173px;  background:url('../images/connect_bg.png') no-repeat -0px -0px; float:left; cursor: pointer; float:left; }

.connect_sm{ width:360px; height:115px;  background:url('../images/connect_bg_sm.png') no-repeat -0px -0px; float:left; cursor: pointer; float:left; }

a.in{display:block; width:50px; height:52px; background:url('../images/logos_sprite.jpg') no-repeat -2px -0px; float:left; }
a.in:hover, a.in:active{display:block; width:50px; height:52px; background:url('../images/logos_sprite.jpg') no-repeat -2px -54px; float:left;  }

a.facebook{display:block; width:52px; height:52px; background:url('../images/logos_sprite.jpg') no-repeat -52px -0px; float:left; }
a.facebook:hover, a.facebook:active{display:block; width:52px; height:52px; background:url('../images/logos_sprite.jpg') no-repeat -52px -54px; float:left;  }

a.twitter{display:block; width:52px; height:52px; background:url('../images/logos_sprite.jpg') no-repeat -104px -0px; float:left; }
a.twitter:hover, a.twitter:active{display:block; width:52px; height:52px; background:url('../images/logos_sprite.jpg') no-repeat -104px -54px; float:left;  }

a.blog{display:block; width:54px; height:52px; background:url('../images/logos_sprite.jpg') no-repeat -156px -0px; float:left; }
a.blog:hover, a.blog:active{display:block; width:54px; height:52px; background:url('../images/logos_sprite.jpg') no-repeat -156px -54px; float:left;  }

.logos_div{ width:212px; margin:6px auto; }

h1.hdr_bio{display:block; width:136px; height:36px; background:url('../images/hdr_bio.png') no-repeat -0px -0px; }
h1.hdr_contact{display:block; width:136px; height:36px; background:url('../images/hdr_contact.png') no-repeat -0px -0px; }
h1.hdr_photos{display:block; width:100px; height:36px; background:url('../images/hdr_photos.png') no-repeat -0px -0px; }
h1.hdr_press{display:block; width:100px; height:36px; background:url('../images/hdr_press.png') no-repeat -0px -0px; }
h1.hdr_music{display:block; width:100px; height:36px; background:url('../images/hdr_music.png') no-repeat -0px -0px; }
h1.hdr_lyrics{display:block; width:100px; height:36px; background:url('../images/hdr_lyrics.png') no-repeat -0px -0px; }
h1.hdr_hosting{display:block; width:100px; height:36px; background:url('../images/hdr_hosting.png') no-repeat -0px -0px; }