@charset "utf-8";
/* CSS Document */



html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}

body
{
margin:0px;
background-image: url(../images/bkgd.jpg); background-position:center top;
font-family: Arial, Helvetica, sans-serif;
}

/*- -------------------------------------------------------------------Type--------------------------- */ 

h2 h3 h4 h5 { letter-spacing:2px; font-weight:bold; }

h1{ color:#FFF;  font-size:18px; letter-spacing:3px; margin: 5px 10px 0 10px;  }

h2{ color:#1e5b6e; font-size:20px;   font-weight:bold;padding: 0 0 5px 0px;  }

h3{ color:#1e5b6e; font-size:20px;   margin: 5px 0 0 0; padding: 10px 0 5px 0px;  }

h4{ color:#FFFF00; font-size:20px;  padding: 0 0 5px 0px;  }

h5{ color: #333333; font-size:20px;   margin: 0px 0 0 0; padding: 10px 0 5px 0px;  }

h6{ color:  #000000; font-size:14px;   margin: 0px 0 0 0; padding: 0;  }

h7{ color: #1e5b6e; font-size:16px;   font-weight:bold; margin: 0px 0 0 0; padding: 0px 0 5px 0px;  }


a:link {
	color: #0099FF;
	text-decoration:none;
}
a:visited {
	color: #0099CC;
}
a:hover {
	color: #00CCFF;
}
a:active {
	color: #0099FF;
}



.yellow{
color:#FFFF00;
}


img.floatLeft { 
    float: left; 
    margin: 10px; 
}

/* Container  */


#container
{
width:940px;
margin:0px auto;
}


/*- -------------------------------------------------------------------Navigation--------------------------- */ 

#nav
{
float:right;
width:695px;
margin:0px;
padding:0px 5px 0px 0px;
color:#FFFFFF;
}

#tabs1 {
      float:right;
      font-size:12px;
	  color: #ffffff;
      line-height:normal;
	  font-family: Geneva, Arial, Helvetica, sans-serif;
	  text-align: right;
	  font-weight:bold;
	  padding-top:10px; 
	  padding-bottom:5px;
	  height:26px;
	  margin:0px;
	  line-height:normal;
	  
	   /*   height:100%;Fix for MSIE peekaboo bug */
	 
      }
	  
#tabs1 ul {
	  margin:0;
	  list-style:none;
	  float:left;
	 padding:0px;
	 
      }
 
#tabs1 li {
      display:inline;
	  margin:0;
      padding:0;
	  voice-family:"\"}\"";
	  line-height:16px;
	  height:25px;
	  float:left;
	  
	  
      }
 
#tabs1 a {
      float:left;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  
	  
      }
 
#tabs1 a span {
      float:left;
      display:block;
      color: #ffffff;
      padding:3px 9px 6px 5px; 
	  voice-family:"\"}\"";
	  padding-top:2px;   
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
 
#tabs1 a span {float:none;}
    /* End IE5-Mac hack */
 
#tabs a:hover span {
      color:#FFFFFF;
	  
      }
 
#tabs1 a:hover {
      background-position:0% -42px;
	   color: #FFffff;
	   background-color: #1e5b6e;
      }
 
#tabs1 a:hover span {
      background-position:100% -42px;
	   color: #ffffff;
	   background-color:  #1e5b6e;
      }

#tabs1 #current a {
      	background-position:0% -42px;
		 color: #00FF00;
      }

#tabs1 #current a span {
      	background-position:100% -42px;
		 color: #FFFF00;
      }
	  

/*- -------------------------------------------------------------------Header--------------------------- */ 


#header
{
float:left;
width:940px;
margin:0px;
padding:0px 0px 0px 0px;
}

#logo
{
float:left;
width:215px;
margin:0px;

padding: 10px 10px 10px 0px;
} 


#logo img
{  border-style: none;
}










 
	  
#headertxt
{
float:right;
width:690px;
margin:0px;
padding:25px 10px 0px 0px;


}


/*- -------------------------------------------------------------------Container 2--------------------------- */ 

