@charset "utf-8";
/* CSS Document written by Electric Studio, Copyright 2008 */

/* general */

body{
	margin:0;
	text-align:center;
	font-size: 13px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	background: url('../publicimages/bg-tile.png') top left repeat;
}

a{
	color: #FF6600;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

a img{
	border:none;
}

.left{
	float:left;
}

.right{
	float:right;
}

p{
line-height: 1.5em;
margin: 0 0 1.5em 0;
}

br.clear{
	clear:both;
	height: 0px;
	line-height: 0em;
	font-size: 0;
}

h1, h2, h3, h4, h5, h6, ul, ol{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6{
	color: #CC3300;
	font-weight: bold;
}


h1{
	font-size: 28px;
	margin-top:0;
	padding: 0.1em 0 0 0; /* Required for IE, or the text gets chopped off a little */
}

h1#pageTitle{
	margin-bottom: 20px;
}

h2{
	font-size: 20px;
	margin: 0 0 1em 0;
}

h3{
	font-size: 16px;
	margin: 0 0 1em 0;
}

ul, ol{
	padding:0 0 0 1.3em;
}


/*---------------------------------
  Layout
----------------------------------*/

/* Start master holder DIV's (ID) */

#siteWidth {
	text-align:center;
	background: url('../publicimages/bg.jpg') top left repeat-x;
	min-height: 384px;
	margin: 0 0 20px 0;
}
#outerHolder {
	width:966px;
	margin:0 auto;
}
#contentHolder {
	padding:109px 0 0 0;
	width:966px;
	text-align:left;
}
#headerHolder {
	height:160px;
	position:absolute;
	top:0;
	right:0;
	left:0;
	padding:0;
	margin:0;
	/* z-index: 99; */
}
#headerWidth {
	width:940px;
	margin:0 auto;
	background: url('../publicimages/topStrip.png') top left no-repeat;
}

#footerHolder {
	font-size: 11px;
	color: #666666;
	margin: 0 auto;
	text-align:left;
	width: 920px;
	padding: 1px 23px 3px 23px;
	background-color: white;
	background: url('../publicimages/shadow-middle.png') repeat-y;
}

span.mainNavigationFooter {
	float:left;
}
span.footerContent {
	float:left;
	clear:left;
}
/* Start children DIV's (class) */


.contactUs {
	float:right;
	padding:20px 10px 0 0;
	width:500px;
	text-align:right;
}

.contactUs a{
	color: white;
	margin: 0 12px 0 0;
}

.mainNavigation {
	line-height:normal;
	width: 100%;
}
.breadCrumb {
	padding:4px 0 4px 18px;
	font-size:75%;
	color:#666;
	border-bottom:1px solid #ccc;
}

	
/*---------------------------------
  Main content holders
----------------------------------*/

.mainContentHolder,
.mainContentHolderSidePanel,
.mainContentHolderSideNav,
.mainContentHolderSidePanelAndSideNav {
	background: url('../publicimages/shadow-middle.png') repeat-y;
	width:966px;
	padding: 0 0 20px 0;
}

body#homepage .mainContentHolder{
	padding: 0;
}

.mainContentHolderInner{
	background: url('../publicimages/shadow-top.png') top left no-repeat;
	width:920px;
	padding: 0 23px;
}

.mainContentContent{
	padding: 75px 0 0 0;
	z-index: 99;
}

/*---------------------------------
  Lefthand navigation
----------------------------------*/

.mainContentNavigation {
	float:left;
	width:200px;
	padding: 75px 0 0 0;
}

/*---------------------------------
  Righthand side panels
----------------------------------*/

.mainContentSidePanel{
	padding: 85px 0 0 0;
	width: 200px;
}


.mainContentSidePanel h3{
	font-size: 20px;
	font-weight: bold;
	color: #CC3300;
	padding: 3px 10px 3px 10px;
	margin: 10px 0 10px 10px;
	margin: 0;
	background: url('../publicimages/subNav-title-bg.png') left top no-repeat;
}

.mainContentSidePanel div.mainContentSidePanelContent{
	padding: 10px;
	background-color: #EFECE4;
}


/*---------------------------------
  Main content holders - Lefthand navigation only
----------------------------------*/

.mainContentHolderSideNav .mainContentContent{
	float: right;
	width: 690px;
}

.mainContentHolderSideNav .mainContentNavigation {
	padding: 85px 0 0 0;
}


/*---------------------------------
  Main content holders - Righthand side panels only
----------------------------------*/

.mainContentHolderSidePanel .mainContentContent{
	float: left;
	width: 690px;
	min-height:350px;
}
.mainContentHolderSidePanel .mainContentSidePanel{
	float:right;
}

/*---------------------------------
  Main content holders - Both lefthand navigation and righthand side panels
----------------------------------*/

