/* -------------------- Quartet stylesheet written by www.llamadigital.co.uk  --------*/

html, body { /*  Sets up the document and removes auto 10px margin at top of page*/
	margin:0;
	padding:0;
	}

body{ /* Sets up the page and aligns everything to center */
	padding:0;
	margin:0 auto 0;/* makes MOZ center everything*/
	text-align:center; /* makes IE center everything*/
	background:#fff;
	font-family: arial, verdana,  helvetica, sans-serif;
	font-size: 100%; 
	color:#333;
	line-height:116%;
	}
	
#container{
	width:757px;
	padding:0;
	margin:0 auto 0;
/*	text-align:center; */
	background-color:#fff;
	text-align:left;
	}
	
a:link, a:active, a:visited{
	color:#B6007B;
	text-decoration:none;
	}
	
a:hover{
	color:#5e1857;
	text-decoration:underline;
	}

h1{
	margin:0.6em 0px 0.6em 0px;
	padding:0px;
	font-size:150%;
	font-weight:normal;
	color:#6BC8C0;
	}
	
h3{
	margin:0.6em 0px 0.4em 0px;
	padding:0px;
	font-size:150%;
	font-weight:normal;
	}

	
body .home{
	margin:0.6em 0px 1em 0px;
	
	}
	
img{
border:0px;

}

/* ---------------------------------------------- The header area below  ------------------------------------------*/
#header{
	width:757px;
}

#banner{
	width:757px;
	margin:0;
	}

#logoarea {
	position: relative;
}

/*
#header h1{ 
	margin:0px;  
	padding:0px;
	background:url("../../images/mypackcompany-logo.gif") 0px 0px no-repeat;
	width:289px;
	height: 149px; 
	text-indent: -9000px;
	overflow: hidden;  
	}
*/	
/*
#header h1 a{
	display: block;  
	width: 289px;
	height: 149px;
	background:none;
	}

#banner h2{
	width:450px;
	font-size:120%;
	margin:0px;
	padding:0px;
	text-align:right;
	font-weight:normal;
	}
*/
#number{
	position: absolute;
	bottom: 0px;
	right: 0px;
	color:#6BC8C0;
	font-size:280%;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 200%;
	}

#strap{
	position: absolute; 
	background:url("../../images/strapline.gif") 0px 0px no-repeat;
	width:370px;
	height: 20px; 
	bottom: 0px;
	right: 0px; 
	color:#525252;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	font-weight: normal;
	text-indent: -9000px;
	}

#mainNav{ /* -------------------------- The main nav below  -------------------------*/
	width:757px;
	float:left;
	margin:18px 0px 0px 0px;
	clear:both;
	border-top: 2px solid #000;
/*	background-color:#912586;
	background:#912586 url("../../images/main-nav-background.gif") top right no-repeat; */
	}
	
#mainNav ul{
	font-size:86%;
	margin:0px;
	padding:0.0em 0em 0.0em 0.0em;
	list-style-type:none;
	text-align:left;
	}
	
#mainNav ul li{
	display:inline;
	padding:0em 0em 0em 0em;
	}
	
#mainNav ul a:link, #mainNav ul a:active, #mainNav ul a:visited{
	color:#000;
	text-decoration:none;
	font-weight:bolder;
	display:block;
	float:left;
	padding:0.2em 0.6em 0.2em 0.6em;
	}
	
#mainNav ul a:hover{
	color:#FFF;
	text-decoration:none;
	font-weight:bolder;
	background-color:#4B1645;
	float:left;
	padding:0.2em 0.6em 0.2em 0.6em;
	}
	
#mainNav ul .current a{
	color:#FFF;
	text-decoration:none;
	font-weight:bolder;
	background-color:#B6007B;
	float:left;
	padding:0.2em 0.6em 0.2em 0.6em;
	}
	
/* ------------------------------------------- The main (left) content below --------------------------------------*/
#mainarea { width: 757px; float: left; padding: 10px 0 0 0; margin: 0; }


#mainColl{
	width:512px;
	float:left;
	padding:0 !important;
	margin: 0px !important;
	text-align:left;
	}
	
