@charset "UTF-8";
/* CSS Document */
body{
	font-family: arial, helvetica, verdana, serif;
	color: #FFF;
	font-size: 100%;
	line-height: 1.125em; /* 16x1.125=18px  ===> 16px = 1em*/
	background: #000;
	margin: 0;
	padding: 0;
}
body.homepage{
	padding-top: 30px;
	padding-bottom: 30px;
	background: #333;
}
.pagewrapper{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #000;
}
body .xml-gallery{
	position: relative;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
}
/* ---------- body/html End---------- */
/*
/* #47a5ae; /* aqua blue colour */
/* #d1d3d4; /* mid grey colour */
/*
/*
/*
/* ---------- Standard Markup Begin ---------- */
h1 {
	font-size: 1.375em; /* 16x1.375=22px */
	line-height: 1.636em; /* 16x1.636=36px */
	margin: 0;
}
h2 {
	font-size: 1.125em; /* 16x1.125=18px */
	margin: 1em 0;
}
h3 {
	font-size: 1em; /* 16x1=16px */
	margin: 1em 0;
}
p {
	font-size: 0.875em; /* 16x0.875=14px */
	margin: 1em 0;
}
p strong{
	color: #47a5ae; /* aqua blue colour */
}
h1, h2, h3{
	color: #d1d3d4;
}
a:link, a:visited{
	color: #fff;
	text-decoration: none;
}
a:hover, a:active{
	color: #f00;
}
a img{
	border: none;
}
strong a:link, strong a:visited{
	color: #47a5ae;
}
strong a:hover, strong a:active{
	color: #f00;
}
ul a:link, ul a:visited, ul a:hover, ul a:active{
	color:#47a5ae;
}
/* ---------- Standard Markup End ---------- */
/*
/*
/*
/*
/*
/*
/* ---------- Main Page Blocks Begin ---------- */
#content{
	margin: 0 auto;
	padding: 0;
	margin-top: 4em;
	width: 60em;
}
*:first-child+html #content { /* ie 7 content top margin fix */
	margin-top: 3em;
}
* html #content { /* ie 6 content top margin fix */
	margin-top: 6em;
}
.homepage #content{
	margin-top: 6em;
}
#header{
	position: absolute;
	top: 0em;
	left: 50%;
	width: 60em;
	height: auto;
	margin: 0;
	padding: 0;
    margin-left: -30em; /* must be half of #content width (60em)*/
	padding-top: 1em;
}
.homepage #header{
	padding-top: 2.5em;
}
#header p{
	margin: 0;
	padding: 0;
	float: left;
	font-size: 0.8em;
	margin: 0.55em 0 0.5em 3em;
	text-align: right;
	line-height: 1.7em;
}
*:first-child+html #header p{
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	margin: 0.55em 0 0.5em 3em;
	text-align: right;
}
#header p.nofloat{
	float: none !important;
}
#header h1{
	margin-top: 18px;
}
#logo{
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	margin: 0em 0 0.5em;
	float:left;
}
*:first-child+html #logo{
	float:none;
	margin: 0 0 0em;
	clear:none;
	display: inline;
}
*:first-child+html .specialie6top{
	margin-top: -3em;
	margin-bottom: 1em;
}
#pagetitle{
	display: block;
	height: 2.6em;
	color: #d1d3d4;
	text-align: right;
	letter-spacing: 0.05em;
	width: 960px;
	margin: 0 auto;
	padding-top: 32px;
}
#homepagetitle{
	display: block;
	height: 2.6em;
	color: #d1d3d4;
	text-align: center;
	letter-spacing: 0.11em;
	width: 960px;
	margin: 0 auto;
	padding-top: 32px;
}
#body{
	display: block;
	min-height: 14em;
	/*background: url(../images/mock-body.gif) no-repeat top left;*/
}
*:first-child+html #body{ /* ie7 hack*/
	margin-top: 1.5em;
}
*:first-child+html .homepage #body{ /* ie7 hack*/
	margin-top: 0em;
}
*:first-child+html #homepagetitle{ /* ie7 hack */
	margin-top: 7em;
}
#left-column{
	width: 9.87em;
	float: left;
	margin: 0;
	padding: 0;
}
#left-column p, #left-column ul{
	margin: 0;
	padding: 0 0 1em 0;
	text-align: right;
	line-height: 1.28em;
	font-size: 0.75em;
	color: #47a5ae; /* aqua blue colour */
}
#left-column ul{
	line-height: 2em;
}
#middle-content{
	width: 37.5em;
	margin: 8px 0 0 0;
	padding:0;
	padding: 0 1.35em;
	min-height: 14em;
	float: left;
}
#middle-content p{
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
	text-align: justify;
}
#middle-content ul{
	font-size: 0.875em;
}
#right-nav{
	width: 9.87em;
	float: left;
	margin: 0;
	padding: 0;
	margin-top:8px;
}
#left-middle-content{
	width:38em;
	float: left;
	margin-top: 8px;
	padding-right: 1.35em;
	margin-left: 6em;
}
#lefthalf{
	float: left;
	width: 470px;
	margin-bottom: 20px;
}
#righthalf{
	float: right;
	width: 470px;
	margin-bottom: 20px;
	text-align: justify;
}
#righthalf h2{
	margin-top: 0;
	line-height: 1.3em;
}
#righthalf p{
	line-height: 1.3em;
}
#left-middle-content{
	width: 40em;
	padding-right: 0.1em;
	margin-left: 1em;
}
#left-middle-content .copy-left{
	margin-right: 1.5em;
}
.sidebarnavlinks{
	border-top: 1px solid #ccc;
}
.sidebarnavlinks h4{
	font-size: 0.9em;
	margin: 15px 0 10px 0;
	padding:0;
}
.sidebarnavlinks ul{
	margin: 0 0;
	padding: 0 0;
}
.sidebarnavlinks li{
	list-style: none;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.6em;
}
/* ---------- Standard Markup End ---------- */
/*
/*
/*
/*
/*
/*
/* ---------- Footer Begin ---------- */
#footer-heading{
	display: block;
	color: #d1d3d4;
	text-align: center;
	padding-top: 0;
	letter-spacing: 0.38em;
	clear: both;
}
*:first-child+html #footer-heading { /* ie 7 */
	padding-top: 1em;
}
#footer-heading h4{
	font-size: 1.4em;
}
#footer-bottom{
	clear: both;
	display: block;
	height: 1.875em;
	margin-bottom: 0.5em;
}
#footer p, #footer-new p{
	margin: 0;
	padding: 0;
	font-size: 0.75em;
}
#footer .left, #footer-new .left{
	float: left;
}
#footer .right, #footer-new .right{
	float: right;
}
#footer{
	width: 100%;
	display: block;
	clear: both;
	font-size: 0.8em;
	color: #999;
	padding-top: 10px;
}
#footer-new{
	background: #555;
	display: block;
	width: auto;
	height: 1em;
	color: #fff;
	padding: 0.8em 1em;
	font-size: 1.1em;
	clear:both;
}
#footer-new .right span{
	margin-left: 1em;
}
#footer a{
	color: #999;
	border-bottom-color: #ccc;
}
#footer-new a{
	color: #333;
	border-bottom-color: #333;
}
/* ---------- Standard Markup End ---------- */
/*
/*
/*
/*
/*
/*
/* ---------- Blog Feed Begin ---------- */
.blogfeed h2{
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
.blogfeed ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.blogfeed p{
	font-size: 0.8em;
}
.blogfeed a:link, .blogfeed a:visited{
	color: inherit;
}
.blogfeed a:hover, .blogfeed a:active{
	color: #FFF;
}
/* ---------- Blog Feed End ---------- */
/*
/*
/*
/*
/*
/*
/* ---------- Blog content Begin ---------- */
.postmetadata{
	line-height: 1.4em;
}
.postmetadata a{
	font-style: italic;
	color: #ccc;
}
.single-post h2{
	margin: 10px 0 !important;
	color: #47A5AE;
}
.single-post .navigation{
	width: auto;
}
.single-post .navigation .alignleft, .single-post .navigation .alignright{
	width: auto;
	display:inline;
	font-size: 0.8em;
	font-style: italic;
	margin-bottom: 15px;
}
.single-post .navigation .alignleft{
	float: left;
}
.single-post .navigation .alignright{
	float: right;
}
.post{
	clear: both;
	border-bottom: 1px solid #f00;
	margin-bottom: 20px;
}
.post h2{
	margin-top: 0px;
	margin-bottom: 4px;
}
.post h2 a{
	color: #47A5AE;
}
.post small{
	font-style: italic;
	color: #ccc;
	display: block;
	line-height: 2em;
	margin-bottom: 4px;
}
.post .entry{
	margin-bottom: 14px;
}
.tags{
	margin-bottom: 10px;
}
.tags h6{
	margin: 0 0 10px 0;
	padding: 0px 0 0 0;
	font-size: 0.8em;
}
.tags a{
	background: #222;
	border: 1px solid #333;
	padding: 6px;
	margin: 0 4px 0 0;
	line-height:2.5em;
	font-size: 0.8em;
}
.commentlist{
	
}
/* ---------- Blog content End ---------- */
/*
/*
/*
/*
/*
/*
/* ---------- Special Class Declarations Begin ---------- */
.right-align{
	display: block;
	float: right;
}
.left-align{
	display: block;
	float: left;
}
.right-float{
	float:right;
}
.left-float{
	float:left;
}
.imagegrid{
}
.imagegrid img{
	margin-right:1px;
	margin-bottom: 1px;
}
.fivepxmargin img{
	margin-right:3px;
	margin-bottom:3px;
}
.red {
	color: #f00;
}
.white{
	color: #fff;
}
.aqua{
	color: #47a5ae;
}
.red-rule{
	width: 100%;
	border-bottom: 1px solid #f00;
	margin-bottom: 0.8em;
}
#preview-gallery, .preview-button, .preview-button-top, .preview-gallery{
	width: 18.125em;
	margin-left: 1.35em;
	float: right;
	z-index: 50;
}
.preview-button, .preview-button-top{
	margin-top: 0em;
}
.preview-button-top{
	margin-top: 0.5em;
}
.gthird, .gthird3{
	float: left;
	width: 11.5em;
	height: 11em;
	margin-right: 1.3em;
}
.gthird3{
	margin-right: 0em;
}
.gthird img, .gthird3 img{
	margin: 0 auto;
	margin-bottom: 0.5em;
}
.gthird a:link img, .gthird3 a:link img, .gthird a:visited img, .gthird3 a:visited img{
	border: 1px solid #222;
}
.gthird a:hover img, .gthird3 a:hover img, .gthird a:active img, .gthird3 a:active img{
	border: 1px solid #f00;
}
#middle-content .gthird p, #middle-content .gthird3 p{
	text-align:center;
	font-size: 0.8em;
}
/* ---------- Page Design Styles End ---------- */
/*
/*
/*
/*
/*
/*
/* ---------- Navigation Bar Begin ---------- */
#nav ul{
	text-align: left;
	
	/*border: 1px solid #2f2f2f;*/
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	height: 2.4em;
	background: #555;
}
#nav a {
	display: block;
	/*width: 12.2em;
	/*border: 1px solid #2f2f2f;
	border-right: none; */
	border: none;
	border-right: 2px solid #000;
	padding: 0.7em 0 0 0;
	color: #fff;
	text-decoration: none;
	font-size: 1.0em;
	height: 1.7em;
	text-align: center;
}
#nav a:hover{
	background: #222;
}
#nav li { /* all list items */
	float: left;
	width: 8.57em; /* for opera */
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: #555;
	width: 12.2em;
	left: -999em; /* for screen readers */
	margin-top: -1px;
	z-index: 1000;
}
*:first-child+html #nav li ul { /* ie 7 drop down compensation */
	margin-left: -1.1em;
}
* html #nav li ul { /* ie 6 drop down compensation */
	margin-left: -1.1em;
}
#nav li:hover ul, #nav li.sfhover ul{
	left: auto;
	background-position: 0 0; /* IE 7 Drop Down Sticky Fix!*/
}
#nav li ul a{
	width: 11.3em;
	padding: 0.8em 0.4em 0.4em 0.4em;
	border: none;
	border: 1px solid #333;
	border-top: none;
	background: #555;
	z-index: 2000;
}
*:first-child+html #nav li ul a{ /* ie 7 drop down compensation */
	width: 11.2em;
}
#nav li.first{
	padding-left: 0em;			/* nav bar offset to give centre-aligned look */
}
#nav li.last a{
	border-right: none;
}
/* ---------- Navigation Bar End ---------- */
/*
/*
/*
/*
/*
/*
/* ---------- Contact Form Begin ---------- */
.copy-left, .copy-right{
	float: left;
	font-size: 0.8em;
}
.copy-left h2, .copy-right h2{
	margin-top: 0em;
	padding-top: 0em;
}
.copy-left{
	width: 19.9em;
	padding-left: 0em;
	padding-right: 0em;
}
.copy-right{
	width: 26.6em;
	padding-right: 0em;
	padding-left: 0em;
}
#contactForm fieldset{
	margin: 0;
	padding: 0;
	border: none;
}
#contactForm fieldset.nofloat{
	float:none;
	clear:none;
}
#contactForm p{
	padding: 0 1em;
}
#contactForm fieldset ol{
	padding: 0em 1em 0 0em;
	margin-top: 0;
	list-style: none;
}
#contactForm fieldset ol{
	margin-left: 0em;
}
#contactForm fieldset li{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
}
#contactForm label{
	position: relative;
	float: left;
	width: 5em;
	margin-right: 1em;
	color: #fff;
}
#contactForm label strong{ /* ie 6 */
	position: absolute;
	left: 17.2em;
	top: 0.2em;
	width: 5em;
	color: #CC0000;
	font-size: 0.8em;
	font-weight: normal;
	text-transform: uppercase;
}
#contactForm .nofloat label strong{ /* ff */
	left: 17.2em;
}
#contactForm .nofloat input.widthc{
	width: 17.4em;
}
*:first-child+html #contactForm .nofloat input.widthc{ /* ie7 */
	width: 17.4em;
}
#contactForm .nofloat textarea{
	width: 17.6em;
}
#contactForm fieldset ol strong.black{
	color: #333;
}
#contactForm fieldset.submit{
	float: none;
	width: auto;
	border-style: none;
	padding-left: 1em;
	background-color: transparent;
	background-image: none;
}
/* ---------- Contact Form End ---------- */
/*
/*
/*
/*
/*
/*
/* ---------- General CSS Begin ---------- */
div .clear-both{
	clear: both;
}
.white{
	color: #FFF;
}