.mainContentHolderSidePanelAndSideNav .mainContentNavigation {
	position:absolute;
	top:120px;
	z-index:1;
}
.mainContentHolderSidePanelAndSideNav .mainContentContent{
	width: 460px;
	position:relative;
	left:230px;
	padding-right:20px;
	z-index:0;
}
.mainContentHolderSidePanelAndSideNav .mainContentSidePanel{
	position:absolute;
	top:120px;
	padding-left: 720px;
}


/*---------------------------------
  Main Navigation
----------------------------------*/

ul#mainNavigation{
	margin: 0 0 0 10px;
	padding: 6px 10px;
	list-style:none;
	clear: both;
	background: #787878 url('../publicimages/mainNav-bg.jpg') left top repeat-x;
	background: transparent url('../publicimages/mainNav-bg-strip.jpg') left top no-repeat;
	text-align: left;
	width: 920px;
	height: 31px;
}

ul#mainNavigation li{
	display: inline;
	background: transparent url('../publicimages/mainNav-separator.png') right center no-repeat;
}

ul#mainNavigation li#current,
ul#mainNavigation li.lastitem{
	background: none;
}

ul#mainNavigation li#current{
	margin: 0 0 0 -3px;
}

ul#mainNavigation li a{
	text-decoration:none;
	padding: 5px 9px 6px 9px;
	white-space:nowrap;
	color: white;
	font-weight: bold;
}

ul#mainNavigation li a:hover{
	text-decoration: underline;
}

ul#mainNavigation li.lastitem a{
	margin-right: 0;
}

ul#mainNavigation li#current a,
ul#mainNavigation li a#currentLink{
	background: url('../publicimages/mainNav-active.jpg') left top repeat-x;
}

ul#mainNavigation li a:hover{
}

ul#mainNavigation li a.activenav:hover{
}


/*---------------------------------
  Sub navigation
----------------------------------*/
ul#subNavigation{
	margin:0;
	padding:0 0 5px 0;
	background-color: #EFECE4;
	list-style: square;
}

ul#subNavigation li,
ul#subNavigation ul#tertiaryNavigation li{
	margin:0 10px 0.5em 2em;
	font-size: 11px; /* For the bullet point */
	padding:0;
	border-bottom: 1px solid #EEEEEE;
}

ul#subNavigation li a{
	display:block;
	color:#333333;
	text-decoration:none;
	font-size: 12px;
	font-weight:bold;
}

ul#subNavigation li a:hover{
	text-decoration:underline;
}

ul#subNavigation li.currentSub{
	font-weight:bold;
	color: #CC3300;
}

ul#subNavigation li.currentSub a{
	color: #CC3300;
}

ul#subNavigation li.currentSub a:hover{
	text-decoration:none;
	color: #CC3300;
}


ul#subNavigation li.title{
	margin: 0 0 5px 0;
	list-style: none;
	background: url('../publicimages/subNav-title-bg.png') left top no-repeat;
}

ul#subNavigation li.title a{
	padding: 3px 0 5px 10px;
	font-size: 20px;
	font-weight: bold;
	color: #CC3300;
}

ul#subNavigation li.title a:hover{
	text-decoration:none;
}

ul#subNavigation li.currentSub a:hover{
	cursor: default;
	color:#333333;
}



/*---------------------------------
  Header
----------------------------------*/

.logo {
	width:174px;
	height: 86px;
	padding: 24px 0 24px 10px;
	float:left;
}

/*---------------------------------
  Footer
----------------------------------*/

div#electricStudioLink{
float: right;
}

div#electricStudioLink a{
	text-decoration:none;
}

div#electricStudioLink a:hover{
	text-decoration:underline;
}

div#footerHolder ul{
list-style: none;
float: right;
margin: 0;
padding: 0;
}

div#footerHolder ul li{
display: inline;
padding: 0 0 0 5px;
}

div#footerHolder ul li a{
text-decoration: none;
padding: 0 5px 0 0;
}

div#footerHolder ul li a:hover{
text-decoration: underline;
}

div#footerHolder ul li.lastitem a{
padding: 0;
}

div#footerHolder #leftSide{
width: 40%;
float: left;
line-height: 1.8em;
}

div#footerHolder #staffLogin{
float: right;
padding: 0;
margin: 5px 0 0 0;
}

div#footerHolder #staffLogin a{
text-decoration: none;
}

div#footerHolder #staffLogin a:hover{
text-decoration: underline;
}

div#footerHolder hr{
	height: 1px;
	background-color: #312B24;
	border: 0;
	padding: 0;
}


/*---------------------------------
  Search field
----------------------------------*/

form#searchform{
margin: 0; /* KEEP - FOR IE */
margin: 0 0 55px 0;
float: right;
clear: both;
}