#mainColl p{
	font-size:80%;
	margin:.4em 0px 1em 0px;
	padding:0px;
	}
	
#mainColl .iconBox{
	width:500px;
	float:left;
	margin:1.1em 0em 0em 0em;
	padding:0px;
	}
	
#mainColl .facil{
	clear:both;
	
	}
	

	
#mainColl #husk3{
	
	float:left;
	width:310px;
	}
	
#mainColl #husk3 h5{
clear:both;
	
	
	width:100px;
	}
	
	

	

	

	
#mainColl .newsimg{
	margin:.4em 0em 8em 0em;
	}

#mainColl h4{/* --------- the homepage news box------------*/	
	width:496px;
	background:#EADDE8 url("../../images/news-background.gif") top right no-repeat;
	padding:0.2em 0em 0.2em 8px;
	margin:1.6em 0em 1em 0em;
	}
	

	
	
/* ------------------------------ The feature (right) content below --------------------------------------*/
	
#featureColl, #featureColl2{
	width:206px;
	float:right;
	padding:0em 0px 1em 0px;
/*	background:#8F2682 url("../../images/right-tile.jpg") top right repeat-x; */
	margin:4px 0em 0em 0em;
	}
	
#featureColl2{ /* --------- the sub pages coll wrap------------*/	
	padding:0em 0px 0em 0px;
	margin:4px 0em 0em 0em;
	}
	
#featureColl ul{
	margin:.4em 10px 1em 10px;
	padding:5px 0px 0px 0px;
	list-style-type:none;
	font-size:70%;
	font-weight:bolder;
	clear:both;
	}
	
#featureColl ul li{
	margin:0px;
	padding:1.2em 8px 0em 42px;
	}
	
#featureColl ul .icon1{
	background:url("../../images/right-icon1.gif") 1px 14px no-repeat;
	}
	
#featureColl ul .icon2{
	background:url("../../images/right-icon2.gif") 1px 18px no-repeat;
	}
	
#featureColl ul .icon3{
	background:url("../../images/right-icon3.gif") 1px 14px no-repeat;
	}
	
#featureColl ul .icon4{
	background:url("../../images/right-icon4.gif") 1px 10px no-repeat;
	}
	
#featureColl ul li a{
	color:#FFFFFF;
	}
	
#featureColl img{
	margin:1em 0em 0em 0em;
	padding:0px;
	border-top:4px solid #FFFFFF;
	float:right;
	}
	
#featureColl .blank{
	margin:0em 0em 0em 0em;
	padding:0px;
	border-top:0px;
	float:right;
	}
	
#featureColl #bulletBox{
	background:url("../../images/bulletbox.gif") top left no-repeat;
	width:207px;
	float:left;
	margin:2px 0px 2px 0px;
	}
	
#featureColl #bulletBox ul{
	background:url("../../images/bulletbox2.gif") bottom left no-repeat;
	margin:0px 0px 0px 0px;
	padding:20px 16px 16px 10px;
	}
	
#featureColl #bulletBox ul li{
	margin:0px 0px 12px 12px;
	padding:0px 12px 0px 37px;
	font-size:130%;
	}
	
#featureColl #bulletBox ul li a{
	margin:0px 0px 0px 0px;
	padding:0px;
	color:#912586;
	}
	
#featureColl #bulletBox ul .bullet1a{
	background:url("../../images/bulletbox1a.gif") top left no-repeat;
	}
	
#featureColl #bulletBox ul .bullet1b{
	background:url("../../images/bulletbox1b.gif") top left no-repeat;
	}
	
#featureColl #bulletBox ul .bullet1c{
	background:url("../../images/bulletbox1c.gif") top left no-repeat;
	}
	
#featureColl #bulletBox ul .bullet1d{
	background:url("../../images/bulletbox1d.gif") top left no-repeat;
	}
	
#featureColl2 h3{ /* --------- the map link box on the sub pages------------*/	
	margin:0em 0px 0px 0px;  
	padding:1em 0px 0px 0px;
	background: url("../../images/map-icon2.jpg") bottom left no-repeat;
	float:left;
	width:206px; /* dimensions of the image */
	height: 205px; /* dimensions of the image*/
	font-size:90%;
	line-height:120%;
	border-bottom:4px solid #fff;
	}
	
