@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;
}
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: 6em;
	width: 60em;
}
*:first-child+html #content { /* ie 7 content top margin fix */
	margin-top: 6em;
}
* html #content { /* ie 6 content top margin fix */
	margin-top: 6em;
}
#header{
	position: absolute;
	top: 0em;
	left: 50%;
	width: 60em;
	height: 1.875em;
	margin: 0;
	padding: 0;
    margin-left: -30em; /* must be half of #content width (60em)*/
	border-bottom: 1px solid #fff;
}
#header p{
	margin: 0;
	padding: 0;
	float: left;
	font-size: 0.6em;
	margin-left: 3em;
	margin-top: 0.55em;
}
#logo{
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	margin-top: 2em;
}
#pagetitle{
	display: block;
	height: 3em;
	color: #d1d3d4;
	text-align: left;
	padding-top: 0em;
	padding-left: 13.8em;
	letter-spacing: 0.31em;
	/*background: url(../images/mock-pagetitle.gif) no-repeat top center;*/
}
#body{
	display: block;
	min-height: 14em;
	/*background: url(../images/mock-body.gif) no-repeat top left;*/
}
#left-column{
	width: 12em;
	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: 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: 7.75em;
	float: left;
	margin: 0;
	padding: 0;
}
#footer-heading{
	display: block;
	height: 4.125em;
	color: #d1d3d4;
	text-align: left;
	padding-top: 0;
	padding-left: 13.5em;
	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;
	border-top: 1px solid #fff;
}
#footer p{
	margin: 0;
	padding: 0;
	font-size: 0.6em;
	margin-top: 0.55em;
}
#footer .left{
	float: left;
}
#footer .right{
	float: right;
}
/* ---------- Main Page Blocks End ---------- */
/*
/*
/*
/*
/*
/*
/* ---------- Special Class Declarations Begin ---------- */
.right-align{
	display: block;
	float: right;
}
.left-align{
	display: block;
	float: left;
}
.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;
}
.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 ---------- */
#right-nav ul{
	margin: 0;
	padding: 0;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0.75em;
}
#nav a {
	padding: 0;
	margin: 0;
	color: #fff;
	text-decoration: none;
}
#nav a:hover{
	color: #f00;
}
#nav li { /* all list items */
	float: left;
	width: 11em; /* for opera */
	padding-bottom: 0.25em;
}
#nav li.active a{
	border-bottom: 1px solid #f00;
}
/* ---------- 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;
}