body 	{
	font-size: 62.5%;
	font-family: arial, verdana, sans-serif;
	/*padding: 5% 0 0 0;*/
	background: #e7e7e7;/*#FCE6DC*//*#f8eae4;*/
	height: 100%; /*added to try to remove flicker*/
	}
	
/*navigation start*/

/*-------------------------------------------
	- IMAGE REPLACEMENT NAVIGATION
-------------------------------------------*/
* { margin: 0; padding: 0; }
	
	.nav a {text-decoration: none;}
	.nav a:hover { text-decoration: none;}
	
	.clear:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clear { display: inline-block; }
	
	/* Hides from IE-mac \*/
	* html .clear { height: 1%; }
	.clear { display: block; }
	/* End hide from IE-mac */
	
	/* image replacement general properties */
	ul.IR li { 
		position: relative;
		/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
		   But overflow also includes our dropdown list, so we need the overflow to be visible. */
		/*overflow: hidden; */
		font-size: 0.9em;
	}
			
	.IR em {
		display: block;
		position: absolute;
		top: 0; left: 0;
		z-index: 1;
	}
	
	/* For IE5.x mac only */
	* html>body	.IR { 
		position: static;
		overflow: visible;
		font-size: 10px;
  }
	* html>body .IR em  { position: static; }
	
	/* image replacement specific properties */
	.nav { list-style: none; }
	.nav li { float: left; padding-bottom: 10px; } /* add a little bottom padding to make sure the sub menus don't disappear before selecting them */
	.nav li, .nav li em {height: 28px; }/*{height: 29px; }*/
	
	* html>body ul.nav li em { margin-bottom: -40px; } /* for ie5.x/mac only */
	
	.link1 em, .link2 em, .link3 em, .link4 em, .link5 em, .link6 em, .link7 em, .link8 em { 
		background: url(../images/links.gif) no-repeat; 
		cursor: pointer; width: 5px; 
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	.link1 { left: 0; width: 101px; margin-right: 0px;}/*Home width was 101 { left: 0; width: 61px; margin-right: 1px;}*/
	.link1 em { background-position: 0 0; width: 101px;}/*{ background-position: 0 0; width: 61px;}*/
	.link1:hover em { background-position: 0 -30px; }/*{ background-position: 0 -40px; }*/
	#home .link1 em { background-position: 0 -30px; }/*the active state*/
	.link2 { left: 0px; width: 100px; margin-right: 0px}/*  Habitat width 102 { left: 0px; width: 81px; margin-right: 1px}*/
	.link2 em { background-position: -105px 0; width: 100px;}/* -103{ background-position: -71px 0; width: 81px;}*/
	.link2:hover em { background-position: -105px -30px;  cursor: default;}/*{ background-position: -71px -40px;  cursor: default;}*/
	#habitat .link2 em { background-position: -105px -30px;  cursor: default;}/*{ background-position: -71px -40px;  cursor: default;}*/
	.link3 { left: 0px; width:100px; margin-right: 0px}/*Species { left: 0px; width: 75px; margin-right: 1px}*/
	.link3 em { background-position: -209px 0; width: 100px;}/*-207{ background-position: -162px 0; width: 75px;}*/
	.link3:hover em { background-position: -209px -30px;  cursor: default;}/*{ background-position: -162px -40px;  cursor: default;}*/
	#species .link3 em { background-position: -209px -30px;  cursor: default;}/*{ background-position: -162px -40px;  cursor: default;}*/
	.link4 { left: 0px; width: 97px; margin-right: 0px}/*Assessment width 120 { left: 0px; width: 83px; margin-right: 1px}*/
	.link4 em { background-position: -313px 0; width: 104px;}/* -313{ background-position: -247px 0; width: 83px;}*/
	.link4:hover em { background-position: -313px -30px;  cursor: default;}/*{ background-position: -247px -40px;  cursor: default;}*/
	#assessment	.link4 em { background-position: -313px -30px;  cursor: default;}/*{ background-position: -247px -40px;  cursor: default;}*/
	.link5 { left: 0px; width: 104px; margin-right: 0px}/*Design width 83{ left: 0px; width: 96px; margin-right: 1px}*/
	.link5 em { background-position: -415px 0; width: 104px;}/*bg position -435{ background-position: -340px 0; width: 96px;}*/
	.link5:hover em { background-position: -415px -30px;  cursor: default;}/*{ background-position: -340px -40px;  cursor: default;}*/
	#design	.link5 em { background-position: -415px -30px;  cursor: default;}/*{ background-position: -340px -40px;  cursor: default;}*/
	.link6 { left: 0px; width: 100px; margin-right: 0px}/*Team width 83{ left: 0px; width: 96px; margin-right: 1px}*/
	.link6 em { background-position: -524px 0; width: 100px;}/*bg position -435{ background-position: -340px 0; width: 96px;}*/
	.link6:hover em { background-position: -524px -30px;  cursor: default;}/*{ background-position: -340px -40px;  cursor: default;}*/
	#team .link6 em { background-position: -524px -30px;  cursor: default;}/*{ background-position: -340px -40px;  cursor: default;}*/
	
	
	
	
	
	
	.nav a { display: block; font-weight: normal; }
	* html .nav a { height: 1%; }
	
	.nav li ul {
		position: absolute;
		z-index: 10; /* show the dropdowns above the images */
		top: 30px; /* top:40px position the dropdowns a set distance from the top of the image */
		left: -999em;
		list-style: none;
		width: 191px;/*191px*/
		margin: 0px 0px 0px 0px;/*0px 0px 0px -9px;*/
		padding: 20px 0px 0px 0px;
		background-image:url(../images/submenutop_bg2.gif);
		background-repeat:no-repeat;
		background-position: top;
				z-index: 100;/*try bring position of dropdowns above movie*/

	}
	
	.nav li:hover ul { position:absolute; left: -9px; /*.left: -8px;*/ width: 190px; /*_left: -16px;*/
}
	
	.nav li li {
		height: auto; /* reset the height and padding set on the IR list items */
		padding-bottom: 0;
		font-size: 110%;
		width: 191px;
				z-index: 100;/*try bring position of dropdowns above movie*/

	}
	
	.nav li ul a {
		font-family: Arial, Helvetica, sans-serif;
		color: #dadada;
		width: 162px;
		margin: 0px 0px 15px 8px;
		/*_margin-left: 16px;*/
		padding: 5px 0px 5px 13px;
		/*_padding: 5px 0px 5px 11px;*/
		/*.padding: 5px 0px 5px 11px;*/
		font-size: 11px;
	}
	.nav li ul a:hover {
		color: white;
		background-color: #b9d08c;/*#420302*/
	}
	
	.bottomone {
		background-image:url(../images/submenubottom_bg.gif);
		background-repeat:no-repeat;
		margin-left: 7px;
		/*.margin-left: 6px;*/
		/*_margin-left: 7px;*/
		margin-bottom: -20px;
		padding: 0px;
		/*z-index: 100 try bring position of dropdowns above movie*/
	}

#menu {
position: absolute;
left: 0px;/*231px ... 31px*/
top: 80px;/*72px*//*226, 300*/
height:35px;/*added to bring down to sit on movie in IE*/
z-index: 100;

}
/*carwashend*/
	
