/*
    HTML Tags
*/
html, body {
    margin:0px;
    padding:0px;
    font-weight:200;
    height:100%;
    font-family: 'Source Sans Pro', sans-serif;
}
body {
    color:#333;
    background-color: #333;
    min-width: 1000px;
}

h1, h2, h3, .h1, .h2, .h3, .fancy {
    font-weight: 300;
} 
h1, .h1 {
    font-size: 4em;
    display:block;
}
h2, .h2 {
    font-size: 3em;
    display:block;
}
h3, .h3 {
    font-size: 2em;
    display:block;
}
a {
    text-decoration: none;
    border:none;
}


.bg-red {
    color:#FFF;
    background:url(../images/red-bg.png) repeat;
}
.bg-green {
    color:#FFF;
    background:url(../images/green-bg.png) repeat;
}
.bg-white {
    color:#333;
    background:url(../images/white-bg.png) repeat;
}

/*
    Element IDs
*/
#wrapper {
    margin:0 auto;
    background-color: #FFF;
    max-width:1920px;
}
#top {
    position:fixed;
    bottom: 10px;
    left: 10px;
    z-index: 9999;
}
#top > a > span {
    display:block;
    color:#000;
    background:rgb(255,255,255);
    background:rgba(255,255,255,.5);
    padding:1em;
    font-size: .8em;
    display:block;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -ms-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
    -webkit-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow:    1px 0px 5px 0px rgba(0, 0, 0, 0.9);
    box-shadow:         1px 0px 5px 0px rgba(0, 0, 0, 0.9);
}
#top > a > span:hover {
    background:rgb(255,255,255);
    background:rgba(255,255,255,1);
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -ms-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}
#navigation {
    min-width:600px;    
    position:fixed;
    top:0;
    right:0;
    z-index: 999;
    background:rgb(255,255,255);
    background:rgba(255,255,255,.85);
    display:block;
    padding-top:0;
    width:100%;
    font-size: .9em;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -ms-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
    -webkit-transition: padding-top 0.35s ease-out;
    -moz-transition: padding-top 0.35s ease-out;
    -ms-transition: padding-top 0.35s ease-out;
    -o-transition: padding-top 0.35s ease-out;
    transition: padding-top 0.35s ease-out;
    -webkit-box-shadow: 10px 0px 5px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow:    10px 0px 5px 0px rgba(0, 0, 0, 0.9);
    box-shadow:         10px 0px 5px 0px rgba(0, 0, 0, 0.9);
}
#navigation:hover {
    background:rgb(255,255,255);
    background:rgba(255,255,255,1);
    color:#702d24;
    padding-top:.5em;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -ms-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
    -webkit-transition: padding-top 0.15s ease-out;
    -moz-transition: padding-top 0.15s ease-out;
    -ms-transition: padding-top 0.15s ease-out;
    -o-transition: padding-top 0.15s ease-out;
    transition: padding-top 0.15s ease-out;
}
#navigation > ul {
    list-style: none;
    margin:0; padding:0;
}
#navigation > ul > li {
    float:right;
}
#navigation > ul > li > a, #navigation:hover > ul > li > a {
    color:#702d24;
    -webkit-transition: color 0.35s ease-out;
    -moz-transition: color 0.35s ease-out;
    -ms-transition: color 0.35s ease-out;
    -o-transition: color 0.35s ease-out;
    transition: color 0.35s ease-out;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -ms-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;

}
#navigation > ul > li > a:hover {
    color:#FFF;
    -webkit-transition: color 0.35s ease-out;
    -moz-transition: color 0.35s ease-out;
    -ms-transition: color 0.35s ease-out;
    -o-transition: color 0.35s ease-out;
    transition: color 0.35s ease-out;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -ms-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}
#navigation > ul > li > a > span {
    display:block;
    padding:.8em;
    -webkit-transition: color 0.35s ease-out;
    -moz-transition: color 0.35s ease-out;
    -ms-transition: color 0.35s ease-out;
    -o-transition: color 0.35s ease-out;
    transition: color 0.35s ease-out;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -ms-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}
#navigation > ul > li > a:hover > span {
    background-color:#702d24;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -ms-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}
#navigation.nav-black {
    background:rgb(33,33,33);
    background:rgba(33,33,33,.85);
    color:#CCC;
}
#navigation.nav-black:hover {
    background:rgba(33,33,33,1);
    color:#FFF;
}
#navigation.nav-black > ul > li > a {
    color:#EEE;
}
#navigation.nav-black > ul > li > a:hover > span {
    background-color:#333;
}
#navigation.nav-green {

}

#navigation.nav-green {
    background:rgb(64,102,24);
    background:rgba(64,102,24,.85);
    color:#CCC;
}
#navigation.nav-green:hover {
    background:rgb(64,102,24);
    background:rgba(64,102,24,1);
    color:#FFF;
}
#navigation.nav-green > ul > li > a {
    color:#EEE;
}
#navigation.nav-green > ul > li > a:hover > span {
    background-color:#031;
}

