/***************************** RESET *****************************/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; font-family: verdana, helvetica, sans-serif;}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/***************************** COMMON STYLES *********************************/

body{
background: url('../img/layout/bg.jpg') no-repeat -40px 400px;
}

body.home{
	background:none;
}

p, a{
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

h1{
	height: 0;
	overflow: hidden;
	position: relative;
}

/***************************** STRUCTURE *********************************/


#container{
	margin-left: auto;
	margin-right: auto;
	height: auto;
	overflow: hidden;
	width: 891px;
	margin-bottom: 20px;
}

#menu{
	margin-top:20px;
	background-image:url('../img/layout/menubg2.gif');
	width: 882px;
	height: 290px;
	z-index: 9999;
}

#menu.home{
	background-image:url('../img/layout/menubg.gif') !important;
	height: 498px !important;
	

}

#quotes{
	z-index: 9999;
	position: absolute;
	top: -250px;
	left: 500px;
}

#quotes2{
	z-index: 9999;
	position: absolute;
	top: -150px;
	left: 520px;
}

#quotes p, #quotes2 p{
	font-size: 14px;
	font-style: italic;
	width:300px;
}

#welcome{
	margin-top: -35px;
	background-image:url('../img/layout/welcome.gif');
	width: 882px;
	height: 202px;

}

#welcome.thanks{
margin-top: 100px !important;
}

#welcome.thanks p.box_text{
	margin-top: 10px;
}

#welcome.thanks img.title{
	margin-top: 30px;
}

a.back:hover{
	color: #D12832;
	text-decoration: underline;
}

#welcome img.title{
	float: left;
	margin-left: 56px;
	margin-top: 35px;
}

#welcome p.box_text{
	float: left;
	margin-left: 60px;
	margin-top: 25px;
	width: 750px;
}

.column_left{
	float:left;
	width: 424px;
	margin-left: -1px;
}

#newsbox{
	margin-top: 0px;
	margin-left: 1px;
	background-image:url('../img/layout/latestnewsbg.gif');
	width: 426px;
	height: 211px;
}

#newsbox img.title{
	float: left;
	margin-left: 56px;
	margin-top: 30px;
}

#newsbox p.news_date{
	float: left;
	margin-left: -50px;
	margin-top: 75px;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
}

#newsbox p.box_text{
	float: left;
	margin-left: 60px;
	width: 350px;
	font-size: 11px;
}

#newsbox p.box_text a{
	font-weight: bold;
}

#newsbox p.box_text a:hover{
	text-decoration: underline;
}

#mailinglist{
	margin-top: 15px;
	margin-left: 1px;
	background-image:url('../img/layout/mailinglistbg.gif');
	width: 426px;
	height: 215px;
}

#mailinglist img.title{
	margin-left: 56px;
	margin-top: 25px;
}

#mailinglist p{
	margin-left: 60px;
	margin-top: 5px;
}

#mailinglist form{
	margin-left: 160px;
	margin-top: 30px;

}

#mailinglist form #submit{
	margin-left: 170px;
	margin-top: 10px;
}

.column_right{
	float:left;
	margin-left: 15px;
	width: 432px;
}

#trio{
	margin-top: 0px;
	margin-left: -1px;
	background-image:url('../img/content/trio.jpg');
	width: 432px;
	height: 415px;
}

#trio img{

	margin-left:238px;
	margin-top: 98px;
	width: 155px;

}

#tunes{
	margin-top: 15px;
	margin-left: -1px;
	background-image:url('../img/layout/tunesbg.jpg');
	width: 432px;
	height: 145px;
}

#footerlinks{

	float:left;
	margin-top: 5px;
	width: 891px;
	text-align: center;

}

#footerlinks a, #footer a{
	color: #000000;
	text-decoration: none;
	font-size: 10px;
}

#footerlinks a:hover, #footer a:hover{
	text-decoration: underline;
}

#footer{
	float:left;
	margin-top: 15px;
	width: 891px;
	text-align: center;
}

#footer p{
	font-size: 10px;
}

/*********************************** MENU ***********************************/

img#rach_pic{
	position:relative;
	top: 20px;
	left: 43px;
	z-index: -9999;
}

img#rach_title{
	float: left;
	margin-left: 500px;
	margin-top: -360px;

}

img#rach_pagetitle{
	float: left;
	margin-left: 88px;
	margin-top: 10px;
}

img#pagetitle{
	float: left;
	margin-left: 10px;
	margin-top: 15px;
}	

#menu_container{
	float: left;
	width: 730px;
	height: 50px;
	margin-left: 70px;
	margin-top: 42px;
	overflow: hidden;
	position: relative;
	z-index: 9998;
}

#menu_container #nav{
	margin: 0;
	padding: 0;
}

#menu_container #nav li{
	display: inline;
}

#menu_container #nav li a{
	float: left;
	height: 0px;
	padding-top: 50px;
	overflow: hidden;
	background-image: url('../img/layout/navbg.gif'); 
	background-repeat: no-repeat;
}

