/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}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:none}table{border-collapse:collapse;border-spacing:0}

html, body {
	height: 100%;
	overflow: hidden;
}

html, .formWrap {
	background: #f6f1d8 url('../images/pageBg.jpg') center repeat;
}

body {
	text-align: center;
    font-family: 'Tangerine', cursive;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    font-size: 24px;
    color: #333;
}

body, .formInner {
    background: url(../images/shimmer.png) 0 100px fixed repeat-x;
}

.formInner {
    background-position: 0 50px;
    background-size: auto 25%;
    padding: 0 20px;
}

.formWrap {
    /*border: 10px solid #fff;*/
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    width: 800px;
    margin-left: 60px;
    /*-webkit-transform: rotate(-0.5deg);*/
}

input.text,
textarea {
    border: 0 none;
    background: url(../images/inputBg.png);
    background-attachment: local;
    position: relative;
    font-size: 16px;
    padding: 0 0 3px;
    font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
    font-weight: 100;
    box-shadow: 0 1px 0 rgba(255,255,255,0.8);
    line-height: 21px;
    width: 400px;
    resize: none;
}

input:focus,
textarea:focus {
    outline: 0 none;
}

textarea {
    height: 84px;
    margin-top: 8px;
}

.submitHolder {
    background: #c81717 url(../images/ribbon.jpg);
    margin: 0 auto;
    width: 118px;
    border-radius: 3px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

input.submit {
    background: url(../images/stamp2.png) 10px center no-repeat;
    border: 0 none;
    display: block;
    color: #fff;
    padding: 15px 30px 10px 50px;
    font-family: 'Tangerine', cursive;
    font-size: 30px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}

input.username {
    height: 0;
    z-index: -1;
    position: fixed;
}

.error {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #c81717;
}

.message {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

#home {
    position: absolute;
    top: 380px;
}

a {
    color: #c81717;
    text-decoration: none;
    position: relative;
}

a:hover {
    /*border-bottom: 1px solid #c81717;*/
    color: #333;
}

b, .bold {
    font-weight: bold;
}

h1, h2, h3 {
    font-weight: bold;
}

p {
    margin-bottom: 20px;
}

.scroll {
	position: relative;
	overflow: auto;
	height: 100%;
	width: 100%;
}

.page {
	margin: 0 auto;
	text-align: left;
	background: #fdfcf7;
	width: 960px;
	border: 1px solid #ccc;
	border-top: 0 none;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	min-height: 3072px;
}

.head {
    margin-bottom: -60px;
}

.mainImage {
	background: url(../images/mainImage2.jpg) center 60px no-repeat;
	width: 960px;
	height: 640px;
	display: block;
    padding-top: 60px;
    margin-bottom: 40px;
}

.icn {
    height: 32px;
    width: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -10px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.ring_icn {
    background-image: url(../images/ring_icn.png);
}

.hotel_icn {
    background-image: url(../images/hotel_icn.png);
}

.tube_icn {
    background-image: url(../images/tube_icn.png);
}

section {
    padding: 80px 20px 0;
    display: block;
    clear: both;
    line-height: 140%;
}

section header,
section footer {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    height: 100px;
}

section header {
    background-image: url(../images/break.png);
}
section footer {
    background-image: url(../images/break-bottom.png);
}

.ribbon {
	background: #c81717 url(../images/ribbon.jpg);
	height: 60px;
	line-height: 60px;
	margin-left: -5px;
	margin-right: -5px;
	box-shadow:0 3px 10px rgba(0,0,0,0.4), inset 0 0 20px rgba(0,0,0,0.3);
	border-radius: 2px;
	position: fixed;
    width: 970px;
    top: 0;
	color: #fff;
    z-index: 10;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}

.ribbon:before {
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 0;
    right: 0;
    border-top: 1px dashed rgba(255,255,255,0.8);
    border-bottom: 1px dashed rgba(255,255,255,0.8);
    z-index: 1;
    display: block;
    content: ' ';
}

.ribbon:after {
	content: ' ';
	display: block;
	border-top: 15px solid #b51616;
	border-left: 5px solid transparent;
	position: absolute;
	bottom: -14px;
	z-index: -1;
}

.ribbon * {
    z-index: 2;
    position: relative;
}

.ribbon .date {
    line-height: 20px;
    margin-top: 10px;
}

.ribbon a {
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
}

.ribbon a:hover,
.ribbon a.active {
    background: rgba(0,0,0,0.2);
}

.mapHolder {
    position: relative;
    text-shadow: none;
}

#gmap {
    width: 900px;
    height: 300px;
    border: 10px solid #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    border-radius: 3px;
}

.mapHolder.fixedLocation {
    position: fixed;
    top: 0;
    margin-left: 340px;
}

.mapHolder.fixedAccommodation {
    position: fixed;
    top: 0;
    margin-left: 540px;
}
.mapHolder.fixedAccommodation #gmap {
    width: 400px;
}

.fontXXL, h1 {
    font-size: 75px;
    line-height: 85px;
}
.fontXL, h2 {
    font-size: 50px;
    line-height: 60px;
}
.fontL, h3 {
    font-size: 30px;
    line-height: 40px;
}

.fr {float: right;}
.fl {float: left;}
.fn {float: none;}
.mna {margin: 0 auto;}
.mrs {margin-right: 5px;}
.mrm {margin-right: 10px;}
.mrl {margin-right: 20px;}
.mls {margin-left: 5px;}
.mlm {margin-left: 10px;}
.mll {margin-left: 20px;}
.mts {margin-top: 5px;}
.mtm {margin-top: 10px;}
.mtl {margin-top: 20px;}
.mtxl {margin-top: 40px;}
.mbs {margin-bottom: 5px;}
.mbm {margin-bottom: 10px;}
.mbl {margin-bottom: 20px;}

.plm {padding-left: 10px;}
.prm {padding-right: 10px;}

.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}

.db {display:block;}
.dib {display: inline-block;}

.cl {clear:left;}

small {font-size: 75%;}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* **************** GRIDS ***************** */
.line:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.lastUnit:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {display: table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}