/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
	font: 12px/1.5 "Lucida Grande", "Segoe UI", "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: #333;
	background: #576A79;
}
pre, code {
	font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace;
}
/*
	For legibility reasons it is my preference is to not display oblique web fonts.
*/
em {
	font-style: normal;
	font-weight: bold;
}
hr {
	border: 0 #828277 solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
/* `Headings
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color: #333;
}
h1 {
	font-size: 24px;
	margin-bottom: 18px;
}
h2 {
	font-size: 18px;
	margin-bottom: 18px;
}
h3 {
	font-size: 14px;
	margin-bottom: 18px;
}
h4 {
	font-size: 12px;
	margin-bottom: 18px;
}
h5 {
	font-size: 12px;
}
/* `Links
----------------------------------------------------------------------------------------------------*/
a {
	color: #18588A;
}
a:link, a:visited, a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.pdf {
	background: url(/img/i_pdf.gif) no-repeat left center;
	padding-left: 20px;
}
/* `Spacing
----------------------------------------------------------------------------------------------------*/
ol {
	list-style: decimal;
}
ul {
	list-style: disc;
}
li {
	margin-left: 30px;
}
p, dl, hr, ol, ul, pre, table, address, fieldset, figure {
	margin-bottom: 18px;
}
.inline {
	margin-bottom: 18px;
}
/* `Positioning
----------------------------------------------------------------------------------------------------*/
.float-right {
	float: right;
}
.float-left {
	float: left;
}
.hide {
	display: none;
}
/* `Text Styles
----------------------------------------------------------------------------------------------------*/
.center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.strikethrough {
	text-decoration: line-through;
}
.small {
	font-size: 11px;
}
.pdf-link {
	background: url(/img/i_pdf.gif) no-repeat left center;
	padding-left: 18px;
}
/* `Table Styles
----------------------------------------------------------------------------------------------------*/
table {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
}
tr {
	border-bottom: 1px solid #333;
}
tr.alt {
	background: #EEE;
}
th {
	background: #666;
	text-align: center;
	padding: 4px;
	border-right: 1px solid #333;
}
td {
	padding: 5px;
	border-right: 1px solid #333;
}
/*
	Tables for layout where no CSS alternative is available such as tabs.
*/
table.invisible {
	border: none;
}
table.invisible tr {
	border: none;
}
table.invisible th {
	font-weight: bold;
	background: none;
	text-align: left;
	padding: 0 10px 0 0;
	border: none;
}
table.invisible td {
	padding: 0;
	border: none;
}
/* `Image Styles
----------------------------------------------------------------------------------------------------*/
.framed {
	border: 1px solid #999;
}
.thumbnail {
	border: 1px solid #18588A;
}
.thumbnail:hover {
	border: 1px solid #18588A;
}
/* `Header
----------------------------------------------------------------------------------------------------*/
#header {
	background: #E5E5D7;
	width: 100%;
}
#header .grid_12 {
	height: 90px;
	position: relative;
}
#header_logo {
	position: absolute;
	top: 22px;
	left: 0;
}
#header p {
	font-size: 20px;
	font-weight: bold;
	color: #576A79;
	text-align: right;
	margin: 0;
	position: absolute;
	right: 0;
	bottom: 12px;
}
/* `Main Menu
----------------------------------------------------------------------------------------------------*/
#main-menu_container {
	background: #576A79;
	width: 100%;
}
#main-menu {
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	position: relative;
	z-index: 99; /* Fix for IE7 z-index bug to ensure sub-menus remain on top of other elements. */
}
#main-menu > li {
	float: left;
	margin: 0 20px 0 0;
	list-style: none;
	position: relative;
}
#main-menu > li > a {
	color: #FFF;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*
	Second Level Menu Items