#container2
{
width:940px;
margin:0px auto;
padding:0px 0px 0px 10px;


}


/*- -------------------------------------------------------------------Sidebar--------------------------- */ 

#sidebar
{
float:right;
width:220px;
margin:10px 10px 0px 0px;
padding:0px;



}

#sidebar1
{
float:left;
width:220px;
margin: 0px;
padding:20px 0px 0px 2px;
line-height: 25px;
font-family: Arial, Helvetica, sans-serif;
color: #1e5b6e;
font-size: 16px;


}

.featured img{
float: left;
padding-right: 5px;
padding-bottom: 5px;
border: 0px;




}

.portfolio img{
float: left;
padding-right: 9px;
padding-bottom: 9px;
border: 0px;




}


.sidelinks
{
float:left;
width:277px;
margin:0px;
padding:0px 0px 15px 0px;

}


.sidelinks .sidelinkstyle
{
float:left;
width:277px;
margin:0px;
padding:0px 0px 15px 0px;
}

.sidelinkstyle img
{
float:left;
margin:0px;
padding: 5px 11px 0px 0px;
font-size:0px;
}

.sidelinkstyle p
{
float:left;
width:165px;
font-size:14px;
text-align:left;
text-decoration: none;
color:#424037;
background: url(../images/pattern.jpg);
margin:2px 0px 0px 0px;
padding:1px 0px 1px 8px;
}


.sidelinkstyle p b
{
font-size:13px;
font-weight:bold;
color: #1e5b6e;
}

.upcomingclass p
{
float:left;
width:200px;
font-size:14px;
text-align:left;
text-decoration: none;
color:#1e5b6e;
background: url(../images/pattern.jpg);
margin:2px 0px 0px 0px;
padding:1px 0px 1px 8px;
}

/*- -------------------------------------------------------------------Main--------------------------- */ 
#main
{
float:left;
width:698px;
margin:10px 0px;
padding: 10px 0px 0px 0px;
background: url(../images/pattern.jpg);


}

#main2
{
float:left;
width:698px;
margin:10px 0px 0px 0px;
padding: 10px 0px 5px 0px;
background: url(../images/pattern.jpg);


}

#main3
{
float:left;
width:698px;
margin:0px 0px;
padding: 10px 0px 0px 0px;
background: url(../images/pattern.jpg);


}


/*- -------------------------------------------------------------------Footer--------------------------- */ 

#footer {
	clear: both;
	background: url(../images/footer-bg.gif) repeat-x #000;
}


div#footer_content {
	width: 940px;
	height: 125px;
	padding-top: 15px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	color: #FFF;
}
div#footer_content a {
	color: #5fbaff;
}
div#footer_content .column2 {
	width: 255px;
	float: left;
	margin-top: 0px;
	text-align: center;
}
div#footer_content .column3 {
	width: 245px;
	float: left;
}
div#footer_content .column1, div#footer_content .column2 {
	margin-right: 65px;
}
div#footer_content .column1 {
	width: 290px;
	padding-right: 20px;
	float: left;
}
div#footer_content .column1 p, div#footer_content .column3 p {
	margin-bottom: 0px;
}
div#footer_content .column3 p.phone {
	font-size: 14px;
	font-weight: 700;
}
div#footer_content .column2 p {
	margin-bottom: 15px;
}
div#footer_content .column2 .validated1 {
	background: url(images/newsletter.jpg) no-repeat;
	padding-left: 20px;
	width: 210px;
	padding-top: 10px;
	height: 30px;
	color: #FFF;
	display: block;
	margin-bottom: 15px;
	text-align: left;
	margin-left: 20px;
}
div#footer_content .column2 .validated2 {
	background: url(images/bristol-council.jpg) no-repeat;
	width: 51px;
	height: 51px;
	float: left;
	margin-right: 10px;
	margin-left: 35px;
}

