@charset "UTF-8";

/*
     _______.     ___       __   __              ___   ____    __    ____  ___   ____    ____  __  
    /       |    /   \     |  | |  |            /   \  \   \  /  \  /   / /   \  \   \  /   / |  | 
   |   (----`   /  ^  \    |  | |  |           /  ^  \  \   \/    \/   / /  ^  \  \   \/   /  |  | 
    \   \      /  /_\  \   |  | |  |          /  /_\  \  \            / /  /_\  \  \_    _/   |  | 
.----)   |    /  _____  \  |  | |  `----.    /  _____  \  \    /\    / /  _____  \   |  |     |__| 
|_______/    /__/     \__\ |__| |_______|   /__/     \__\  \__/  \__/ /__/     \__\  |__|     (__) 
                                                                                                   
*/

@font-face {
    font-family: 'MontagBold';
    src: url('Montag_Bold-webfont.eot');
    src: url('Montag_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Montag_Bold-webfont.woff') format('woff'),
         url('Montag_Bold-webfont.ttf') format('truetype'),
         url('Montag_Bold-webfont.svg#MontagBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
	height: 100%;
	margin-bottom: 1px;
	overflow-y: scroll;
}
body {
	background-image: url(../images/IMG_4798.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	margin: 0;
	padding: 0 0 20px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
b {
	/*font-weight: bold;*/
}
.container {
	width: 920px;
	margin: 0px auto 10px;
	position: relative;
}
.content {
	width: 920px;
	margin: 0 auto;
	min-height: 300px;
	padding: 0;
}
.content nav ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
.content nav ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 10px 0px;
	font-size: .7em;
	width: 184px;
	margin: 0 auto;
	background-color: #FFF;
	background-color: rgba(255,255,255,.6);
	-moz-border-radius: 20px 20px 0px 0px;
	-webkit-border-radius: 20px 20px 0px 0px;
	border-radius: 20px 20px 0px 0px;
}
.content nav ul li.active {
	background-color: rgba(255,255,255,.8);
	
}
nav a {
	text-decoration: none;
	font-size: 1.3em;
	color: rgba(0,0,0,.6);
}
nav a:hover, nav a:active, nav li.active a {
	color: #386793;
	text-shadow: 0px 1px 0px rgba(0,0,0,.2);
}
.content section {
	width: 860px;
	padding: 0;
	margin: 0 auto;
}
.content section h2 {
	margin: 0;
	padding: 0;
}
header h1, header h2, .content nav ul li, .quote {
	font-family: MontagBold, "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
	letter-spacing: 0.03em;
}
header h1 {
	font-size: 3.965em;
	word-wrap: break-word;
	margin: 0 0 20px;
	line-height: 0.9em;
	color: rgba(255,255,255,.4);
	padding: 0;
	cursor: pointer;
	text-align: justify;
	letter-spacing: 0.03em;
	}
header h2 {
	font-size: 2.75em;
	color: rgba(255,255,255,.4);
	text-align: center;
	margin: 10px auto;
}
header h2 a {
	margin: 0 15px;
}
header h1, header h2, header h1 b, header h2 b {
	font-weight: normal;
}
.wrapper {
	overflow: hidden;
	border-radius: 0 0 20px 20px;
	background-color: #FFF;
	background-color: rgba(255,255,255,.8);
	-webkit-transition: height .5s linear 0s;
	-moz-transition: height .5s linear 0s;
	-o-transition: height .5s linear 0s;
	transition: height .5s linear 0s;
	
}
.plastic {
	-webkit-transition: -webkit-transform .5s linear 0s;
	-moz-transition: -moz-transform .5s linear 0s;
	-o-transition: -o-transform .5s linear 0s;
	transition: transform .5s linear 0s;
	margin: 10px;
	overflow: auto;
}
.plastic section {
	padding:10px 0 20px;
}
.plastic p {
	width: 60%;
}
section ul, section dd {
	list-style: none;
	padding-left: 0;
	width:60%;
}
section dt {
	margin: 10px 0 5px;
	font-size: 1.3em;
	color: #386793;
	font-weight: bold;
}
section dd {
	margin-left: 20px;
}
section li {
	margin: 15px 0;
	padding-left: 35px;
	background-image: url(../images/sailicon.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#regform li {
	margin-left: 0;
	padding-left: 0;
	background-image: none;
	position: relative;
}
#regform label {
	display: inline-block;
	width: 150px;
	text-align: right;
	margin-right: 6px;
}
#regform .formnote, #regform input[type="submit"] {
	margin-left: 160px;
}
#regform textarea, #regform .radios  {
	display: block;
	margin-left: 162px;
	margin-top: -1.2em;
}
#regform .radios span {
	display: table-cell;
}
#regform .radios label {
	display: block;
	margin:0;
	padding: 0;
	text-align: left;
}
#regform .check {
	display: block;
	margin-left: 162px;
	margin-top: .5em;
}
#regform .check label {
	text-align: left;
	width: auto;
}
#regform .required {
	padding-left: 4px;
	color: #386793;
}
#regform label.error {
	color:rgba(153,0,0,1);
	margin-left: 159px;
	width: auto;
}
#regform label[for="sdate"].error, #regform label[for="liability"].error {
	margin-left: auto;
}
section h3 {
	color: #386793;
}
aside {
	width: 35%;
	float: right;
	padding-bottom: 30px;
}
aside a img {
	border: 4px solid #FFF;
	-moz-box-shadow: rgba(0,0,0,.6) 4px 6px 10px;
	-webkit-box-shadow: rgba(0,0,0,.6) 4px 6px 10px;
	box-shadow: rgba(0,0,0,.6) 4px 6px 10px;
	display: block;
	margin-top: 15px;
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
}
aside a:nth-child(2n+2) img {
	-moz-transform: rotate(-3deg) translateX(-5px);
	-ms-transform: rotate(-3deg) translateX(-5px);
	-o-transform: rotate(-3deg) translateX(-5px);
	-webkit-transform: rotate(-5deg) translateX(-5px);
	transform: rotate(-3deg) translateX(-5px);
}