*/
#main-menu > li > ul {
	font-weight: normal;
	background: #47243C;
	display: none;
	width: 180px;
	padding: 10px 20px;
	margin: 0;
	border-top: 1px solid #002A40;
	position: absolute;
	z-index: 1;
	left: -10px;
	top: 100%;
}
#main-menu > li:hover > ul {
	display: block;
}
#main-menu > li > ul > li {
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	border-top: 1px solid #002A40;
}
#main-menu > li > ul > li:first-child {
	border: none;
}
#main-menu > li > ul > li > a {
	color: #FFF;
}
/* `Sub Menus
----------------------------------------------------------------------------------------------------*/
.sub-menu li {
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	border-top: 1px solid #7497AA;
}
.sub-menu li:first-child {
	border: none;
}
/* `Banner
----------------------------------------------------------------------------------------------------*/
#banner {
	background: #98988F;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#98988F), to(#6A6A60));
	background: -webkit-linear-gradient(#98988F, #6A6A60);
	background: -moz-linear-gradient(#98988F, #6A6A60);
	background: -ms-linear-gradient(#98988F, #6A6A60);
	background: -o-linear-gradient(#98988F, #6A6A60);
	background: linear-gradient(#98988F, #6A6A60);
	-pie-background: linear-gradient(#98988F, #6A6A60);
	behavior: url(/htc/PIE.htc); /* CSS3 effects for IE */
	width: 940px;
	height: 277px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border-bottom: 3px solid #98988F;
	position: relative;
}
#banner h1 {
	font-weight: normal;
	color: #FFF;
	background: #576A79;
	padding: 10px 20px;
	margin: 0;
	position: absolute;
	top: 30px;
	left: 0;
}
#call-to-action {
	width: 220px;
	height: 236px;
	display: block;
	padding-top: 40px;
	padding-right: 40px;
	padding-left: 40px;
	position: absolute;
	top: 0;
	right: 0;
}
#call-to-action p {
	font-size: 30px;
	line-height: 1.3;
	color: #FFF;
}
/* `Content
----------------------------------------------------------------------------------------------------*/
#content {
	background: #E5E5D7;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 40px;
}
/* `Forms
----------------------------------------------------------------------------------------------------*/
label em, .mandatory {
	font-style: normal;
	font-weight: normal;
	color: #CC0000;
}
/* `General Enquiry Forms
----------------------------------------------------------------------------------------------------*/
.general-enquiries fieldset {
	padding: 18px;
	margin-bottom: 18px;
	border: 1px solid #999;
}
.general-enquiries table {
	width: 100%;
	margin: 0;
	border: none;
}
.general-enquiries tr {
	border: none;
}
.general-enquiries th {
	color: #333;
	background: none;
	vertical-align: top;
	text-align: right;
	width: 35%;
	padding: 5px;
	border: none;
}
.general-enquiries td {
	width: 65%;
	padding: 5px;
	border: none;
}
.general-enquiries label {
	padding-right: 0;
}
.general-enquiries td input.text {
	font: 12px/1.5 "Lucida Grande", "Segoe UI", "Trebuchet MS", Verdana, Geneva, sans-serif; /* Required to retain font consistency */
	width: 100%;
	padding: 3px;
	border-top: 1px solid #939598;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #E3E3E3;
	border-left: 1px solid #CCC;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box;
}
.general-enquiries textarea {
	font: 12px/1.5 "Lucida Grande", "Segoe UI", "Trebuchet MS", Verdana, Geneva, sans-serif; /* Required to retain font consistency */
	width: 100%;
	height: 200px;
	padding: 3px;
	margin: 0;
	border-top: 1px solid #939598;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #E3E3E3;
	border-left: 1px solid #CCC;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box;
}
/* `Form Errors
----------------------------------------------------------------------------------------------------*/
.form-errors {
	color: #CC0033;
	font-weight: bold;
}
/* `Footer
----------------------------------------------------------------------------------------------------*/
#footer {
	color: #333;
	background: #B8B8A7;
	width: 100%;
	min-width: 960px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer ul {
	list-style: none;
}
#footer li {
	margin: 0;
}
/* `Baseline
----------------------------------------------------------------------------------------------------*/
#baseline {
	color: #CCC;
	font-size: 11px;
	width: 100%;
	padding-top: 20px;
}
#baseline a {
	color: #FFF;
}