/* General declarations */

body {
	text-align: center; /* to make the outsideBox centred in the page */
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 15px 0; /* margin: 15px only applies to left hand side of floatLogo in IE, this fixes that */
	background-image: url(images/wood.jpg);
	background-repeat: repeat;
}

form {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left; /* all form elements now left aligned within the centrally aligned form */
	color: #333333;
}

h1, h2, h3, h4, h5, h6 {
	color: #135883;
}

img {
}

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #135883;
	text-decoration: none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #4793c3;
	text-decoration: none;
}

/* div ids in order of appearance */

#floatLogo {
	position: absolute; /* to overlay everything else, moves on its own or not at all */
	top: 17px;
	left: 0px;
	width: 100%;
	height: 175px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	z-index:0
}

#outsideBox { /* total width of 762, max internal: 736 */
	width: 736px; /* 762-padding of 20-border of 6 */
	padding: 10px;
	margin: 0 auto;
	border: 3px solid #135883;
	background-color: #FFFFFF; /* could be shortened to #fff if desired */
	text-align: left; /* to kinda undo the text-align centering defined in the body { */
}

#innerBox { /* total width of 736, max internal: 716 */
	width: 716px; /* 736-padding of 20 */
	padding: 10px;
	margin: 0;
	border-top: 128px solid #4793c3;
	background-color: #4793c3; /* custom blue */
	text-align: center;
}

#infoBar { /* total width of 716, max interal: 702 */
	width: 712px; /* 716-padding of 10-border of 4 */
	/*padding: 5px;*/
	margin: 0;
	border: 2px solid #135883;
	background-color: #FFFFFF;
	color: #135883;
	/*text-align: right; */
	font-size: 0.7em; /* 1.1 times the size of parent font defined (or not-default) in the body { */
}

#linkBar { /* total width of 716, max internal: 716 */
	width: 716px;
	padding: 0;
	margin: 0;
	border-top: 5px solid #4793c3; /* hack(!) to push it down and leave a gap after infoBar */
	border-bottom: 5px solid #4793c3; /* hack(!) to push it down and leave a gap before pageHolder */
}

#firstLink {
	border-left: 2px solid #135883; /* left border not applied to any other li link */
}

#eachLink {
	padding: 0;
	margin: 0;
	list-style-type: none; /* to get rid of the dots of course */
	height: 18px;
}

#eachLink li {
	border-right: 2px solid #135883;
	border-bottom: 2px solid #135883;
	border-top: 2px solid #135883;
}

#eachLink li, #eachLink a {
	width: 100px; /* max width of 716-16 for borders to all li leaves 700/7=100=nice fit */
	float: left;
	display: inline;
	color: #135883;
	text-decoration: none;
	background-color: #FFFFFF;
}

#eachLink a:visited {
	color: #135883;
}

#eachLink a:hover {
	background-color: #135883;
	color: #FFFFFF;
}
#lContent {
	width: 450px;
	float: left;
}
#rContent {
	width: 250px;
	float: right;
}
#pageHolder { /* total width of 716, max internal: 704 */
	width: 704px; /* 716-paddng of 8-border of 4, note the margin 10 applies only to top and bottom */
	padding: 4px;
	margin: 10px 0; /* margin top and bottom of 10, left and right of 0 */
	border: 2px solid #135883;
	background-color: #FFFFFF;
	text-align: left;
	color: #333333;
	font-size: 0.9em;
	overflow: hidden; /* to make Firefox div height stretch with the floats inside it */
}

#morePage { /* total width of 716, max internal: 704 */
	width: 704px; /* 716-paddng of 8-border of 4, note the margin 10 applies only to top and bottom */
	padding: 4px;
	margin: 10px 0; /* margin top and bottom of 10, left and right of 0 */
	border: 2px solid #135883;
	background-color: #FFFFFF;
	text-align: center;
	color: #333333;
	overflow: hidden; /* to make Firefox div height stretch with the floats inside it */
	height:400px
}

#footer {
	width: 716px;
	padding: 0;
	margin: 0;
	border: 0;
	color: #ffffff; /* font colour (notice the U in coloUr) of white */
	font-size: 0.9em; /* sets the font size to 90% of the parent defined font size */
	font-weight: bold;
	text-align: center;
}
#tel {
	float: left;
	width: 200px;
}
#homeLink {
	float: right;
	width: 200px;
}
/* classes */

.propertyBox {
	width: 160px;
	height: 185px;
	padding: 0;
	margin: 5px; /* 5px spacing between the border and the edge of this div */
	border: 2px solid #135883; /* total border width of 4px, solid line, custom blue */
	float: right;
	background-color: #ffffff;
	text-align: justify;
}

.frontText {
	padding: 2px;
	font-size: 0.7em;
	line-height:1em;
}
.propertyBar {
	width: 160px;
	height: 15px;
	padding: 0;
	margin: 0;
	border-top: 2px solid #135883;
	border-bottom: 2px solid #135883;
	font-size: 0.75em;
	font-weight: bold;
	text-align: center;
	color: #135883;
}

.propertyBar a { /* seperate as otherwise 0.65em font size changes maximum available width for link */
	width: 160px;
}

.propertyBar a:hover {
	color: #4793c3;
}
.footer {
	font-size:0.9em;
}
.on {
	font-family: Arial, Helvetica, sans-serif;
	color: #135883;
}
.off {
	font-family: Arial, Helvetica, sans-serif;
	color: #4793c3;
}
.red {
	color: #FF0000;
}

#footernew {
	width:716px;
	height:40px;
	line-height:0.5em
}
#footernew p{font-size:0.8em}
#footernew a{text-decoration:none;}
#leftfoot{
	width:40px;
	float:left
}

#rightfoot{
	width:676px;
	float:right;
}

#homebutt {
position:absolute;
top:2em;
left:17em;
z-index:25}

#homebutt img {color:#4793C3;background:url(images/homebutt.png) repeat scroll 0 0}

#homebutt img:hover { background:url(images/homebutthover.png) repeat scroll 0 0}

.maplink {position:relative; left:24em}