/******************************

Mabon
version:   1.0
author:    Adam Rhodes
website:   http://www.rhodesyman.com/

******************************/


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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

hr { display: none; }

.clear{
	clear: both;
}

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

body{
	background: #FAAF3B;
	text-align: center;
}

p, a, h2, h3, textarea{
	font-family: arial;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	text-align: left;
}

img{
	behavior: url("../js/iepngfix.htc");
}

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

h2.page_title{
	color: #FFFFFF;
	font-size: 18px;
	margin: 5px 0px 10px 30px;
	position: relative;
	z-index: 10000;
	top: 12px;
}

.orange{
	color: #FAAF3B !important;
}

.white{
	color: #FFFFFF !important;
}

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

#container{
	margin: 0px auto;
	width: 900px;
	position: relative;
	overflow: hidden;
	background: url('../img/layout/bg.gif') repeat-y;
	min-height: 600px;
}

#container_end{
	margin: 0px auto;
	background: url('../img/layout/bg_end.gif') no-repeat;
	width: 900px;
	height: 30px;
	text-align: center !important;
}

#container_end p{
	font-size: 11px;
	top: 20px;
	position: relative;
	margin-bottom: 40px;
	text-align: center !important;
}

#container_end p a{
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

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

#logo{
	margin: 20px auto 0 auto;
	background: url('../img/layout/logo.gif');
	width: 445px;
	height: 244px;
}

#language_container{
	width: 165px;
	height: 50px;
	z-index: 500;
	position: absolute;
	top: 10px;
	right: 40px;
}

#language_container p{
	margin-bottom: 5px;
	color: #FAAF3B;
	text-align: right;
}

#language_container li{
	float: left;
	width: 50px;
	margin-left: 5px;
	overflow: hidden;
}

#language_container li img{

}

#language_container li a{
	color: #FAAF3B;
}

#language_container li a:hover{
	color: #FFFFFF;
}

#left_feature, #right_feature{
	float: left;
	z-index: 10000;
	position: absolute;
	padding-top: 5px;
	top: 20px;
	width:180px;
	height: 250px;
}

#left_feature p, #right_feature p{
	text-align: center;
	margin-top: 5px;
	 color: #FFFFFF;
}

#left_feature{
	left: 50px;
}

#right_feature{
	right: 30px;
}

#content{
	margin: 0 auto;
	min-height: 400px;
	overflow: hidden;
	width: 850px;
	position: relative;
}

#news_column{
	margin-top: 35px;
	float: left;
	display: inline;
	margin-left: 25px;
	border: 5px solid #FAAF3B;
	width: 400px;
	height: 488px;
	text-align: left;
	display: inline;
	background: #FFFFFF;
}

#news_column #news p{
	color: #333333;
	font-family: arial;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
	width: 370px;
	font-size: 13px;
	line-height: 18px;
}

#news_column #news p a{
	font-size: 13px;
	line-height: 18px;
}

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

.news_title{
	position: relative;
	top: -23px !important;
	width: 300px;
	height: 23px;
	margin: 0px !important;
}

#news{
	overflow: auto;
	margin-left: 0px;
	width: 400px;
	height: 488px;
}

#tunes_column{
	float: left;
	margin-top: 60px;
	margin-left: 25px;
	display: inline;
	border: 5px solid #FAAF3B;
	width: 355px;
	height: 78px;
	text-align: left ;
}

#tunes_column object{
	margin-top: -19px;
	margin-left: 3px;
	position: absolute;
}

.tunes_title{
	position: relative;
	top: -23px !important;
	width: 100px;
	height: 22px;
	margin: 0px !important;
}

#mailing_column{
	float: left;
	margin-top: -12px;
	margin-left: 25px;
	display: inline;
	border: 5px solid #FAAF3B;
	width: 400px;
	height: 150px;
	text-align: left ;
}

.mailing_title{
	position: relative;
	top: -23px !important;
	width: 260px;
	height: 26px;
	margin: 0px !important;
}

form.cmxform fieldset{
	margin-top: -15px;
	margin-left: 10px;
}

form.cmxform label{
	display: inline-block;
	line-height: 25px;
	vertical-align: top;
	font-size: 12px;
	font-family: arial;
	font-size: 12px;
	color: #FFF;
}

form.cmxform fieldset ul{
	margin: 0;
	padding: 0;
}

form.cmxform fieldset li{
	list-style: none;
	padding: 1px;
	margin: 0;
}

