/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
    background:url(../images/body-bg.jpg) top center no-repeat fixed #000; 
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:0.8125em; 
    line-height:1.384em;
    color:#0D6995;
    min-width:1000px;
}
html { min-width:1000px;}
html, body { height:100%;}


p {padding-top:18px;}
.pad {
    padding-top:30px;
}
.pad1 {
    padding-top:14px;
}
.pad2 {
    padding-top:24px;
}

a {
    color:#0D6995;
    outline:none;
}
a:hover{
    text-decoration:none;
}

h1 {
    padding:0px 0 0 0px;
    position:relative;
}
    h1 a {
        display:block;
        text-indent:-5000px;
        height:130px;
        width:980px;
        background:url(../images/logo.png) left top no-repeat;
    }

h2 {
    color:#0D6995;
    font-size:1.124em;
    line-height:1.2307em;
    padding:0 0 5px 0;
}

h3 {
    color:#0D6995;
    font-size:1.384em;
    line-height:1.2307em;
    padding:0 0 22px 0;
}
    .h3-pad {
        padding-bottom:28px;
    }
    .h3-pad1 {
        padding-top:50px;
    }
    .h3-pad2 {
        padding-top:40px;
    }
/* Global Structure ============================================================= */
#main {
    margin: 0 auto;
    width: 980px; }

    /* Header */
    header{
        height:190px;
    }
            
    /* Footer
    footer{
        height:52px;
        background:url(../images/footer-bg.png) repeat;
        border:1px solid #000;
        border-bottom:none;
    } */
    footer{
        height:52px;
    }
/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
    width:100%;
    overflow:hidden;
}
/*----- form defaults -----*/
input, select, textarea { 
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1em;
    vertical-align:middle;
    font-weight:normal;
}

/*----- other -----*/
.img-indent { 
    margin:0 20px 0 0; 
    float:left;
}
.extra-wrap { 
    overflow:hidden;
}

/*===== header =====*/
header section {
    /*background:url(../images/header-bg.png) left top no-repeat;*/
    background:#0D6995;
}
    nav {
        float:left;
        width:980px;
    }
        nav ul {
            width:100%;
            overflow:hidden;
        }
            nav li {
                float:left;
                font-size:0.92em;
                line-height:1.27em;
                text-transform:uppercase;
                font-weight:bold;
                background:url(../images/menu-li-bg.gif) right 1px repeat-y;
                padding-right:2px;
            }
                nav li a {
                    color:#fff;
                    text-decoration:none;
                    display:inline-block;
                    padding:19px 20px 19px 21px;
                    /*background:url(../images/png-bg.png) repeat;*/
                }
                    nav li a:hover, nav .active a {
                        /*background:url(../images/menu-li-a-hover.png) repeat;*/
                        background:#033F61;
                    }
            

/*===== content =====*/
.gallery {
    background:url(../images/gallery-bg.png) repeat;
    border:0px solid #000;
    /*padding:23px 0 21px 30px; */
}
    .gallery img {
        margin-left:1px;
    }

.fastbooking {
    background:#5DB561;
    border:0px solid #000;
    padding:23px 0 21px 30px;
    margin-top:3px;
}
    .fastbooking img {
        margin-left:1px;
    }

.content {
    background:#FFFFFF;
    margin-top:4px;
    width:100%;
}
    .content .indent {
        padding:28px 20px 39px 31px;
    }
#content {
    padding-bottom:3px;
}
.null {
    margin:0;
}
/*----------col-pad ---------*/
.content .col-pad {
    padding-right:36px;
}
.content .col-pad1 {
    padding-right:50px;
}

.row .col-pad {
    padding-right:38px;
}
.row .col-pad1 {
    padding-right:44px;
}
.row .col-pad2 {
    padding-right:34px;
}
/*---------*/
.list{
}
    .list li {
        background:url(../images/menu-li-a-hover.png) left 9px no-repeat;
        line-height:1.846em;
        padding-left:18px
    }
    
