@charset "utf-8";
/* CSS Document written by Electric Studio, Copyright 2008 */
body {
	margin:0;
	padding:0;
	text-align:center;
	background-color:#fff;
	color:#333;
	font:normal normal 1em/1.4em Arial, Helvetica, sans-serif ;
}
div, img, span {
	margin:0;
	padding:0;
	border:0;
}
br.clear {
	font-size:1px;
	line-height:1px;
	visibility:hidden;
	margin:0;
	padding:0;
	clear:both;
	height:1px;
}

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

#siteWidth {
	width:960px;
	margin:0 auto;
	text-align:left;
}
#outerHolder {
	width:960px;;
}
#contentHolder {
	padding:175px 0 12px 0;
}
#headerHolder {
	height:175px;
	position:absolute;
	top:0;
	right:0;
	left:0;
	padding:0;
}
#headerWidth {
	width:960px;
	margin:0 auto;
}
#footerHolder {
	width:960px;
	height:67px;
	padding:10px 0 40px 0;
	font-size:75%;
	border-top:1px dashed #999;
	color:#999;
	
}
span.mainNavigationFooter {
	float:left;
}
span.footerContent {
	float:left;
	clear:left;
	width:950px;
}
/* Start children DIV's (class) */

.logo {
	width:252px;
	height:72px;
	padding:19px 0 19px 0px;
	float:left;
}
.contactUs {
	float:right;
	padding:45px 0 0 0;
	width:350px;
	text-align:right;
}
.mainNavigation {
	line-height:normal;
	height:35px;
	background-color:#0D89B9;
	font-size:11px;
}
.breadCrumb {
	padding:4px 0 4px 18px;
	font-size:75%;
	color:#666;
	border-bottom:1px solid #ccc;
	text-align:left;
}
.homepageWelcomeHolder {
	height:350px;
	background:#fff url(../publicimages/homePageBg.jpg) 0 0 no-repeat;
	padding:0;
	width:960px;
}
.homepageWelcomeContent {
	float:left;
	width:280px;
	padding:100px 0 0 85px;
}
.homepageWelcomeContent h1{
	color:#fff;
	line-height:130%;
	font-size:200%;
	font-weight:100;
}
.homepageWelcomeBoxRight {
	float:right;
	width:252px;
	padding:0 10px;
	margin:20px;
	background-color:#7F946C;
}
.homepageWelcomeBoxRight h3 {
	color:#fff;
	text-transform:uppercase;
	padding-bottom:10px;
	font-weight:100;
}
.moreInfoBox {
	background:transparent url(../publicimages/infoBox_bg.gif) 0 0 no-repeat;
	width:232px;
	height:103px;
	padding:10px;
	margin-bottom:10px;
}
.moreInfoBox {
	background:transparent url(../publicimages/infoBox_bg.gif) 0 0 no-repeat;
	width:232px;
	height:103px;
	padding:10px;
}
.moreInfoBox h4 {
	padding:0 0 4px 0;
	margin:0;
	color:#c00;
	font-size:150%;
	font-weight:100;
}
.moreInfoBox a {
	color:#333;
	text-decoration:none;
}
.moreInfoBox a:hover {
	text-decoration:underline;
}
.moreInfoBox p {
	line-height:1.2em;
}
.homepageSecondaryContentHolder {
	padding:10px 0;
}
.homepageSecondaryContentLeft {
	width:600px;
	min-height: 110px;
	padding:10px 0 10px 0;
	float:left;
}

.homepageSecondaryContentLeft p.newsTitle{
	padding: 0 0 3px 0;
	display: block;
}

.homepageSecondaryContentRight {
	width:292px;
	min-height: 110px;
	padding:0 0 10px 10px;
	float:right;
}

/* Main content holders */

.mainContentHolder,
.mainContentHolderSidePanel,
.mainContentHolderSideNav,
.mainContentHolderSidePanelAndSideNav {
	min-height:300px;
	padding:0;
	margin-top:20px;
}


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