#featureColl2 h3 a{
	display: block;  /* so the link will work */
	width: 190px;
	height: 205px;
	background:none;
	color:#FFFFFF;
	padding:0em 0px 0px 12px;
	}
	
#featureColl2 h3 span{
	text-decoration:underline;
	}
	
#featureColl2 h4, #featureColl h4, #featureColl2 .push{ /* --------- the contact link box on the sub pages------------*/	
	margin:0em 0px 0px 0px;  
	padding:0em 0px 0px 0px;
	background: url("../../images/right-box1.jpg") bottom left no-repeat;
	float:left;
	width:206px; /* dimensions of the image */
	height: 83px; /* dimensions of the image*/
	font-weight:normal;
	line-height:120%;
	border-bottom:4px solid #fff;
	text-indent: -9000px;
	overflow: hidden;  /* needed for I*/
	}
	
#featureColl2 .push{ /* --------- the contact link box on the sub pages------------*/	
	
	border-top:4px solid #fff;
	
	
	}
	
#featureColl2 h4 a, #featureColl h4 a{
	display: block;  /* so the link will work */
	width: 190px;
	height: 83px;
	background:none;
	color:#FFFFFF;
	}
	
#featureColl2 .servicesBut, #featureColl .servicesBut { 
	margin:0em 0px 0px 0px;  
	padding:0em 0px 0px 00px;
	background: url("../../images/right-box3.jpg") 0px 0px no-repeat;
	float:left;
	width:206px; /* dimensions of the image */
	height: 163px; /* dimensions of the image*/
	font-weight:normal;
	line-height:120%;
	border-bottom:4px solid #fff;
	border-top:4px solid #fff;
	text-indent: -9000px;
	overflow: hidden;  /* needed for I*/
	
	}
	
#featureColl2 .featuresBut, #featureColl .featuresBut { 
	margin:0em 0px 0px 0px;  
	background: url("../../images/right-box4.jpg") 0px 0px no-repeat;
	width:207px; /* dimensions of the image */
	height: 175px !important; /* dimensions of the image*/

	text-indent: -9000px;
	overflow: hidden;  /* needed for I*/
	
	}
	
#featureColl2 .findBut, #featureColl .findBut { 
	margin:0em 0px 0px 0px;  
	padding:0em 0px 0px 00px;
	background: url("../../images/right-box2a.jpg") 0px 0px no-repeat;
	float:left;
	width:206px; /* dimensions of the image */
	height: 163px; /* dimensions of the image*/
	font-weight:normal;
	line-height:120%;
	border-bottom:none;
	
	text-indent: -9000px;
	overflow: hidden;  /* needed for I*/
	
	}
	

	
#featureColl2 .servicesBut a, #featureColl .servicesBut a{
	display: block;  /* so the link will work */
	width: 190px;
	height: 163px;
	background:none;
	color:#FFFFFF;

	}
	
#featureColl2 .featuresBut a, #featureColl .featuresBut a{
	display: block;  /* so the link will work */
	width: 190px;
	height: 163px;
	background:none;
	color:#FFFFFF;
	
	}
	
#featureColl2 .findBut a, #featureColl .findBut a{
	display: block;  /* so the link will work */
	width: 190px;
	height: 163px;
	background:none;
	color:#FFFFFF;
	}
	
#featureColl2 h5{
	margin:20px 14px 0px 16px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	clear:both;
	}
	
#list{
	border-bottom:4px solid #fff;
	}
	
#featureColl2 ul{
	margin:12px 14px 28px 16px;
	padding:0px;
	color:#FFFFFF;
	list-style:none;
	}
	
#featureColl2 ul li{
	margin:4px 0px 0px 00px;
	padding:0px 0px 0px 20px;
	color:#FFFFFF;
	background:url("../../images/arrow3.gif") 0px 6px no-repeat;
	font-size:80%;
	}
	
#featureColl2 ul li a{
	margin:12px 0px 0px 0px;
	padding:0px;
	color:#FFFFFF;
	}
	