.content-section {
    padding-top: 6em !important;
    background-position: 50% 0;
    min-height: 400px;
    position: relative !important;
    border-bottom: 1px solid;
    border-top: 1px solid;
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    background-position: 50% 50%; 
}
.shadowed {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.8);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.8);
}
.parallax {
    background-position: 50% 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#welcome {
    background:url(../images/welcome-bg.jpg) no-repeat fixed;
    min-height: 40em;
}
#welcome > .text-tab {
    position:absolute;
    left:0;
    top:20%;
    width:35em;
    padding:2em 2em 2em 15%;
}
#welcome2 {
    min-height: 300px;
    padding:4em 0;
}
#welcome2 > .text-tab {
    padding:2em;
    width:70%;
    margin:0 auto;
}
#amenities {
    background:url(../images/features-bg-smaller.jpg) no-repeat fixed center 45%;
    min-height: 50em;
}
#amenities > .text-tab {
    position:absolute;
    right:0;
    top:10%;
    width:45%;
    padding:2em 12% 2em 2em;
}
#forum  {
    background:urL(../images/texture1.png) repeat #702d24;
    border-color: #900;
    padding-bottom: 5em;
}
#forum > .text-tab {
    padding:3em 2em 0 0;
    margin:0 auto;
    color:#FFF;
}
#willow {
    background:url(../images/willow-bg-smaller.jpg) no-repeat fixed center 45%;
    min-height: 600px;
    position:relative;
}
#willow > .text-tab {
    position:absolute;
    right:0;
    top:20%;
    width:42%;
    padding:2em 2em 2em 8%;
}
#hibiscus {
    background:url(../images/texture2.png) repeat #005b7f;
    border-color:#009;
    color:#FFF;
    padding-bottom: 5em;
}
#contactus {
    background:#333;
    color:#FFF;
}
#contactus > .text-tab {
    width:70%;
    margin:0 auto;
    padding:5em;
}
#contactus a {
    color:#4a87ce;
}
#contactus a:hover {
    color:#FFF;
}
#moreinfo {
    background: url(../images/paper-bg.jpg) repeat;
    padding-bottom: 5em;
    color:#555;
    border-color:#AAA;
}
#moreinfo > .text-tab {
    width:70%;
    margin:0 auto;
}
#moreinfo form {
    border:1px solid #CCC;
    background:#FFF url(../images/form-bg.jpg) -1300px top no-repeat;
    padding:5em;
}
#location {
    background:url(../images/map-bg.jpg) no-repeat fixed center 45% #FFF;
    color:#333;
}
#location > .text-tab {
    width:70%;
    margin:0 auto;
}
#googlemap {
    background-color: #FFF;
}

#foot {
    color:#777;
    background:#000;
}
#foot > span {
    display:block;
    width:100%;
    text-align: center;
    margin:0 auto;
    padding:1em 0;
}


/*
    Visual Formatting
*/
span.indented {
    display:inline-block;
    padding:0 .5em .5em 2.5em;
    text-align: right;
}
.image-frame {
    max-height: 21em;
    max-width: 28em;
    padding:.3em;
    display:inline-block;
    background:#fff;
    position:absolute;
    top:13.5em;
    left:55%;
}
#location .image-frame {
    max-height: 390px;
    max-width: 490px;
    padding:.3em;
    display:inline-block;
    background:#fff;
    position:absolute;
    top:4em;
    left:55%;
}

