/**---Global---**/
body {
	/* background: url(../images/body.png) repeat 0 0 #fff; */
	font-family : 'robotoregular', Arial, Helvetica, sans-serif;
	color: #666;
}
#header:after,
#visual:after,
#inner-header:after,
.block:after,
.inner-content:after,
.gallery-wrapper ul:after,
.home-section:after,
#inner-footer:after, 
.menu:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}
h1 {
    border: 0 none;
    display: inline;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0;
}
p ,
ul li {
	font-size: 1em;
    line-height: 1.5;
}
a {
	color: #D0A558;
	text-decoration: none;
}
h2 {
	font-size: 1.5em;
	color: #D0A558;
}
h3 {
	font-size: 1.2em;
	color: #D0A558;
}
/**------------**/

#container {
	width: 100%;
	margin: 0 auto 0;
	position: relative;
	height: 100%;
	z-index: 0;
}
	#header {  		
		/*background:url(../images/header-strip.png) repeat-x top left;
		background-image: -webkit-linear-gradient(left,orange,orangered 25%,skyblue 25%,deepskyblue 50%,firebrick 50%,firebrick 75%,green 75%);
		background-image: -ms-linear-gradient(left,orange,orangered 25%,skyblue 25%,deepskyblue 50%,firebrick 50%,firebrick 75%,green 75%);
		background-image: linear-gradient(to right,orange,orangered 25%,skyblue 25%,deepskyblue 50%,firebrick 50%,firebrick 75%,green 75%);
  		background-size: 100% 4px;
 		background-position: top left;
 		background-repeat: no-repeat;*/
        
        background:url(../images/header.png) repeat-x top left;
        position: absolute;
        top: 0;
        z-index: 10;
        width: 100%;
	}
        #inner-header {
            width: 980px;
            margin: 0 auto;
            position: relative;                
        }
            #weather {
                position: absolute;
                top: 0;
                left: 153px;
               
                color: #fff;
            }
            #translator {
                position: absolute;
                top: 35px;
                right: 0;
                width: 170px;
                
                color: #fff;
            }

	#logo {
        background: #fff;
        border-left: 1px solid #C7A03C;
        border-right: 1px solid #C7A03C;
        border-bottom: 1px solid #C7A03C;
        float: left;
        padding: 10px;
	}

	#main-menu {
		float: left;
		margin: 4.5% 0 0 50px;
		width: 75%;
	}

	#visual {
		width: 70%;
		clear: both;
        position: relative;
        z-index: 0;
        float: left;
        border-bottom: 3px solid #666;
	}			
		
	#alt-menu {
        position: absolute;
        top: 9px;
        right: 15px;
    }
        
	#content {
        background: url(../images/content-bg.png) no-repeat center 80px;   
        clear: both;
        margin: 0 auto;
        padding: 0 20px 20px;
        width: 940px;
    }
		#content h2.page-title {			
            border-bottom: 1px solid;           
            padding: 5px 0;
            
            font-size: 1.2em;
            text-align: left;
            text-transform: uppercase;
		}

    .intro {
        width: 30%;
        float: left;
        background: rgb(255,255,255);
        margin: 70px 0 0;
        position: relative;
        z-index: 10;
    }
        .intro h2 {
            font-family: 'robotolight';
            /*color: #fff*/
        }
            .intro-top {
            }
               .reservation h2 {
                    padding: 3px 15px 3px;
                    margin: 0;

                    text-transform: uppercase;
                }	

            .intro-bottom {
                box-shadow: 5px 5px 8px #000;                
                padding: 4px 15px 15px;
                border-radius: 0 0 0 20px;
            }
                .intro-bottom h2 {
                }                
                .intro-bottom .scrollable {
                    width: 100%;
                    display: block;
                    overflow: auto;
                    height: 300px;
                }
        #smo {
            position: absolute;
            right: 175px;
            top: 35px;
        }
        .access {
            text-align: right;
        }

	#footer {
		width: 100%;
        clear: both;        
	}
		#footer #inner-footer {
/*
			margin: 0 auto;
            width: 980px;
*/
            background: #292828;
            color: #8b8b8b;
		}            
            #footer #inner-footer #footer-cr {
                float: left;
            }    
            #footer #inner-footer #footer-brand {
                float: right;
            }




.dark-color {
    color: #666;
}
.scrollable { overflow-y: auto; }
.scrollable::-webkit-scrollbar {
    width: 8px;
    height: 16px; 
}
.scrollable::-webkit-scrollbar-thumb {
    background-color: rgb(199,160,61);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); 
}
.scrollable::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none; 
}
.scrollable::-webkit-scrollbar-corner {
    background-color: transparent; 
}	



<!--#ribbon {
	height:3px;
	background-color:#d13636;
	background-color:rgba(221,60,77,.95);
	background-image:-webkit-gradient(linear,0 50%,100% 50%,color-stop(0,#e75239),color-stop(12.5%,#e75239),color-stop(12.5%,#ff961c),color-stop(25%,#ff961c),color-stop(25%,#ffcc27),color-stop(37.5%,#ffcc27),color-stop(37.5%,#fce62f),color-stop(50%,#fce62f),color-stop(50%,#cde35b),color-stop(62.5%,#cde35b),color-stop(62.5%,#82cc33),color-stop(75%,#82cc33),color-stop(75%,#41bece),color-stop(87.5%,#41bece),color-stop(87.5%,#049cdb),color-stop(100%,#049cdb));
	background-image:-webkit-linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%);
	background-image:-moz-linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%);
	background-image:-o-linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%);
	background-image:-ms-linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%);
	background-image:linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%);
	background-position:0 top;
	background-size:1600px;
	width:100%;
	-webkit-animation: ribbon 10s linear infinite;
	-moz-animation: ribbon 10s linear infinite;
	-ms-animation: ribbon 10s linear infinite;
	-o-animation: ribbon 10s linear infinite;
	animation: ribbon 10s linear infinite;
}-->		
	
/* For the "inset" look only */
/*
html {
    overflow: auto;
}
body {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 0px; 
    overflow-y: scroll;
    overflow-x: hidden;
}
*/

/* Let's get this party started */
/*
::-webkit-scrollbar {
    width: 6px;
}
*/
 
/* Track */
/*
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
*/
 
/* Handle */
/*
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
*/
/*
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}*/

.float-right {
	float: right;
	margin: 0 0 20px 20px;
}