/* house colour (teal): #187b6b; */
/* light teal : #b7ddd7; */
/* lightest teal : e8f4f2 */
/* grey : #cccccc; */

body {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	background: #187b6b;
	margin: 0;
}

.main {width: 960px; padding: 0; margin: 0 auto; border: 0 none; background: #ffffff;}

.header {position: relative; width: 100%; height: 260px; background: #187b6b;}

.footer {width: 100%; background: #187b6b; margin: 0; padding: 0;}

.logo {position: absolute; top: 40px; right: 30px; float: right; margin: 0; z-index: 3;}

.strap {width: 150px; text-align: left; position: absolute; z-index: 4; bottom: 0; right: 0; margin: 15px 0; font-size: 1.2em; font-style: italic; font-weight: bold; color: #ffffff;}

.leftcolumn {width: 220px; float: left; padding: 0; margin: 0; border: 0 none;}

.rightcolumn {width: 740px; float: right; padding: 0; margin: 0; border: 0 none;}

.topmenupanel {clear: both; width: 100%; padding: 0; margin: 0; border: 0 none; background: #187b6b url('images/navbg.jpg') left center repeat-x;}

/* background: #00383d url('images/navbg.jpg') left center repeat-x; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#187b6b, endColorStr=#00383d, gradientType=0); */

ul.topmenu {padding: 1px; margin: 0 5px; text-align: left; font-size: 0.7em;}

li.topmenu {display: inline; color: #ffffff; background: transparent; padding: 0; margin: 0; letter-spacing: 1px;}
li.topmenu a {text-decoration: none; color: #ffffff; font-weight: normal;}
li.topmenu a:visited {text-decoration: none; color: #ffffff;}
li.topmenu a:hover {text-decoration: none; color: #ffffff;}
li.topmenu a:active {text-decoration: none; color: #ffffff;}

.navdivider {vertical-align: middle; margin: 1px 0 1px 5px; width: 2px; height: 19px;}

.phone {float: right; font-size: 0.9em; color: #187b6b; font-weight: bold; margin: 10px 20px 0 10px;}

ul.menu {float: right; list-style-type: none; width: 95%; padding: 0; margin: 0 0 10px 0;}
li.menu {color: #003333; background: #b7ddd7; padding: 0 3px 3px 3px; font-size: 0.7em; font-weight: bold; border-top: 5px solid #ffffff; cursor: pointer;}
a.menulink:link{color: #003333; text-decoration: none;}
a.menulink:visited{color: #003333; text-decoration: none;}
a.menulink:hover{color: #003333; text-decoration: underline;}
a.menulink:active{color: #003333; text-decoration: none;}
a.menulinkthis:link{color: #003333; text-decoration: underline;}
a.menulinkthis:visited{color :#003333; text-decoration: underline;}
a.menulinkthis:hover{color: #003333; text-decoration: none;}
a.menulinkthis:active{color: #003333; text-decoration: underline;}

.menuheading {color: #187b6b; margin: 0 10px 0 15px; font-size: 0.8em; font-weight: bold;}

.mainimage {margin: 0; padding:0;}

ul.mainimages {margin:0; padding:0;}

li.mainimages {list-style-type: none; margin:0 0 4px 0; padding:0;}

.gallery {position: absolute; top: 0; left: 0; width:960px; height:260px; margin:0; padding:0; overflow: hidden;}
#gallery li {display: block; }

.maincontent {margin: 0 50px 0 40px; text-align: justify;}

.maincontent p {
	font-size: 0.8em;
	line-height: 1.6em;
	margin: 0 0 6px 0;
}

.maincontent li {font-size: 0.8em;line-height:1.6ems;margin:3px 0;color:#444444;}

.maincontent table {font-size: 0.8em;}

.noscreen {display: none;}

.float3 {float: left; margin: 0; width: 33%; display: block; text-align: left; line-height: 1.5em; font-size: 0.7em; font-size: 0.75em;}

.floatedboxes {float: left; margin: 0; position: relative;}

.box {width: 185px; float: left; margin: 10px 25px 10px 0; border-left: 8px solid #00ADEF; border-right: 8px solid #00ADEF; cursor: pointer;}
.boxright {width: 185px; float: left; margin: 10px 5px 10px 0; border-left: 8px solid #00ADEF; border-right: 8px solid #00ADEF; cursor: pointer;}

.upperboxcontent {height: 140px; text-align: left; font-size: 1.6em; color: #000000; background: #ffffff; padding: 5px; margin: 0;}
.upperboxcontent p {font-size: 0.7em; margin: 0; padding: 0;}
.upperboxcontent h2 {font-size: 0.75em; font-weight: bold;}

.lowerboxcontent {height: 60px; text-align: right; font-size: 0.8em; color: #ffffff; background: #00ADEF url('images/diagonalblue.gif') bottom left no-repeat; padding: 5px; margin: 0;}
.lowerboxcontent p {margin: 45px 0 0 0; padding: 0;}

.tradelogos {margin-left: 260px; text-align: center;}

.tradelogo {margin: 0px 15px; padding: 0; text-align: center;}

.tradetext {margin: 20px 0 20px 115px; padding: 0; color: #999999; font-size: 0.8em; float: left;}

.col2left {float:left; width: 315px;}

.col2right {float:right; width: 315px;}

.leftcol150 {float:left; width: 150px;}

.rightcol {float:right; width: 500px; margin: 0 15px 0 0;}

.leftcol25 {float: left; width: 25%}

.rightcol75 {float: right; width: 75%;}

.leftcol33 {float: left; width: 33%}

.rightcol66 {float: right; width: 66%;}

.maintext {font-size: 0.75em;}

li.maintext {font-size: 0.75em; margin: 0 0 0 10px;}

.indenttext {font-size: 0.75em; margin: 0 0 6px 18px; text-indent: -22px;}

.indentedtext {margin-left: 25px;}

.righttext {font-size: 0.7em; margin: 1px; text-align: right;}

.smalltext {font-size: 0.65em;}

li.smalltext {font-size: 0.65em; margin: 0;}

li.pdf {font-size: 0.75em; margin: 0 0 0 10px; list-style-image: url('images/pdf_icon_sm.gif')}

li.web {font-size: 0.75em; margin: 0 0 0 10px; list-style-image: url('images/ie_icon_sm.gif')}

.tighttext {margin: 0;}

.centeredtext {font-size: 0.75em; margin: 0; text-align: center;}

.centeredbutton {font-size: 0.75em; margin: 20px 0; text-align: center;}

.justify {font-size: 0.75em; margin: 0; text-align: justify;}

.tight {margin: 0;}

.tightleft {margin: 0; text-align: left;}

.tightjustify {margin: 0; text-align: justify;}

.smalltightjustify {font-size: 0.65em; margin: 0; text-align: justify;}

.highlighted {color: #ee0000;}

.smaller {font-size: 0.9em;}

.rightsmall {text-align: right; font-size: 0.9em; margin: 0;}

.content {}

img {
	border: 0 none;
	position: relative;
	width: 650;
}

image {border: 0 none;}

.portrait {float: left; margin: 5px 10px 10px 0; border-bottom: 5px solid #187b6b;}

.separator {width: 100%; clear: both; height: 5px; margin: 0; padding: 0;}

.spacer {width: 100%; clear: both; height: 10px; margin: 0; padding: 0;}

.house {font-weight: bold; color: #00ADEF; font-style: italic;}

.housecolour {font-weight: bold; color: #00ADEF;}

.address {color: #000000; font-weight: normal; font-size: 0.6em; font-style: normal; padding: 0; margin: 5px; text-align: center; border-top: 1px solid #00755a;}

.copyrightcontainer {float: right; color: #ffffff; font-weight: normal; font-size: 0.7em; font-style: normal; padding: 5px; margin: 0;}

.webmastercontainer {float: left; color: #ffffff; font-weight: normal; font-size: 0.7em; font-style: normal; padding: 5px; margin: 0;}

.contextheader{font-weight: bold; font-size: 0.7em; font-style: normal; margin: 3px 0px 3px 6px;}

.context {font-weight: normal; font-size: 0.85em; font-style: normal;}

.caption {font-weight: normal; font-size: 0.85em; font-style: normal;}

.clickable {cursor: pointer;}

.enquiryform {width: 95%;}

.form {padding: 0; margin:0;}
.formfield {font-size: 0.75em; margin: 5px;}
.formfieldwide {font-size: 0.7em; margin: 5px 10px;}
.formlabel {width: 35%; float: left; font-weight: bold; margin: 0 5px 0 5px;}
.formlabelwide {width: 75%; float: left; font-weight: bold; margin: 0 5px 0 5px;}
.rightformlabel {width: 35%; float: left; font-weight: bold; margin: 0 5px 0 5px; text-align: right;}

.prevnext {font-size: 0.75em; margin: 20px 10px; padding: 5px; border-top: 1px solid #EE6600;}

.setparams {float: right; font-size: 0.9em;}

a:link {color: #187b6b; text-decoration:underline;} 
a:visited {color: #187b6b; text-decoration:underline;} 
a:hover {color: #dd0000; text-decoration:none;}
a:active {color: #dd0000; text-decoration:underline;}

a.antilink:link {color: #187b6b; text-decoration:none;} 
a.antilink:visited {color: #187b6b; text-decoration:none;} 
a.antilink:hover {color: #dd0000; text-decoration:underline;}
a.antilink:active {color: #dd0000; text-decoration:none;}

a.webmasterlink:link {color: #ffffff; text-decoration:none;font-style: italic;} 
a.webmasterlink:visited {color: #ffffff; text-decoration:none;font-style: italic;} 
a.webmasterlink:hover {color: #ffffff; text-decoration:underline;font-style: italic;}
a.webmasterlink:active {color: #ffffff; text-decoration:none;font-style: italic;}

a.designerlink:link {color: #ffffff; text-decoration:none;} 
a.designerlink:visited {color: #ffffff; text-decoration:none;} 
a.designerlink:hover {color: #ffffff; text-decoration:underline;}
a.designerlink:active {color: #ffffff; text-decoration:none;}

a.addresslink:link {color: #000000; text-decoration:none;} 
a.addresslink:visited {color: #000000; text-decoration:none;} 
a.addresslink:hover {color: #000000; text-decoration:underline;}
a.addresslink:active {color: #000000; text-decoration:none;}

a.boldlink:link {color: #187b6b; text-decoration:underline; font-weight: bold;} 
a.boldlink:visited {color: #187b6b; text-decoration:underline; font-weight: bold;} 
a.boldlink:hover {color: #dd0000; text-decoration:none; font-weight: bold;}
a.boldlink:active {color: #dd0000; text-decoration:underline; font-weight: bold;}

a.blacklink:link {color: #000000; text-decoration :none;} 
a.blacklink:visited {color: #000000; text-decoration: none;} 
a.blacklink:hover {color: #000000; text-decoration: underline;}
a.blacklink:active {color: #000000; text-decoration: none;}

a.whitelink:link {color: #ffffff; text-decoration :none;} 
a.whitelink:visited {color: #ffffff; text-decoration: none;} 
a.whitelink:hover {color: #ffffff; text-decoration: underline;}
a.whitelink:active {color: #ffffff; text-decoration: none;}

.rightarrow {vertical-align: middle; margin: 0 0 0 3px;}

hr {color: #187b6b; background-color: #187b6b; height: 1px; margin: 0; border: 0;}

hr.maintext {color: #187b6b; background-color: #187b6b; height: 1px; margin: 10px; border: 0; width: 85%;}

.smallinput {font-size: 0.85em;}

.textbox {
	background-color: #FFFFFF;
	color: #BF608C;
	font-size: 0.8em;
	font-weight: bold;
	border-style: solid; border-width: 1px; border-color: #A0A0A0;
}

select {
	color: #000000;
	background-color:#eeeeee;
	font-size: 0.8em;
	font-weight: normal;
	cursor: pointer;
}

.rightselect {font-size: 0.85em; text-align: right; margin: 10px 0; padding: 0;}

.jumptolabel {font-size: 0.85em; margin: 0 10px; padding: 0;}

.calltoaction  {text-align: center;} 

input.submit {
	font-size: 1.2em;
	font-weight: bold;
	color: #004400;
	cursor: pointer;
}

input.s_submit {
	font-size: 0.9em;
	cursor: pointer;
}


input.button {
	font-size: 0.9em;
	font-weight: bold;
	color: #004400;
	cursor: pointer;
}

input.s_button {
	font-size: 0.9em;
	font-weight: bold;
	cursor: pointer;
}

textarea {
	color: #000000;
	border-style: solid; border-width: 1px; border-color: #A0A0A0;
}

h1 {font-weight: bold; font-size: 1.0em; color: #000000; font-style: normal; margin: 10px 0;}

h2 {font-weight: bold; font-size: 0.85em; color: #187b6b; font-style: normal; margin: 10px 0;}

h2.infobox {font-weight: bold; font-size: 0.85em; color: #187b6b; font-style: normal; margin: 10px 0px 10px -10px; padding: 10px; background: #e8f4f2; border: 1px dotted #b7ddd7;}

h3 {font-weight: bold; font-size: 0.75em; color: #000000; font-style: normal; margin: 10px 0;}

h4 {font-weight: bold; font-size: 0.75em; color: #000000; font-style: normal; margin: 10px 0 10px 20px; font-style: italic;}

h5 {font-weight: bold; font-size: 0.6em; color: #000000; font-style: normal; margin: 10px 0;}

h6 {font-weight: bold; font-size: 0.6em; color: #000000; font-style: normal; margin: 10px 0;}

/* ---------- News ---------- */

#homeleftCol{}
#homerightCol{}