@charset "UTF-8";
/* CSS Document */

/*

Structure is divided into 4 blocks that span to fit the full width of the page.
Within each of these is a wrapper with a fixed width that holds the content in a central position.

*/

* {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: small;
}

/* Full width block */
#fullWrap1 {
	width: 100%;
	height: 35px;
	background: #372313;
	text-align: center;
	float: left;
}

/* Fixed width wrapper - centralised */
#masthead {
	width: 840px;
	margin: 0 auto;
	text-align: right;
}

#masthead p {
	margin: 0px;
}

/* Full width block */
#fullWrap2 {
	width: 100%;
	text-align: center;
	float: left;
}

/* Fixed width wrapper - centralised */
#mainImages {
	width: 840px;
	height: 222px;
	margin: 0 auto;
}

#mainImages p {
	margin: 0px;
	height: 222px;
}

.mainImage1 {
	width: 209px;
	height: 222px;
	float: left;
}

.mainImage2 {
	width: 631px;
	height: 222px;
	float: right;
}

/* Full width block */
#fullWrap3 {
	width: 100%;
	text-align: center;
	background: #DBE6F5;
	float: left;
}

/* Fixed width wrapper - centralised */
/* Content block styling and layout */
#mainContent {
	width: 840px;
	margin: 0 auto;
	background: #DBE6F5;
	text-align: left;
}

/* Navigation block styles (flyout menu styling at bottom of this page) */
#contentNav {
	width: 198px;
	float: left;
	font-size: 90%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
}
#contentNav2 {
	margin-top: 30px;
	position:relative;
	width: 180px;
	border-top: 1px solid #799ec9;
	float: left;
}
#contentNavp {
	position:relative;
	width: 180px;
	border-bottom: 1px solid #799ec9;
	color: #372313;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left:5px;
	padding-right: 5px;
}

#contentColumn {
	width: 631px;
	float: right;
	background: #96B6DB;
}

#columnLeft {
	min-height:500px;
	width: 210px;
	float: left;
	padding: 20px;
}

#columnLeft ul {
	color: #372313;
	font-size: 110%;
}

#columnLeft li {
	margin-left: 15px;
}

#columnLeft p {
	margin-bottom: 10px;
	line-height: 130%;
	font-size: 110%;
	color: #372313;
}

#columnRight {
	width: 340px;
	float: right;
	padding: 20px;
}

#columnRight p {
	margin-bottom: 10px;
	line-height: 130%;
	font-size: 90%;
	color: #372313;
}

.pageImages {
	float: left;
	width: 631px;
	height: 128px;
}

.pageImages ul {
	list-style-type: none;
	float: left;
	height: 128px;
}

.pageImages li {
	float: left;
	height: 128px;
}

/* Full width block */
#fullWrap4 {
	width: 100%;
	text-align: center;
	float: left;
	height: 128px;
}

/* Fixed width wrapper - centralised */
#bottomContent {
	width: 840px;
	margin: 0 auto;
	text-align: left;
	height: 128px;
}

#bottomLeft {
	width: 189px;
	float: left;
	padding-left: 20px;
	padding-top: 80px;
	font-size: 120%;
	color: #372313;
}

#bottomRight {
	float: right;
	width: 631px;
	height: 128px;
}

#bottomRight ul {
	list-style-type: none;
	float: left;
	height: 128px;
}

#bottomRight li {
	float: left;
	height: 128px;
}

/* Full width block */
#fullWrap5 {
	width: 100%;
	text-align: center;
	float: left;
	padding-top: 4px;
	border-top: 20px solid #372313;
}

/* Fixed width wrapper - centralised */
#footer {
	width: 840px;
	margin: 0 auto;
	text-align: right;
	padding-bottom: 50px;
	font-size: 90%;
	color: #372313;
}

#footer p {
	position: relative;
}


/* EXTRA CLASSES */
.access {
	display: none;
}

.callToAction {
	margin-top: 20px;
	padding-top: 10px;
	width: 210px;
	border-top: 1px dotted #fff;
	font-size: 160%;
	color: #372313;
}

