/* house colour (purple) : #2c3590; */

body {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	background: #F9FBFB;
	margin: 0;
}

.main {width: 960px; padding: 0; margin: 10px auto; border: 0 none; background: #ffffff url('images/main_bg.gif') bottom center repeat-x;}

.header {width: 100%; background-color: #ffffff;}

.logo {float: left; margin: 0; position: relative; font-size: 1.2em; font-weight: bold; color: #2c3590; text-align: center;}

.logoleft {float: right; margin: 15px 20px 200px 100px;}

.leftcolumn {width: 250px; float: left; padding: 0; margin: 0; border: 0 none;}

.rightcolumn {width: 710px; float: right; padding: 0; margin: 0; border: 0 none;}

.menupanel {width: 100%; margin: 0; border-top: 1px solid #667799; border-bottom: 1px solid #667799; background: #E9ECF3 url('images/navbackground.jpg') left center repeat-x;}

/* background: #E9ECF3 url('images/navbackground.jpg') left center repeat-x; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#F2F4F8, endColorStr=#8090B0, gradientType=0); */

.navigation {margin: 0 0 0 10px; padding: 00; background: #f0f5f4;}

.navigation p {font-size: 0.1em; margin: 0; padding: 0;}

ul.menu {color: #2c3590; padding: 0 5px; margin: 0 0 0 10px; text-align: left; font-size: 0.9em; font-family: tahoma, arial, verdana, helvetica, sans-serif;}

li.menu {color: #2c3590; background: transparent; padding: 0; margin: 10px 0 0 10px; font-size: 0.85em;}
li.menu a {text-decoration: none; color: #000000; font-weight: bold;}
li.menu a:visited {text-decoration: none; color: #000000;}
li.menu a:hover {text-decoration: none; color: #2c3590;}
li.menu a:active {text-decoration: none; color: #000000;}

li.submenu {color: #000000; background: transparent; padding: 0; margin: 0 0 0 25px; font-size: 0.85em; list-style: circle;}
li.submenu a {text-decoration: none; color: #000000; font-weight: normal;}
li.submenu a:visited {text-decoration: none; color: #000000;}
li.submenu a:hover {text-decoration: none; color: #2c3590;}
li.submenu a:active {text-decoration: none; color: #000000;}

.submenu {display: none;}

.navdivider {vertical-align: middle; margin: 0 5px;}

.phonenumber {width: 270px; float: right; padding: 1px; margin: 0; text-align: left; font-size: 0.7em; font-weight: bold;}

.phonepic {vertical-align: middle; margin: 2px 5px;}

.maincontent {padding: 15px;}

.maincontent p {font-size: 0.8em;}

.rightcontent {padding: 5px;}

.rightcontent p {font-size: 0.8em; margin: 10px; padding: 0;}

.noscreen {display: none;}

.floatedboxes {float: left; margin: 0; position: relative;}

.box {width: 490px; float: left; margin: 0; padding: 9px 10px 9px 0; border: 0 none;}
.box0 {width: 250px; float: left; margin: 0; padding: 0; border: 0 none;}
.box1 {width: 250px; float: left; background: #447972; margin: 0; padding: 0; border: 0 none; font-family: tahoma, arial, verdana, helvetica, sans-serif;}
.box2 {width: 250px; float: left; background: #94b4b0; margin: 0; padding: 0; border: 0 none; font-family: tahoma, arial, verdana, helvetica, sans-serif;}
.box3 {width: 250px; float: left; background: #cfdddc; margin: 0; padding: 0; border: 0 none; font-family: tahoma, arial, verdana, helvetica, sans-serif;}

.upperbox1 {margin: 0; padding: 0; position: relative;}
.lowerbox1 {color: #ffffff; background: #447972; margin: 0; padding: 0; height: 400px; overflow: auto;}
.lowerbox1 h2 {color: #ffffff; margin: 9px; padding: 0; font-weight: normal;}
.lowerbox1 p {margin: 9px; padding: 0; font-size: 0.8em;}

.upperbox2 {margin: 0; padding: 0; position: relative;}
.lowerbox2 {color: #000000; background: #94b4b0; margin: 0; padding: 0; height: 400px; overflow: auto;}
.lowerbox2 h2 {margin: 9px; padding: 0; font-weight: normal;}
.lowerbox2 p {margin: 9px; padding: 0; font-size: 0.8em;}

.upperbox3 {margin: 0; padding: 0; position: relative;}
.lowerbox3 {color: #000000; background: #cfdddc; margin: 0; padding: 0; height: 400px; overflow: auto;}
.lowerbox3 h2 {margin: 9px; padding: 0; font-weight: normal;}
.lowerbox3 p {margin: 9px; padding: 0; font-size: 0.8em;}

ul.boxul {margin: 0 0 10px 15px; padding: 0;}
li.boxli  {padding: 0 9px 0 0; margin: 0 9px 0 15px; font-size: 0.8em;}
li.inboxli {padding: 0 9px 0 0; margin: 0 9px 0 30px; font-size: 0.8em; list-style: circle;}

ol.boxol {margin: 0 0 10px 15px; padding: 0;}
li.boxoi  {padding: 0 9px 0 0; margin: 0 9px 0 15px; font-size: 0.8em;}
li.inboxoi {padding: 0 9px 0 0; margin: 0 9px 0 40px; font-size: 0.8em;}

.price {font-size: 0.8em; font-weight: bold;}

.callus {font-size: 1.0em; font-weight: bold; color: #dd0000;}

.leftcol25 {float: left; width: 33%}

.rightcol {float: right; width: 67%;}

.rightboxgrey {margin: 0; padding: 0; background: #E9ECF3; border: 1px solid #000000;}
.rightboxgrey p {font-size: 0.8em; margin: 10px; padding: 0;}

.rightboxlight {margin: 0; padding: 0; background: #CFD5E5; border: 1px solid #000000;}
.rightboxlight p {font-size: 0.8em; margin: 10px; padding: 0;}

.rightboxwhite {margin: 0; padding: 0; background: #ffffff; border: 1px solid #000000;}
.rightboxwhite p {font-size: 0.8em; margin: 10px; padding: 0;}

.maintext {font-size: 0.7em;}

li.maintext {font-size: 0.7em; margin: 0 0 0 10px;}

.indenttext {font-size: 0.7em; 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;}

.content {}

img {border: 0 none; border-color: #004000; position: relative;}

image {border: 0 none;}

.col2left {float:left; width: 315px;}

.col2right {float:right; width: 315px;}

.separator {clear: both;}

.spacer {clear: both; height: 10px; margin: 0; padding: 0;}

.strapover {position: absolute; top: 10px; left: 0; width: 100%; text-align: center; z-index: 2;}

.straphomeover {position: absolute; top: 10px; left: 0; width: 100%; text-align: center; z-index: 2;}

.strap {margin: 10px 0 100px 0; text-align: center;}

.straphome {color: #406651; letter-spacing: 5px; font-size: 1.3em; margin: 0; padding: 0; font-family: arial, tahoma, verdana, helvetica, sans-serif}

.strapmain {color: #406651; letter-spacing: 5px; margin: 0; padding: 0; font-family: arial, tahoma, verdana, helvetica, sans-serif}

.strapsub {color: #94b4b0; font-weight: 600; letter-spacing: 3px; font-size: 0.8em; margin: 0; padding: 0;}

.boxheading {font-size: 0.85em; font-weight: bold; margin: 222px 0 0 0;}

.homeimages {text-align: left;}

.house {font-weight: bold; color: #2c3590;}

.housecolour {color: #2c3590;}

.footer {clear: both; border-top: 1px solid #000000; margin: 0px 15px 5px 15px; padding: 10px 0 5px 0; color: #c0c0c0; font-weight: normal; font-size: 0.8em; text-align:center; font-style: normal; font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif;}

.footleftcontent {margin: 10px 0;}

.address {color: #2c3590; font-weight: normal; font-size: 1em; font-style: normal; padding: 0; margin: 3px 0;}

.copyright {color: #999999; font-weight: normal; font-size: 0.8em; font-style: normal; padding: 0; margin: 3px 0;}

.webmaster {color: #999999; font-weight: normal; font-size: 1em; font-style: normal; font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif; 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;}

.navtext {font-weight: bold; font-size: 1em; font-style: normal;}

.navlink {font-weight: bold; font-size: 1em; font-style: normal;}

.navlinkthis {font-weight: bold; font-size: 1em; font-style: normal;}

.clickable {cursor: pointer;}

.enquiryform {margin: 15px 15px 35px 15px;}
.form {padding: 0; margin:0;}
.formfield {font-size: 0.7em; 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: #2c3590; text-decoration:underline;} 
a:visited {color: #2c3590; text-decoration:underline;} 
a:hover {color: #406651; text-decoration:none;}
a:active {color: #406651; text-decoration:underline;}

a.antilink:link {color: #2c3590; text-decoration:none;} 
a.antilink:visited {color: #2c3590; text-decoration:none;} 
a.antilink:hover {color: #406651; text-decoration:underline;}
a.antilink:active {color: #406651; text-decoration:none;}

a.rightlink:link {color: #000000; text-decoration:underline;} 
a.rightlink:visited {color: #000000; text-decoration:underline;} 
a.rightlink:hover {color: #B87060; text-decoration:none;}
a.rightlink:active {color: #B87060; text-decoration:underline;}

a.webmasterlink:link {color: #999999; text-decoration:none;} 
a.webmasterlink:visited {color: #999999; text-decoration:none;} 
a.webmasterlink:hover {color: #000000; text-decoration:underline;}
a.webmasterlink:active {color: #000000; text-decoration:none;}

a.addresslink:link {color: #2c3590; text-decoration:none;} 
a.addresslink:visited {color: #2c3590; text-decoration:none;} 
a.addresslink:hover {color: #2c3590; text-decoration:underline;}
a.addresslink:active {color: #2c3590; text-decoration:none;}

a.boldlink:link {color: #2c3590; text-decoration:underline; font-weight: bold;} 
a.boldlink:visited {color: #2c3590; text-decoration:underline; font-weight: bold;} 
a.boldlink:hover {color: #406651; text-decoration:none; font-weight: bold;}
a.boldlink:active {color: #406651; text-decoration:underline; font-weight: bold;}

a.blacklink:link {color: #000000; text-decoration:underline;} 
a.blacklink:visited {color: #000000; text-decoration:underline;} 
a.blacklink:hover {color: #000000; text-decoration:none;}
a.blacklink:active {color: #000000; text-decoration:underline;}

hr {color: #000000; background-color: #000000; height: 1px; margin: 0; border: 0;}

hr.maintext {color: #406651; background-color: #406651; 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:#FFEDDD;
	font-size: 0.8em;
	font-weight: normal;
	cursor: pointer;
}

.rightselect {text-align: right; margin: 0; padding: 0;}

input.submit {
	font-size: 1.3em;
	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: #2c3590; font-style: normal; margin: 10px 0;}

h2 {font-weight: bold; font-size: 0.85em; color: #000000; 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: #2c3590; 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: #2c3590; font-style: normal; margin: 10px 0;}

h6 {font-weight: bold; font-size: 0.6em; color: #000000; font-style: normal; margin: 10px 0;}

.ledge {background-position: left top; background-image: url('images/l.gif'); background-repeat: repeat-y}
.uedge {background-position: right top; background-image: url(images/u.gif); background-repeat: repeat-x}
.redge {background-position: right top; background-image: url(images/r.gif); background-repeat: repeat-y}
.bedge {background-position: left bottom; background-image: url(images/b.gif); background-repeat: repeat-x}
.ulcorner {background-position: left top; background-image: url(images/tl.gif); background-repeat: no-repeat}
.urcorner {background-position: right top; background-image: url(images/tr.gif); background-repeat: no-repeat}
.blcorner {background-position: left bottom; background-image: url(images/bl.gif); background-repeat: no-repeat}
.brcorner {background-position: right bottom; background-image: url(images/br.gif); background-repeat: no-repeat}