html, body {
	font-family: "Comic Sans MS", verdana, ariel, helvetica, sans-serif; 
	color: #777777;
	}

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

h1 {
	font-size: 1.2em;
	color: #003366;
	margin: 0 0 5px 0;
	padding: 0;
}

h2 { 
	font-size: 1em;
	color: #003366;
	margin: 0 0 15px 0;
	padding: 0;	
	clear: both;
	width: 100%;
	border-bottom: 2px solid #003366;
	
	}

p {
	font-size: 0.8em;
	}

ul { 
	margin: 10px auto;
	margin: 0;
	list-style: none;
	}
	

li {
	font-size: 0.7em;
	clear: both;
	}

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

#wrapper {
	width: 810px;
	margin: 20px auto;
	}

/*============Content Styles============*/

#content {
	width: 810px;
	margin: 0px auto -2px auto;
	position: relative;
	}

/* -------------- left column --------------*/

#col-left {
	width: 170px;
	position: absolute;
	top: 0;
	left: 0;
}

#logo {
	padding: 25px 0 25px 35px;
	}

/* -------------- right column --------------*/

#col-right {
	width: 640px;
	margin: 0 0 0 170px;
	background-color: #eee;
	border-top: 1px solid #777777;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	}

#col-right .top-bg {
	margin: -1px -1px 0 -2px;
}

#col-right .btm-bg {
	margin: 0 -1px -5px -2px;
}

#header-image {
	position: relative;
	margin: 0px 0px 0px 20px;
	width: 579px;
	border-top: 1px solid #777777;
}

#header-image img {
	float: left;
}

#header-image img.pos {
	position: absolute;
	top: 0px;
	right: 0px;
}

#header-image .header-left {
	padding: 0;
	margin: -2px 0 0 0;
	}

#header-image .header {
	padding: 0;
	margin: 0;
	}

#content-right {
	clear: both;
	width: 575px;
	min-height: 300px;
	padding: 0 25px;
}

#content-right img {
	/*clear: both;*/
	float: right;
	margin: 0 0 15px 15px; 
}

#content-right a img {
	border: 4px solid #aaaaaa;
	}

#content-right a:hover img {
	border: 4px solid #888888;
	}

/* ====== Footer ======= */
#footer {
	clear: both;
	width: 810px;
	padding: 0 0 0 5px;
	color: #003366;
	}
	
/* ============== for enquiry form ====================== */
form { clear: both; }
.row { width: 575px; clear: both; font-size: 0.7em; margin-top: 10px; line-height: 20px; float: left; }
.label { width: 30%; float: left; text-align: right; }
span.widget { width: 69%; float: right; text-align: left; }
span.widget .button { margin: 10px 0 25px 0; border: 1px solid #000; background-color: #aaaaaa; color: #fff; }
span.required { color: red; }
.required .widget input, .required .widget textarea { border: 1px solid #f00; }
.required .widget select { color: #f00; }
.indent { padding: 0 0 0 100px;}
textarea { font-family: verdana, ariel, helvetica, sans-serif; font-size: 1em; }