/******************************     SOULFIESTA.CO.UK  -    06/10/2009     ********************************/



body {
	margin: 0;
	padding: 0;
	background: #000000 url(/images/bg.jpg) repeat-x;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #ffffff;
	}

#bigdiv{
margin: auto;
background: #000000 url(/images/top.jpg) no-repeat;
width: 1000px; 
text-align: left;
position: relative;
}

#tel{
position: absolute;
right:0;
top: 65px;
right: 40px;}

#wrap{
width: 930px;
margin: 0 auto;
padding-top:155px;
}

#logo{
left: 10px;
position: absolute;
}


#flash{
padding: 0 0 14px 0;
height: 256px;
}

#flash object{
position:absolute;
left:0px;
top:115px;}


#center{
width: 940px;
float: left;
clear:both;
}

#terms{
width: 890px;
padding: 15px; }

#left{
padding: 0 10px 20px 0;
width:600px;
float: left;
}

#middle{
margin: 0 0 20px 0;
width: 300px;
float:left;
}


#right{
margin: 0 0 20px 10px;
width: 300px;
float:left;
}


#center{
margin: 0 0 20px 0;
width: 920px;
float:left;
}


.home #right{
border: 1px solid #333333;
height: 380px;
width: 300px;
}

.home #right a{
margin: 0 0 0 15px;}

/****************************** H TAGS ********************************/

h1, h2, h3{
	margin: 0;
	padding: 0;
	font-weight: normal;
	letter-spacing: 0px;
	font-family: Arial, Helvetica, sans-serif;
	
}

h1, .zhometitle, .zabouttitle, .zaudiotitle, .zrepertoire_righttitle, .zbandname{
	font-size: 20px;
	padding:0;
	margin:0 0 5px 0;
	color: #cf153e;
}


#tel h1{
	font-size: 13px;
	text-transform: uppercase;
	padding:0 0 5px 0;
	margin:0;
	color:#ffffff;
}



h2, .zlivetitle, .ztestimonialstitle, .zrepertoire_lefttitle, .zrepertoire_righttitle{
	font-size: 15px;
	color: #cf153e;
	padding:5px 0 0 0;
	margin:0;
}

h3, .zbandtitle {
	font-size: 13px;
	color: #999999;
	padding:0 0 5px 0;
	margin:0;
	}


h5 {
	font-size: 9px;
}

h5 a:hover{
	color: #cf153e;
	text-decoration:none;
}

h5 a{
padding: 0 5px 0 5px;
	color: #ffffff;
	text-decoration:none;
}

p, blockquote, ul, ol  {
	line-height: 15px;
	padding:0 0 15px 0;
	margin:0;
	}
	

	
li {
list-style-image: url(images/vital2_09.jpg);
padding: 0;
}

a {
text-decoration: none; 
	color: #cf153e;
}

a img{
border: none;
text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #fff;
}

.zgallerygallery div{
float:right;
margin: 0 0 8px 10px;
border: 1px solid #1e1e1e;
}




/*********************************  HOME *************************************/

.home h1{
	font-size: 25px;
}

.zhometitle{
font-size: 25px;
padding: 15px 0 20px 15px;
}

.zhomedescription{
padding: 0 15px 0 15px;
}


/********************************* ABOUT *************************************/
.zaboutdescription{
color: #ffffff;}


/********************************* AUDIO *************************************/

#mp3{
width: 600px;
height: 40px;
border-bottom: 1px solid #1e1e1e;
margin: 0 0 15px 0;
}


#mp3 h3
{float:left;
width: 170px;}


#mp3 a{
font-size: 13px;
display: block;
float:left;
padding:5px 0 0 20px;
margin:0;
}

#mp3 object{
width: 300px;
float: left;
}



/********************************* TESTIMONIALS *************************************/
.ztestimonialsrow{
width: 610px;
border-bottom: 1px solid #1e1e1e;
margin: 0 0 0px 0;
float:left;
}

.ztestimonialstitle{
margin:10px 0 0 0;
}

.ztestimonialsdescription{
margin: 0 0 15px 0;
}

.ztestimonialsgallery div{
border: 1px solid #1e1e1e;
margin: 10px 10px 0 0;
}


/********************************* REPERTOIRE *************************************/

.repertoire #left{
width: 300px;}

.repertoire #middle{
margin: 30px 0 0 0;}

.zrepertoire_leftdescription, .zrepertoire_rightdescription{
padding: 0 0 20px 0;
line-height: 18px;}

.repertoire ul{
margin: 0 0 0 15px;
}

.repertoire li{
padding: 0 0 4px 0;
font-size: 15px;}

/*********************************  BAND *************************************/

.zbandname{
padding: 0;
margin: 0;
}

.zbandimage #left img{
padding:0;
margin:0;
}

.zbandimage{
float:left;
margin: 5px 10px 0 0;
border: 1px solid #1e1e1e;
}


.zbandrow{
border-bottom: 1px solid #1e1e1e;
padding: 20px 0 20px 0;}


/*********************************  LIVE *************************************/

.zliverow{
height: 120px;
width: 610px;
float:left;
border-bottom: 1px solid #1e1e1e;
margin: 20px 0 0 0;}


.zliveimage{
width: 150px;
float:left;
margin: 0 20px 0 0;}

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

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

#menu {
	width: 920px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 6px 12px 7px 12px;
	text-transform: uppercase;
	text-decoration: none;
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#menu a:hover {
	color: #999999;
}


h2 a:hover{
	color: #fff;
	}
	
.home a#homenav,
.about a#aboutnav,
.audio a#audionav,
.testimonials a#testimonialsnav,
.repertoire a#repertoirenav,
.gallery a#gallerynav,
.band a#bandnav,
.live a#livenav,
.contact a#contactnav
{
color: #cf153e;
}




/************************* FORM ********************************/	



.form #center{
padding: 0;
width:350px;
height: 250px;
float: left;
border: 0;
}

.form #table{
width: 296px;
float: left;
height: 270px;
}

#midtable{
width: 296px;
float:left;}

input{
margin: 0 0 5px 0;
float: right;}


select{
margin: 0 0 5px 0;
float: right;}

textarea{
margin: 0 0 5px 0;
float: right;}

/************************* FOOTER ********************************/	
	
#footer {
	padding: 0;
	clear:both;
		border-top:1px solid #cf153e;
	border-bottom:1px solid #cf153e;
}

#footer h5 {
	text-align:center;
	color: #ffffff;
	margin: 8px 0 8px 0;
	}

	
span{
color:#cf153e;}

.white{
color:#ffffff;
font-weight: bold;}


/*************************** Giraffe ******************************/


.indented_bullets {
padding: 0px 0px 0px 20px;	
}