#featureColl2 .head{ /* --------- the mug shots on the contact page------------*/	
	margin:22px 0px 0.2em 0px;
	text-align:center;
	}
	
#featureColl2 .headP{ /* --------- the mug shots on the contact page------------*/	
	margin:0px 0px 10px 0px;
	color:#fff;
	font-size:77%;
	}
	
#featureColl2 .headP2{ /* --------- the mug shots on the contact page------------*/	
	margin:0px 0px 22px 0px;
	color:#fff;
	font-size:77%;
	}
	
#featureColl2 #center{ /* --------- the mug shots on the contact page------------*/	
	text-align:center;
	}

#theteam {
	text-align:center;
	background-color: #EF5921;
	padding: 8px 0;
}
#theteam img { margin-top: 5px; }
#theteam p { line-height: 1.1em; margin: 3px 0; padding: 0; }	

/* ------------------------------ unique sub page content instances --------------------------------------*/	

#mainColl .icon, #mainColl .icon1, #mainColl .icon2, #mainColl .icon3, #mainColl .icon4, #mainColl .icon5{
	width:108px;
	float:left;
	margin:0px;
	padding:0px 10px 32px 46px;
	background:url("../../images/home.jpg") top left no-repeat;
	font-size:80%;
	font-weight:bolder;
	}
	
#mainColl .icon1{
	background:url("../../images/home1.jpg") top left no-repeat;
	}
	
#mainColl .icon2{
	background:url("../../images/home2.jpg") top left no-repeat;
	}
	
#mainColl .icon3{
padding:0px 10px 32px 47px;
	background:url("../../images/home3.jpg") top left no-repeat;
	}
	
#mainColl .icon4{
	background:url("../../images/home4.jpg") top left no-repeat;
	}
	
#mainColl .icon5{
	background:url("../../images/home5.jpg") top left no-repeat;
	}
	
#mainColl img{
	float:left;
	margin:0px 14px 8px 0px;
	}
	
	/* ------------------------------ the 6 feature boxes on the homepage --------------------------------------*/
	
#mainColl #imgBox{
	margin:00px 0px 0px 0px;
	padding:14px 0px 0px 0px;
	}

#mainColl #imgBox .homeBox{
	margin:00px 4px 4px 0px;
	padding:0px 00px 0px 0px;
	background:url("../../images/homebox1.jpg") top left no-repeat;
	float:left;
	width:157px;
	}
	
#imgBox #shell{
	margin:00px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
#mainColl #imgBox .homeBox2, #mainColl #imgBox .homeBox2single, #mainColl #imgBox .homeBox2tripple, #mainColl #imgBox .homeBox2quad{
	margin:0px;
	background:url("../../images/homebox2.jpg") bottom left no-repeat;
	float:left;
	width:157px;
	padding: 2px 00px 0px 0px;
	
	}
	
#mainColl #imgBox .homeBox2 a, #mainColl #imgBox .homeBox2single a, #mainColl #imgBox .homeBox2tripple a, #mainColl #imgBox .homeBox2quad a{
	font-weight:bolder;
	margin:0px 00px 0px 4px;
	padding:0px 00px 33px 52px;
	line-height:110%;
	width:92px;
	display:block;
	background:url("../../images/homebox1a.jpg") 1px 1px no-repeat;
	}
	
#mainColl #imgBox .homeBox2double a{
	padding:0px 00px 33px 52px;
	}
	
#mainColl #imgBox .homeBox2single a{
	padding:0px 00px 47px 52px;
	}
	
#mainColl #imgBox .homeBox2tripple a{
	padding:0px 00px 19px 52px;
	}
	
#mainColl #imgBox .homeBox2quad a{
	padding:0px 00px 5px 52px;
	}
	
#mainColl #imgBox .homeBox2quad .homeBox2b{
	background:url("../../images/homebox1b.jpg") 1px 1px no-repeat;
	}
	

	
#mainColl #imgBox .homeBox2 .homeBox2c{
	background:url("../../images/homebox1c.jpg") 1px 1px no-repeat;
	}
	
#mainColl #imgBox .homeBox2 .homeBox2d{
	background:url("../../images/homebox1d.jpg") 1px 1px no-repeat;
	}
	
