/* CSS Document */

* {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}


#header, #footer{
		position:fixed;
		height: 220px;
		display:block;
		width: 100%;
		z-index:9;
		text-align:left;
	}

.booking{
	background: #00A859;
	font-weight:400;
	color:#FFF;
}

.smedia{
	background:#069;
}
	
#navcontainer{
	width:80%;
	max-width:1730px;
	height:192px;
	margin:5px auto;
	z-index:1;
}

#navcontainer img{
	float:left;
}

#navcontainer img:hover{
	background:none;
}

nav {
    min-height: 40px;
	width:100%;
	max-width:1730px;
	height:40px;
	margin:50px auto;
	
}

nav h2{
	font-size:16px;
	font-weight:300;
	color:#FFF;
}

nav, nav a {
	margin-top:0px;
    color: #FFF;
    text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:16px;
	
	
	
}
nav a {
    display: block;
    padding: 10px 15px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}
nav a:hover {
    background:#355ab5;
	color:#FFF;
  
}
nav ul {
    padding:0;
    margin: 0;
	
}
nav ul li {
    float:left;
    display:inline;
    position:relative;
	border-left:1px solid #FFF;
	font-size:12px;
}

nav img{
	margin:3px 0px 3px 20px;
	height:30px;
	width:30px;
	display:block;
}

nav ul li ul {
    left:0;
    top:100%;
	margin-left:-1px;
}

nav ul li ul a{
	color:#FFF;
	width:200px;
	text-align:left;
	font-size:12px;
	
}

nav ul li ul a:hover{
	color:#09F;
	width:200px;
	background-color:#FFF;
	
}

nav ul ul {
    display:none;
	
}
nav li:hover > ul {
    display:block;
    position:absolute;
    z-index:1000;
    width: 120px;
	
	
}
nav ul ul li:hover > ul {
    right: -120px;
    top: 0;
    left: auto;
	
}

/*Hide checkbox and label by default*/
nav > input,
nav > label {
  display: none;
  text-align:right;
}

nav > label {
  width: 100%;
  float: left;
  padding: 10px;
  padding-right: 20px;
  margin-top:10px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Media query*/
@media (max-width: 959px) {



#header, #footer{
		height: 100px;
	}
	
	
.booking{
	background: #FFF;
}
	
	
#navcontainer{
	width:100%;
	height:90px;
	margin:0px;
	text-align:left;
	
}

nav {
	width:100%;
	height:90px;
	margin:0 auto;
	background:;
	
}


nav a {
	padding:0px;
	background:#FFF;
}

nav > label, nav ul li ul {
	padding-left:10px;
    display: block;
	width:100%;
	float:left;
	color:#FFF;
	background:none;
	
    }
	
nav li a{
	
	background:#FFF;
	color:#000;
	
}


nav > ul {
    display: none;
    clear: both;
	background:#FFF;
    }
	
	nav h2{

	color:#000;
	text-align:center;
	padding:15px;
}

nav img{
	display:none;
}

nav a,h2:hover {

	background:url(../Images/bg_pattern.png) repeat;
	color:#FFF;
}

    nav > input:checked + ul {
        display: block;
    }
    nav ul ul li a:before {

        display: inline;
    }
    nav ul li {
        float: left;
        display: block;
        border: none;
        padding-left: 0px;
		width:100%;
		background-color:#FFF;
    }
	
	nav ul li a{
        
    }

	
	nav ul li ul li{
        float: left;
        display: block;
		width:50%;
		
    }
	
    nav li:hover ul {
        position: relative;
        width: auto;
		
    }
    nav ul ul li:hover > ul {
        right:auto;
        top: auto;
        left: auto;
		
		
    }
	
	#navcontainer img{
	height:77px;
	width:198px;
	position:absolute;
	top:9px;
	left:20px;
}


}