.price-list {
}
    .price-list li {
        width: 100%; 
        overflow: hidden;
        vertical-align: top; 
        line-height: 1.846em;
        color:#fff;
    }
        .price-list li strong {
            background: url(../images/line-hor.gif) repeat-x 0% 16px;
            display: block; 
            overflow: hidden;
        }
        .price-list li span {
            float: right;
            color: #FFFFFF;
        }
        .price-list li a {
            float: left;
            text-decoration: none;
            color: #fff;
        }
            .price-list li a:hover {
                color:#999;
            }

.title {
    color:#0D6995;
}
.text {
    color:#FFFFFF;
}

.phone {
    display:inline-block;
    width:95px;
}
/*-----links----------*/
.link {
    background:url(../images/link-left-bg.gif) left top no-repeat;
    display:inline-block;
    line-height:1.55em;
    text-decoration:none;
    margin:20px 0 0 0px;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    cursor:pointer;
    font-size:0.92em;
}
    .link span {
        background:url(../images/link-right-bg.gif) right top no-repeat; 
        display:inline-block;
        padding:0 4px 0 4px;
    }
        .link span span  {
            background:url(../images/link-tail-bg.gif) top repeat-x;
            padding:6px 10px 6px 10px;
        }

            .link:hover {
                background:url(../images/link-left-bg-hover.gif) left top no-repeat; 
            }
                .link:hover span {
                    background:url(../images/link-right-bg-hover.gif) right top no-repeat;
                }
                    .link:hover span span  {
                        background:url(../images/link-tail-bg-hover.gif) top repeat-x;
                    }
    .link-margin {
        margin-top:10px;
    }
    .link-margin1 {
        margin-top:35px;
    }
    .link-margin2 {
        margin-top:30px;
    }
/*----------row--------*/
.row {
    background:#0D6995;
    border-right:0px solid #000;
    border-bottom:0px solid #000;
    width:100%;
}
    .row .indent {
        padding:34px 20px 41px 31px;
    }
        .row .padding {
            padding:28px 20px 37px 31px;
        }
        .row .padding1 {
            padding-bottom:44px;
        }
#page2 .row h3 {
    padding-top:24px;
}
/*===== footer =====*/
.policy {
    float:left;
    color:#fff;
    padding:18px 0 0 31px;
}
    .policy a {
        color:#0D6995;
        text-decoration:none;
    }

.sub-menu {
    float:right;
    padding:20px 20px 0 0;
}
    .sub-menu li {
        float:left;
        background:url(../images/sub-menu-bg.gif) left 5px no-repeat;
        padding:0 12px 0 12px;
    }
        .sub-menu li a {
            color:#fff;
            text-decoration:none;
        }
    .sub-menu .first {
        background:none;
    }
footer a:hover {
    text-decoration:none;
}
/*----- forms -----*/
#search-form {
    float:right;
    padding:9px 14px 0 0;
    width:190px;
}
#search-form fieldset {
    border:none;
}
#search-form input {
    vertical-align:top;
    padding:0;
    margin:0;
}
    #search-form label {
        display:inline-block;
        height:34px;
        overflow:hidden;
        background:url(../images/input-bg.gif) no-repeat 0 0;
        vertical-align:top;
    }
        #search-form .input {
            width:148px;
            margin:0 5px;
            padding:6px 0px 6px 0px;
            border:none;
            line-height:1.2307em;
            background:none;
            color:#8c8c8c;
        }