form.cmxform label {
	width: 120px; /* Width of labels */
}

form.cmxform .submit{
	float: right;
	margin-right: 10px;
}

#promo{
	margin-top: 35px;
	width: 365px;
}

#foot{
	width: 850px;
	height: 15px;
	margin-left: 25px;
	margin-top: 25px;
	text-align: center !important;
}

#foot p{
	color: #FAAF3B;
	font-size: 12px;
	text-align: center !important;
}

#foot p a{
	color: #FAAF3B;
}

#foot p a:hover{
	color: #FFF;
}

/* ******************** Navigation ********************* */

#menu_container{
	width: 800px;
	height: 40px;
	margin: 20px auto 0 auto;
	border-top: 1px solid #777;/*FAAF3B;*/
	border-bottom: 1px solid #777;/*FAAF3B;*/
	overflow: hidden;
}

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

#menu_container #nav li{
	display: inline;
}

#menu_container #nav li a, #menu_container #nav li span{
	float: left;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
	background-repeat: no-repeat;
}

/****** ENGLISH ******/

#menu_container .en li a, #menu_container .en li span{
	background-image: url('../img/layout/menu.gif'); 
}

/* Buttons */

#menu_container #nav.en li#nav-home a{ background-position: 0px 0px; width: 75px; }
#menu_container #nav.en li#nav-about a{ background-position: -75px 0; width: 72px; }
#menu_container #nav.en li#nav-concerts a{ background-position: -147px 0; width: 97px; }
#menu_container #nav.en li#nav-shop a{ background-position: -244px 0; width: 64px; }
#menu_container #nav.en li#nav-gallery a{ background-position: -308px 0; width: 85px; }
#menu_container #nav.en li#nav-guestbook a{ background-position: -393px 0; width: 107px; }
#menu_container #nav.en li#nav-links a{ background-position: -500px 0; width: 71px; }
#menu_container #nav.en li#nav-promo a{ background-position: -571px 0; width: 136px; }
#menu_container #nav.en li#nav-contact a{ background-position: -707px 0; width: 93px; }

/* Over */

#menu_container #nav.en li#nav-home a:hover{ background-position: 0px -40px; }
#menu_container #nav.en li#nav-about a:hover{ background-position: -75px -40px; }
#menu_container #nav.en li#nav-concerts a:hover{ background-position: -147px -40px; }
#menu_container #nav.en li#nav-shop a:hover{ background-position: -244px -40px; }
#menu_container #nav.en li#nav-gallery a:hover{ background-position: -308px -40px; }
#menu_container #nav.en li#nav-guestbook a:hover{ background-position: -393px -40px; }
#menu_container #nav.en li#nav-links a:hover{ background-position: -500px -40px; }
#menu_container #nav.en li#nav-promo a:hover{ background-position: -571px -40px; }
#menu_container #nav.en li#nav-contact a:hover{ background-position: -707px -40px; }

/* Pressed */

#menu_container #nav.en li#nav-home a:active{ background-position: 0px -80px; }
#menu_container #nav.en li#nav-about a:active{ background-position: -75px -80px; }
#menu_container #nav.en li#nav-concerts a:active{ background-position: -147px -80px; }
#menu_container #nav.en li#nav-shop a:active{ background-position: -244px -80px; }
#menu_container #nav.en li#nav-gallery a:active{ background-position: -308px -80px; }
#menu_container #nav.en li#nav-guestbook a:active{ background-position: -393px -80px; }
#menu_container #nav.en li#nav-links a:active{ background-position: -500px -80px; }
#menu_container #nav.en li#nav-promo a:active{ background-position: -571px -80px; }
#menu_container #nav.en li#nav-contact a:active{ background-position: -707px -80px; }

/* On */

#menu_container.home #nav.en li#nav-home a{ background-position: 0px -120px !important; }
#menu_container.about #nav.en li#nav-about a{ background-position: -75px -120px !important; }
#menu_container.concerts #nav.en li#nav-concerts a{ background-position: -147px -120px !important; }
#menu_container.shop #nav.en li#nav-shop a{ background-position: -244px -120px !important; }
#menu_container.gallery #nav.en li#nav-gallery a{ background-position: -308px -120px !important; }
#menu_container.gb #nav.en li#nav-guestbook a{ background-position: -393px -120px !important; }
#menu_container.links #nav.en li#nav-links a{ background-position: -500px -120px !important; }
#menu_container.promo #nav.en li#nav-promo a{ background-position: -571px -120px !important; }
#menu_container.contact #nav.en li#nav-contact a{ background-position: -707px -120px !important; }