#mainColl #imgBox .homeBox2tripple .homeBox2e{
	background:url("../../images/homebox1e.jpg") 1px 1px no-repeat;
	}
	
#mainColl #imgBox .homeBox2 .homeBox2f{
	background:url("../../images/homebox1f.jpg") 1px 1px no-repeat;
	}
	
#mainColl #imgBox .shell{
	float:left;
	width:500px;
	}
	
#mainColl .homeImg {
	margin:4px 2px 0px 0px;
	padding:0px;
	float:left;
	}

#mainColl h5{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:.8em 0px 0px 0px;
	font-size:100%;
	color:#6BC8C0;
	}
	
#mainColl .newshead{/* --------- the homepage news box------------*/	
	clear:both;
	width:496px;
	float:left;
	background:#EADDE8 url("../../images/news-background.gif") top right no-repeat;
	padding:0.2em 0em 0.2em 8px;
	margin:1.6em 0em 0em 0em;
	}
	
#mainColl .newshead3{/* --------- the homepage news box------------*/	
	clear:both;
	width:476px;
	float:left;
	background:none;
	padding:0px 0px 0.8em 0px;
	margin:1.6em 20px 0em 8px;
	border-bottom: 1px dashed;
	}
	
#news, #news23{/* --------- the homepage news box------------*/	
	background:#fff url("../../images/tile4.jpg") top right repeat-x;
	width:496px;
	float:left;
	padding:0em 0em 0.2em 8px;
	}
	
#news23{/* --------- the homepage news box------------*/	
	background:#E5D3E3 url("../../images/tile4.jpg") bottom right repeat-x;
	
	}
	
#mainColl .news-item{/* --------- the homepage news box------------*/	
	width:200px;
	float:left;
	padding:0.8em 34px 0.8em 8px;
	font-size:90%;
	}
	
#mainColl .news-item p{/* --------- the homepage news box------------*/	
	margin:0.4em 0em 0em 0em;
	padding:0px;
	font-size:90%;
	}
	
#mainColl .news-item h5{/* --------- the homepage news box------------*/	
	margin:0px;
	padding:0px;
	}
	
#mainColl .news-item ul{/* --------- the services page anchor links------------*/	
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:90%;
	}

#servicesanchors, #homeanchors {
	background:#fff url("../../images/tile4.jpg") top right repeat-x;
	width:496px;
	float:left;
	padding:0 0 0.2em 8px;
	margin: 10px 0 20px 0;
}

#servicesanchors ul, #homeanchors ul { padding: 0; margin: 0; font-size: 80%; }
	
#servicesanchors li{  /* --------- the services page anchor links------------*/	
	margin:.4em 0 .3em 0;
	padding:0 0 0 0;
	color:#912586;
	width: 235px;
	float: left;
	list-style: none;
}

#servicesanchors a { 
	background:url("../../images/arrow.gif") 0px 5px no-repeat;
	padding: 0 0 0 20px;
	display: block;
}

#homeanchors li {
	margin:.4em 0 .3em 0;
	padding:0 0 0 20px;
	background:url("../../images/arrow.gif") 0px 5px no-repeat;
	list-style: none;
}

	
#mainColl .husk h4{/* --------- the services divider headings------------*/	
	padding:0.2em 0em 0.2em 4px;
	margin:.8em 0px .6em 0px;
	}
	
#mainColl .husk .toph{/* --------- the services divider headings------------*/	
	padding:0.2em 0em 0.2em 4px;
	margin:2.0em 0px .6em 0px;
	}
	
#mainColl .husk .servicesPic{/* --------- the services page content------------*/	
	float:right;
	margin:5px 0px 16px 0px;
	}

#mainColl .husk .servicesPic2{/* --------- the services page content------------*/	
	border:1px solid;
	margin:20px 8px 10px 0px;

	}

#mainColl .husk .servicesP{/* --------- the services page content------------*/	
	padding:0px;
	margin:5px 0px 12px 0px;
	float:left;
	width:230px;
	}
	
#mainColl .husk .but{/* --------- the services page content------------*/	
	padding:0px;
	margin:18px 0px 12px 0px;
	float:left;
	width:430px;
	}
	