/*h1 {
	font-size: 1.5em;
	color:#af0606;
	padding: 0 0 0 5px;
}*/

h1	{
	font-size: 1.2em;
	color:#000;
	padding: 15px 0 0 0px;/*5 0 0 0*/
	margin: 0 0 0 5px;/* 0 0 0 15*/
}

h2{
	font-size: 1.2em;
	color:#af0606;
	text-decoration: underline;
	padding: 10px 0 0 0px;/*6May change from 10 0 0 5 to 10 0 0 0 - 9thJuly change from 10 0 0 5 to  10 0 0 0*/
	margin: 0 0 0 15px;/*6May change from 0 0 0 15 to 0 0 0 0*/
}

h3{
	font-size: 1.1em;
	color:#000;
	text-decoration: underline;
	padding: 10px 0 0 5px;/*6May change from 10 0 0 5 to 10 0 0 0*/
	margin: 0 0 0 15px;/*6May change from 0 0 0 15 to 0 0 0 0*/
}
.test	{
	font-size: 1.0em;
	line-height: 1.4;
	color:#fd8b59;
	padding: 0 0 0 5px;
}

#wrapper{
	position: relative;
	width:750px;
	margin: 0 auto;
	background-color: #fff;
	height:100%; /*to try to remove flicker on loading*/
	border-top: 10px solid #af0606;/*to remove phototop div*/
	border-bottom: 10px solid #af0606;/*to remove bottomred div*/

	}
	
#wrapperthanks{
	position: relative;
	border-top: 10px solid #af0606;/*to remove phototop div*/
	border-bottom: 10px solid #af0606;/*to remove bottomred div*/
	width:450px;
	margin: 0 auto;
	background-color: #fff;
	}
	

	/*-------------------------------------- Main text content boxes -------------------------------------------- */

#one	{
	width: 750px;
	background: #ffffff;
	font-size: 1.0em;
	padding: 0;
	}
#one img{
	float:left;
	}