/* Buttons */

#menu_container #nav li#nav-home a{ background-position: 0px 0; width: 86px; }
#menu_container #nav li#nav-gigs a{ background-position: -86px 0; width: 76px; }
#menu_container #nav li#nav-biog a{ background-position: -162px 0; width: 80px; }
#menu_container #nav li#nav-shop a{ background-position: -242px 0; width: 76px; }
#menu_container #nav li#nav-gallery a{ background-position: -318px 0; width: 108px; }
#menu_container #nav li#nav-reviews a{ background-position: -426px 0; width: 114px; }
#menu_container #nav li#nav-contact a{ background-position: -540px 0; width: 110px; }
#menu_container #nav li#nav-links a{ background-position: -650px 0; width: 80px; }

/* Over */

#menu_container #nav li#nav-home a:hover{ background-position: 0px -50px; }
#menu_container #nav li#nav-gigs a:hover{ background-position: -86px -50px; }
#menu_container #nav li#nav-biog a:hover{ background-position: -162px -50px; }
#menu_container #nav li#nav-shop a:hover{ background-position: -242px -50px; }
#menu_container #nav li#nav-gallery a:hover{ background-position: -318px -50px; }
#menu_container #nav li#nav-reviews a:hover{ background-position: -426px -50px; }
#menu_container #nav li#nav-contact a:hover{ background-position: -540px -50px; }
#menu_container #nav li#nav-links a:hover{ background-position: -650px -50px; }

/* Pressed */

#menu_container #nav li#nav-home a:active{ background-position: 0px -100px; }
#menu_container #nav li#nav-gigs a:active{ background-position: -86px -100px; }
#menu_container #nav li#nav-biog a:active{ background-position: -162px -100px; }
#menu_container #nav li#nav-shop a:active{ background-position: -242px -100px; }
#menu_container #nav li#nav-gallery a:active{ background-position: -318px -100px; }
#menu_container #nav li#nav-reviews a:active{ background-position: -426px -100px; }
#menu_container #nav li#nav-contact a:active{ background-position: -540px -100px; }
#menu_container #nav li#nav-links a:active{ background-position: -650px -100px; }

/* On */

#menu_container.home #nav li#nav-home a{ background-position: 0px -150px !important; }
#menu_container.gigs #nav li#nav-gigs a{ background-position: -86px -150px !important; }
#menu_container.biog #nav li#nav-biog a{ background-position: -162px -150px !important; }
#menu_container.shop #nav li#nav-shop a{ background-position: -242px -150px !important; }
#menu_container.gallery #nav li#nav-gallery a{ background-position: -318px -150px !important; }
#menu_container.reviews #nav li#nav-reviews a{ background-position: -426px -150px !important; }
#menu_container.contact #nav li#nav-contact a{ background-position: -540px -150px !important; }
#menu_container.links #nav li#nav-links a{ background-position: -650px -150px !important; }


/*************************************** PAGES ************************************/

#page_content{
	margin-top: -100px;
	margin-left: 88px;
	margin-bottom: 40px;
	width: 690px;
	min-height: 350px;
}

#page_content p a{
	color:#D12832;
}

#page_content p a:hover{
	text-decoration: underline;
}


/*************************************** GIGS ************************************/
#giglist {
	width: 800px;
	margin: 0px auto 40px auto;
	border: 2px solid #3059A4;
	background: #3059A4;
}

table.gigs {
	width: 700px;
	margin: 10px 10px 10px 0px;
	border-width: 0px;
	border-style: none;
	border-spacing: 0px 10px;
}

table.gigs p{
	color: #000000;
}

table.gigs p a{
	color:#D12832;
}

table.gigs p a:hover{
	text-decoration: underline;
}

table.gigs td {
	padding: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
}

table.gigs th {
	padding: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
}

table.gigs th p{
	color: #D12832;
	font-weight: bold;
	font-size: 13px;
}

/*************************************** BIOG ************************************/

#biog{

}

#biog p{
	margin-bottom: 10px;
}

/*************************************** SHOP ************************************/

.cds{
	margin-bottom: 20px;
	width: 690px;
	overflow: hidden;
}

.cds .disc{
	float: left;
	width: 279px;
	height: 250px;
}

.cds .book{
	float: left;
	width: 176px;
	height: 250px;
	margin: 0 51px;
}

.cds #hubcaps{
	background-image: url('../img/content/hubcaps.jpg');
	background-position: 0px 0px;
}

.cds #hubcaps:hover, .cds #lucky:hover, .cds #book:hover{
	cursor: pointer;
}

.cds #lucky{
	background-image: url('../img/content/luckysmile.jpg');
	background-position: 0px 0px;
}

.cds #book{
	background-image: url('../img/content/book.jpg');
	background-position: 0px 0px;
}

.cd_text{
	float:left;
	margin-left:20px;
	width: 391px;
	

}