.callout {
	color: #CE804E;
}
.when:hover, .where:hover, .how:hover {
	color: rgba(102,104,145,1);
	cursor:pointer;
}
p a {
	color: #386793;
}
.sub {
	display: block;
	margin-left: 14em;
	font-size: 1.6em;
}
header {
	margin-bottom: 20px;
	height: 300px;
	text-align: center;
}
.details {
	font-size: 1.6em;
	display: block;
	text-align:center;
}
.colophon {
	font-size: 1.3em;
	padding: 5px 0 0;
}
footer {
	font-size: .75em;
	text-align: center;
	width: 900px;
	margin: 20px auto;
	padding: 10px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-color: #FFF;
	background-color: rgba(255,255,255,.6);
}
footer p {
	margin: 5px;
}
#liability li {
	background-image: none;
}
#liability ul li {
	list-style: circle;
}
#liability h1, h2 {
	font-family:Verdana, Geneva, sans-serif;
}
#liability p, #regform p {
	width: 100%;
}
iframe body.ss-base-body {
    font-size: 100%;
    background: transparent;
}
iframe .ss-form-entry input :not([type="submit"]) {
    border: 1px solid #B5C6D6;
    padding: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 2px #B5C6D6;
    -moz-box-shadow: inset 1px 1px 2px #B5C6D6;
    box-shadow: inset 1px 1px 2px #B5C6D6;
}
iframe div.ss-form-entry {
    margin-bottom: 0;
}
.cf {
 *zoom:1;
}
.cf:before, .cf:after {
	content:"";
	display:table;
	line-height: 0;
	height: 0;
}
.cf:after {
	clear:both;
}
header, section, footer, aside, nav, article, figure {
	display: block;
}
.quote {
	margin-top: 10px;
	font-size: .8em;
	width: 268px;
	height: 130px;
	background-color: hsla(210, 30%, 80%, .65);
	border: 4px solid white;
	padding: 20px 8px 8px;
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	-moz-box-shadow: rgba(0,0,0,.6) 4px 6px 10px;
	-webkit-box-shadow: rgba(0,0,0,.6) 4px 6px 10px;
	box-shadow: rgba(0,0,0,.6) 4px 6px 10px;
}
.attribution {
	display: block;
	text-align: right;
}
h3 a {
	color: #386793;
}
.datausage {
	position: absolute;
	top: 0;
	left: 300px;
	width: 300px;
	display: none;
	margin: 0 0 20px;
	padding: 10px;
	border: 2px solid white;
	border-top: none;
	background-color: hsla(210, 30%, 80%, .95);
	text-align: center;
}