/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_4 {	margin-left: auto; margin-right: auto; width: 960px; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4 { display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/
.container_4 .grid_1 { width:215px; }
.container_4 .grid_2 { width:450px; }
.container_4 .grid_3 { width:685px; }
.container_4 .grid_4 { width:940px; }

/* Prefix Extra Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/
.container_4 .prefix_1 { padding-left:235px; }
.container_4 .prefix_2 { padding-left:470px; }
.container_4 .prefix_3 { padding-left:705px; }

/* Margins
----------------------------------------------------------------------------------------------------*/
.marginleft { margin-left: 20px; }
.marginright { margin-right: 20px; }
.bottommargin { margin-bottom: 40px; }

/* Suffix Extra Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/
.container_4 .suffix_1 { padding-right:235px; }
.container_4 .suffix_2 { padding-right:470px; }
.container_4 .suffix_3 { padding-right:705px; }

/* Push Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/
.container_4 .push_1 { left:235px; }
.container_4 .push_2 { left:470px; }
.container_4 .push_3 { left:705px; }

/* Pull Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/
.container_4 .pull_1 { left:-235px; }
.container_4 .pull_2 { left:-470px; }
.container_4 .pull_3 { left:-705px; }

/* Right Floats
----------------------------------------------------------------------------------------------------*/
.right { float: right; }

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* Global
----------------------------------------------------------------------------------------------------*/
html { overflow-x: hidden; }
* {	margin: 0px; padding: 0px; border: none; list-style: none; }
body { background: #FFF url(../img/global/mainbg.png) repeat-x top center; font: 62.5% Arial, Helvetica, sans-serif; line-height: 1.4em; height: 100%; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: none; outline: none; }

/* Structure 
----------------------------------------------------------------------------------------------------*/
#content { background: #ececec url(../img/global/contentbg.png) no-repeat top center; float: left; clear: both; width: 960px; margin: 0 0 20px 0; }
#content .bottom { background:url(../img/global/contentbg-bottom.png) no-repeat bottom; height: 10px; clear: both; }
#main { margin-top: 20px; }
.highlight { background: #d7d7d7 url(../img/global/highlightbg.png) no-repeat top center; margin-bottom: 10px; }
.highlightbottom { background:url(../img/global/highlightbg-bottom.png) no-repeat bottom; height: 8px; clear: both; }
#logo { background:url(../img/global/logo.png); width: 102px; height: 0px; padding: 93px 0 0 0; position: relative; margin: 0 0 20px 20px; display: block; overflow: hidden; float: left; }
#intro { margin: 20px 0 20px 0; }
#intro p { background: url(../img/global/introbg.png); width: 408px; height: 86px; padding: 20px 20px 20px 40px; position: absolute; top: 117px; left: -20px; }
#breadcrumbs { margin: 0 0 10px 0; }
.postdata { border-top: solid 1px #AAA; padding: 10px 0 0 0; clear: both; }
#footer { clear: both; width: 920px; margin: 0 auto; padding: 0px 20px; }
#legals { float: right; clear: right; }
#legals li { display: inline-block; float: left; text-align: right; }
#legals li a { border-left: 1px solid #bfcbd8; margin: 0 0 0 5px; padding: 0 0 0 5px; }
#sitemap { float: left; }
#sitemap li { float: left; border-left: 1px solid #CCC; padding: 0 10px 0 10px }
#sitemap li li { float: none; border-left: none; padding: 0px; }

/* Navigation
----------------------------------------------------------------------------------------------------*/
#navigation { position: relative; top: 64px; left: 20px; float: left; }
#navigation li { float: left; }
#navigation li a { display: inline-block; float: left; background-image: url(../img/global/navigation.png); height: 0px; padding: 30px 0 0 0; margin: 0 10px 0 0; overflow: hidden; }
#a { width: 88px; background-position: 0px 0px; }
#a:hover { background-position: 0px -30px; }
.current_page_item #a { background-position: 0px -60px; }
#lc { width: 157px; background-position: -99px 0px; }
#lc:hover { background-position: -99px -30px; }
.current_page_item #lc { background-position: -99px -60px; }
#g { width: 76px; background-position: -267px 0px; }
#g:hover { background-position: -267px -30px; }
.current_page_item #g { background-position: -267px -60px; }
#c { width: 53px; background-position: -353px 0px; }
#c:hover { background-position: -353px -30px; }
.current_page_item #c { background-position: -353px -60px; }
#git { width: 115px; background-position: -416px 0px; }
#git:hover { background-position: -416px -30px; }
.current_page_item #git { background-position: -416px -60px; }
#booking { position: relative; top: 64px; float: right; margin: 0 10px 0 0; }
#booking li a { display: inline-block; float: left; background-image: url(../img/global/navigation.png); height: 0px; padding: 30px 0 0 0; margin: 0 10px 0 0; overflow: hidden; }
#booking li a { width: 182px; background-position: -541px 0px; }
#booking li a:hover { background-position: -541px -30px; }
#subnavigation { font-size: 1.2em; font-family: Futura, 'Century Gothic', AppleGothic, sans-serif; line-height: 100%; text-transform: uppercase; margin: 20px 0 0 10px; }
#subnavigation li a { background: #d1d1d1 url(../img/global/snhv-bg.png) repeat-x top center; color: #033467; display: block; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 8px 10px; margin: 0 0 1px 0; }
#subnavigation li a:hover {  background: #c6c6c6 url(../img/global/snno-bg.png) repeat-x top center; }
#subnavigation li.current_page_item a, #subnavigation li.current_page_ancestor a { background: #68809d url(../img/global/snon-bg.png) repeat-x top center; color: #ECECEC; }
#subnavigation li li a { background: none!important; font-family: Arial, Helvetica, sans-serif; text-transform: none; color: #033467!important; padding: 5px 10px; border-bottom: 1px solid #bcc4cf; }
#subnavigation li li.current_page_item a { font-weight: bold; }
.navigation .alignleft a { font-size: 1.2em; padding: 10px; margin: 0 0 10px 0; color: #EEE; background: #999; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; float: left; }
.navigation .alignright a { font-size: 1.2em; padding: 10px; margin: 0 0 10px 0; color: #EEE; background: #999; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; float: right; }

/* News
----------------------------------------------------------------------------------------------------*/
#sidebar { margin-top: 20px; }
#sidebar ul { margin: 0 0 20px 0; }
#sidebar li { border-top: 1px solid #d8d8d8; padding: 5px 0px; }
#sidebar a { color: #1c416d; }
#sidebar a:hover { text-decoration: underline; }
#sidebar .news a { background: url(../img/global/rss.png) no-repeat right center; display: block; }
#sidebar .news a { color: #666; }

/* Typography
----------------------------------------------------------------------------------------------------*/
h1, h2, h3#comments, #respond h3, #intro p { font-family: Futura, 'Century Gothic', AppleGothic, sans-serif; letter-spacing: -1px; }
.highlight h2 { background: url(../img/global/highlighth2bg.png); font-size: 2.2em; line-height: 100%; text-transform: uppercase; font-weight: normal; height: 25px; padding: 8px 10px; margin: 10px;  }
.highlight h2 a { color: #d7d7d7; display: block; }
.highlight h2 a:hover { color: #FFF; }
.highlight p { color: #666; font-size: 1.2em; line-height: 1.2em; min-height: 100px; padding: 0 20px; }
#main h1 { font-size: 3em; line-height: 100%; margin: 0 0 20px 0; text-transform: uppercase; color: #033467; }
#main h2 { font-size: 2em; line-height: 100%; margin: 0 0 10px 0; text-transform: uppercase; color: #033467; }
#main h3 { font-size: 1.8em; line-height: 100%; margin: 0 0 10px 0; text-transform: uppercase; color: #800000; font-weight: normal; }
#main h4 { font-size: 1.4em; line-height: 100%; margin: 0; color: #033467; }
#main p, #main ul, #main ol { color: #333; font-size: 1.4em; line-height: 1.4em; margin: 0 0 1.4em 0; }
#main p a { color: #333; text-decoration: underline; }
#main p a:hover { text-decoration: none; }
#main h2 a { color: #033467; }
#main h2 a:hover { text-decoration: underline; }
#main ul li { list-style: disc; padding: 0 0 0 0em; margin: 0 0 0 1.5em; }
#main ol li { list-style: decimal; padding: 0 0 0 0em; margin: 0 0 0 1.5em; }
#main blockquote { width: 180px; float: right; margin: 0 0 20px 20px; padding: 0 0 0 20px; border-left: 1px solid #800000 }
#main blockquote p { color: #800000; margin: 0; font-style: italic; font-weight: bold; }
#intro p { font-size: 1.8em; line-height: 1.2em; text-transform: uppercase; color: #033467;  }
#sidebar li a { font-size: 1.2em; line-height: 1.2em; }
#sidebar h2 { font-size: 1.8em; line-height: 1em; margin: 0 0 15px 0; font-weight: normal; text-transform: uppercase; color: #666; }
#sidebar h3 { font-size: 1em; line-height: 1em; text-transform: uppercase; margin: 5px 0 0 0; }
#sidebar p { font-size: 1.2em; line-height: 1.4em; color: #666; margin: 0 0 5px 0; }
#sidebar .date { color: #1c416d; }
#breadcrumbs { color: #999; font-size: 1.1em; line-height: 100%; }
#breadcrumbs a { color: #999; font-weight: bold; }
#breadcrumbs a:hover { text-decoration: underline; }
#main p.postdata { font-size: 1.2em; color: #666; }
#main p.postdata a { color: #666; text-decoration: underline; }
#main p.postdata a:hover { text-decoration: none; }
h1.title { margin-bottom: 20px!important; color: #800000!important; }
.current-cat { font-weight: bold; }
#legals { font-size: 1.1em; }
#legals a { color: #839bb4; font-weight: normal; }
p.copy { color: #839bb4; font-size: 1.1em; font-weight: bold; float: right; }
p.credit { color: #839bb4; font-size: 1.1em; float: right; }
#sitemap { font-size: 1.1em; }
#sitemap li { font-weight: bold; }
#sitemap li li { font-weight: normal; }
#sitemap a { color: #999; }
p.credit a, p.copy a { color: #839bb4; }
#footer a:hover { text-decoration: underline; }

/* Comments
----------------------------------------------------------------------------------------------------*/
#commentform input { color: #333; clear: both; float: right; background: #FFF; line-height: 100%; width: 55%; border: 1px solid #9b9b9b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px 6px; }
#content #commentform p { clear: both; margin-bottom: 0.7em; }
#commentform textarea { width: 98%; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 1em; border: 1px solid #9b9b9b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px 6px; }
#content #commentform #submit { font-size: 0.8em; font-family: Futura, 'Century Gothic', AppleGothic, sans-serif; line-height: 100%; text-transform: uppercase; background: #68809d url(../img/global/snon-bg.png) repeat-x top center; color: #ECECEC; width: 12em; padding: 10px 0px;  }
#content .comment-author {   }
#content cite { font-style: normal; }
#content .comment-meta { font-weight: bold; }
#content .comment { background: #DDD; list-style: none; margin: 0 0 5px 0; padding: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#content .comment p { font-size: 0.9em; }
#content .comment a { color: #033467; }
#content .avatar { float: left; margin-right: 10px; }

/* Fields
----------------------------------------------------------------------------------------------------*/
#searchform { background: url(../img/global/search.png); width: 215px; height: 28px; margin: 0 0 20px 0; }
#searchform label { display: none; }
#searchform input { background: none; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; padding: 5px; width: 139px; height: 17px; float: left; }
input#searchsubmit { width: 65px; height: 0px; padding: 28px 0 0 0; display: block; float: left; background: none; cursor: pointer; }

/* Colours
----------------------------------------------------------------------------------------------------*/
.orange, .orange a { color: #ee8800!important; }

/* Images
----------------------------------------------------------------------------------------------------*/
.highlight img { margin: 10px 0 0 10px; }
#main img.alignleft { float: left; margin: 0 10px 10px 0; border: 1px solid #9b9b9b; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  }
#main img.alignright { float: right; margin: 0 0 10px 10px; border: 1px solid #9b9b9b; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#main img.alignnone { border: 1px solid #9b9b9b; -webkit-border-radius: 5px; -moz-border-radius: 10px; border-radius: 10px; }
#main img.aligncenter { border: 1px solid #9b9b9b; -webkit-border-radius: 5px; -moz-border-radius: 10px; border-radius: 10px; }
#main .wp-caption { }
#main .wp-caption-text { font-size: 1.1em; margin: 10px 0 20px 0; }
#main .wpcaption img { border: 1px solid #9b9b9b; -webkit-border-radius: 5px; -moz-border-radius: 10px; border-radius: 10px; }
/* Borders
----------------------------------------------------------------------------------------------------*/
.noborderbottom { border-bottom: none!important; }
.noborderleft { border-left: none!important; }