/* CSS for all front-end elements goes here */

body {
margin: 0px;
padding: 0px;
background: url(../Images/Gif/site-bg.gif) #F6EEC9;
background-repeat: repeat-x;

}

ul {
margin:0px;
padding:0px 0px 0px 15px;
}

input {
margin:2px;
}

.inputBox {
	border: #996633 solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	width: 150px;
	color: #000000;
}

.inputBox1 {
	border: #996633 solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	width: 297px;
	height: 40px;
	color: #000000;
}


li {
list-style-image:url(/Images/Gif/menu-bullet.gif);
margin:0px;
padding:3px 0px 0px 0px;

}

div.clearer {
clear: left;
line-height: 0;
height: -3px;
  }



body a:link, body a:visited, body a:active {
	color: #ffffff;
	text-decoration: none;
}

body a:hover {
	text-decoration: underline;
}

form {
	margin-top: 0;
	margin-bottom: 0;
}

#wrapper {
position:relative;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 752px;
}

#header {
	margin: 20px 0px 0px 0px;
	background: none;
}

#contentHeader {
	float: left;
	width: 752px;
	background: url(../Images/Gif/subContent-bg.gif) #FEE2B2;
}

#menu {
	float: left;
	width: 121px;
	height:100%;
	padding-top: 25px;
	padding-left: 15px;
}

.leftMenu {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #7E5D18;
	width: 121px;
	text-decoration: none;
}

.leftMenu a:link, .leftMenu a:visited, .leftMenu a:active {
	color: #7E5D18;
}

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

#footer {
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #7E5D18;
	padding-bottom: 5px;
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #7E5D18;
}

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


.subHeader {
	float: left;
	width: 591px;
	padding-top: 10px;
	padding-right: 18px;
	padding-left: 7px;
}

.subHeader2 {
	float: left;
	width: 601px;
	padding-top: 15px;
	padding-right: 8px;
}

.linksColWrap {
	float: left;
	width: 547px;
}

#linksColWrap a:link, #linksColWrap a:visited, #linksColWrap a:active {
	color: #000000;
}

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

.linksCol1 {
	float: left;
	width: 115px;
	text-align:center;
}

.linksCol2 {
	float: left;
	width: 430px;
	color: #000000;
}

#linksCol2 a:link, #linksCol2 a:visited, #linksCol2 a:active {
	color: #000000;
}

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

.subImgTopAbout {
	padding:10px 10px 0px 0px;
	background: url(../Images/Gif/about-us-subHdr.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: right;
	width: 98%;
	height: 27px;
}

.subImgTopWelcome {
	padding:10px 10px 0px 0px;
	background: url(../Images/Gif/welcome-subHdr.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: right;
	width: 98%;
	height: 27px;
}

.subImgTopPortfolio {
	padding:10px 10px 0px 0px;
	background: url(../Images/Gif/portfolio-subHdr.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: right;
	width: 98%;
	height: 27px;
}

.subImgTopContact {
	padding:10px 10px 0px 0px;
	background: url(../Images/Gif/contact-us-subHdr.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: right;
	width: 98%;
	height: 27px;
}

.subImgTopRecruit {
	padding:10px 10px 0px 0px;
	background: url(../Images/Gif/recruitment-subHdr.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: right;
	width: 98%;;
	height: 27px;
}

.subImgTopWwd {
	padding:10px 10px 0px 0px;
	background: url(../Images/Gif/whatwedo-subHdr.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: right;
	width: 98%;
	height: 27px;
}

.subImgTopLinks {
	padding:10px 10px 0px 0px;
	background: url(../Images/Gif/links-subHdr.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: right;
	width: 98%;
	height: 27px;
}

.subImgTopPortfolio {
	padding:10px 10px 0px 0px;
	background: url(../Images/Gif/portfolio-subHdr.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: right;
	width: 98%;
	height: 27px;
}

.subImgTopAbout2 {
	padding:10px 10px 0px 0px;
	background: url(../Images/Gif/specialise-subHdr.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: right;
	width: 98%;
	height: 27px;
}

.subText {
	font-family:"Lucida Sans", Verdana, Arial;
	font-size: 0.7em;
	color: #7E5D18;
	line-height: 20px;
	padding-left: 20px;
}

.subTextPlain {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	line-height: 20px;
	padding-left: 20px;
}

.subTextPlain a:link, .subTextPlain a:visited, .subTextPlain a:active {
	color: #000000;
}

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

.subText2 {
	font-family:"Lucida Sans", Verdana, Arial;
	font-size: 0.9em;
	font-weight: bold;
	color: #7E5D18;
	line-height: 20px;
	padding-left: 20px;
}

.subText1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	padding-left: 20px;
	padding-top: 5px;
	line-height: 20px;
}

.subText1 a:link, .subText1 a:visited, .subText1 a:active {
	color: #000000;
}

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



.subText1a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	padding-top: 5px;
	padding-left: 163px;
	line-height: 20px;
}

.subText2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	padding-left: 20px;
	padding-top: 5px;
	line-height: 20px;
}

.subText3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	padding-left: 20px;
	line-height: 20px;
}

.tbFooter {
float: left;
}

.footerLeft {
	float: left;
}

.footerRight {
	float: right;
}

.contentTable {
	float: left;
	width: 752px;
	background: url(../Images/Gif/subContent-bg.gif) #FEE2B2;
}

.contentImg {
	float: left;
	width: 136px;
	background: #FEE2B2;
}

.divide {
	float: left;
	height: 10px;
	width: 100%;
}

.bulletCol {
	float: left;
	width: 250px;
	padding-right: 30px;
}

.bulletCol a:link, .bulletCol a:visited, .bulletCol a:active {
	color: #000000;
}

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

.wwd-col1 {
	float: left;
	width: 273px;
	height: 187px;
	padding-left: 8px;
	padding-right: 4px;
	background: url(../Images/Gif/wwd_bg1.gif);
}

.wwd-col2 {
	float: left;
	width: 273px;
	height: 187px;
	padding-left: 8px;
	padding-right: 4px;
	background: url(../Images/Gif/wwd_bg2.gif);
}

.wwd-col3 {
	float: left;
	width: 273px;
	height: 221px;
	padding-left: 8px;
	padding-right: 4px;
	background: url(../Images/Gif/wwd_bg3.gif);
}

.wwd-col4 {
	float: left;
	width: 273px;
	height: 221px;
	padding-left: 8px;
	padding-right: 4px;
	background: url(../Images/Gif/wwd_bg4.gif);
}

.wwd-col5 {
	float: left;
	width: 273px;
	height: 123px;
	padding-left: 8px;
	padding-right: 4px;
	background: url(../Images/Gif/wwd_bg5.gif);
}

.welcome-col1 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	width: 178px;
	height: 127px;
	padding-left: 8px;
	padding-right: 4px;
	background: url(../Images/Gif/home_bg1.gif);
}

.welcome-col2 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	width: 178px;
	height: 127px;
	padding-left: 8px;
	padding-right: 4px;
	background: url(../Images/Gif/home_bg2.gif);
}

.welcome-col3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	width: 178px;
	height: 127px;
	padding-left: 8px;
	padding-right: 4px;
	background: url(../Images/Gif/home_bg3.gif);
}

.contact-col1 {
	float: left;
	width: 100px;
	line-height: 23px;
}

.contact-col1a {
	float: left;
	width: 170px;
}

.contact-col2 {
	float: left;
	width: 300px;
}

.contact-col3 {
	float: left;
	width: 100%;
	text-align: right;
}