.mainContentHolderSidePanel .mainContentContent{
	float: left;
	width: 660px;
}
.mainContentHolderSidePanel .mainContentSidePanel{
	float:left;
	width:250px;
}


.mainContentHolderSidePanelAndSideNav{

}
.mainContentHolderSidePanelAndSideNav .mainContentContent{
	float: right;
	width: 360px;
	padding-right: 200px;
}
.mainContentHolderSidePanelAndSideNav .mainContentSidePanel{
	width:250px;
	position: absolute;
	top: 195px;
	right: 0;
}


/* Side nav and side panels */

.mainContentNavigation {
	float:left;
	width:230px;
	background:#2192BF url(../publicimages/mainContentNavigation_bottom.jpg) 0 bottom no-repeat;
	padding:10px 10px 130px 10px;
}

.mainContentSidePanel h3.boxheader{
	margin: 0 0 1em 0;
	font-size: 14px;
}


/* Start standard fonts */

a {
	color:#0078B7;
}
p {
	margin:0;
	padding:0 0 8px 0;
}
h1 {
	font-size:1.75em;
	margin:0;
	padding:0 0 8px 0;
	color:#333;
}

h1#pageTitle{
	padding:0 0 20px 0;
}

h2 {
	font-size:1.3em;
	color:#333;
	margin:0;
	margin:10px 0 5px 0;
	padding:0 0 0 10px;
	border-left:3px solid #c00;
}
h3 {
	font-size:1.1em;
	color:#333;
	margin:0;
	padding:10px 0 10px 0;
}
p.notice {
	font-size:0.75em;
	font-style:italic;
	color:#999;
}

/* Start individual elements */

.contactUs p.header { 
	font-weight:900; 
	color:#0078B7; 
	font-size:110%; 
	padding-bottom:4px;
}
.contactUs p.number { 
	font-weight:900;
	color:#0D89B9;
}
span.electricStudio {
	float:right;
	clear:right;
}

span.addThis{
	float:right;
}

#footerHolder p {
	padding:0;
}
.newsDate {
	font-size:80%;
	color:#999;
	margin-top:-5px;
}
.homepageSecondaryContentRight p {
	padding:0;
	margin:0;
}
h3.subNavH3 {
	color:#fff;
	padding:0 0 5px 0;
}
h3.subNavH3 a{
	color:#fff;
	text-decoration: none;
}
h3.subNavH3 a:hover{
	text-decoration: underline;
}
ul.reasons {
	padding:5px 0;
	margin:0;
}
ul.reasons li {
	background:#fff url(../publicimages/list_item.gif) 6px 6px no-repeat;
	padding:0 0 0 25px;
	list-style:none;
}
table.compTable {
	border-collapse:collapse;
	font-size:0.75em;
	line-height:normal;
	width:100%;
}
table.compTable td {
	padding:6px;
	vertical-align:middle;
	border-bottom:1px solid #DAE2D3;
	border-right:1px solid #80956C;
}
table.compTable td.light {
	background-color:#DAE2D3;
	font-weight:900;
	border-bottom:none;
	border-right:none;
}
table.compTable td.dark {
	background-color:#80956C;
	color:#fff;
	font-weight:900;
	border-bottom:none;
}
table.compTable td.darker {
	background-color:#c00;
	color:#fff;
	font-weight:900;
	border-bottom:none;
	border-right:1px solid #c00;
}
table.compTable td.section, table.compTable tr.odd td.section {
	background-color:#DAE2D3;
	color:#333;
	font-weight:100;
}
/* Start tabbed master navigation */