#two {
	position: relative;/*relative*/
	width: 750px;
	height:220px;
	font-size: 1.3em;/*1.5*/
	font-weight: bold;
	/*background:  url(hills.jpg);*/
	float: left;
	font-family: arial, verdana, sans-serif;
	color:#fff;
	padding: 38px 0 0 0px; /*22 0 0 0 30th April 08*//*(0)*/
	margin: 0px 0 0 0; /*added this to try to move the movie down and reposition menu in IE*/
		/*text-align: justify;*/
	/*z-index: 1;*/
}
	


#three	{
	position: relative;
	width: 150px;
	height: 470px;/*270 b4 form*/
	background: #af0606;
	float: right;
	font-size: 1.2em;
	color: #fff;
	}

#four	{
	/*float: left;
	width: 750px;
	height: 33px;*/
	/* original working position: relative;
	width: 720px;
	height: 33px;
	background: url(../graphics/navbgimage.jpg);*/
	}

#fiveindex	{
	width: 500px;/*650px without div three*/
	font-size: 1.2em;
	position: relative;
	background: #fff;
	float: left;
	margin-left: 50px;
	height: 100%;/*added to try to remove bg flicker*/
	/*margin-right: 5%;*/
	/*height: 628px;*/

	}
	
#fivethanks	{
	width: 400px;/*650px without div three*/
	font-size: 1.2em;
	position: relative;
	background: #fff;
	float: left;
	margin-left: 50px;
	/*margin-right: 10%;*/
	/*height: 628px;*/

	}
	
#five	{
	width: 650px;/*650px without div three*/
	font-size: 1.2em;
	position: relative;
	background: #fff;
	float: left;
	margin-left: 50px;
	height: 100%;/*added to try to remove bg flicker but had no effect*/
	/*margin-right: 10%;*/
	/*height: 628px;*/

	}
	
#six	{
	position: relative;
	width: 750px;/*30px, 750px*/
	height: 10px;
	background-color: #af0606;
}

#six img{
	/*float: right;*/
	}
		
/*#phototop	{
	position: relative;
	width: 750px; was 30px, 750px
	height: 10px;
	background-color: #af0606;
	
}*/
	

/*#bottomred	{
	position: relative;
	width: 750px;30px, 750px
	height: 10px;
	background-color: #af0606;
	background: url(/graphics/topright.jpg);
	}*/


	
#clientimage {
	position: relative;
	width: 400px;
	height:270px;
	font-size: 1.5em;
	font-weight: bold;
	/*background: url(../graphics/trainersW400H270.jpg);*/
	float: left;
	font-family: arial, verdana, sans-serif;
	color:#fff;
	padding: 0 0 0 0px;
		/*text-align: justify;*/
}
	


#clientdescription	{
	position: relative;
	width: 350px;
	height: 270px;
	background: #000;
	border-width: 10px 1px 1px 1px;
	border-color: #f7d0bf; 
	float: left;
	font-size: 1.2em;
	color: #fff;
	}
	
	/*--------------------------------------- team page photos and bios --------------------------------------------*/
	
	.team {width:600px;/*400 increased to 480 */
		text-align:left;
		padding:4px;
		border: 1px solid #70A110;/*#BC8B00*/
		background-color:#E5F2C8;/*#F5F1E5*/
		overflow: auto;
		}
		
		
.teampic {
			width:80px; 
			float:right;	
			}/*width 80*/
		
.teamtext {
			width:320px;/*320*/
			float:left;}					
		
.teamtitle {
			color:#BC8B00;
			font-weight:600;
			}
	
	
	
	
	
/*------------------------------------- GRAPHICS FORMATTING -- Photos included within the content area -------------------------*/
							


div.img
{
  margin: 12px 10px 2px 2px;/*2px*/
 /* border: 1px solid #0000ff;*/
  height: auto;
  width: auto;
  float: right;
  text-align: center;
}	
div.img img
{
  /*display: inline;*/
  margin: 3px;
  /*border: 1px solid #ffffff;*/
}

div.imgb
{
  margin: 12px 2px 2px 15px;
 /* border: 1px solid #0000ff;*/
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.imgb img
{
  /*display: inline;*/
  margin: 3px;
  /*border: 1px solid #ffffff;*/
}
/*div.img a:hover img {border: 1px solid #0000ff;}*/
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}

img {
	border: none;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px 4px 4px 6px; 
}
img.floatRight2 { 
    float: right; 
    margin: 4px 1px 1px 6px; 
}

                                 /*----------------------photo at the bottom of the page------------------*/
#bottomphoto	{
	width: 750px;
	height: 102px;
	background: url(../graphics/forth.jpg);
	margin: 10px 0 0 0;/*to insert space between text and photo*/
}	
/*-------------------------------------------------------FORM Processing ------------------------------------------*/