.tel {
	font-size: 185%;
	color: #fff;
}


/* CSS FLYOUT MENU */

/* remove all the bullets, borders and padding from the default list styling */
#contentNav1 ul {
	position: relative;
	z-index: 100;
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 170px;
}

/* style the list items */
#contentNav1 li {
	background: #DBE6F5;
	min-height: 25px;
	_height: 25px;
	/* for IE7 */
	float: left;
}

#contentNav1 li.sub {
	color: #fff;
	background: #DBE6F5;
}

#contentNav1 li.sub ul li a {
	color: #fff;
	background: #799ec9;
}
#contentNav1 li.sub ul li a:hover {
	color: #fff;
	background: #372313;
}

#contentNav1 li.sub2 {
	color: #fff;
	background: #DBE6F5;
}

#contentNav1 li.sub2 ul li a {
	color: #fff;
	background: #799ec9;
}
#contentNav1 li.sub2 ul li a:hover {
	color: #fff;
	background: #372313;
}

/* get rid of the table */
#contentNav1 table {
	position: absolute; 
	border-collapse: collapse; 
	top: 0; 
	left: 0; 
	z-index: 50; 
	font-size: 1em;
}

/* style the links */
#contentNav1 a, #contentNav1 a:visited {
	display: block; 
	text-decoration: none;
	min-height: 12px;
	_height: 12px;
	width: 170px;
	color: #372313;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left:5px;
	padding-right: 5px;
	border-bottom: 1px solid #fff;
}

#contentNav1 li a:visited li a:visited {
	color: #fff;
}

/* hack for IE5.5 */
* html #contentNav1 a, * html #contentNav1 a:visited {
	width: 170px; 
	w\idth: 174px;
}

/* style the link hover */
* html #contentNav1 a:hover {
	color: #fff;
	background: #799ec9; 
	position: relative;
}

#contentNav1 li:hover {
	position: relative;
}

/* For accessibility of the top level menu when tabbing */
#contentNav1 a:active, #contentNav1 a:focus {
	color: #fff; 
	background: #96B6DB;
}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
#contentNav1 li:hover > a {
	color: #fff; 
	background: #799ec9;
}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
#contentNav1 li ul {
	visibility: hidden;
	position: absolute;
	top: -30px;
	/* set up the overlap (minus the overrun) */
	left: 139px;
	/* set up the overrun area */
	padding: 30px;
	/* this is for IE to make it interpret the overrrun padding */
	background: transparent;
}

/* for browsers that understand this is all you need for the flyouts */
#contentNav1 li:hover > ul {
	visibility: visible;
}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
#contentNav1 ul a:hover ul ul{
	visibility: hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#contentNav1 ul a:hover ul a:hover ul ul{
	visibility: hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#contentNav1 ul a:hover ul a:hover ul a:hover ul ul{
	visibility: hidden;
}

/* make the second level visible when hover on first level link */
#contentNav1 ul a:hover ul {
	visibility: visible;
}
/* make the third level visible when you hover over second level link */
#contentNav1 ul a:hover ul a:hover ul { 
	visibility: visible;
}
/* make the fourth level visible when you hover over third level link */
#contentNav1 ul a:hover ul a:hover ul a:hover ul { 
	visibility: visible;
}
/* make the fifth level visible when you hover over fourth level link */
#contentNav1 ul a:hover ul a:hover ul a:hover ul a:hover ul { 
	visibility: visible;
}
/* CSS FLYOUT MENU2 */

/* remove all the bullets, borders and padding from the default list styling */
#contentNav2 ul {
	position: relative;
	z-index: 50;
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 170px;
}

/* style the list items */
#contentNav2 li {
	background: #DBE6F5;
	min-height: 25px;
	_height: 25px;
	/* for IE7 */
	float: left;
	border-bottom: 1px solid #799ec9;
}

/* get rid of the table */
#contentNav2 table {
	position: absolute; 
	border-collapse: collapse; 
	top: 0; 
	left: 0; 
	z-index: 50; 
	font-size: 1em;
}

