* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
/* This class is added on scroll */

.fixed {
    position: fixed;
    top: 0;
    z-index: 3;
    width: 100%;
}
.clear { clear:both; }
body {
    padding:0;
    margin:0;
    min-width: 320px;
    background-color: #020405;
    color: #fff;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
}
#wrapper {
    padding: 0;
    margin: 0 auto;
}

/* Navigation Settings */
nav {
    clear:both;
    background: #c63904;
}
nav ul {
    margin:0;
    padding: 20px 0;
}
nav li {
    font-weight: 300;
    font-size: 10px;
    width: 24%;
    text-align: center;
    display: inline-block;
}
nav li a {
    color: #fff;
    text-transform: uppercase;
}
nav li a:hover {
    opacity: .65;
    -o-transition: .75s;
    -ms-transition: .75s;
    -moz-transition: .75s;
    -webkit-transition: .75s;
    /* ...and now for the proper property */
    transition: .75s;
}
section {
    height: 75px;
}

#logo {
    background: url('./img/BlueWaterLogo130.png');
    background-repeat: none;
    background-size: cover;
    width: 130px;
    height: 74px;
    float:right;
    margin:10px 20px 10px 0;
}

#screen1 {
    background: url('./img/iStock_000053376496_XXXLarge375.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
#screen2 {
    background: url('./img/iStock_000046314400_Double1280.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #e4ddd9;
}

#screen1.hotel {
    background: url('./img/BluewaterNorth.png');
    background-position: 0 -255px;
}
#screen1.hotel #logo {
    float:left;
    background: url('./img/bluewaterhotel-logo-white.png');
    background-size: contain;
    height: 125px;
    width: 250px;
    margin-left: 25px;
}

#screen2.hotel {
    background: url('./img/bluewaterhotel-bg.jpg');
    background-position: 50px -200px;
}

#contentmain {
    background: #e4ddd9;
    padding: 100px 5% 10% 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.firstline, .secondline, #tripleseat_embed_form_inline h2 {
    background-color: #ffffff;
    color: #000000;
    margin: 0;
    padding: 10px 1% 10px 0;
    font-size: 20px;
    font-weight: 100;
    text-transform: uppercase;
    float:left;
}
.firstline { margin-top: 20px; }
.secondline { margin-top: -15px; clear:left; }
#contentmain, .firstline, .secondline, #tripleseat_embed_form_inline h2 { padding-left: 20px; }
#tripleseat_embed_form_inline h2 { position: relative; left: -20px; margin-top:20px; width:100%; }

#contentmain {
    color: #172732;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
#contentmain p {
    clear:left;
    padding-top: 15px;
}
#screen3 {
    /*height: 100%;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #c63904;
}
#footerwrapper {
    background: #c63904;
}
.footerelement {
    float: left;
    padding: 5% 10% 5% 5%;
}
.request {
    text-decoration: none;
    color: #ffffff;
}
.footerelement ul {
    list-style: none;
}
.footerelement ul, .footerelement li { margin:0; padding:0; }
#footerwrapper .main {
    text-transform: uppercase;
    padding-bottom: 10px;
}
#footerwrapper .sub {
    font-weight: 100;
    font-size: 13px;
    line-height: 1.5;
}
.request:hover {
    background-color: #a83103;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    /* ...and now for the proper property */

    transition: .5s;
}
#footerwrapper li a {
    color: #fff;
    text-transform: uppercase;
}

/* tripleseat lead form styles */
#tripleseat_embed_form_inline #lead_submit, .big-button { background-color: #c63904; color: white; padding:15px 40px; }

#tripleseat_embed_form_inline .ts_add_event .button, #tripleseat_embed_form_inline .ts_event_actions .delete_event { padding: 5px; }
input[type='text'] { font-size: 14px; width: 175px; padding: 5px; }
#tripleseat_embed_form_inline #lead_email_opt_in, #tripleseat_embed_form_inline .location_list input, 
#tripleseat_embed_form_inline .ts_booking_dates_flexible input,
#tripleseat_embed_form_inline .ts_booking_guest_rooms_needed input,
#tripleseat_embed_form_inline .ts_events_needed input { margin: 5px 5px 0 0; } 


#tripleseat_embed_form_inline #lead_location_id { clear:left; display:block; }
body .errorExplanation { padding: 10px; margin-top:20px; }
body #tripleseat_embed_form_inline .ts_email_opt_out label, body #tripleseat_embed_form_inline .location_list label, 
body #tripleseat_embed_form_inline .ts_booking_guest_rooms_needed label,
body #tripleseat_embed_form_inline .ts_booking_guest_rooms_needed label,
body #tripleseat_embed_form_inline .ts_events_needed label { float:none; }
body #tripleseat_embed_form_inline .ui-datepicker-title select { clear:none; float:none; }

body #tripleseat_embed_form_inline .ts_delivery_instructions { width: 100%; }

body #tripleseat_embed_form_inline .tripleseat_field.ts_powered_by { font-size: 10px; float:left; }

/* tablet */
@media only screen and (min-width: 640px) {
    body #tripleseat_embed_form_inline .tripleseat_field.ts_powered_by { font-size: 12px; float:right; }

    #screen1 { background: url('./img/iStock_000053376496_XXXLarge640.jpg') no-repeat; }
    #screen2 { background: url('./img/iStock_000046314400_Double1280.jpg') no-repeat; }
    #contentmain { width: 500px; }
    #contentmain p.intro { margin-top:50px; }

    .firstline, .secondline { font-size: 32px; }

    nav li { font-size: 15px; }
    #logo { background: url('./img/BlueWaterLogo250.png'); width: 250px; height: 142px; margin-right:35px; }
    .footerelement { font-size: 12px; float: left; padding: 3% 1% 3% 5%; }
}

/* desktop */
@media only screen and (min-width: 1280px) {
    #screen1 { background: url('./img/iStock_000053376496_XXXLarge1280.jpg') no-repeat; }
    #contentmain { width: 650px; }
    #contentmain p.intro { margin-top:80px; }
    #logo { margin-right: 50px; }
    #wrapper, .fixed { width: 1280px; }

    .firstline, .secondline { font-size: 42px; }
    .footerelement.request { padding-right: 5%;}
}