.form { height:30px; margin-bottom:5px; }
.form input {width:100px; padding:2px 0px 4px 3px; border-color:#DBDBDB; color:#444444; }
textarea { width:120px; height:100px; padding-left:2px; border-color:#DBDBDB; color:#444444; overflow:auto;}

.auto { width:auto; height:auto;}




 /*-------------------------------------------------------  FOOTER styling -----------------------------------------*/	
#footer	{
	background: #fff;
	text-align: center;
	font-size: 1.0em;
	font-weight: normal;
	color:#000;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	}
	
#footer a	{
		font-family: verdana, arial, sans-serif;
		font-size: 1.0em;
		font-weight: bold;
		color:#000;
		text-decoration: none;
}

#footer a:hover {
		text-decoration: underline;
}




/*-------------------------------------------------------- Text formatting ---------------------------------------------------*/

.projects {
	font-size: 1.4em;
	color:#fff;/*fd8b59*/
	padding: 10px 0 0 10px;
}

.services{
	font-size: 1.0em;
	line-height: 1.4em;/*added to add space between lines of text*/
	color:#fff;
	padding: 20px 0 0 10px;
	font-weight: bold;
	/*text-decoration: underline;*/
}

.content	{
		font-family: verdana, arial, sans-serif;
		font-size: 1.0em;
		padding: 10px 0px 0 0px;/*top padding 10 added 23rd-04-08 to 10 20 0 20 - 6May change to 10 0 0 0*/
		text-align: justify;/*justify*/
}

.contentstaff	{
		font-family: verdana, arial, sans-serif;
		font-size: 0.9em;
		padding: 10px 0px 0 0px;/*top padding 10 added 23rd-04-08 to 10 20 0 20 - 6May change to 10 0 0 0*/
		text-align: justify;/*justify*/
}

.company {
		font-family: arial, verdana, sans-serif;
		color: #000;
}
.examples	{
		font-family: verdana, arial, sans-serif;
		font-size: 1.0em;
		color:#fff;
		padding: 10px 0 0 20px;/*000 10*/
}


.orange {
		color: #ff6600;

}
.address	{
		font-family: arial, verdana, sans-serif;
		font-size: 1.1em;
		padding: 0 0px 0 0;
		margin: 0 0 0 570px;
}
.address a {
		text-decoration: none;
}
			
			
/*------------------------------------------------------------ Links --------------------------------------------------------*/

a	{
	color: #0070C0;
}

h2 a	{
	color: #af0606;
}

.services a	{
	color: #fff;
	font-weight: bold;
}
	
.examples a	{
		font-family: verdana, arial, sans-serif;
		font-size: 1.0em;
		font-weight: bold;
		color:#fd8b59;
		text-decoration: none;
}

.examples a:hover {
		text-decoration: underline;
}
					

/* ------------------------------------------Additional Lists-----------------------------------------------*/
#five ul {
		padding: 0 0 0 50px;
		width: 450px;
}

ul.content	{
		list-style: disc url(../graphics/plus.gif);
		font-family: verdana, arial, sans-serif;
		font-size: 1.0em;
		line-height: 1.1em;/*1.1em*/
		padding: 10px 20px 0 20px;/*top padding 10 added 23rd-04-08*/
		text-align: justify;
}

ul.content li	{
		list-style: disc url(../graphics/plus.gif);
		font-family: verdana, arial, sans-serif;
		font-size: 1.0em;/*1.0em*/
		line-height: 1.0em;/*1.1em*/
		padding: 0px 0px 0 10px;/*top padding 10 added 23rd-04-08 was as above - changed to position bullet graphic 21-08-08*/
		margin: 10px 0 0 0;
		text-align: justify;
}

ul.references  {
width:200px;
float:left;
}
ul.references li {
/*float:left;*/
line-height:26px;
height:26px;
width:100px;
list-style-type: none;/*added to remove disk*/
}
ul.referencesr  {
width:200px;
float:right;
}
ul.referencesr li {
float:right;
line-height:26px;
height:26px;
width:100px;
list-style-type: none;/*added to remove disk*/
}


/*----------------------------------------------Validation----------------------------------------------*/
#validation{
	position: relative;
	/*border: 1px solid #fd8b59;*/
	width:750px;
	margin: auto;
	/*background-color: #fff;*/
	}
/* --- Weblinks RULES --- */


#weblinks
{
	clear: both;
	padding: 20px 4% 2em;/*35px 4% 2em;*/
	background: #fff url(topnav.jpg) repeat-x 0 10px;
	font-size: 110%;
}

#weblinks div
{
	float: left;
	width: 20%;
	padding-right: 2%;
	margin-right: 2%;
	background: url(dots-vertical.gif) repeat-y 100% 0;
}

#weblinks p
{
	clear: both;
	width: 59%;
	margin: 0;
	padding: 2em 0;
}

#weblinks ul
{
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

#weblinks li
{
	background: url(arrow.gif) no-repeat 0 .4em;
	padding-left: 10px;
}