/* RESET
---------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* FONTS
---------------------------------------------------------------*/
@font-face {
    font-family: 'arvoregular';
    src: url(../fonts/arvo-regular-webfont.eot);
    src: url(../fonts/arvo-regular-webfont.eot?#iefix) format(embedded-opentype),
         url(../fonts/arvo-regular-webfont.woff) format(woff),
         url(../fonts/arvo-regular-webfont.ttf) format(truetype),
         url(../fonts/arvo-regular-webfont.svg#arvoregular) format(svg);
    font-weight: normal;
    font-style: normal;
}

/* MAIN LAYOUT
---------------------------------------------------------------*/
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	height: 100%;
    overflow-y: scroll;
}
body {
	background-color: #f1efea;
    color: #333;
    font: 62.5%/1.4 arvoregular, sans-serif; /* 10px font size, 14px line height */
    margin: 0 auto;
    max-width: 1600px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
.wrapper {
	margin: 0 auto;
	max-width: 110em;
	overflow: auto;
	padding: 0 1.6em;
}

.clearFix:before,
.clearFix:after {
    content: "";
    display: table;
}
.clearFix:after { clear: both; }

.left {
	float: left;
}

.right {
	float: right;
}
 

/* TYPOGRAPHY
---------------------------------------------------------------*/
p {
	font-size: 1.5em;
	line-height: 1.6;
	margin-bottom: 1em;
}

ul,
ol { font-size: 1.5em; }
ul li {
    padding: 0 0 1em 0;
}
ul li p,
ul li h3 {
	font-size: inherit;
}
ul.cms_placeholder-subnav { font-size:1em; }

.blueblockquote, blockquote.left {
	background-color: #47778d;
	color: #f8f8f8;
	margin: 0 auto 2em;
	padding: 2em 6em;
	position: relative;
}
blockquote:before, blockquote:after {
    font: 8em Georgia,serif;
    opacity: .5;
    position: absolute;
}
blockquote:before {
    content: "“";
    left: .2em;
    top: .1em;
}
blockquote:after {
    bottom: 0;
    content: "”";
    right: .2em;
}
blockquote cite {
	font-size: .93333em;
	font-style: italic;
}
blockquote.arrow cite:before {
    border-left: 1.2em solid rgba(0, 0, 0, 0);
    border-right: 1.2em solid rgba(0, 0, 0, 0);
    border-top: 1.2em solid #47778d;
    bottom: -1.15em;
    content: " ";
    height: 0;
    left: 25%;
    position: absolute;
    width: 0;
}

img {
	font-size:0.5em;
	max-width: 100%;
}

strong {
    font-family: Arial, sans-serif;
    font-weight: 700;
	color: black;
	font-size:1em;
	max-width: 100%;
}

.contentList {
	margin-bottom: 2em;
	overflow: auto;
}
.contentList li {
	background-color: #bdbbb6;
	border-radius: .2em;
	float: left;
	margin: 0 1em 1em 0;
	padding: 1em;
}

/* LINKS
---------------------------------------------------------------*/
a:link,
a:visited { color: #063; }
a:hover,
a:focus { text-decoration: none; }

.button:link,
.button:visited {
	background-color: #063;
	border-radius: .2em;
	box-shadow: inset 0px -2px rgba(1,1,1,.4);
	color: #fff;
	display: inline-block;
	margin: 1em;
	padding: .75em 1.5em;
	text-decoration: none;
	text-transform: uppercase;
}
.button:hover,
.button:focus {
	text-decoration: underline;
}

.buttonList {
	margin-bottom: 1.5em;
	overflow: auto;
}
.buttonList li { padding: 0; }
.buttonList .button {
	float: left;
	margin: 0 1em 1em 0;
}

/* HEADINGS
---------------------------------------------------------------*/
h1 { font-size: 3em; }
h2 {
	font-size: 3em;
	margin-bottom: .53333em;
}
h3 {
	font-size: 2em;
	margin-bottom: .8em;
}

/* TABLES
---------------------------------------------------------------*/
table {
	font-size: 1.2em;
	width: 100%;
}
th,
td {
	padding: 1em;
}
thead th {
	background-color: #47778d;
	color: #f8f8f8;
	text-align: left;
}
tbody td {
	border-top: 1px solid #bcbab5;
}

.calendar td { background-color:#FEFFFE; height:91px;}
.calendar td.empty { background-color:#eceff5; height:91px;}
.calendar td.booked { background-color:#eceff5; background:url(../images/tank_bonus.png) center 30px no-repeat #eceff5; height:91px;}
.prevMonth { margin-right:16px; float:left; }
.nextMonth { margin-left:16px; float:right; }
.monthList { float:left; }
.monthList li { float:left; margin-right:4px; padding-right:4px; }
.monthList li.last { margin-right:0; padding-right:0; border:0; }
.monthList li a { font-size:0.85em; }
.monthList li a.currentMonth { font-size:1.2em; }


/* HEADER
---------------------------------------------------------------*/
header {
	background: url(../images/banner.jpg) top center no-repeat;
	box-shadow: 0 3px rgba(1,1,1,.3);
	min-height: 60em;
	position: relative;
}
.contentPage header { 
	background: url(../images/banner.jpg) center -80px no-repeat;
	min-height: 45em;
}

/* Masthead area */
.masthead {
	background-color: #f3f1ec;
	background-color: rgba(243,241,236,.95);
	overflow: auto;
	text-align: center;
}
.masthead h1 {
	background: url(../images/logo.gif) top center no-repeat;
	height: 105px;
	margin: .5em 0;
	text-indent: -9999em;
}
.masthead h1 a {
	display: block;
	height: 105px;
}

/* Primary navigation */
.primary {
	background-color: #f3f1ec;
	background-color: rgba(243,241,236,.8);
	box-shadow: 0 3px rgba(1,1,1,.3);
	overflow: auto;
}
.primary ul { display: none; }
.primary .visible { display: block; }
.primary ul li { padding: 0; }
.primary li a:link,
.primary li a:visited {
	color: #333;
	float: left;
	font-size: 80%;
	font-weight: bold;
	margin: 0;
	padding: 1em .5em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}
.primary li a:hover,
.primary li a:focus {
	background-color: #47778d;
	color: #f3f1ec;
}
.primary li a.selected { color: #47778d; }
.primary li a.selected:hover,
.primary li a.selected:focus {
	background-color: #f3f1ec;
	color: #47778d;
}

#menuButton {
	display: block;
	font-size: 1.8em;
	padding: 1em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
#menuButton:before {
	content:'\2630';
	padding: .2em;
}

.secondary {
	background-color: #063;
	color: #fff;
	padding: 2em;
	text-align: center;
	text-transform: uppercase;
}
.secondary ul { font-size: 1.6em; }
.secondary ul li { padding: 0; }
.secondary li a:link,
.secondary li a:visited {
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.secondary li:last-child a:link,
.secondary li:last-child a:visited { border-right: none; }
.secondary li a:hover,
.secondary li a:focus {
	text-decoration: underline;
}

/* CONTENT
---------------------------------------------------------------*/
main {
	background: url(../images/background.jpg) top center repeat;
}
.tagline {
	background-color: #063;
	color: #fff;
	padding: 2em;
	text-align: center;
	text-transform: uppercase;
}
.tagline p {
	font-size: 2.4em;
	margin: 0;
}

/* Information pod */
.information {
	background: #d9d5cb url(../images/info.gif) 3em center no-repeat;
	box-shadow: 0 3px rgba(1,1,1,.3);
	color: #5d594f;
	margin: 3em auto;
	padding: 3em 2em;
	text-transform: uppercase;
}
.information p {
	font-size: 1.8em;
	margin: 0;
}

/* Page introduction */
.introduction {
	background: url(../images/hr.gif) center bottom no-repeat;
	margin-bottom: 1.5em;
	overflow: auto;
	padding: 1.5em 0;
	text-align: center;
}
.introduction p { font-size: 1.74em; }

/* Testimonial link */
.testimonials {
	margin: 0 auto;
	overflow: auto;
	text-align: center;
}
.testimonials h2 {
	color: #47778d;
	margin-top: 1em;
	text-transform: uppercase;
}
.testimonials a.button {
	background-color: #244a5c;
	font-size: .9333333em;
	margin: 2em 0 0;
}

/* Centered contact link */
.bottomLink {
	background: url(../images/hr.gif) center top no-repeat;
	clear: both;
	margin-top: 1.5em;
	padding-top: 1.5em;
	text-align: center;
}

/* Group of two areas */
.groupOfTwo { overflow: auto; }
.groupOfTwo div {
	text-align: center;
}
.groupOfTwo p,
.groupOfTwo ol,
.groupOfTwo ul { text-align: left; }
.groupOfTwo div img,
aside img,
.left {
	background-color: #fff;
	box-shadow: 0 3px rgba(1,1,1,.3);
	margin-bottom: 1em;
	margin-right: 3em;
	padding: 1em;
}
.right {
	background-color: #fff;
	box-shadow: 0 3px rgba(1,1,1,.3);
	margin-bottom: 1em;
	margin-left: 3em;
	padding: 1em;
	float:right;
}

p span.bold {
	font=size: bold;
}
div.month{
	display: inline;
	width: 15%;
}
div.current{
	display: inline;
	width: 15%;
}

div.c100{ width:100%; }
div.c75{ width:75%; }
div.c66{ width:66%; }
div.c50{ width:50%; }
div.c33{ width:33%; }
div.c25{ width:25%; }

.real-c100{ width:100%; }
.real-c75{ width:75%; }
.real-c66{ width:75%; }
.real-c50{ width:50%; float:left; padding: 0px 5px 0px 5px; margin-bottom:10px;}
.real-c33{ width:100%; }
.real-c25{ width:100%; }

img.real-c33{ width: 33%; }
img.real-c25{ width: 25%; }

/* FOOTER
---------------------------------------------------------------*/
footer {
	background-color: #d2d0cb;
	color: #5d594f;
	padding: 3em 0;
}
footer p {
	clear: left;
	font-size: 1.1em;
}
footer ul { font-size: 1.4em; }
footer li {
	float: left;
	margin-right: 1em;
}
footer li a:link,
footer li a:visited{
	color: #5d594f;
	text-decoration: none;
}
footer li a:hover,
footer li a:focus {
	color: #5d594f;
	text-decoration: underline;
}

footer .sl25 { text-align: center; }

/* Media Queries
---------------------------------------------------------------*/
@media (min-width: 25em) {
	.primary li a:link,
	.primary li a:visited {
		width: 50%;
	}
}
@media (min-width: 40em) {

	/* HEADER
	---------------------------------------------------------------*/
	.masthead { text-align: left; }
	.masthead h1 {
		float: left;
		margin: 1em 0;
		width: 216px;
	}
	.masthead p {
		float: right;
		margin-top: 3em;
	}

	#menuButton { display: none; }
	.primary ul { display: block; }
	.primary li a:link,
	.primary li a:visited {
		text-align: left;
		width: auto;
	}

	.secondary li a:link,
	.secondary li a:visited {
		border-right: 1px solid #003d1f;
		float: left;
		margin-right: 1em;
		padding-right: 1em;
		text-align: left;
	}

	/* CONTENT
	---------------------------------------------------------------*/
	.information {
		padding: 3em 2em 3em 180px;
		width: 75%;
	}

	.groupOfTwo div.groupOfTwo {
		float: left;
		padding-left: 2em;
		width: 50%;
	}
	.groupOfTwo div.groupOfTwo:first-child {
		padding-left: 0;
		padding-right: 2em;
	}

	/* Testimonial link */
	.testimonials {
		text-align: left;
		width: 75%;
	}
	.testimonials h2 { float: left; }
	.testimonials a.button { float: right; }

	.content {
		float: left;
		width: 65%;
	}
	.fullContent {
		float: left;
		width: 100%;
	}
	aside {
		float: left;
		margin-left: 2%;
		width: 33%;
	}

	.leftImage {
		float: left;
		margin: 0 2em 1em 0;
		width: 40%;
	}

	/* FOOTER
	---------------------------------------------------------------*/
	footer .sl25 {
		float: right;
		text-align: left;
	}

	/* LINKS
	---------------------------------------------------------------*/
	.button:link,
	.button:visited { padding: .75em 3em; }
}