/**************************************************************
*
*  Haydncole
*  built by WebSight Design
*
**************************************************************/

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

body{ background:#000; color:#fff; text-align:center; font-size:14px; }


a:link, a:visited, a:active{color:#3c3c79; font-weight:none; text-decoration: none;}
a:hover, a:active{ color:#d0a5bf; font-weight:none; text-decoration: underline;}



.wrapper{
	width:1000px; min-height:760px; margin:0px auto; border:#f00 0px solid; padding:3px 0px 0px 0px;
}

.left_side{
	width:247px; float:left; 
}

.left_side_inner{
	width:203px; float:right; margin:28px 0px 0px 0px;
}

.right_side{
	width:753px; float:left; text-align: left;
}

.logo{
	width:203px; height:59px; background:url('../images/nav_sprite.gif') no-repeat 0px 0px;
}

.nav{
	width:203px; 
}

.nav ul{ list-style-type: none; }
.nav li{ float:right; }
.nav a{ text-decoration: none; }
.nav span{ visibility: hidden; }


a.home{ display:block; width:118px; height:34px; background:url('../images/nav_sprite.gif') no-repeat -85px -59px; }
a.home:hover, a.home:active, a.home_act{ display:block; width:118px; height:34px; background:url('../images/nav_sprite.gif') no-repeat -288px -59px; }

a.music{ display:block; width:118px; height:33px; background:url('../images/nav_sprite.gif') no-repeat -85px -93px; }
a.music:hover, a.music:active, a.music_act{ display:block; width:118px; height:33px; background:url('../images/nav_sprite.gif') no-repeat -288px -93px; }

a.bio{ display:block; width:118px; height:39px; background:url('../images/nav_sprite.gif') no-repeat -85px -126px; }
a.bio:hover, a.bio:active, a.bio_act{ display:block; width:118px; height:39px; background:url('../images/nav_sprite.gif') no-repeat -288px -126px; }

a.photos{ display:block; width:118px; height:41px; background:url('../images/nav_sprite.gif') no-repeat -85px -165px; }
a.photos:hover, a.photos:active, a.photos_act{ display:block; width:118px; height:41px; background:url('../images/nav_sprite.gif') no-repeat -288px -165px; }

a.events{ display:block; width:118px; height:32px; background:url('../images/nav_sprite.gif') no-repeat -85px -206px; }
a.events:hover, a.events:active, a.events_act{ display:block; width:118px; height:32px; background:url('../images/nav_sprite.gif') no-repeat -288px -206px; }

a.contact{ display:block; width:118px; height:36px; background:url('../images/nav_sprite.gif') no-repeat -85px -238px; }
a.contact:hover, a.contact:active, a.contact_act{ display:block; width:118px; height:36px; background:url('../images/nav_sprite.gif') no-repeat -288px -238px; }

.clearer{
	clear:both;
}

.img_under{
	width:688px; height:417px; float:left; margin:-435px 0px 0px 26px; position: relative; z-index: 1;
}

.img_overlay{
	width:720px; height:449px; background:url('../images/overlay.png') no-repeat top left; float:left; position: relative; z-index: 999; margin:0px 0px 0px 10px;
}

.home_text{
	width: 560px; text-align:left; margin:0px 0px 0px 95px; border:#f00 0px solid;
}

.home_div{
	 width:668px; height:135px; background:url('../images/home_grad.jpg') repeat-x 0px -8px; margin:30px 0px 0px 40px;
}

.home_inner_div{
	float:left; width:165px; height: 115px; border-right:#3d3d3d 1px solid; padding:7px 20px 0px 15px; text-align: left; font-size:13px;
}

.home_inner_div h3{
	color:#3c3c79; font-weight:normal; font-size:18px; margin:0px 0px 3px 0px;
}
.home_inner_div b{display:block; margin:0px 0px 5px 0px; font-size: 13px; font-weight:normal; border-bottom: #222 1px dashed; padding:0px 0px 4px 0px;}
.home_inner_div a{ color:#d0a5bf; display: block; margin:4px 0px 0px 0px;}

a.btn_more{ display:block; width:66px; height:147px; background:url('../images/btn_more.gif') no-repeat top left; float:left; }
a.btn_more:hover, a.btn_more:active{ display:block; width:66px; height:147px; background:url('../images/btn_more.gif') no-repeat -66px -0px; float:left; }

h4.hdr_music{  display:block; width:753px; height:43px; background:url('../images/hdr_music.gif') no-repeat top right; }
h4.hdr_bio{  display:block; width:753px; height:43px; background:url('../images/hdr_bio.gif') no-repeat top right;  }
h4.hdr_photos{  display:block; width:753px; height:43px; background:url('../images/hdr_photos.gif') no-repeat top right;  }
h4.hdr_events{  display:block; width:753px; height:43px; background:url('../images/hdr_events.gif') no-repeat top right;  }
h4.hdr_contact{  display:block; width:753px; height:43px; background:url('../images/hdr_contact.gif') no-repeat top right;  }


.footer{ color:#404040; font-size:9px; text-align:center; width:1000px; border:#fff 0px solid; margin:0px auto;}

.subpage_div{
	text-align: left; margin:80px 20px 0px 20px;
}

.subpage_div p{ margin:0px 0px 20px 0px; }


.music_title p{margin:2px 0px 4px 0px;}
.music_title{ margin:2px 0px 4px 0px;}


/*********************** photo gallery **********************/
#gallery_container {
	/*border:1px #795f00 solid; background-color:#170b19;*/
	text-align:center; overflow:hidden;
}

#gallery_container img { border:0px; }

#gallery_inner {
	width:850px; margin:25px auto; text-align:center;
}

#gallery_thumbs {
	/*width:850px;*/ margin:0px auto; text-align:center; border:1px #795f00 solid; height:77px;
}


/************************************************
	      JCAROUSEL LITE		
************************************************/
#list {
	height:130px;
	width:710px; 
	margin:30px auto; 
	border:#f00 0px solid;
}

.slider {
	float:left;
	left: -5000px; 
	margin:15px; 
	position:relative; 
	visibility:hidden;	
	border:#f00 0px solid;
	height:100px;
	min-width: 580px;
}
	
.slider ul {
	height:100px;
	border:#f00 0px solid;
}

.slider ul li {
	padding:10px;
	margin: 0px 0px 0px 20px;
	height:77px; 
	width:70px;
	border:#000 1px solid;
}

.slider ul li img {
	cursor:pointer;
	height:77px; 
	padding-top:3px;
	border:#f00 0px solid;
	display:block;
}

.prev {
	cursor:pointer; 
	float:left;
	font-family: Times;
	font-size:30px;
	width:40px; overflow:hidden; float:left;
	margin-top: 30px;
	border:0px #795f00 solid;
	color: grey; 
	cursor: pointer;
}

.next {
	cursor:pointer; 
	float:right; 
	font-family: Times;
	font-size:32px;
	width:40px; overflow:hidden; float:right;
	margin-top: 30px;
	border:0px #795f00 solid;
	color: grey; 
	cursor: pointer;
}


.next a:link, .next a:visited, .next a:active{color:#808080; font-weight:none; text-decoration: none;}
.next a:hover, .next a:active{ color:#ffffff; font-weight:none; text-decoration: none;}


.prev a:link, .prev a:visited, .prev a:active{color:#808080; font-weight:none; text-decoration: none;}
.prev a:hover, .prev a:active{ color:#ffffff; font-weight:none; text-decoration: none;}

.smallphoto{border:#f00 1px solid;}


#largeContainer {
	position: absolute;
	/*width: 550px;
	height: 366px;*/
	width: 720px;
	height: 450px;
	margin: 0 auto 0 auto;
	position: relative;
	background-color:#000000;
}

#largeContainer .largePhoto {
	position: absolute;
	/*width: 550px;
	height: 366px;*/
	width: 720px;
	height: 450px;
	display: none;
	background-color:#000000;
}

#largeContainer .largePhoto table {
	width: 100%;
	height: 100%;
	cell-padding: 0;
	cell-spacing: 0;
	background-color:#000000;
}

#largeContainer .largePhoto table td {
	text-align: center;
	vertical-align: middle;
	background-color:#000000;
}


/********** contact form styles **********/

div.flabel {
	width:200px; text-align:right; padding-top:2px; overflow:hidden; margin-right:7px; margin-bottom:10px; float:left;
}

div.ffield {
	width:400px; overflow:hidden; margin-bottom:10px; float:left;
}

div.fclear {
	clear:both; overflow:hidden; height:0px;
}

#contactform {
	overflow:hidden;
}

#contactform input.contact_input {
	width:200px; border:1px #666 solid; border-collapse:collapse; background:#ccc;
	font-family:Times,serif; font-size:12px; color:#000;
}

#contactform textarea.contact_textarea {
	width:250px; height:100px; border:1px #666 solid; border-collapse:collapse; background:#ccc;
	font-family:Times,serif; font-size:12px; color:#000;
}

#contactform label.error {
	display : block;
}