.mainNavigation ul {
	margin:0;
	padding:0 0 10px 8px;
	list-style:none;
}
.mainNavigation li {
	float:left;
	margin:0 2px 0 0;
	padding:0 0 0 10px;
}
.mainNavigation a {
	float:left;
	display:block;
	background:url("../publicimages/navRight.gif") no-repeat right top;
	padding:9px 10px 8px 0;
	text-decoration:none;
	font-weight:normal;
	color:#fff;
	font-size:120%;
}
.mainNavigation li.lastitem a {
	background:none;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
.mainNavigation a {float:none;}
/* End IE5-Mac hack */
.mainNavigation a:hover {
	text-decoration:underline;
}
.mainNavigation #current {

}
.mainNavigation #current a {
	font-weight:600;
	font-stretch:condensed;
}

/* Start tabbed master navigation FOOTER */

.mainNavigationFooter ul {
	margin:0;
	padding:0;
	list-style:none;
}
.mainNavigationFooter li {
	float:left;
	margin:0;
	padding:0;
}
.mainNavigationFooter a {
	float:left;
	display:block;
	background:url("../publicimages/footerNavRight.gif") no-repeat right top;
	padding:0 21px 0 0;
	text-decoration:none;
	font-weight:normal;
	color:#c00;
	line-height:normal;
}
.mainNavigationFooter li.lastitem a {
	background:none;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
.mainNavigationFooter a {float:none;}
/* End IE5-Mac hack */
.mainNavigationFooter a:hover {
	text-decoration:underline;
}
.mainNavigationFooter #current {

}
.mainNavigationFooter #current a {
	font-weight:600;
	font-stretch:condensed;
}

/* Start list based sub navigation */

ul.subNavigation {
	margin:0;
	padding:10px;
	list-style:none;
	background-color:#fff;
}
ul.subNavigation li {
	margin:0;
	padding: 0;
	border-bottom: 1px solid #8EC4E3;
}
ul.subNavigation li.section {
	border-bottom: none;
}

ul.subNavigation a.section{
	font-weight: bold;
}
ul.subNavigation li.currentSub {
	font-weight: bold;
}
ul.subNavigation a {
	display:block;
	padding:5px 0 4px 5px;
	text-decoration:none;
	font-size:0.875em;
}
ul.subNavigation a:hover {
	text-decoration:underline;
}
ul.subNavigation li.currentSub {
}
ul.subNavigation li.currentSub a {
	color:#333;
}
ul.subNavigation li.currentSub a.section {
	background-color: #999999;
}

ul.tertiaryNavigation{
	margin:0;
	padding:0;
	list-style:none;
}

ul.tertiaryNavigation li{

}

ul.tertiaryNavigation li a{
	padding:7px 0 6px 20px;
}

ul.subNavigation li.currentSub ul.tertiaryNavigation li.currentSub a{
font-weight: bold;
}

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

table th{
vertical-align: top; 
}

form#contactform{
	border: 1px solid #cccccc;
	background-color: #F9F9F9;
	padding: 15px;
	margin: 15px 0 0 0;
}

/* form styles */

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

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

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

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

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 #999;
	width:280px;
	margin:0;
	padding:3px;
}
.formDrop{
	border:1px solid #999;
	width:215px;
	margin:0 0 2px 5px;
	padding:3px;
}
.formSelectDrop {
	border:1px solid #999;
	width:60px;
	margin:0;
	padding:2px;
}
.formSelectDropDate {
	border:1px solid #999;
	width:92px;
	margin:0 0 0 5px;
	padding:2px;
}

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

div#breadcrumb{
	font-size: 11px;
	margin: 0 0 23px 0;
}

form.loginform,
form#contactform{
	border: 1px solid #cccccc;
	background-color: #F9F9F9;
	padding: 15px;
}

form#contactform{
	width: 490px;
}

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

table td{
vertical-align: top;
}

img.leftImage{
margin-right: 15px;
}

img.leftImageWithBorder{
border: 2px solid #cccccc;
margin-right: 15px;
}

table.data{
	margin: 0 auto;
	border: 1px solid #cccccc;
	padding: 4px;
}

table.data th,
table.data td{
	padding: 6px 10px;
}

table.data tr{
	background-color: #F8F8F8;
}

table.data tr.odd{
	background-color: #EFEFEF;
}