/****** FRENCH ******/

#menu_container .fr li a, #menu_container .fr li span{
	background-image: url('../img/layout/menu_fr.gif'); 
}

/* Buttons */

#menu_container #nav.fr li#nav-home a{ background-position: 0px 0px; width: 91px; }
#menu_container #nav.fr li#nav-about a{ background-position: -91px 0; width: 110px; }
#menu_container #nav.fr li#nav-concerts a{ background-position: -201px 0; width: 91px; }
#menu_container #nav.fr li#nav-shop a{ background-position: -292px 0; width: 92px; }
#menu_container #nav.fr li#nav-gallery a{ background-position: -384px 0; width: 87px; }
#menu_container #nav.fr li#nav-guestbook a{ background-position: -471px 0; width: 100px; }
#menu_container #nav.fr li#nav-links a{ background-position: -571px 0; width: 63px; }
#menu_container #nav.fr li#nav-promo a{ background-position: -634px 0; width: 73px; }
#menu_container #nav.fr li#nav-contact a{ background-position: -707px 0; width: 93px; }

/* Over */

#menu_container #nav.fr li#nav-home a:hover{ background-position: 0px -40px; }
#menu_container #nav.fr li#nav-about a:hover{ background-position: -91px -40px; }
#menu_container #nav.fr li#nav-concerts a:hover{ background-position: -201px -40px; }
#menu_container #nav.fr li#nav-shop a:hover{ background-position: -292px -40px; }
#menu_container #nav.fr li#nav-gallery a:hover{ background-position: -384px -40px; }
#menu_container #nav.fr li#nav-guestbook a:hover{ background-position: -471px -40px; }
#menu_container #nav.fr li#nav-links a:hover{ background-position: -571px -40px; }
#menu_container #nav.fr li#nav-promo a:hover{ background-position: -634px -40px; }
#menu_container #nav.fr li#nav-contact a:hover{ background-position: -707px -40px; }

/* Pressed */

#menu_container #nav.fr li#nav-home a:active{ background-position: 0px -80px; }
#menu_container #nav.fr li#nav-about a:active{ background-position: -91px -80px; }
#menu_container #nav.fr li#nav-concerts a:active{ background-position: -201px -80px; }
#menu_container #nav.fr li#nav-shop a:active{ background-position: -292px -80px; }
#menu_container #nav.fr li#nav-gallery a:active{ background-position: -384px -80px; }
#menu_container #nav.fr li#nav-guestbook a:active{ background-position: -471px -80px; }
#menu_container #nav.fr li#nav-links a:active{ background-position: -571px -80px; }
#menu_container #nav.fr li#nav-promo a:active{ background-position: -634px -80px; }
#menu_container #nav.fr li#nav-contact a:active{ background-position: -707px -80px; }

/* On */

#menu_container.home #nav.fr li#nav-home a{ background-position: 0px -120px !important; }
#menu_container.about #nav.fr li#nav-about a{ background-position: -91px -120px !important; }
#menu_container.concerts #nav.fr li#nav-concerts a{ background-position: -201px -120px !important; }
#menu_container.shop #nav.fr li#nav-shop a{ background-position: -292px -120px !important; }
#menu_container.gallery #nav.fr li#nav-gallery a{ background-position: -384px -120px !important; }
#menu_container.gb #nav.fr li#nav-guestbook a{ background-position: -471px -120px !important; }
#menu_container.links #nav.fr li#nav-links a{ background-position: -571px -120px !important; }
#menu_container.promo #nav.fr li#nav-promo a{ background-position: -634px -120px !important; }
#menu_container.contact #nav.fr li#nav-contact a{ background-position: -707px -120px !important; }

/****** WELSH ******/

#menu_container .cym li a, #menu_container .cym li span{
	background-image: url('../img/layout/menu_cwm.gif'); 
}

/* Buttons */

