html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif; 
	}

body {
	background: url('/images/bg.jpg') repeat-x;
	}

img {
	border: 0;
	margin: 0;
	padding: 0;
	}

p {
	font-family:  Arial, Helvetica, sans-serif;
}

a.external { padding-right: 15px; background: url(/images/ExternalLink.png) no-repeat right center; }

#wrapper {
	width: 775px;
	margin: 30px auto 0 auto;
	padding: 25px 75px 10px 50px;
	background: #fff url('/images/bg-top.jpg') no-repeat;
	}

#content-wrapper {
	width: 775px;
	margin: 0px;
	padding: 0;
	background: #fff;
	}

/* ===== Header Styles ========*/

#header {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	height: 230px;
	width: 775px;
	}

#title {
	width: 650px;
	float: left;
	margin: 0;
	padding: 0;
}

#header img {
	float: right;
}

#title h2 {
	margin: 0 0 10px 0;
	text-align: justify;
	text-transform: uppercase; 
	font-size: 110%;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif; 
	color: #6666CC; /* light purple */
}

#head-image {
	position: absolute;
	top: 50px;
	left: -50px;
	width: 825px;
	height: 160px;
	margin: 10px 0 0 0;
}

/* ======== main content =======*/
#main-content {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #6666CC;
	font-size: 90%;
	background: #fff;
	min-height: 400px;
	}

#main-content a {
	color: #F5831B;
	text-decoration: none;
}

#main-content a:hover {
	color: #F5831B; 
	text-decoration: underline;
}

#col-left {
	position: relative;
	float: left;
	width: 148px;
	margin: 15px 0 0 0;
}

#col-left img {
	float: left;
	margin: 0 0 35px 0;
	padding: 0;
}

#col-left img.cherry {
	position: absolute;
	top: 215px;
	left: -15px;
	margin: 0;
	z-index: 5;
}

#col-left img.biba {
	position: absolute;
	top: 285px;
	left: 25px;
	margin: 0;
	z-index: 5;
}

#col-right {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 610px;
	margin: 15px 0 0 15px;
}

/*\*/
*html #col-right {
	height: 410px;
	margin: 15px 0 0 0px;
	padding: 0 0 0 15px;
	}

/**/

#col-right p {
	font-size: 90%;
	margin: 8px 0;
	padding: 0;
}

#col-right td p {
	margin: 3px 0 0 0;
	}

#col-right span {
	margin: 3px 0 0 0;
	}

#col-right h1 {
	margin: 0 0 5px 0;
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	color: #6666CC; 
}

#col-right h2 {
	font-size: 95%;
	font-weight: bold;
	color: #6666CC;
}

#col-right ul {
	font-size: 80%;
	margin: 15px 0 0 0;
	padding: 0 0 0 30px;
}

#col-right li {
	margin: 4px 0 0 0;
}

#col-right table {
	margin: 5px 0 0 0;
	}

#col-right td {
	padding: 4px 0;
	}

.personnel {
	float: left;
	width: 610px;
	clear: both;
	}

.personnel #name {
	float: left;
	width: 200px;
	}

.personnel #directdial {
	float: left;
	width: 150px;
	}

.personnel #email {
	float: left;
	width: 250px;
	}

div.two-col {
	clear: both;
	width: 260px;
	float: left;
	margin: 0;
	padding: 0;
}

div.two-col div.col1 {
	width: 75px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}

div.two-col div.col2 {
	width: 175px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}


.google {
	width: 345px;
	height: 315px;
	float: right;
	border: 1px solid #000;
	margin-bottom: 25px;
}

#map1 { width: 345px; height: 315px; }
#map2 { width: 345px; height: 315px; }
#map3 { width: 345px; height: 315px; }
#map4 { width: 345px; height: 315px; }

/* ====== Footer ======= */
#footer {
	clear: both;
	float: left;
	width: 100%;
	margin: -25px 0 0 0;
	}

.footer {
	clear: both;
}

#subfooter p {
	font-family: Arial, Helvetica, sans-serif; 
	color: #6666CC; /* light purple */
	text-align: center;
	margin: 25px auto 0 auto;
	width: 100%;
	font-size: 65%;
}


/* === Blue square tag styling === */

#b2 {
	text-align: right;
	margin: 5px auto;
	width: 100%;
	font-size: 65%;
	font-weight: bold;
	}

#b2 a {
	color: #99b;
	text-decoration: none;
	}

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

.newstitle { color: #f70; font-weight: bolder; }
a.pdf { background: #fff url(/images/pdf.gif) no-repeat top left; padding-left: 20px; }

/* ============== for enquiry form ====================== */
.row { width: 100%; clear: both; font-size: 0.9em; margin-top: 10px; line-height: 20px; float: left; }
label.col1, span.label { width: 40%; float: left; text-align: right; }
span.widget { width: 59%; float: right; text-align: left; }
span.widget .button { margin-top: 10px; border: 1px solid #000; background-color: #6666CC; color: #fff; }
.required .label { color: #f00; }
.required .widget input, .required .widget textarea { border: 1px solid #f00; }

.required .widget select { color: #f00; }
span.col2 { width: 69%; float: right; text-align: left; }
.indent { padding: 0 0 0 125px;}
legend { font-size: 0.9em; color: #6666CC; font-weight: bold; }
textarea { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.9em; }
input.required { border: 1px solid red; }

/* ======e-mail styling============*/

#text
{
	font-size: 110%;
	color: #bbb; 
}