/* ==== colours === */
/* 
blue: #2A629E;
dark-logo blue: #040484;
red: #B9111A;
body text: #000;

/* ========== Basic main body layout ============ */

html {
	background: #ffffff;
}

body {
	position: relative;
	color: #000;
	
	background: #ffffff url('/images/bg-top.jpg') repeat-x;
	}

/* ========== B2 custom styling ========== */
* { 
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	}

body { padding: 0; margin: 0; }
img { border: none; margin: 0; padding: 0; }
a { color: #2A629E; text-decoration: none; margin: 0; padding: 0; }
a:hover { color: #2A629E; text-decoration: underline; margin: 0; padding: 0; }
h1 { margin: 0; font-weight: bold; font-size: 37px; }
p { font-size: 0.8em; }
ul { margin: 0;	padding: 0; }
.right { float: right; }
.left { float: left; }
table { margin: 0; padding: 0; width: 350px;}
td { font-size:0.8em; text-align: left; padding: 2px 0 0 0; margin: 0; }


/*======== wrapper =============*/

#wrapper {
	position: relative;
	padding: 10px 0 0 0;
	width: 900px;
	margin: 0 auto;
	z-index: 5;
}

#main-page {
	width: 900px;
	margin: 0;
	padding: 0;
	background: #fff;
	z-index: 0;
}

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

#main ul
{
	margin-left: 30px;
	font-size: 95%;
}
#main ul li
{
	padding: 3px;
}



/* ========= details within main-page =========== */

#head {
	position: relative;
	width: 898px;
	margin: 0;
	padding: 0;
	border: 1px solid #040484;
	height: 135px;
}

.edge {
	margin: 15px 20px 0 20px;
}
 
#tel h2 {
	position: absolute;
	top: 110px;
	right: 20px;
	font-size: 14px;
	color: #040484;
	font-weight: lighter;
	font-family: "Frutiger 45 Light", "Arial Narrow", Arial, sans-serif;
	margin: 0;
	padding: 0;
}

/*========= main content =============*/

#main {
	position:relative;
	width: 898px;
	padding: 0;
	margin: 0;
	float: left;
	background: #B2BDD8;
	border-left: 1px solid #040484;
	border-right: 1px solid #040484;
}

/*========= left content ============= */

#left-col {
	float: left;
	width: 375px;
	margin-left: 20px;
	padding-top: 1em;
	text-align: justify;
	min-height: 250px;
	}

a.full-border img {
	border: 1px solid #040484;
	margin: 0 0 0 55px
}
a:hover.full-border img {
	border: 1px solid #ffffff;
}

#left-col h1 {
	font-family: "Arial Narrow","Frutiger 45 Light", Tahoma, Verdana, Helvetica, sans-serif;
	color: #040484;
	font-weight: lighter;
	padding: 0;
	margin: 0 0 5px 0;
	width: 375px;
	}

#left-col p {
	margin: 5px 0;
	line-height: 1.7em;
	}

#left-col p span {
	color: #2A629E;
	}

/*========= right content ============= */

#right-col {
			padding-top: 1em;
			margin: 0 0 0 400px;
			width: 470px;
			}

#right-col ul {
	color: #2A629E;
}


.feature {
	float: left;
	margin: 10px 0px 0 35px;
	width: 200px;
	padding: 0 0 10px 0;
	}

.feature img {
	border: 1px solid #ffffff;
	}

.feature a img {
	border: 1px solid #ffffff;
	}

.feature a:hover img {
	border: 1px solid #2A629E;
	}

#google {
	float: left;
	margin: 10px 0 10px 35px;
	padding: 0;
	/*position: absolute;
	top: 25px;
	right: 20px;*/
	border: 1px solid #040484;
}

/* ======== Main menu ======== */

#main-menu {
	position: absolute;
	top: 110px;
	left: 20px;
}

/* ======= News ===== */

.news {
	font-size: 110%;
	color: #2A629E;
	}

.archive {
	font-size: 100%;
	color: #2A629E;
	}

/* =========== footer details =============== */

#footer {
	font-size: 11px;
	clear: both;
	width: 900px;
	height: 17px;
	margin: 0;
	padding: 2px 0 0 0;
	color: #000;
	border-top: 1px solid #040484;
}

#footer p {
	text-align: center;
}

#footer a {
	text-decoration: none;
}

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

/* ============== for enquiry form ====================== */
.row { width: 100%; clear: both; font-size: 0.8em; 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.8em; }