#menu_container #nav.cym li#nav-home a{ background-position: 0px 0px; width: 59px; }
#menu_container #nav.cym li#nav-about a{ background-position: -59px 0; width: 115px; }
#menu_container #nav.cym li#nav-concerts a{ background-position: -174px 0; width: 124px; }
#menu_container #nav.cym li#nav-shop a{ background-position: -298px 0; width: 55px; }
#menu_container #nav.cym li#nav-gallery a{ background-position: -353px 0; width: 60px; }
#menu_container #nav.cym li#nav-guestbook a{ background-position: -413px 0; width: 150px; }
#menu_container #nav.cym li#nav-links a{ background-position: -563px 0; width: 80px; }
#menu_container #nav.cym li#nav-promo a{ background-position: -643px 0; width: 74px; }
#menu_container #nav.cym li#nav-contact a{ background-position: -717px 0; width: 83px; }

/* Over */

#menu_container #nav.cym li#nav-home a:hover{ background-position: 0px -40px; }
#menu_container #nav.cym li#nav-about a:hover{ background-position: -59px -40px; }
#menu_container #nav.cym li#nav-concerts a:hover{ background-position: -174px -40px; }
#menu_container #nav.cym li#nav-shop a:hover{ background-position: -298px -40px; }
#menu_container #nav.cym li#nav-gallery a:hover{ background-position: -353px -40px; }
#menu_container #nav.cym li#nav-guestbook a:hover{ background-position: -413px -40px; }
#menu_container #nav.cym li#nav-links a:hover{ background-position: -563px -40px; }
#menu_container #nav.cym li#nav-promo a:hover{ background-position: -643px -40px; }
#menu_container #nav.cym li#nav-contact a:hover{ background-position: -717px -40px; }

/* Pressed */

#menu_container #nav.cym li#nav-home a:active{ background-position: 0px -80px; }
#menu_container #nav.cym li#nav-about a:active{ background-position: -59px -80px; }
#menu_container #nav.cym li#nav-concerts a:active{ background-position: -174px -80px; }
#menu_container #nav.cym li#nav-shop a:active{ background-position: -298px -80px; }
#menu_container #nav.cym li#nav-gallery a:active{ background-position: -353px -80px; }
#menu_container #nav.cym li#nav-guestbook a:active{ background-position: -413px -80px; }
#menu_container #nav.cym li#nav-links a:active{ background-position: -563px -80px; }
#menu_container #nav.cym li#nav-promo a:active{ background-position: -643px -80px; }
#menu_container #nav.cym li#nav-contact a:active{ background-position: -717px -80px; }

/* On */

#menu_container.home #nav.cym li#nav-home a{ background-position: 0px -120px !important; }
#menu_container.about #nav.cym li#nav-about a{ background-position: -59px -120px !important; }
#menu_container.concerts #nav.cym li#nav-concerts a{ background-position: -174px -120px !important; }
#menu_container.shop #nav.cym li#nav-shop a{ background-position: -298px -120px !important; }
#menu_container.gallery #nav.cym li#nav-gallery a{ background-position: -353px -120px !important; }
#menu_container.gb #nav.cym li#nav-guestbook a{ background-position: -413px -120px !important; }
#menu_container.links #nav.cym li#nav-links a{ background-position: -563px -120px !important; }
#menu_container.promo #nav.cym li#nav-promo a{ background-position: -643px -120px !important; }
#menu_container.contact #nav.cym li#nav-contact a{ background-position: -717px -120px !important; }



/* ******************** Guestbook ********************* */

#signgb{
	display: block;
	border: 5px solid #FAAF3B;
	width: 450px;
	margin: 40px auto 0 auto;
	text-align: left ;
}

.gb_title{
	position: relative;
	top: -10px !important;
	left: -10px;
	width: 350px;
	height: 22px;
	margin: 0px !important;
}

form.gbform{
	margin: -13px 10px 10px 10px !important;
}

form.gbform fieldset{
	text-align: left;
	
}

form.gbform label{
	display: inline-block;
	line-height: 25px;
	vertical-align: top;
	font-family: arial;
	font-size: 12px;
	color: #FFF;
}

form.gbform fieldset ul{
	margin: 0;
	padding: 0;
}

form.gbform fieldset li{
	list-style: none;
	padding: 1px;
	margin: 0;
}

form.gbform fieldset li textarea{
	margin: 0px;
	font-family: arial;
	font-size: 12px;
	width: 360px;
	height: 100px;
}

form.gbform fieldset li .submit{
	float: right;

}

form.gbform label {
	width: 60px; /* Width of labels */
}


#gb_entries{
	width: 550px;
	margin: 20px auto 0 auto;
	text-align: left;
}

#gb_entries .pages{
	text-align: center;
}