div#footer_content .column3 {
	text-align: right;
}
div#footer_content .copywrite {
	position: absolute;
	left: 0px;
	bottom: 35px;
	width: 300px;
	display: inline;
	font-size: 12px;
	width: 300px;
}
div#footer_content .copywrite a {
	color: #FFF;
	font-weight: normal;
}
div#footer_content .links {
	position: absolute;
	right: 0px;
	bottom: 35px;
	width: 300px;
	font-size: 10px;
	display: inline;
	width: 300px;
	text-align: right;
	font-size: 13px;
}
div#footer_content .links a {
	color: #FFF;
	margin-left: 20px;
	font-size: 13px;
}


/*- -------------------------------------------------------------------Home Page--------------------------- */ 

#home_about
{
margin:0px;
padding:0px 5px 0px 10px;
line-height: 25px;
font-family: verdana,sans-serif;
font-size: 12px;
word-spacing: 2.4pt;
line-height: 1.8;
color: #333333;
}




#home_clients
{
float:left;
width:680px;
margin:10px 0px;
padding:10px 20px 10px 10px;
line-height: 25px;
}


/*- Services Classes Portfolio (JQUERY)--------------------------- */ 

.boxgrid{ 
	width: 220px; 
	height: 150px; 
	margin: 0px 10px 0 0; 
	float:right; 
	background:#161613; 
	overflow: hidden; 
	position: relative; 
				
	}

.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0px; 
	}

.boxgrid p{ 
	padding: 0 10px; 
	color: #FFFF00; 
	font-weight:bold; 
	font:10pt Arial, Helvetica, sans-serif; 
	}

.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 55px; 
	width: 100%; 
	color: #FFFF00;
	
	
	
	}
 				
.captionfull .boxcaption {
		top: 0;
		left: 0;
	}
	.caption .boxcaption {
		top: 0px;
		left: 0;
	}
    
/*- -------------------------------------------------------------------Profile--------------------------- */ 

#home_about .img 
{

float: left;



}

/*- -------------------------------------------------------------------Links--------------------------- */ 


#links { 
list-style: none; 

} 


#links ul {
	  margin:0;
	  list-style:none;
	 
	  
	 
      }
 
#links li {
      display:inline;
	  margin:0;
      padding:0;
	  line-height:10px;
	  height:25px;
	  text-indent: 10px;
	  
	  
	  
      }
 
#links a {
      
      margin:0;
      padding:0 0 0 8px;
      text-decoration:none;
	  text-decoration: none;
	  letter-spacing: 1px;
	  
	  
	  
      }
 
#links a span {
      float:left;
      display:block;
      color: #1e5b6e;
      padding:15px 0 15px 0 ; 
	  background-color: #E8E8E8;
	  margin-right: 5px;  
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
 
#links a span {float:none;}
    /* End IE5-Mac hack */
 
#links a:hover span {
      color: #003366;
	  
      }
 
#links a:hover {
       color: #00FF33;
	   
	   
      }
 
#links a:hover span {
       color: #000000;
	   background-color: #CCCCCC;
	   margin-right: 10px;
	   
	   
      }

#links #current a {
      	color: #00FF00;
		background-color:#FF9900;
      }

#links #current a span {
      	 color: #333333;
		 background-color:#FF9900;
      }







/*- -------------------------------------------------------------------Services--------------------------- */ 

#services_list
{
margin:0px;
width: 680px;
padding:0px 0px 0px 10px;
line-height: 25px;
font-family: verdana,sans-serif;
font-size: 12px;
word-spacing: 2.4pt;
line-height: 1.8;
color: #333333;
}


.services
{
background: url(../images/sidebkgd.jpg);
margin:0 0 5px 0;
width: 400px;
float:left;
padding:0px 0px 10px 10px;
line-height: 25px;
font-family: verdana,sans-serif;
font-size: 12px;
word-spacing: 2.4pt;
line-height: 1.8;
color: #333333;


}

.servicescol
{
margin:0px 15px;
width: 220;
float: right;
padding-top: 25px;
padding-right: 5px;
padding-bottom: 5px;
border:1px;
border: #999999;
}


