/****************************** www.epicsetereo.co.uk **************************************/


body {
	margin: 0;
	padding: 40px 0 20px 0;
	background: #fff url(/images/bg.jpg) repeat-x;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 16px;
	}

#bigdiv{
margin: auto;
padding: 120px 0 0 0;
background: #fff url(/images/top.jpg) no-repeat left top;
width: 960px; 
text-align: left;
position: relative;
}


#wrap{
width: 920px;
margin: auto;
min-height: 440px;
}


#content{
width: 920px;
padding: 5px 0 0 0; 
}

/****************************** LEFT / MIDDLE / RIGHT ********************************/
#left{
width: 300px;
float: left;
padding: 0;
}

#middle{
width: 600px;
float: left;
margin-right: 10px;
}


#right{
width: 300px;
float: left;
}


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

h1, h2, h3{
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

h1, .zabouttitle, .zcontacttitle, .zservicestitle, .zhometitle, .ztestimonialstitle{  
	font:  normal 18px 'century gothic', Arial, Helvetica, sans-serif;
	line-height: 25px;
	margin:0 0 5px 0;
	color: #f11a61;
	}


h2{
	font-size: 15px;
	margin:0;
	color: #f89a1c;
	padding:5px 0 0 0;
}

h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
}


h5 {
	font-size: 9px;
}

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

h5 a{
padding: 0 0 0 10px;
	color: #999;
	text-decoration:none;
}

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

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

li.pink{
color: #ff3e7d;
}

a {
text-decoration: none; 
	color: #333;
	outline: none;

}

a img{
border: none;
text-decoration: none;
padding:0;
margin:0;
}

img{
display: block;
border: none;
padding:0;
margin:0;
}


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





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


.zhometitle {
position: absolute;
width: 920px;
top: 530px;
text-align: center;
color: #fff;
font-size: 35px;
}

.zhomedescription{
top: 250px;
color: #fff;
font-size: 14px;
}



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

.zaboutimage{
float: left;
padding-right: 20px;
}
 
.about #left{
width: 440px;
padding-right: 20px;
}

.about #right{
width: 460px; 
} 

.zaboutdescription{
margin: 0 0 20px 0}

/********************************* SERVICES *************************************/


.servicestitlegroup{
height:20px;
padding: 5px 0 0 5px;
margin: 0 0 3px 0;
background-color: #a1a1a1;}

.servicestitlegroup a{
color:#fff;
}

.servicestitlegroup a:hover{
color: #f89a1c;
}

.zservicesdescription{
margin: 0 0 20px 0}

.services #left{
width: 440px;
margin-right: 20px;}

.services #right{
width: 460px;
}


/********************************* TESTIMONIALS *************************************/


.ztestimonialsimage{
float: left;
padding-right: 20px;
}

.testimonials #left{
width: 440px;
padding-right: 20px;
}

.testimonials #right{
width: 460px; 
} 

.ztestimonialsdescription{
margin: 0 0 20px 0}


.ztestimonialsclient1, .ztestimonialsclient2, .ztestimonialsclient3, .ztestimonialsclient4, .ztestimonialsclient5{
font:  normal 12px 'century gothic', Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
color: #f11a61;
text-transform: uppercase;
}
 
.ztestimonialstestimonial1, .ztestimonialstestimonial2, .ztestimonialstestimonial3, .ztestimonialstestimonial4, .ztestimonialstestimonial5{
margin-bottom: 15px;
}


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


.gallerytitlegroup{
text-transform: uppercase;
height:20px;
padding: 5px 0 0 5px;
margin: 0 0 3px 0;
background-color: #a1a1a1;}

.gallerytitlegroup a{
color:#fff;
}

.gallerytitlegroup a:hover{
color:#000;
}

.zgallerydescription{
margin: 10px 0 20px 0}

.gallery #left{
width: 960px;
margin-right: 20px;}

.gallery #right{
width: 600px;
}


.zgallerygallery div{
float:left;
margin: 0 4px 4px 0;
}

.gallerytitlegroup{
padding: 5px 0 0 5px;
margin: 0 0 3px 0;
text-transform: uppercase;
}



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

.contact #left{
width:200px;
float: left;
margin-right: 20px ;
}
.contact #right{
width:700px;
float: left;
}

.contact img{
float: left;
}

 
.zcontactdescription{
margin: 0 ;
}


#ylinks{
margin-top: 10px;
}

.ylinkstitle{
padding: 3px 0 0 0;}



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


input {
width: 200px;
margin: 2px 0 0 0;
color: #000;
}

textarea {
width: 200px;
height: 100px;
margin: 2px 0 0 0;
font:  normal 12px Arial, Helvetica, sans-serif;
color: #000;
}

.submit input {
height: 26px;
width: 119px;
}

form p{
color: #999;
padding: 5px 0 0 0;}

form {
padding-top: 5px;
}



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

#menu {
	width: 700px;
	height: 30px;
	margin: 0 auto;
	background: url(/images/menu0.jpg) repeat-x;
	padding: 0;
	position: absolute;
	right: 0;
	top:75px;
	}

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

#menu li {
	float: right;
	display: inline;
	}

#menu a {
	font:  normal 14px 'Century gothic' Arial, Helvetica, sans-serif;
	display: block;
	padding: 0 20px 0 20px;
	text-transform: uppercase;
	color: #262626;
}

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


h2 a:hover{
	color: #fff;
	}
	
.home a#homenav,
.about a#aboutnav,
.services a#servicesnav,
.testimonials a#testimonialsnav,
.contact a#contactnav
{
color: #f11a61;
}



#crunchlink{
position: absolute;
width: 100px;
height:50px;
left:20px;
bottom:0;
}


/************************* FOOTER ********************************/	
	

#footer {
	width: 960px;
	padding:0;
	margin: 0;
	clear:both;
	height: 60px;
	background: url(/images/footer.jpg) repeat-x bottom;
	}

#footer h5 {
	text-align: left;
	color:  #f11a61;
	margin: 0;
	padding: 20px 30px 0 120px;
	}

	
span{
color:#f11a61;}

b {
color: #ccc;}


.home b {
color: #fff;}

table{
padding:0;
margin:0;}