/* house colour (blue): #00ADEF; */
/* darker blue #0099FF; */
/* grey : #CCCCCC; */

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

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

.header {position: relative; width: 100%; height: 85px;}

.footer {width: 100%; background: #00ADEF; margin: 0; padding: 0;}

.logo {position: absolute; top: 0; left: 0; float: left; margin: 15px 0 0 15px; z-index: 3;}

.topimages {width: 340px; height: 85px; float: right; padding: 0; margin: 0; border: 0 none; background: #ffffff url('images/lighthouse.jpg') top left no-repeat;}
.topimages1 {width: 340px; height: 85px; float: right; padding: 0; margin: 0; border: 0 none; background: #ffffff url('images/lighthouseweb.jpg') top left no-repeat;}
.topimages2 {width: 340px; height: 85px; float: right; padding: 0; margin: 0; border: 0 none; background: #ffffff url('images/tunnelweb.jpg') top left no-repeat;}
.topimages3 {width: 340px; height: 85px; float: right; padding: 0; margin: 0; border: 0 none; background: #ffffff url('images/walkwayweb.jpg') top left no-repeat;}

.crumbtrail {margin: 5px 10px 0 225px; font-size: 0.75em;}

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

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

ul.topmenu {float: right; list-style-type: none; width: 675px; text-align: right; text-transform: uppercase; padding: 0 0 0 35px; margin: 0; background: #cccccc url('images/diagonalgrey.gif') top left no-repeat;}
li.topmenu {font-size: 8pt; display: inline; color: #003333; margin: 0; padding: 0; font-weight: bold; cursor: pointer;}
a.topmenulink:link{color: #003333; text-decoration: none;}
a.topmenulink:visited{color: #003333; text-decoration: none;}
a.topmenulink:hover{color: #003333; text-decoration: underline;}
a.topmenulink:active{color: #003333; text-decoration: none;}
a.topmenulinkthis:link{color: #003333; text-decoration: underline;}
a.topmenulinkthis:visited{color :#003333; text-decoration: underline;}
a.topmenulinkthis:hover{color: #003333; text-decoration: none;}
a.topmenulinkthis:active{color: #003333; text-decoration: underline;}

.navdivider {vertical-align: middle; margin: -1px 5px -1px 10px;}
.navdividerend {vertical-align: middle; margin: -1px 340px -1px 10px;}

ul.menu {float: right; list-style-type: none; width: 95%; text-align: right; border-bottom: 5px solid #0099FF; text-transform: uppercase; padding: 0; margin: 10px 0;}
li.menu {font-size: 8pt; color: #003333; background: #cccccc url('images/diagonalgrey.gif') bottom left no-repeat; margin: 0; padding: 5px; 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 {margin: 35px 8px 0 8px; text-align: right; font-size: 0.7em; font-weight: bold; text-transform: uppercase;}

ul.navigation {color: #006699; padding: 0; margin: 5px 8px 0 0; text-align: right; font-size: 0.7em; font-weight: normal;}
li.navigation {color: #006699; background: transparent; padding: 0; margin: 0; list-style: none;}
a.navlink:link {text-decoration: none; color: #006699; text-decoration: none;}
a.navlink:visited {text-decoration: none; color: #006699; text-decoration: none;}
a.navlink:hover {text-decoration: none; color: #EE0000; text-decoration: underline;}
a.navlink:active {text-decoration: none; color: #006699; text-decoration: none;}
a.navlinkthis:link {text-decoration: none; color: #006699; text-decoration: underline;}
a.navlinkthis:visited {text-decoration: none; color: #006699; text-decoration: underline;}
a.navlinkthis:hover {text-decoration: none; color: #EE0000; text-decoration: none;}
a.navlinkthis:active {text-decoration: none; color: #006699; text-decoration: underline;}

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

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

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

.noscreen {display: none;}

.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: 18pt; 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: 10pt; 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 {text-align: center;}

.tradelogo {margin: 0px 45px; 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: 485px; 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;}

.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 {font-size: 0.75em; 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; font-weight: bold;}

.smaller {font-size: 0.9em;}

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

.content {}

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

image {border: 0 none;}

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

.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.7em; font-style: normal; padding: 0; margin: 5px; text-align: center; border-top: 1px solid #00ADFF;}

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

.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;}
.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: #00ADEF; text-decoration:underline;} 
a:visited {color: #00ADEF; text-decoration:underline;} 
a:hover {color: #0099FF; text-decoration:none;}
a:active {color: #0099FF; text-decoration:underline;}

a.antilink:link {color: #00ADEF; text-decoration:none;} 
a.antilink:visited {color: #00ADEF; text-decoration:none;} 
a.antilink:hover {color: #0099FF; text-decoration:underline;}
a.antilink:active {color: #0099FF; 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: #0099FF; text-decoration:underline; font-weight: bold;} 
a.boldlink:visited {color: #0099FF; text-decoration:underline; font-weight: bold;} 
a.boldlink:hover {color: #0099FF; text-decoration:none; font-weight: bold;}
a.boldlink:active {color: #0099FF; text-decoration:underline; font-weight: bold;}

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: #0099FF; background-color: #0099FF; height: 1px; margin: 0; border: 0;}

hr.maintext {color: #0099FF; background-color: #0099FF; 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 {text-align: right; margin: 0; padding: 0;}

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: #0099FF; font-style: normal; margin: 10px 0;}

h2.boxright {font-weight: bold; font-size: 0.85em; color: #000000; font-style: normal; margin: 10px;}

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;}

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;}