/*
#reservation-form fieldset {
    border:none;
    color:#fff;
    width:275px;
    line-height:2em;
}
    #reservation-form label {
        display:block;
        height:35px;
        overflow:hidden;
    }
        #reservation-form input {
            width:270px;
            padding:5px 0px 5px 5px;
            border:none;
            line-height:1.2307em;
            background:#242424;
            color:#fff;
        }
        #reservation-form textarea {
            width:270px;
            padding:3px 0px 3px 5px;
            border:none;
            background:#242424;
            color:#fff;
            height:123px;
            overflow:auto;
        }
        #reservation-form select {
            width:155px;
            float:right;
        }   
            #reservation-form .select {
                width:95px;
                margin-left:5px;
            }
                * html #reservation-form .select {
                    margin-left:3px;
                }
            #reservation-form .select1 {
                width:55px;
            }
        
        #reservation-form .link {
            margin:25px 0 0 5px;
        }


#contacts-form fieldset {
    border:none;
    width:275px;
}
    #contacts-form label {
        display:block;
        height:35px;
    }
        #contacts-form input {
            width:270px;
            padding:5px 0px 5px 5px;
            border:none;
            line-height:1.2307em;
            background:#242424;
            color:#fff;
        }
        #contacts-form textarea {
            width:270px;
            padding:3px 0px 3px 5px;
            border:none;
            background:#242424;
            color:#fff;
            height:192px;
            overflow:auto;
        }
        #contacts-form .link {
            margin:25px 0 0 5px;
        }
*/

/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
div { position:relative }
/* Portfolio Slides */
.grid {
    background:#0D6995;
    border-right:0px solid #000;
    border-bottom:0px solid #000;
    padding:10px 10px 11px 12px;
    
}
#featured {
    margin:0;
    width:957px;
    height:503px;
    padding:0;
    clear:both;
    overflow:hidden;
    position:relative;
}
    .featured-entry {
        width:5000px; 
        height:503px;
        position:relative;
        overflow:hidden;
    }
        .featured-entry img {
            width:957px;
            height:503px;
        }
        
            a.arrow-right, a.arrow-left {
                cursor:pointer;
                position:absolute;
                bottom:73px;
                padding:0;
                width:73px;
                height:356px }
    
            a.arrow-right {
                right:-73px;
                background:url(../images/arrow-right.gif) center center no-repeat #000;
            }   
            a.arrow-left {
                left:-73px;
                background:url(../images/arrow-left.gif) center center no-repeat #000;
            }
                * html a.arrow-right {
                    right:-74px;
                }
            
.slider-block { 
    height:503px; 
    float:left;
    margin:0;
    padding:0
}
/*-----top-bottom-sliders---------*/
.top-slide, .top-slide a:hover, .bottom-slide a:hover, .top-slide h2 a {
    color:#fff
}
        .top-slide, .bottom-slide {
            width:957px; 
            position:absolute; 
            padding:0;
            background:#0D6995;
            height:74px;
        }
        .bottom-slide a {
            font-weight:bold;
            color:#FFFFFF;
            text-transform:uppercase;
            font-size:0.92em;
            text-decoration:none;
        }
        .top-slide {
            top:-74px;
            left:0 
        }
        .bottom-slide {
            bottom:-74px;
            left:0
        }
        * html .featured-entry .bottom-slide {
            bottom:-76px;
            left:0;
        }
    
    .top-slide h2 { 
        font-size:1.846em;
        line-height:1.2307em;
        color:#fff;
        padding:13px 0 0 20px
    }
        .top-slide h2 em {
            display:block;
            font-size:0.541em;
            color:#FFFFFF;
            font-weight:normal;
            font-style:normal;
            margin-top:-12px
        }
        .top-slide h2 a, .top-slide h2 a:hover { 
            text-decoration:none
        }
        .bottom-slide div {
            padding:20px 150px 0 20px;
            line-height:1.15em;
        }
/*-------------------*/     

.number {
    line-height:1.2307em;
    text-align:right;
    font-size:0.92em;
    font-weight:bold;
    position:absolute;
    bottom:30px;
    right:30px;
    color:#FFFFFF;
}

.image {
  margin: 3px;
  border: 5px inset #6DC9EE;
  background: white;
  }