/*
	Colours Used:
		grey #978d86
		heading #587390
		links #587390
		highlighted #77adc4
*/

/* Typography Settings */
* { font-family: "Century Gothic", Tahoma, Arial, sans-serif; }

/* FooterStickAlt */
html,
body,
#container-outer { height: 100%; }
#container-inner { position: relative; min-height: 100%; }
/* * html #nonFooter { height: 100%; } */
#content { padding-bottom: 162px; }
#footer { position: relative; margin-top: -162px; } 

/* Global Styles */
body { background: #f8fafb url(/images/site/bg-body.png) repeat-y center top; }
#container-outer { background: transparent url(/images/site/bg-container-outer.png) no-repeat center top; }
#container-inner { width: 970px; margin: 0 auto; }

#header { height: 209px; }
#header a { position: absolute; left: 380px; top: 43px; width: 207px; height: 130px; text-indent: -9999px; }

#footer { height: 162px; background: transparent url(/images/site/bg-footer.png) no-repeat center top; }
#footer-extras { position: absolute; left: -9999px; top: 0; }
#footer-siteinfo { width: 970px; margin: 0 auto; padding: 70px 0 0 35px; color: #978d86; line-height: 1.5; }
#footer-siteinfo a { color: #978d86; }

#content-main { min-height: 590px; margin: 20px 262px 20px 220px; }
#home #content-main,
#gallery #content-main { margin: 20px 20px 0 220px; }
#content-widepicture { position: relative; width: 970px; height: 247px; }
#content-widepicture img {
	position: absolute; left: 0; top: 0; display: none; padding-bottom: 10px; 
	background: transparent url(/images/site/bg-content-widepicture.png) repeat-x left bottom; }
#content-widepicture img#widepicture1 { display: block; }
#content #content-widepicture a {
	position: absolute; left: 830px; top: 203px; width: 131px; height: 33px; text-indent: -9999px;
	background: transparent url(/images/site/bg-content-widepicture-a.png) no-repeat left top; 
	text-align: center; font-weight: bold; color: #ffffff; font-size: 18px; }
#content #content-widepicture a:hover { text-decoration: none; }

#content-supp { position: absolute; top: 487px; right: 9px; width: 236px; }
#content-supp .galleryitem {
	margin-bottom: 9px; background: #e0ebf1;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; }
#content-supp img { display: block; }
#content-supp p { margin: 0; padding: 5px 9px; text-align: right; font-style: italic; }
#content-supp-gallerylink {
	display: block; position: relative; left: -5px; width: 246px; height: 34px; text-indent: -9999px;
	background: transparent url(/images/site/bg-content-supp-gallerylink.png) no-repeat left top; }

/* Navigation: Main */
#nav-main { position: absolute; left: 2px; top: 186px; width: 966px; }
#nav-main ul { list-style: none; }
#nav-main li {
	float: left; width: 135px; padding-right: 3px; 
	background: transparent url(/images/site/bg-navmain-li.png) no-repeat right 4px; }
#nav-main li.last { background-position: -9999px -9999px; }
#nav-main li a { display: block; padding-bottom: 8px; text-align: center; color: #978d86; font-size: 12px; text-transform: uppercase; line-height: 14px; }
#nav-main li.active a,
#nav-main li.active li.active a { color: #77adc4; }

#nav-main ul ul { display: none; background: #ffffff; }
#nav-main ul li:hover ul { display: block; }
#nav-main li li { float: none; width: auto; padding-right: 0; margin: 0 2px; border-bottom: 2px solid #e0ebf1; background: none; }
#nav-main li li.last { border-bottom: 0; }
#nav-main li li a { padding: 6px 10px; text-align: left; text-transform: none; }
#nav-main li.active li a { color: #978d86; }

/* Navigation: Side */
#nav-side { position: absolute; left: 9px; top: 487px; width: 194px; }
#nav-side ul { list-style: none; margin-bottom: 20px; border-top: 2px solid #e0ebf1; }
#nav-side li a {
	display: block; border-bottom: 2px solid #e0ebf1; padding: 10px 5px;
	font-size: 16px; line-height: 20px; color: #978d86; }
