* {
margin: 0;
padding: 0;
}

p {padding:8px;}



body {
	margin:0px 0px; padding:0px;
	text-align:center;  
	background-color:#ffffff;
	background-image:url('images/bodybak.jpg');
	background-repeat: repeat-y;
	background-position: center; 
	}
	
#hometopbar {width:100%;
height:18px;
padding-top:6px;
border-bottom:1px solid #666666;
background-color:#2cd021;
color:#ffffff;
font-family:palitino,verdana,arial;
font-size:0.6em;}


#abouttopbar {width:100%;
height:18px;
padding-top:6px;
border-bottom:1px solid #666666;
background-color:#f57f15;
color:#ffffff;
font-family:palitino,verdana,arial;
font-size:0.6em;}

#whatwedotopbar {width:100%;
height:18px;
padding-top:6px;
border-bottom:1px solid #666666;
background-color:#100899;
color:#ffffff;
font-family:palitino,verdana,arial;
font-size:0.6em;}

#testimonialstopbar {width:100%;
height:18px;
padding-top:6px;
border-bottom:1px solid #666666;
background-color:#c89810;
color:#ffffff;
font-family:palitino,verdana,arial;
font-size:0.6em;}


#contacttopbar {width:100%;
height:18px;
padding-top:6px;
border-bottom:1px solid #666666;
background-color:#ff0084;
color:#ffffff;
font-family:palitino,verdana,arial;
font-size:0.6em;}






	
	#outercontainer {width:800px;
	margin:0px auto;
	padding:0px;

background-color:#ffffff;}

#logoholder { width:798px; height:50px;
margin:0px auto;
	background-color:#ffffff;
	text-align:left;}
	
	#logo {width:785px;
	height:50px;
	padding-top:1px;
	padding-left:5px;
	float:left;}

#homeheaderback {width:798px;margin:0px auto;
height:276px;
background-image:url('images/header_home.jpg');
	background-repeat: repeat-y;
	background-position: center;}
	
	#aboutheaderback {width:798px;margin:0px auto;
height:276px;
background-image:url('images/header_aboutus.jpg');
	background-repeat: repeat-y;
	background-position: center;}
	
	#testimonialsheaderback {width:798px;margin:0px auto;
height:276px;
background-image:url('images/header_testimonials.jpg');
	background-repeat: repeat-y;
	background-position: center;}
	
	#contactheaderback {width:798px;margin:0px auto;
height:276px;
background-image:url('images/header_contact.jpg');
	background-repeat: repeat-y;
	background-position: center;}
	
	#whatwedoheaderback {width:798px;margin:0px auto;
height:276px;
background-image:url('images/header_whatwedo.jpg');
	background-repeat: repeat-y;
	background-position: center;}
	
	
	
	
	
	#menuholder {width:790px; height:60px;padding-top:10px; padding-left:10px;margin:0px auto;}

#menuholder a:hover {
	text-decoration:none;}

#contentbody {width:788px;
background-color:#f3f3f3;
overflow:hidden;
margin:0px auto;}

#contentbody a img {
border: none;
} 

#copycol {width:760px;

padding-left:11px;
padding-right:5px;
font: 80% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
color:#36393d;
background-color:#f3f3f3;
text-align:justify;
float:left;}



 #copycol li {
	line-height:140%;
	margin-top:2px;
	}
	
#copycol ul {
	margin-left:60px;
	margin-right:30px;
	list-style: square;
	line-height:120%;
}


#copycol a {
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
	 color:#666666;}

	#copycol a:visited {
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
	 color:#333333;}

	#copycol a:hover {
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
color:#000000; }


#copyhome {border-left:1px solid #2cd021;}


#copyabout {border-left:1px solid #f57f15;}

#copycontact {border-left:1px solid #ff0084;}

#copytestimonials {border-left:1px solid #c89810;}

#copywhatwedo {border-left:1px solid #100899;}







#homeheader {width:280px;
text-align:left;
color:#2cd021;
font: 155% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
padding-left:6px;}

#testimonialsheader {width:280px;
text-align:left;
color:#c89810;
font: 155% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
padding-left:6px;}


#contactheader {width:280px;
text-align:left;
color:#ff0084;
font: 155% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
padding-left:6px;}


#aboutheader {width:280px;
text-align:left;
color:#f57f15;
font: 155% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
padding-left:6px;}


#whatwedoheader {width:280px;
text-align:left;
color:#100899;
font: 155% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
padding-left:6px;}







#extracol {width:300px;

background-color:#f3f3f3;
text-align:justify;
float:right;}




#postitbak {width:220px;
height:240px;
margin-top:16px;
margin-right:9px;
padding-left:25px;
padding-right:25px;
padding-top:74px;
font: 80% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
color:#666666;
background-image:url('images/curlbak.jpg');
float:right;}

	#postitbak a {font-size:1.2em;
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
  color:#000000;}