#mainColl .husk ul { 
	width:230px;
	list-style-type:none;
	float:left;
	margin:.8em 0px 0px 0px;
	padding:0px;
	font-size:80%;
	}
	
#mainColl .husk ul li{ 
	margin:0px 0px .4em 0px;
	padding:0px 0px 0px 18px;
	background:url("../../images/arrow2.gif") 0px 5px no-repeat;
	}
	
#husk2 { 
	width:330px;
	margin:0px 0px 0em 0px;
	padding:0px 0px 0px 0px;
	
	}
	
#mainColl .top{/* --------- the services top link------------*/	
	padding:0px 0px 0px 0px;
	width:230px;
	
	}
	
#mainColl .top24{/* --------- the services top link------------*/	
	padding:0;
	width:330px;
	
	}
	
#mainColl .husk{/* --------- the services top link------------*/	
	padding:0px 0px 0px 0px;
	width:530px;
	float:left;
	}
	
#quote{ /* --------- the little quote box------------*/	
	width:500px;
	float:left;
	background:url("../../images/quote.gif") 0px 8px no-repeat;
/*	background:url("../../images/quote2.gif") bottom right no-repeat; */
    margin: 10px 0 0 0;
	padding: 0 10px 10px 0;
    font-size:.85em;
}


#quote img{/* --------- the little quote box------------*/	
	border-bottom:4px solid #fff;
	margin:0px 0px 1em 0px;
	}
	
#mainColl #quote h5{/* --------- the little quote box------------*/	
	margin: 0 4px 0em 0px;
	padding:6px 40px 6px 40px;
	color: #912586;
/*	background:url("../../images/quote.gif") 0px 8px no-repeat; */
	background:url("../../images/quote2.gif") bottom right no-repeat;
	font-weight:normal;
	font-size:1.2em;
	line-height:120%;
	}
	
#quote p{/* --------- the little quote box------------*/	
	margin:0px 4px .1em 8px;
	padding:0px 16px 6px 28px;
	color: #1D1D78;
	}
	
#mainColl .thin{ /* --------- the thin text coll------------*/	
	float:left;
	width:500px;
	}
	
	
#mainColl .thin h4{ 
	clear:both;
	}

#mainColl .thin h7{ /* --------- the thin text coll------------*/	
	margin:30px 0px .7em 0px;
	font-size:100%;
	font-weight:bolder;
	}

#mainColl .thin ul{ /* --------- the thin text coll------------*/	
	
	margin:20px 0px 00px 0px;
	padding:0px;
	list-style-type:none;
	font-size:90%;
	}
	
#mainColl .thin ul li{ /* --------- the thin text coll------------*/	
	margin:0px 0px 1.1em 0px;

	padding:0px 0px 0px 20px;
	background:url("../../images/arrow2.gif") 0px 6px no-repeat;
	}
	
#mainColl .thin img{ /* --------- the thin text coll------------*/	
	margin:10px 17px 20px 0px;
	border:0px;
	}

#contact{ /* --------- the contact page details------------*/	
	width:211px;
	float:left;
	font-size:120%;
	}
	
#map{ /* --------- the contact page map coll------------*/	
	width:252px;
	margin:20px 0px 0px 25px;
	float:left;
	}

/*
#mainColl .required{
width:252px;
float:left;
font-size:80%;
}
*/
#mainColl .underline{
text-decoration:underline;
color:#912586;
	}

#news23 p {/* ----------------- The contact form ------------------*/
	margin:10px 0px 0px 40px;
	color:#2546a7;
	}
	
#news23 input{
	margin:0px 0px 0px 40px;
	color:#912586;
	border:#2546a7 1px solid;
	width:400px;
	height:20px;
	}
	
#news23 textarea {
	margin:0px 0px 0px 40px;
	color:#912586;
	border:#2546a7 1px solid;
	width:400px;
}

#news23 .submit{
	margin:8px 46px 20px 40px;
	color:#fff;
	border:none;
	background-color:#912586;
	width:100px;
	height:28px;
	font-weight:bolder;
	}
	
#news23 .com{
	height:80px;
	}
	