#nav-side li.active a { color: #77adc4; }
#nav-keyareas-mailinglist a { background: transparent url(/images/site/bg-keyareas-mailinglist.png) no-repeat right top; }
#nav-keyareas-gallery a { background: transparent url(/images/site/bg-keyareas-gallery.png) no-repeat right top; }
.advert-box { margin-bottom: 10px; }

/* General Typography styles */
#content { color: #2d373c; }

#content h1, 
#content h2,
#content h3, 
#content h4,
#content h5 { margin-top: 1em; margin-bottom: 0; font-weight: normal; font-style: normal; color: #587390; }

#content h1 { font-size: 2.4em; line-height: 1.5; margin-top: 0; margin-bottom: 0.5em; }
#content h2 { font-size: 2.0em; line-height: 1.5; }
#content h3 { font-size: 1.7em; line-height: 1.5; } 
#content h4 { font-size: 1.5em; line-height: 1.5; }
#content h5 { font-size: 1.3em; line-height: 1.5; }

#content p,
#content ol,
#content ul { margin-bottom: 1em; font-size: 1.2em; line-height: 1.3; }
#content ol,
#content ul { margin-left: 30px; }
#content ul ul,
#content ul ol,
#content ol ul,
#content ol ol { font-size: 1em; }

#content blockquote {
	border: 1px solid #587390; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px 15px 0; margin-bottom: 1em;
	background: #e0ebf1; }

#content a { color: #4b2e28; font-weight: bold; }
#content a:hover { text-decoration: underline; }

#content table { width: 100%; border-collapse: collapse; margin-bottom: 10px; }
#content th,
#content td { font-size: 1.2em; line-height: 1.3; padding: 2px 5px; border: 1px solid #e0ebf1; }
#content th { font-weight: bold; }

#content iframe { margin-bottom: 10px; }

/* Default Form Styling */
#content form fieldset {
	background: #efefef; padding: 10px;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; }
#content form fieldset h2 { margin-top: 0; margin-bottom: 1em; }
#content form label { float: left; width: 147px; font-size: 12px; line-height: 15px; margin-top: 3px; margin-left: 10px; }
#content form .reqd label { font-weight: bold; }
#content form .select label { margin-top: 4px; }

#content form .text,
#content form .select,
#content form .multitext,
#content form .datetime,
#content form .checkbox,
#content form .button { overflow: hidden; margin-bottom: 1em; }

#content form .text input,
#content form .select select,
#content form .multitext textarea { float: left; width: 290px; padding: 2px 4px; border: 1px solid #978D86; }
#content form .text input:focus,
#content form .select select:focus,
#content form .multitext textarea:focus { border-color: #587390; }
#content form .multitext textarea { height: 100px; }

#content form .select select { width: 300px; padding: 2px 2px; }
#content form .datetime select { padding: 2px 2px; border: 1px solid #587390; }

#content form .button input {
	float: right; margin-right: 10px; border: 1px solid #978d86; padding: 3px 7px;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px;
	background: #587390; font-size: 15px; line-height: 18px; color: #fff; font-weight: bold; cursor: pointer; text-align: center; }
#content form .checkbox input { float: left; margin: 3px 0 0; }

#content form .text input,
#content form .select select,
#content form .multitext textarea,
#content form .datetime .day,
#content form .datetime .month,
#content form .datetime .year,
#content form .datetime .hour,
#content form .datetime .minute,
#content form .datetime .ampm { font-size: 12px; line-height: 15px; }

/* Page Specific: Gallery */
.gallery-list { overflow: hidden; }
.gallery-item { float: left; margin-right: 8px; margin-bottom: 8px; border: 1px solid #e0ebf1; }
.gallery-list .eol { margin-right: 0; }

/* Page Specific: Meet the Team */
.team-member {
	margin-bottom: 10px; padding: 10px; background: #efefef; overflow: hidden;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; }
.team-list .even { background: none; }
.team-member-description { float: left; width: 308px; }
.team-member .nopic { float: none; width: auto; }
#content .jobtitle { font-weight: bold; font-size: 14px; }
#content .team-member h2 { margin-top: 0; }
.team-member img { float: right; }

/* Misc Styles */
p.errorMsg {
	border: 2px solid #f00 ; color: #f00 ; background-color: #fee ; padding: 10px; font-weight: bold ; 
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; }
p.infoMsg {
	border: 2px solid #060 ; color: #060 ; background-color: #efe ; padding: 10px; font-weight: bold ; 
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; }