#gb_entries .pages p{
	text-align: center;
	color: #FAAF3B;
}

#gb_entries .pages a{
	color: #FAAF3B;
}

#gb_entries .pages a:hover{
	color: #FFFFFF;
}

#gb_entries ul{
	margin-top: 10px;	
}

#gb_entries ul li{
	padding: 10px;
	border: 1px solid #777;
	background: #999;
}

#gb_entries ul h3{
	margin-top: 10px;
	margin-right: 5px;
	color: #999;
	text-align: right;
}

#gb_loader{
	position: absolute;
	z-index: 555;
	padding: 20px;
	background: #FFF;
	top: 50px;
	left: 135px;
	border: 1px solid #999;
	text-align: center;
}

#entry_loader{
	position: relative;
	z-index: 555;
	padding: 20px;
	background: #FFF;
	top: -50px;
	left: 200px;
	width: 100px;
	text-align: center;
	border: 1px solid #999;
}

#entry_loader p{
	text-align: center;
}

#gb_result{
	margin: 20px auto 0 auto;
	width: 400px;
	text-align: center;
}

#gb_result p{
	text-align: center;
	color: #FFF;
}

.darkenBackground {
	background-color: rgb(0, 0, 0);
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index: 20;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
}

#disclaimer{
	margin-top: 20px;
	text-align: center;
	color: #FFF;
	font-size: 9px;
}




/******* SCROLLPANE ********/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	top: -23px;
	z-index: 1;
	border-right: 1px solid #666;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #999;
}
.jScrollPaneDrag {
	position: absolute;
	background: #FAAF3B url('../img/layout/drag_grab.gif') no-repeat 50% 50%;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

a.jScrollArrowUp {
	background: url('../img/layout/arrow_up.gif') repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url('../img/layout/arrow_down.gif') repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


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

#video{
	clear: both;

}

#video img.back{
	position: relative;
	top:-325px;

}

.sliders h2{
	margin-top: 14px;
}

img.title{
	float: left;
	margin: 20px 0 10px 25px;
	clear:both;
}

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

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

.gall a{
	text-decoration: none;
	display: block;
	color: #FAAF3B;
	text-align: center;
	height: 230px;
	background: #333333;
	overflow: hidden;
}

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

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

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

/* 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: 50px;
	position: relative;
	clear: left;
}

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

	#picslider{
		margin: 20px 0 20px 25px;
		background: #EEEEEE;
		border: 1px solid #444444;
		overflow:hidden;
		position: relative;
		background: #333333;
	}

	#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:700px;
		height:230px;
		overflow:hidden; 
		}
		
	#vidslider{
		margin: 20px 0 20px 25px;
		background: #EEEEEE;
		border: 1px solid #444444;
		overflow:hidden;
		position: relative;
		background: #333333;
	}

	#vidslider ul, #vidslider 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:700px;
		height:230px;
		overflow:hidden; 
		}
		
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		width:25px;
		height:77px;
		position:absolute;
		left:0px;
		top: 70px;
		}	
	#nextBtn, #nextBtn2{ 
		left:727px;
		}														
	#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 */


/*************************************** GALLERY PAGES ************************************/

#gallery_breadcrumbs{
	clear: left;
	margin: 20px 0px 10px 40px;
}

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

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

#gallery{
	margin: 0 25px;
}

.ad-controls, .ad-controls p{
	font-size: 12px;
	color:#FAAF3B;
	font-family: arial;
}

/*************************************** ABOUT  ************************************/

#paperclip{
	position: relative;
	z-index: 10000;
	top: 0px;
	left: 280px;
}

#profile_container{
	margin: -80px auto 0 auto;
	width: 762px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

#profile_top{
	background: url('../img/layout/profile_top.gif');
	float: left;
	width: 762px;
	height: 25px;
}


#profile_middle{
	background: url('../img/layout/profile_middle.gif') repeat-y;
	float: left;
	width: 762px;
	min-height: 560px;
	padding-top: 10px;
}

#profile_middle .summary{
	float: left;
	margin: 0px 0px 0px 50px;
	width: 460px;
	padding: 0px;
	padding-top: 20px;
	height: 202px;
	/*background: url('../img/layout/factfile_sticker.gif');*/
	border: 2px solid #333;
	display: inline;
}

#profile_middle .summary p{
	width:400px;
	color: #333;
	margin-left: 5px;
	margin-bottom: 10px;
	font-size: 16px;
	border-bottom: 1px solid #666;
}

