body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	/*background: #ffffff url(../images/background.gif) repeat-x 0 0;*/
	background-color:#FFF;
	margin:0px;
	line-height: 18px;
	color:#333;
}
#container { 
	margin: 0px auto;
    text-align: left;
	width:960px;
	overflow: hidden;
	/*background-image:url(../images/bkgrnd-tile.gif);
	background-repeat:repeat;*/
}
#bannercontainer{
	position:relative ;
	float:left;
	background-repeat:repeat-x;
	height:173px;
	width:960px;
	background-color:#FFF;
}
#banner {
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
	height:173px;
	width:973px;
	margin-left:13px;
}
/*MENU*/
#menu {
	position:relative ;
	width:960px;
	height:28px;
	padding: 0 0 0 0 ;
	font-size:13px;
	}
#menu ul { 
	list-style-type: none; 
	padding: 6px 0 0 20px ; 
	margin: 0; 
}

#menu ul li { 
	margin-right:30px;
	padding: 0 0 4px 30px; /*adjust padding to make space*/ 
	line-height: 1.4em; 
	float:left;
	background: url(../images/menu-bullet.gif) no-repeat 0 6px; /*adjust background position here, the first value is the x and the second the y position */ 
}
#menu li a {
	color:#336666; 
	text-decoration: none ;
}
#menu li a:hover {
	text-decoration:underline;
}
.menuselected {
	color:#336666; 
	font-weight:bold;
}
#menushadow {
	height:3px;
	margin-top:2px;
  	background: #fff url(../images/menu-shadow.gif) no-repeat top;
	}
#content {
	float:left;
	padding-left:13px;
	padding-right:13px;
	background-color:#FFF;
	width:935px;
	}
/*home page intro box*/
#homecontmain {
	width: 297px;
	height: 300px;
	float: left;
	margin-left:2px;
	margin-top:5px;
	padding: 12px 10px 0px 10px;
	border:solid #99cccc 1px;
}
/*home page clients box*/
#homecontclients{
	width: 317px;
	height: 140px;
	float: left;
	margin-left:2px;
	margin-top:12px;
	border:solid #99cccc 1px;
}	
#recentclients{
	width:307px;
	background-color:#e2ebe0;
	padding: 3px 0px 2px 10px;
	font-weight:bold;
	color:#336666; 
}
/*home page banner animation box*/
#homebanner{
	width: 597px;
	height: 466px;
	float: right;
	margin-right:2px;
	margin-top:5px;
	border:solid #99cccc 1px;
}
/*boxes holder for IE*/
#boxescontainer {
	float:left;
	width: 290px;
}
/*Full width box - no shadow*/
#containerbox {
	width: 908px;
	float: left;
	margin-left:2px;
	margin-top:5px;
	padding: 12px 10px 20px 10px;
	border:solid #99cccc 1px;
	}
#footer {
	width:960px;
	padding-top:30px;
	text-align:center;
	color:#336666;
	padding-bottom:5px;
	background-color:#FFF;
	}
.clientlogo {
	float:left;
	padding:5px;
	margin:8px;
	border: solid #CCC 1px;
	}
.portrait{
	float:left;
	padding:5px;
	margin:8px 8px 0 0 ;
	border: solid #CCC 1px;
	}
#contactdetails{
	float:left;
	width:300px;
	}
#contactform{
	float:left;
	width:540px;}
/*FORMS*/
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}
form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	color:#666666;
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                      /* be careful with padding, it'll shift the nice offset on top of border  */		  
	font-weight:bold;
}
form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}
form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	color: #000000;
	border : 1px Solid #666666;
	background : #ffffff;
}
.submit {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
	font-size:11px;
	float:right;
	font-family:Verdana, Geneva, sans-serif;

}
textarea { overflow: auto; }
form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
/*Hidden field to stop spam bots*/
.surname {
	visibility:hidden;
}
/*TEXT FORMATTING*/
h1 {
	color:#336666; 
	font-size:17px;
	font-weight:normal;
	margin-top:0px;
}
h2{
	font-size:14px;
	margin-top:15px;
	color:#336666;
}
h3{
	font-size:11px;
	margin-top:15px;
	color:#336666;
}
li {
	line-height:24px;
}
hr {
	border: 0;
	background-color: #cccccc;
	height: 1px;
	width:100%;
	text-align: left;
}
.highlight {
	font-weight: bold;
	font-size:15px;	
}
.txtsmall {
	font-size:11px;
}
.txtbold {
	font-weight:bold;
}
.red {
	color:#FF0000;
}
.grey {
	color:#666666;
}
.lightgrey {
	color:#cccccc;
}
.blue {
	color:#333399;
}
.biggertxt {
	font-size:larger;
}
.imagenoborder {
	border:none;
}
.h1reduced{
	color:#336666; 
	font-size:17px;
	margin-top:0px;
	margin-bottom:10px;
	font-weight:bold;
	}
/*LINK FORMATTING*/
.bttmlink {
	font-size:12px;
	color:#3300FF;
}
.linkstnd {
	color : #0066cc;
}

/*Positioning Classes*/
.center {
	text-align: center;
}
.clear {
	clear:both;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
/*WEBSPAN*/
#webspancontainer {
	margin: 0px auto;
	width:940px;
	text-align:right;
	font-size:10px;
	padding-top:10px;
	color:#333399;
	
}
.webspanlink {
	font-size:10px;
	color:#6699FF;
	text-align:right;
	text-decoration:none;
}