form#searchform input.searchField{
border: 1px solid #CCCCCC;
width: 138px;
margin: 0 4px 0 0;
padding: 3px;
}

form#searchform input#searchsubmit{
line-height: 0em;
vertical-align:top;
}


/*---------------------------------
  Header images
----------------------------------*/

div#headerImageSpacer{
	height: 0px;
	width: 100%;
	font-size: 0px;
	line-height: 0px; /* NEEDED FOR IE 6 */
}

img.bannerImage{
	margin: 0 0 20px 0;
	float: left;
}


/*---------------------------------
  Home
----------------------------------*/

div#homeBanner{
	width: 920px;
	height: 200px;
	margin: 0 0 20px 0;
	background: url('../publicimages/homeBanner.jpg') top left no-repeat;
	position: relative;
}

div#homeBanner h2#homeIntro{
	font-size: 28px;
	color: white;
	font-weight: normal;
	position: absolute;
	top: 30px;
	left: 20px;
	width: 300px;
}

div#homeBanner h2#homeIntro span{
background-color: #FF6600;
border: 3px solid #FF6600;
padding: 4px 8px;
}


div#homeBanner div#buttonOne,
div#homeBanner div#buttonTwo{
	position: absolute;
	width: 200px;
	height: 78px;
}

div#homeBanner div#buttonOne{
	top: 15px;
	left: 705px;
}

div#homeBanner div#buttonTwo{
	top: 110px;
	left: 705px;
}
div#homeBanner div#rightImageButton{
	position: absolute;
	top: 20px;
	left:15px;
}

div#homeBanner h3{
	font-size: 24px;
	color: white;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

div#homeBanner h3 a{
	color: white;
	text-decoration: none;
}

div#homeBanner div#buttonTwo h3 a{
	font-size: 20px;
}

div#homeBanner p{
	font-size: 12px;
	color: white;
	width: 170px;
	margin: 0;
	padding: 0;
	line-height: 1.25em;
	float: left;
}

div#homeBanner p a{
	color: white;
	text-decoration: none;
}

div#homeBanner p a:hover,
div#homeBanner p a:hover{
	text-decoration: underline;
}

div#homeBanner img.homeBannerButton{
float: right;
margin: -30px 0 0 0;
}




div.threeCols{
	width: 300px;
	margin: 0 10px 0 0;
	float: left;
}

div.threeCols.one div.inner {
font-size: 12px;
}

div.threeCols.one div.inner p.last{
margin: 0;
}

div.threeCols.last{
	margin: 0;
}



div.threeCols h2{
	padding: 3px 0 3px 10px;
	margin: 0;
	background: #DCD5C2 url('../publicimages/threeCols-h2bg.png') top left no-repeat;
}

div.threeCols div.inner{
	padding: 10px;
	background: #EFECE4 url('../publicimages/threeCols-bottom.png') bottom left no-repeat;
	min-height: 243px;
}

div.threeCols.last div.inner{
	margin: 0 0 20px 0;
	min-height: 0;
}

div.threeCols a.readAllNews{
	color: #CC3300;
	text-decoration: none;
	float: right;
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin: 10px 9px 0 0;
}

div.threeCols a.readAllNews:hover{
	text-decoration: underline;
}

div.threeCols img#have-your-say{
	float: left;
	margin: 0 10px 0 -3px;
}

a#have-your-say-text{
	font-size: 12px;
	line-height: 1.25em;
	text-decoration: none;
	color: #333333;
}

a#have-your-say-text:hover{
	text-decoration: underline;
	color: #FF6600;
}

div.homeNewsItem{
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #CEC5AA;
}

div.homeNewsItem.last{
	border-bottom:none;
	padding: 0;
	margin: 0;
}

div.homeNewsItem a{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	width: 200px;
	float: left;
	display: block;
}

div.homeNewsItem a:hover{
	text-decoration: underline;
}

div.homeNewsItem p.dateCreated{
	float: right;
	color: #666666;
	font-size: 11px;
}

ul#roadGuides{
	list-style: square;
}

ul#roadGuides li{
	font-size: 13px;
}

ul#roadGuides li a{
	font-weight: bold;
}

/*---------------------------------
  Summary pages
----------------------------------*/




/*---------------------------------
  Listing pages
----------------------------------*/

div.listing
{
	margin:15px 0;
}
div.listing img.listing
{
	float:left;
	margin-right:20px;
	margin-bottom:15px;
}
div.listing h3
{
	font:146% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#2E4F36;
}
div.listing div.clear
{
	clear:both;
	width:100%;
	height:1px;
	border-bottom:dashed 1px #A0BCA2;
	font-size:0;
}
img.gallery
{
	margin:0 8px 8px 0;
}


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

div.newsSummaryElement{
	margin: 25px 0;
	padding: 0;
	border-bottom: 1px solid #cccccc;
}