#profile_middle img.passport{
	float: left;
	margin: 0px 10px 10px 20px;
	display: inline;
}

#profile_middle p{
	font-family: courier;
	color: #333;
	font-size: 14px;
	width: 625px;
	position: relative;
	margin-top: 10px;
	margin-left: -35px;
	display: inline-block;
	line-height: 16px;
}

#profile_bottom{
	background: url('../img/layout/profile_bottom.gif');
	float: left;
	width: 762px;
	height: 50px;
}

#profile_tabs{
	position: absolute;
	top: 15px;
	left: 715px;
	width: 30px;
	height: 581px;
	z-index: 9999;
	overflow: hidden;
}

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

#profile_tabs #nav li{
	display: block;
}

#profile_tabs #nav li a, #profile_tabs #nav li span{
	float: left;
	width: 30px;
	height: 0px;
	padding-top: 69px;
	overflow: hidden;
	background-image: url('../img/layout/profile_tabs.gif');
	background-repeat: no-repeat;
}

/* Buttons */

#profile_tabs #nav li#nav-mabon a{ background-position: 0px 0px; padding-top: 77px !important; }
#profile_tabs #nav li#nav-jamie a{ background-position: 0px -77px; }
#profile_tabs #nav li#nav-oli a{ background-position: 0px -146px; }
#profile_tabs #nav li#nav-calum a{ background-position: 0px -215px; }
#profile_tabs #nav li#nav-derek a{ background-position: 0px -284px; }
#profile_tabs #nav li#nav-matt a{ background-position: 0px -353px; }
#profile_tabs #nav li#nav-iolo a{ background-position: 0px -422px; }
#profile_tabs #nav li#nav-ruth a{ background-position: 0px -498px; padding-top: 77px !important; }

/* Over */

#profile_tabs #nav li#nav-derek a:hover{ background-position: -30px 0px; }
#profile_tabs #nav li#nav-jamie a:hover{ background-position: -30px -77px; }
#profile_tabs #nav li#nav-oli a:hover{ background-position: -30px -146px; }
#profile_tabs #nav li#nav-calum a:hover{ background-position: -30px -215px; }
#profile_tabs #nav li#nav-derek a:hover{ background-position: -30px -284px; }
#profile_tabs #nav li#nav-matt a:hover{ background-position: -30px -353px; }
#profile_tabs #nav li#nav-iolo a:hover{ background-position: -30px -422px; }
#profile_tabs #nav li#nav-ruth a:hover{ background-position: -30px -498px; }

/* On */

#profile_tabs.mabon_profile #nav li#nav-mabon a{ background-position: -30px 0px !important; }
#profile_tabs.jamie_profile #nav li#nav-jamie a{ background-position: -30px -77px !important; }
#profile_tabs.oli_profile #nav li#nav-oli a{ background-position: -30px -146px !important; }
#profile_tabs.calum_profile #nav li#nav-calum a{ background-position: -30px -215px !important; }
#profile_tabs.derek_profile #nav li#nav-derek a{ background-position: -30px -284px !important; }
#profile_tabs.matt_profile #nav li#nav-matt a{ background-position: -30px -353px !important; }
#profile_tabs.iolo_profile #nav li#nav-iolo a{ background-position: -30px -422px !important; }
#profile_tabs.ruth_profile #nav li#nav-ruth a{ background-position: -30px -498px !important; }

#band_profile{
	clear: both;
	border: 5px solid #FAAF3B;
	width: 790px;
	margin: 0 auto 10px auto;
}

#band_profile p{
	color: #FFF;
	font-family: arial;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 770px;
	display: inline-block;
}

/*************************************** CONCERTS  ************************************/

#concerts{
	clear: both;
	border: 5px solid #FAAF3B;
	width: 790px;
	margin: 0 auto 10px auto;
}

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

table.gigs p{
	color: white;
}

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

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

table.gigs td {
	padding: 1px;
	padding-bottom: 10px;
	border-bottom: 1px solid #444444;
}

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

#cds, #clothing, #books{
	clear: both;
	border: 5px solid #FAAF3B;
	width: 790px;
	margin: 0 auto 10px auto;
}

#shoptext{
	float: left;
	width: 810px;
	margin: 0 0px 10px 15px;
	height: 50px;
	position: relative;
	display: inline;
}

#shoptext p{
	color: #FFF;
	font-family: arial;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 790px;
}