.cds p{
	font-size: 11px;

}

.cd_text h2{
	font-size: 14px;
	font-weight: bold;
}

/*************************************** GALLERY ************************************/

#gallery_breadcrumbs{
	margin-bottom: 10px;
}

#gallery_breadcrumbs a, #gallery_breadcrumbs p{
	font-size: 11px;
	color: #aaa;
	text-decoration: none;
}

#gallery_breadcrumbs a:hover{
	color: #000;
	text-decoration: underline;
}

.gallery_one, .gallery_two, .gallery_three{
	float: left;
	width: 223px;
	margin-bottom: 20px;
}

.gallery_one{
	
}

.gallery_one a:hover, .gallery_two a:hover, .gallery_three a:hover{
	text-decoration: underline;
	color: #D12832;
}

.gallery_one img, .gallery_two img, .gallery_three img{
	margin: 0 auto;
	display:block;
	height: 100px;
	clear: right;
}

.gallery_one h2, .gallery_two h2, .gallery_three h2{
	margin-top: 5px;
	font-size: 12px;
	text-align: center;
}

.gallery_two{
	margin-left: 10px;
}

.gallery_three{
	margin-left: 10px;
	clear: right;
}

h2.galltitle{
	font-size: 14px;
	color: #D12832;
	margin-bottom: 5px;
	clear: left;
}

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


/*************************************** GALLERY ************************************/

.review{
	border-bottom: 1px solid #bbb;
	margin-top: 20px;
	margin-bottom: 20px;
}

.review p{
	font-size: 11px;
	margin-bottom: 15px;
}

/*----------------------------- GALLERY ------------------------------*/

.gall{
	float: left;
	width: 233px;
	height: 210px;
	margin-right: 0px;
}

.end{
	margin-right: -1px !important;
}

.gall a{
	text-decoration: none;
	display: block;
	color: #D12832;
	text-align: center;
	width: 233px;
	height: 220px;
	overflow: hidden;
}

.gall a span{
	margin-top: 0px;
	margin: 0px !important;
	color: #D12832 !important;
	font-size: 12px;
	padding-bottom: 5px;
	text-align: center;
}

.gall a:hover{
	background: #D12832;
}

.gall a img{
	position: relative;
	margin-top: 15px;
	height: 150px;
	border: 1px solid #444444;
}

.gall a:hover span{
	background: #D12832;
	color: #FFFFFF !important;
}

/* Easy Slider */

    /* image replacement */
        .graphic, #header h1, #prevBtn, #nextBtn, #prevBtn2, #nextBtn2{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

/* clearfix */

		#content:after, ul:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		#content, ul{
			display:block;
			}
		/*  \*/
		#content, ul{
			min-height:1%;
			}
		* html #content, * html ul{
			height:1%;
			}

    /* // clearfix */

.sliders{
	width: 750px;
	margin-left: -24px;
	position: relative;
	clear: left;
}

.sliders p{
	margin-bottom: 20px;
}

	#picslider{
		margin: 20px 0 20px 25px;
		overflow:hidden;
		position: relative;
		border: 1px solid #888888;
	}

	#picslider ul, #picslider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#picslider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:699px;
		height:220px;
		overflow:hidden; 
		}
		
	#vidslider{
		margin: 20px 0 20px 25px;
		overflow:hidden;
		position: relative;
		border: 1px solid #888888;
	}

	#vidslider ul, #picslider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#vidslider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:699px;
		height:220px;
		overflow:hidden; 
		}
		
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		width:25px;
		height:77px;
		position:absolute;
		left:0px;
		top: 60px;
		}	
	#nextBtn, #nextBtn2{ 
		left:726px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:25px;
		height:77px;
		background:url(../img/layout/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a ,#nextBtn2 a{ 
		background:url(../img/layout/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */


/*************************************** CONTACT ************************************/



/*************************************** LINKS ************************************/

.links{
	float: left;
	width: 340px;
	margin-right: 5px;
}

.links h2{
	margin-bottom: 10px;
}

.links a{
	color: #D12832;
	margin-bottom: 5px;
	display: block;
}

.links a:hover{
	text-decoration: underline;
}

.link_column_one, .link_column_two, .link_column_three{
	float: left;
	width: 223px;
	margin-bottom: 20px;
}

.link_column_one{
	
}

.link_column_one a:hover, .link_column_two a:hover, .link_column_three a:hover{
	text-decoration: underline;
	color: #D12832;
}

.link_column_one img, .link_column_two img, .link_column_three img{
	margin: 0 auto;
	display:block;
	height: 67px;
	clear: right;
}

.link_column_one h2, .link_column_two h2, .link_column_three h2{
	margin-top: 5px;
	text-align: center;
}

.link_column_one h2 a, .link_column_two h2 a, .link_column_three h2 a{
	font-size: 12px;
}

.link_column_two{
	margin-left: 10px;
}

.link_column_three{
	margin-left: 10px;
	clear: right;
}