div.newsSummaryElement.last{
	margin: 25px 0 15px 0;
}

div.newsSummaryElement img.listing{
	float:left;
	margin-right:20px;
	border: 1px solid #333333;
	padding: 3px;
}
div.newsSummaryElement h2 a{ 
	margin: 0;
	padding: 0;
	line-height: 1em;
	text-decoration: none;
}

div.newsSummaryElement h2 a:hover{ 
	text-decoration: underline;
}

div.newsSummaryElementText{
}

div.newsSummaryElementText h2{
	margin: 0;
}

div.newsSummaryElement a.summary{
	color: #003040;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.3em;
}

div.newsSummaryElement a.summary:hover{
	text-decoration: underline;
}

div.newsSummaryElement p.datePosted{
	margin: 0.2em 0 0.6em 0;
	padding: 0;
	font-size: 13px;
	color: black;
	font-style: italic;
}


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

div.newsItem{

}

div.newsItem div.newsItemText{
	font-size: 16px;
	line-height: 1.3em;
}

div.newsItem p.datePosted{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 13px;
	color: #007EA8;
	font-style: italic;
}

div.newsItem div#newsLayoutNav{
}

div.newsItem img.newsItemMainImage{
	margin: 0 0 15px 15px;
	border: 1px solid #cccccc;
	padding: 3px;
	float: right;
	/* image width = 694px, 2*3 + 2*5 = 710px */
}

div.newsItem div.morePhotos{
	border-top: 1px solid #6C6F75;
	border-bottom: 1px solid #6C6F75;
}

div.newsItem div.morePhotos a img{
	border: 3px solid white;
	margin: 0 10px 10px 0;
}



/*---------------------------------
  Forms - General styling
----------------------------------*/


form .formName,
form .formNameValidationError {
	vertical-align:top;
	width: 400px;
	text-align:right;
	padding: 6px 6px 6px 10px;
	margin: 0;
	font-weight:bold;
	font-size:90%;
}
form .formNameValidationError {
	color:#CC0000;
	border:1px solid #CC0000;
	margin:3px 0 3px 0;
}
p.formHeader {
	vertical-align:top;
	width:452px;
	text-align:left;
	font-weight:normal;
	padding:3px 3px 3px 0;
	margin:10px 0 0 0;
	font-weight:bold;
	font-size:110%;
	border-bottom:1px dotted #999;
}
.formField,
#enquiry{
	border:1px solid #B4A681;
	width:280px;
	margin:0;
	padding:3px;
}
select#enquiry{
	width: 288px;
}
.formDrop{
	border:1px solid #B4A681;
	width:215px;
	margin:0 0 2px 5px;
	padding:3px;
}
.formSelectDrop {
	border:1px solid #B4A681;
	width:60px;
	margin:0;
	padding:2px;
}
.formSelectDropDate {
	border:1px solid #B4A681;
	width:92px;
	margin:0 0 0 5px;
	padding:2px;
}

.formSelect {
	border:1px solid #B4A681;
	width:288px;
	margin:0;
	padding:3px;
}

div#contactSurround{
	border: 1px solid #DCD5C2;
	padding: 3px;
	display: table;
	margin: 0 auto;
	width: 498px;
}

form.loginform,
form#contactform{
	padding: 15px;
}

form#contactform{
	width: 490px;
	margin: 0 auto;
	background-color: #EFECE4;
}

form.loginform{
	width: 250px;
}

form.loginform input.formbutton{
margin: 0 0 0 180px;
padding: 0;
}

form.loginform p{
margin: 0 0 10px 0;
}

form.loginform label{
width: 75px;
display: block;
float: left;
}

form.loginform input[type="input"]{
float: left;
}

form span.requiredFields{
	color: #D20000;
	font-size: 11px;
	float: left;
	font-weight: normal;
}

form span.required{
	color: #D20000;
	font-size: 11px;
}


/*---------------------------------
  Forms - Validation
----------------------------------*/

div.validationerrorBox{
	width: 100%;
	background-color: #FFE6E6;
	border: 1px solid #CC0000;
	margin: 15px 0;
	font-weight:bold;
	color:#CC0000;
}

div.validationerrorBoxInner{
	padding: 5px 5px 5px 20px;
}

p.validationerror{
	padding: 0;
	margin: 0;
}

tr.validationerror td, div.validationerror {
	border:solid 1px #CC0000;
}


/*---------------------------------
  Search Results
----------------------------------*/

.searchResult{
	margin: 0 0 15px 0;
}

.searchResult h2{
	font-size:138%;
	font-weight:bold;
	margin: 0 0 2px 0;
}

a.rss{
	background: url('../publicimages/rss16x16.gif') left top no-repeat;
	padding: 0px 0px 0px 21px;
	display: block;
	margin: 10px 0;
}