.image-frame > a > img {
    height:100%;
    width:100%;
}
.text-with-pic {
    padding-right: 10%;
    text-align: left;
}
.text-tab > .row {
    max-width: 70%;
}
div.row {
    margin:0 auto;
    overflow: hidden;
}
div.row > div {
    float: left;
}
div.row div.left, div.row div.right {
    width:47.5%;
    margin-right: 2.5%;
}
.white-tab {
    width:36%;
    background:url(../images/white-tab-sprite.png) no-repeat;
    background-position: top right;
    text-align: right;
    position:absolute;
    left:0;
    bottom:1em;
    overflow:hidden;
    -webkit-transition: background-position .1s ease-out;
    -moz-transition: background-position .1s ease-out;
    -ms-transition: background-position .1s ease-out;
    -o-transition: background-position .1s ease-out;
    transition: background-position .1s ease-out;
}
.white-tab:hover {
    background-position: bottom right;
    -webkit-transition: background-position .1s ease-out;
    -moz-transition: background-position .1s ease-out;
    -ms-transition: background-position .1s ease-out;
    -o-transition: background-position .1s ease-out;
    transition: background-position .1s ease-out;
}
.white-tab:hover > a > span, .white-tab:hover > a:hover > span, .white-tab:hover > a:hover > span:hover  {
    color:#FFF;
}
.white-tab > a > span, .white-tab > a:visited > span{
    padding:1.5em 4em 1.8em 0;
    color:#333;
    display:inline-block;

}
.red {color:#702d24;}
.text-right {text-align: right;}
.bold {font-weight: 400;}


/*
        Form Styles
*/
form input[type=text], form input[type=password], form input[type=submit], form input[type=button], form button, form textarea {
    margin:3px 5px 8px 3px;
    font-size: 15px;
    min-width: 140px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
form input[type=text], form input[type=password], form textarea {
    border:1px solid #EEF;
    background:#FFF;
    color:#205593;
    box-shadow: 0 2px 1px rgba(0,0,0,.25);
    -o-box-shadow:0 2px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.25);
    -moz-box-shadow: 0 2px 1px rgba(0,0,0,.25);
    padding:8px 12px;
}
form input[type=text]:hover, form input[type=password]:hover, form textarea:hover {
    border:1px solid #DDF;
}
form input[type=submit], form input[type=button], form button {
    font-family: 'Source Sans Pro', sans-serif !important;
    border: 1px solid #205593;
    background-color: #4a87ce;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px #84b2e6, inset 0 -5px 15px #205593, 0 1px 1px rgba(0,0,0,.5);
    -o-box-shadow: inset 0 1px 3px #84b2e6, inset 0 -5px 15px #205593, 0 1px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: inset 0 1px 3px #84b2e6, inset 0 -5px 15px #205593, 0 1px 1px rgba(0,0,0,.5);
    -moz-box-shadow: inset 0 1px 3px #84b2e6, inset 0 -5px 15px #205593, 0 1px 1px rgba(0,0,0,.5);
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);;
    padding: 10px 30px;
    cursor:pointer;
    min-width: 140px;
    -webkit-transition: background-color .35s ease-out;
    -moz-transition: background-color .35s ease-out;
    -ms-transition: background-color .35s ease-out;
    -o-transition: background-color .35s ease-out;
    transition: background-color .35s ease-out;
}
form input[type=submit]:hover, form input[type=button]:hover, form button:hover {
    background-color:#84b2e6;
    -webkit-transition: background-color .35s ease-out;
    -moz-transition: background-color .35s ease-out;
    -ms-transition: background-color .35s ease-out;
    -o-transition: background-color .35s ease-out;
    transition: background-color .35s ease-out;
}
form label {
    display:block;
    font-size: .85em;
}
form .h2 {
    border-bottom: 1px solid #d0d8e1;
}
form div#login-message {
    position:absolute;
    top:35px;
    left:190px;
    width:150px;
    height:120px;
    overflow:hidden;
    display:block;
}
label {
    display:inline;
}
.checkboxes label {
    display:inline !important;
}
.checkboxes > div:first-child {
    margin-right:1em;
    width:35%;
}
input[type=checkbox], input[type=radio] {
    width:1em !important;
    display:inline !important;
}
label.req {
    font-size: .5em;
    color:#700;
    font-weight: 600;
    padding:5px 0 7px;
    width:88%;
    text-align: right;
    line-height: 0;
    margin-top: -15px;
}
#contactform {
    min-width: 670px;
}
#contactform input {
    display:block;
    width:80%;
    margin-bottom: 10px;
    min-width: 0;
}
#contactform select {
    border:1px solid #EEF;
    background:#FFF;
    color:#205593;
    box-shadow: 0 2px 1px rgba(0,0,0,.25);
    -o-box-shadow:0 2px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.25);
    -moz-box-shadow: 0 2px 1px rgba(0,0,0,.25);
    padding:8px 12px;
    width:88%;
}
#addr_s, #addr_z {
    width:20px !important;
}
.reqs label {
    font-size: 1em;
    display:inline !important;
}
#amen_all {
    cursor:pointer;
    width: 9em !important;
    display:inline !important;
    padding:.2em;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
}
#amen_all:hover {
    color:#FFF;
    background:#700;
    -webkit-transition: color 0.35s ease-out;
    -moz-transition: color 0.35s ease-out;
    -ms-transition: color 0.35s ease-out;
    -o-transition: color 0.35s ease-out;
    transition: color 0.35s ease-out;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -ms-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}
.submit-container {
    width:40%;
    margin:2em 0 1em auto;
}
.errors {
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    background:#700;
    color:#FFF;
    padding:2em;
    display:none;
}
input.error {
    border: 2px solid #700 !important;
    color: #900;
}
input#submit {
    padding:1em 1em;
    max-width: 15em;
    float:right;
    font-size: 1.2em;
}
#errorBox {cursor:pointer;}
#contactform textarea {
    resize: vertical;
    width:88.5%;
    height:10em;
    margin:0 auto;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.step1 {

}
.step2, .step3 {
    display:none;
    padding:5em;
}