#services_list a:link {
	color: #999999;
	text-decoration:none;
}
#services_list a:visited {
	color: #999999;
}
#services_list a:hover {
	color: #333333;
}
#services_list a:active {
	color: #999999;
}





/*- -------------------------------------------------------------------Classes--------------------------- */


.classeshdr
{
background: url(../images/sidebkgd.jpg);
margin:0px 0 5px 0;
width: 670px;
float:left;
padding:10px 0px 10px 10px;
line-height: 25px;
font-family: verdana,sans-serif;
font-size: 12px;
word-spacing: 2.4pt;
line-height: 1.8;
color: #333333;


}

/*- -------------------------------------------------------------------Testimonials--------------------------- */

.testimonials
{
      float:left;
	  list-style: none;
      display:block;
      color: #1e5b6e;
      padding:15px 0 15px 10px ; 
	  margin-bottom: 30px;  



}

/*- -------------------------------------------------------------------Portfolio-------------------------- */




#submenu {
      float:left;
      font-size:12px;
	  color: #ffffff;
	  background-color:#1e5b6e;
      line-height:normal;
	  font-family: Geneva, Arial, Helvetica, sans-serif;
	  text-align: right;
	  font-weight:bold;
	  padding-top:5px; 
	  padding-bottom:5px;
	  padding-left: 10px;
	  margin-left: 10px;
	  height:20px;
	  width: 670px;
	  
	  
	   /*   height:100%;Fix for MSIE peekaboo bug */
	 
      }
	  
#submenu ul {
	  margin:0;
	  list-style:none;
	  float:left;
	 padding:0px;
	 
      }
 
#submenu li {
      display:inline;
	  margin:0;
      padding:0;
	  voice-family:"\"}\"";
	  line-height:22px;
	  height:25px;
	  float:left;
	  
	  
      }
 
#submenu a {
      float:left;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  
	  
      }
 
#submenu a span {
      float:left;
      display:block;
      color: #ffffff;
      padding:0px 5px 6px 5px; 
	  voice-family:"\"}\"";
	    
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
 
#submenu a span {float:none;}
    /* End IE5-Mac hack */
 
#submenu a:hover span {
      color:#FFFFFF;
	  line-height:19px;
	  
	  
      }
 
#submenu a:hover {
       color: #FFffff;
	   background-color: #000000;
      }
 
#submenu a:hover span {
     
	   color: #ffffff;
	   background-color:  #000000;
      }

#submenu #current a {
      	
		 color: #FFFF00;
		 
      }

#submenu #current a span {
      	
		 color: #ffff00;
      }
	  











#portfolioheader
{
margin:0px;
padding:0px 5px 0px 10px;
line-height: 25px;
font-family: verdana,sans-serif;
font-size: 12px;
word-spacing: 2.4pt;
line-height: 1.8;
color: #333333;
}





div#page {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	
}



#portfolio
{
float:right;
width:220px;
margin:0px 0px 0px 0px;
padding:0px;



}

#portfolio1
{
float:left;
width:220px;
margin: 0px;
padding:20px 0px 0px 2px;
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
color: #1e5b6e;
font-size: 12px;


}





.portfolioside
{
float:left;
width:200px;
margin:0px;
padding:0px 0px 5px 0px;

}


.portfolio .portfolioside
{
float:left;
width:200px;
margin:0px;
padding:0px 0px 15px 0px;
}


.portfolioside p
{
float:left;
width:180px;
font-size:16px;
text-align:left;
text-decoration: none;
color:#424037;
background: url(../images/pattern.jpg);
margin:2px 0px 0px 0px;
padding:1px 0px 1px 8px;
}


.portfolioside p b
{
font-size:14px;
font-weight:bold;
color: #1e5b6e;
letter-spacing: 1px;
}





/*- -------------------------------------------------------------------Sitemap--------------------------- */    
#sitemap a{
	text-decoration:none;
	color: #666666;
}
#sitemap a:hover{
	text-decoration:none;
	color:#999;
}

#containersitemap{
	margin:0 auto;
	width:670px;
	
	padding-bottom:20px;
}