/* style the links */
#contentNav2 a, #contentNav2 a:visited {
	display: block; 
	text-decoration: none;
	min-height: 12px;
	_height: 12px;
	width: 170px;
	color: #372313;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left:5px;
	padding-right: 5px;
}

#contentNav2 li a:visited li a:visited {
	color: #fff;
}

/* hack for IE5.5 */
* html2 #contentNav a, * html #contentNav2 a:visited {
	width: 170px; 
	w\idth: 174px;
}

/* style the link hover */
* html #contentNav2 a:hover {
	color: #fff;
	background: #372313; 
	position: relative;
}

#contentNav2 li:hover {
	position: relative;
}

/* For accessibility of the top level menu when tabbing */
#contentNav2 a:active, #contentNav2 a:focus {
	color: #fff; 
	background: #96B6DB;
}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
#contentNav2 li:hover > a {
	color: #fff; 
	background: #372313;
}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
#contentNav2 li ul {
	visibility: hidden;
	position: absolute;
	top: -30px;
	/* set up the overlap (minus the overrun) */
	left: 139px;
	/* set up the overrun area */
	padding: 30px;
	/* this is for IE to make it interpret the overrrun padding */
	background: transparent;
}

/* for browsers that understand this is all you need for the flyouts */
#contentNav2 li:hover > ul {
	visibility: visible;
}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
#contentNav2 ul a:hover ul ul{
	visibility: hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#contentNav2 ul a:hover ul a:hover ul ul{
	visibility: hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#contentNav2 ul a:hover ul a:hover ul a:hover ul ul{
	visibility: hidden;
}

/* make the second level visible when hover on first level link */
#contentNav2 ul a:hover ul {
	visibility: visible;
}
/* make the third level visible when you hover over second level link */
#contentNav2 ul a:hover ul a:hover ul { 
	visibility: visible;
}
/* make the fourth level visible when you hover over third level link */
#contentNav2 ul a:hover ul a:hover ul a:hover ul { 
	visibility: visible;
}
/* make the fifth level visible when you hover over fourth level link */
#contentNav2 ul a:hover ul a:hover ul a:hover ul a:hover ul { 
	visibility: visible;
}

#contentNavp {
width: 180px;
float: left;
padding-bottom: 10px;
}

#contentNavp h2 {
	font-size:14px;
	position:relative;
	margin-top:5px;
	padding-bottom:10px;
}
a.brownnav:link  {
	color: #372313;
	text-decoration: none;

}

a.brownnav:visited  {
	color: #372313;
	text-decoration: none;

}

a.brownnav:hover   {
	color: #372313;
	text-decoration: underline;

}

a.brownnav:active  {
	color: #372313;
	text-decoration: none;
}

a.brownnav2:link  {
	font-size: 11px;
	color: #372313;
	text-decoration: none;

}

a.brownnav2:visited  {
	font-size: 11px;
	color: #372313;
	text-decoration: none;

}

a.brownnav2:hover   {
	font-size: 11px;
	color: #372313;
	text-decoration: underline;

}

a.brownnav2:active  {
	font-size: 11px;
	color: #372313;
	text-decoration: none;
}

.footerblue {
	font-size: 10px;
	color: #799ec9;
	}

.brownbody {
	font-size: 11px;
	color: #372313;
}

.contactForm {
	display: block;
	border: 0px;
	border-collapse: collapse;
	font-size: 90%;
}

.contactForm td {
	padding-bottom: 8px;
	padding-right: 10px;
	vertical-align: top;
}

.enquiryInputText {
	border: 1px solid #999;
	padding: 3px;
	width: 180px;
}
.enquiryInputTextarea {
	border: 1px solid #999;
	padding: 3px;
	width: 180px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	height: 50px;
}

.error {
	color: #FF0000;
}

.formLabel {
	padding-top: 4px;
	color: #372313;
}

.spacer {
	width: 300px;
	height: 440px;
	float: left;
}
.spacer2 {
	width: 300px;
	height: 300px;
	float: left;
}