#postitbak a:visited {font-size:1.2em;
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
	 color:#000000;}

#postitbak a:hover {font-size:1.2em;
	text-decoration:none;
	padding:0px;
	letter-spacing: 0px;
	 color:#333333; }	
	
	

	.tothetop {text-align:right;
font-size:0.4em;}

	#botbit {width:780px;
	padding-top:1px;
	font-size:0.7em;
	text-align:left;
	margin:0 auto;
	padding-bottom:4px;}


#botbit a {
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
	font-family:  arial, helvetica, sans-serif; color:#006fb4;}

#botbit a:visited {
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
	font-family:  arial, helvetica, sans-serif; color:#006fb4;}

#botbit a:hover {
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
	font-family:  arial, helvetica, sans-serif;color:#666666; }

.hide {display:none;}




 
/* this rollover CSS created by collys rollover generator at http://www.collylogic.com/scripts/rollover.html */
.slidyhome {
margin-right:8px;
float:left;
width:142px;
height:50px;
border:0px solid;
font:0.9em Verdana;
font-weight:600;
padding-top:20px;
padding-left:0px;
text-align:left;
color:#666363;
text-decoration:none;
background: url(http://www.chant4.co.uk/launchmedia/images/homebutton.jpg) no-repeat 0 0px;
}
a.slidyhome:link, a.slidy:visited, a.slidy:active {
color:#666363;
text-decoration:none;
background: url(http://www.chant4.co.uk/launchmedia/images/homebutton.jpg) no-repeat 0 0px;
}
a.slidyhome:hover {
color:#000000;
background: url(http://www.chant4.co.uk/launchmedia/images/homebutton.jpg) no-repeat -150px 0px;
}
 

.slidyabout {
margin-right:8px;
float:left;
width:142px;
height:50px;
border:0px solid;
font:0.9em Verdana;
font-weight:600;
padding-top:20px;
padding-left:0px;
text-align:left;
color:#666363;
text-decoration:none;
background: url(http://www.chant4.co.uk/launchmedia/images/aboutbutton.jpg) no-repeat 0 0px;
}
a.slidyabout:link, a.slidy:visited, a.slidy:active {
color:#666363;
text-decoration:none;
background: url(http://www.chant4.co.uk/launchmedia/images/aboutbutton.jpg) no-repeat 0 0px;
}
a.slidyabout:hover {
color:#000000;
background: url(http://www.chant4.co.uk/launchmedia/images/aboutbutton.jpg) no-repeat -150px 0px;
}




.slidywhat {
margin-right:8px;
float:left;
width:142px;
height:50px;
border:0px solid;
font:0.9em Verdana;
font-weight:600;
padding-top:20px;
padding-left:0px;
text-align:left;
color:#666363;
text-decoration:none;
background: url(http://www.chant4.co.uk/launchmedia/images/whatbutton.jpg) no-repeat 0 0px;
}
a.slidywhat:link, a.slidy:visited, a.slidy:active {
color:#666363;
text-decoration:none;
background: url(http://www.chant4.co.uk/launchmedia/images/whatbutton.jpg) no-repeat 0 0px;
}
a.slidywhat:hover {
color:#000000;
background: url(http://www.chant4.co.uk/launchmedia/images/whatbutton.jpg) no-repeat -150px 0px;
}




.slidyclients {
margin-right:8px;
float:left;
width:142px;
height:50px;
border:0px solid;
font:0.9em Verdana;
font-weight:600;
padding-top:20px;
padding-left:0px;
text-align:left;
color:#666363;
text-decoration:none;
background: url(http://www.chant4.co.uk/launchmedia/images/newsbutton.jpg) no-repeat 0 0px;
}
a.slidyclients:link, a.slidy:visited, a.slidy:active {
color:#666363;
text-decoration:none;
background: url(http://www.chant4.co.uk/launchmedia/images/newsbutton.jpg) no-repeat 0 0px;
}
a.slidyclients:hover {
color:#000000;
background: url(http://www.chant4.co.uk/launchmedia/images/newsbutton.jpg) no-repeat -150px 0px;
}



.slidycontact {

float:left;
width:142px;
height:50px;
border:0px solid;
font:0.9em Verdana;
font-weight:600;
padding-top:20px;
padding-left:0px;
text-align:left;
color:#666363;
text-decoration:none;
background: url(http://www.chant4.co.uk/launchmedia/images/contactbutton.jpg) no-repeat 0 0px;
}
a.slidycontact:link, a.slidy:visited, a.slidy:active {
color:#666363;
text-decoration:none;
background: url(http://www.chant4.co.uk/launchmedia/images/contactbutton.jpg) no-repeat 0 0px;
}
a.slidycontact:hover {
color:#000000;
background: url(http://www.chant4.co.uk/launchmedia/images/contactbutton.jpg) no-repeat -150px 0px;
}