html,body{
	background-color: #FFF;
	color: #434E89;	
	height:100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
}
* {	padding: 0; margin: 0;	}
a img { border:0px; }
a{ color: #003D69;}
a:hover{ color:#5A7E9C; }
h1,h2,h3,h4,h5 {	margin-bottom: 5px;	}
ul { margin:5px; }
li{	margin-left:40px; }
p{ padding:5px; }
h2{ padding:5px; }

/* LAYOUT */
#banner {
	height:320px;
}
#title {
	position:relative;
	background:url(../images/top_blue.gif) no-repeat center top;
	height:185px;
}
#title h1{
	display:none;
}
#main {
	margin:0 auto;
	width:1000px;
}
#content:after{
	clear:both;
	position:relative;
	display:block;
	height:1px;
	content:".";
}
#content{
	width:700px;
	margin:0 auto;
}
#content p{
	line-height:20px;
}
#left{
	float:left;
	width:48%;
}
#right{
	float:right;
	width:48%;
}
#col1{
	float:left;
	width:30%;
}
#col2{
	float:left;
	width:30%;
}
#col3{
	float:right;
	width:30%;	
}
#footer {
	width:100%;
	text-align:center;
	position:relative;
	height:140px;
	background:url(../images/bottom_blue.gif) no-repeat center bottom;		
}
#footer #footerText {
	position:relative;
	top:30px;
	left:37px;
	color:#FFF;
	width:600px;	
	margin:0 auto;
	font-size:8pt;
}

#footer #footerText a {
	color:#FFF;
	text-decoration:none;
}
#footer #footerText a:hover {
	text-decoration:underline;	
}
#clear{
	height:1%;
	clear:both;
}
/* menu */
#banner ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#banner ul li{	
	margin:0;
	padding:0;
	position:relative;
	float:left;
}
#banner ul li a {
	display:block;
	height:90px;
	width:90px;
	position:relative;
	text-decoration:none;
}
#banner ul li a span{
	visibility:hidden;
}
#homelink a{
	background:url('../images/link_home.gif') no-repeat left top;
	top:-175px;
	left:50px;
}
#aboutlink a{
	background:url('../images/link_about.gif') no-repeat left top;
	top:-110px;
	left:0px;	
}
#serviceslink a{
	background:url('../images/link_services.gif') no-repeat left top;
	top:-50px;
	left:-25px;	
}
#teamlink a{
	background:url('../images/link_team.gif') no-repeat left top;
	top:-15px;
	left:-20px;	
}
#worklink a{
	background:url('../images/link_jobs.gif') no-repeat left top;
	top:15px;
	left:-22px;		
}
#testlink a{
	background:url('../images/link_principles.gif') no-repeat left top;
	top:13px;
	left:-13px;	
}
#chatlink a{
	background:url('../images/link_chat.gif') no-repeat left top;
	top:-10px;
	left:-5px;		
}
#contactlink a{
	background:url('../images/link_contact.gif') no-repeat left top;
	top:-30px;
	left:-20px;		
}		
#diarylink a{
	background:url('../images/link_diary.gif') no-repeat left top;
	top:-80px;
	left:-20px;			
}			
#recipelink a{
	background:url('../images/link_recipe.gif') no-repeat left top;
	top:-130px;
	left:-25px;		
}
#enquirylink a{
	background:url('../images/link_enquiry.gif') no-repeat left top;
	top:-170px;
	left:-50px;		
}
/* END LAYOUT*/

/* GENERAL STYLES */
#promptWindow{
	height:250px;
	width:320px; 
	border:1px solid #7F9DB9;
	background: #FFF url(../images/egg_blank.gif) no-repeat center center;
	position:absolute; 
	top:0;
	left:0;
}
#promptWindow #promptContents{
	margin:0 auto;
	width:220px;
	height:200px;
	padding-top:40px;
}
#promptWindow #promptContents #divText{	
	padding:5px;
	overflow:auto;
	margin:0 auto;
	background: #FFF;
	border:1px solid #7F9DB9;
	height:120px;
	width:185px;	
}
#promptWindow #promptContents #divForm{
	margin:5px auto 0;
	width:185px;
	padding-left:40px;
}
#promptWindow #promptContents #divForm form input{
	margin-right:5px;
}
#promptWindow #promptContents #divForm form{
	display:inline;
}
#Messages{
	height:300px;width:298px;overflow:hidden; border:1px solid #7F9DB9;
}
#messageForm{
	background: #FFF url(../images/egg_blank.gif) no-repeat center center;
	height:250px;
	width:310px; 
	margin:0px auto;
}
#messageForm #innerForm{
	width:250px;
	margin:0px auto;
}
#messageForm #innerForm form input.submitComment{
	margin:5px 0 0 70px;
}
#messageForm #innerForm form textarea{
	height:75px;
	margin-top:70px;
}
#chat{
	margin:0 auto;
	width:400px;
}
ul.highlight{
	list-style-type:none;
}
ul.highlight li{
	margin:0;
}
ul.highlight li a{
	text-decoration:none;
	display:block;
	padding:5px;
}
ul.highlight li a:hover{

	color:red;
}
ul.highlight li a:hover{
	background-color:#F7BE00;
	color:red;
}
#teamleft{
	width:140px;
	float:left;
}
#teamleft img{
	margin:0 auto 20px;
}
#teamright{
	width:550px;
	float:left;
}
.wysiwyg {
	padding:5px;
}
.wysiwyg p{
	padding:5px 0;
}
.contactForm label{
	width:150px;
	line-height:20px;
	height:20px;
}
.contactForm input,.contactForm textarea{
	background-color:#FDECB2;
	border:0;
}
.contactForm input{
	line-height:20px;
	height:20px;
	padding-left:5px;
	margin-bottom:5px;
}
.contactForm table {
	margin:0 auto;
}
/*** MESSAGE STYLES ***/
ul.error, div.error {
	color:#D33;
	background-color:#FFE7EB;
	padding:5px;
	border:1px solid #D33;	
	margin:0px 2px 10px 0;
}
ul.error {
	list-style: none;
}
div.warning {
	color:#413B19;
	background-color:#FFFFD9;
	padding:5px;
	border:1px solid #FFE864;
	margin-bottom:10px;	
}
div.message {
	color:green;
	background-color:#F7FFF0;
	padding:5px;
	border:1px solid green;	
	margin-bottom:10px;
}
.bodyText{
	font-size:11pt;
}
.smallText{
	font-size:8pt;
}
.mediumText{
	font-size:18pt;
}
.largeText{
	font-size: 24pt;
}
.compliancyText{
	font-size:8pt;
}