#news2{/* ----------------- The news page------------------*/
	margin:20px 00px 0px 00px;
	
	}
	
#news2 img {
	margin:4px 20px 0px 20px;
	float:right;
	}
	
#news2 .newsDivider{
	border-bottom:1px dashed;
	margin:0px 20px 40px 00px;
	padding:0px 0px 14px 0px;
	
	}
	
#news2 .newsDivider a{
	padding:0px 0px 0px 14px;
	background:url("../../images/arrow4.gif") 2px 5px no-repeat;
	}
	
#mainColl h6{/* ----------------- The casestudies ------------------*/
	font-size:110%;
	margin:20px 0px 0px 0px;
	width:300px;
	float:left;
	}
	
#mainColl .wide{
	
	width:500px;
	float:left;
	margin:10px 0px 10px 0px;
	clear:both;
	}
	
#mainColl .news-item .current2 a{/* --------- the homepage news box------------*/	
	color:#5e1857;
	text-decoration:underline;
	}
	
#mainColl .top2, #mainColl .top3{/* --------- the services top link------------*/	
	clear: left;
	padding:0 0 1em 0;
	width:230px;
	float:left;
	}
	
#mainColl .top3{/* --------- the services top link------------*/	
	width:430px;
	
	}
	
#mainColl .top2 a, #mainColl .top3 a{/* --------- the services top link------------*/	
	padding:0px 0px 0px 14px;
	background:url("../../images/arrow4.gif") 2px 5px no-repeat;
	}
	

	
/* ------------------------------ The footer below --------------------------------------*/

#footer{
	clear: left;
	width:757px;
	float:left; 
	margin:2.5m 0em 1em 0em;
	padding:150px 0em 0em 0em;
	font-size:76%;
	background:  url("../../images/footerboxes.gif") top right no-repeat;
	}
	
#footerBar{
	width:757px;
	float:left; 
/*	background:#912586 url("../../images/main-nav-background.gif") top right no-repeat; */
	margin:0em 0em 1em 0em;
    border-top: 2px solid #000;

	}

#footer p{
	margin:1em 0em 1em 8px;
	
	}
	
#footer .small{
	text-align:right;
	font-size:80%;
	color:#666666;
	}
	
#footer .small2{
	text-align:left;
	font-size:80%;
	}

#footerBar p{
/*	color:#fff; */
	margin:0.3em 0em 0.3em 8px;
	padding:0px;
	}
	
#footerBar p span{
/*	color:#fff; */
	margin:0em 0.4em 0em 0.4em;
	}
	
#footerBar a{
/*	color:#fff; */
	}
	

<!-- Contact Form -->

#validationmsg div.errors {
	color: #F00;
	font-size: 80%;
	border: 1px solid #F00;
	padding: 5px 10px;
}

div#validationmsg div { border: 1px solid #F00; color: #F00; padding: 5px 10px; font-size: 80%; }


div#contactform {	
	padding:0;
	margin: 10px 0 30px 0;
	background: url("../../images/form_bkgnd.jpg") top right repeat-x;
}
	
#contactform h2 {
	background:#EADDE8 url("../../images/news-background.gif") top right no-repeat;
	padding: 2px 10px;
	margin: 0;
	font-size: 100%;
	border-bottom: 1px solid #FFF;
}
#contactform form {
	padding: 10px 30px;
	margin: 0;
}

#contactform label {
	display: block;
	font-size: 80%;
	margin: 10px 0 2px 0;
}

#contactform input{
	margin:0 0 0 0;
	border:#2546a7 1px solid;
	width:400px;
	background-color: #FFF;
}
	
#contactform textarea {
	margin:0 0 0 0;
	border:#2546a7 1px solid;
	width:400px;
}

#contactform .submit{
	margin:8px 0 0 0;
	color:#fff;
	border:none;
	background-color:#912586;
	width:100px;
	height:28px;
	font-weight:bold;
}
#contactform p.requiredfield { font-size: 80%; color: #666; margin: 0 0 0 30px; }

#thankyou {
	color: #333;
	border: 1px solid #8F2682;
	background-color: #DECDDB; 
	padding: 5px 10px;
	margin: 0 0 20px 0;
}