.shoplist ul{
	list-style-type: none;
	text-align: center;
	width: 790px;
}

.shoplist li{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	overflow: hidden;
	margin: 10px;
	height: auto;
	text-align: center;
}

.shoplist img{
	width: 200px;
}

.shoplist li p{
	text-align: center;
	margin: 0 auto;
	color: #FAAF3B;
	width: 200px;
}

.shoplist li a p{
	text-decoration: none;
	color: #FAAF3B;
	text-align: center;
}

.shoplist li a:hover p{
	text-decoration: underline;
}

#shop_details{
	float: left;
	min-height: 300px;
	width: 620px;
	margin: 0px 10px 0 25px;
	display: inline;
}

#shop_till{
	float: left;
	width: 150px;
	margin-left: 10px;
	display: inline;
}

#item_details{
	float: left;
	border: 5px solid #FAAF3B;
	width: 620px;
}

#item_details img{
	margin: 10px 0 10px 10px;
}

#item_details img, #item_details p{
	float: left;
}

#item_details p{
	color: #FFF;
	margin: 10px;
	width: 380px;
}

#add_to_cart{
	float: left;
	border: 5px solid #FAAF3B;
	width: 150px;
	margin: 0px;
	margin-bottom: 10px;
	text-align: left;
}

#add_to_cart p{
	color: #FFF;
	margin: 10px;
}

#add_to_cart a{
	color: #FAAF3B;
	
}

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

#add_to_cart .submit{
	margin-bottom: 10px;
	margin-left: 39px;
}

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


#links{
	clear: both;
	border: 5px solid #FAAF3B;
	padding: 10px;
	width: 770px;
	margin: 0 auto 10px auto;
}

#links p{
	color: white;
	margin-bottom: 15px;
}

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

#cards{
	width: 891px;
	margin:0px auto;
	position: relative;
	height: 900px;
}

.card{
	width: 300px;
	height: 189px;
	background: url('../img/layout/card.gif') no-repeat;
	position: absolute;
	text-align: center;
}

.card h2{
	margin-bottom: 30px;
	font-size: 16px !important;
	color: #FAAF3B;
}

.card h2, .card p{
	margin-left: 20px;
	
}

.card .top{
	margin-top: 10px;
	margin-bottom: 30px;
	width: 200px;
}

.card .flags{
	position: absolute;
	top: 62px;
	right: 13px;
}

.card p{
	margin-bottom: 20px;
	font-size: 12px;
	color: #FAAF3B;
	line-height: 16px;
}

.card a{
	color: #FAAF3B;
	text-decoration: none;
}

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

/* ************ PROMO ******************* */

.column_container{
	overflow: hidden;
}

.promocolumn{
		float: left;
		margin-left: 25px;
}

.promocolumn h2{
	margin-left: 5px !important;
}

#promopics{
	margin-top: 0px;
	margin-left: 25px;
	border: 5px solid #FAAF3B;
	width: 790px;
	text-align: left ;
}

#promopics #pics{
	margin-left: 40px;
}

#promopics p{
	margin: 10px;
	color: #FFFFFF;
}

#promotunes{
	margin-top: 0px;
	display: block;
	border: 5px solid #FAAF3B;
	width: 300px;
	text-align: left ;
}

#promotunes ul{
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	line-height: 35px;
	background-position: 0 1px;
}

#promotunes li{
	width: 300px;
	background: url('../img/layout/tunes.gif') no-repeat;
}

#promotunes p{
	color: #FFFFFF;
	margin-left: 40px;
}

#promodocs{
	margin-top: 0px;
	display: block;
	border: 5px solid #FAAF3B;
	width: 455px;
	text-align: left ;
}

#promodocs ul{
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	line-height: 35px;
	background-position: 0 1px;
}

#promodocs li.doc{
	width: 450px;
	background: url('../img/layout/doc.gif') no-repeat;
}

#promodocs li.pdf{
	width: 450px;
	background: url('../img/layout/pdf.gif') no-repeat;
}

#promodocs p{
	color: #FFFFFF;
	margin-left: 35px;
}

.promogall{
	float: left;
	width: 233px;
	height: 200px;
	margin-right: 0px;
}

.promogall a{
	text-decoration: none;
	display: block;
	color: #FAAF3B;
	text-align: center;
	height: 200px;
	background: #333333;
	overflow: hidden;
}

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

.promogall a:hover{
	background: #555555;
}

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