/***********************************************************************************
  
Setup
  
************************************************************************************/

html,
body {
    width: 100%;
    height: auto;
    overflow: auto;
}

/***********************************************************************************
  
Typography
  
************************************************************************************/

body {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300;
    font-size: 16px;
}

h1, h2, h3 {
    line-height: 1.2;
}

h1 {
    font-size: 38px;
    margin-bottom: 22px;
	font-weight: 200;
}

h2 {
    font-size: 28px;
    margin-bottom: 10px;
}

h3 {
    font-size: 18px;
    margin-bottom: 5px;
}

h1 a,
h2 a,
h3 a {
    border-bottom: 1px solid;
    font-weight: 700;
}

p {
    line-height: 1.4;   
    margin-bottom: 20px;
}

a {
    text-decoration: none;
    transition-duration: 0.25s;
}

p a,
strong {
    font-weight: 700;
}

p a {
    border-bottom: 1px solid;
}

/***********************************************************************************
  
Icons
  
************************************************************************************/

@font-face { 
    font-family: "ionicons"; 
    src: url("../icons/ionicons.eot?v=1.4.1"); 
    src: url("../icons/ionicons.eot?v=1.4.1#iefix") format("embedded-opentype"), 
         url("../icons/ionicons.ttf?v=1.4.1") format("truetype"), 
         url("../icons/ionicons.woff?v=1.4.1") format("woff"), 
         url("../icons/ionicons.svg?v=1.4.1#Ionicons") format("svg"); 
    font-weight: normal; 
    font-style: normal; 
}

.icon { 
    font-family: "ionicons"; 
    speak: none; 
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal; 
    text-transform: none; 
    text-rendering: auto; 
    line-height: 1; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    display: inline-block; 
}

.icon.twitter:before { content: "\f243"; }
.icon.facebook:before { content: "\f231"; }
.icon.email:before { content: "\f10f"; }
.icon.submit:before { content: "\f3fd"; }
.icon.error:before { content: "\f404"; }
.icon.success:before { content: "\f3fd"; }

/***********************************************************************************
  
Containers
  
************************************************************************************/

.row {
    width: auto;
    float: left;
    position: relative;
}

.content {
    width: 500px;
    margin-left: 200px;
}

#map {
        width: 500px;
        height: 400px;
      }


/***********************************************************************************
  
Body
  
************************************************************************************/

body {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

body::after {
    border-right: 1px dashed;
    
    width: 1px;
    height: 100%;
    
    position: fixed;
    top: 0;
    left: 100px;
    z-index: -1;
    
    content: "";
}
/***********************************************************************************
  
Tables
  
************************************************************************************/
table {
	border-collapse: collapse;
	width: 100%;
	}

table, th, td {
	border: 1px solid black; 
}

th, td {
	padding: 3px;
	text-align: center;
	vertical-align: middle; 
}

th{
	background: white; 
}

/***********************************************************************************
  
Header
  
************************************************************************************/

#header {
    padding: 11px;
	height: 150px;
    margin-bottom: 10px;
    display:inline-block;
	padding-left: 180px;
	border-bottom: 1px dashed;
	line-height: 180px;
	}

#header span.logo{
	background-image: url("../images/logo.png");
    background-repeat: no-repeat;
	background-position: left center;
    background-size: 180px;
    display: block;
    vertical-align: middle;
	font-size: 48px;
	float: left;
	padding-left:180px;
}

#header span.addr{
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
	margin-left: 190px;
	text-align: right;
}

#footer {
    padding: 11px;
	height: 150px;
    
	padding-left: 180px;
	border-bottom: 1px dashed;
	
	}

/***********************************************************************************
  
Menu
  
************************************************************************************/

#menu{
	
	padding-left: 180px;
	display:block;
	
}

#menu a{    
    width: 12em;
    text-decoration: none;
    color: white;
    background-color: #33CCFF;
    padding: 0.2em 0.6em;
    border-right: 1px solid white;
}

#menu ul{
		display:block;
		margin: 0;	
        list-style: none;
		list-style-type: none;
    }
#menu ul li{
        display: inline-block;
        position: relative;
        line-height: 21px;
        text-align: left;
    }
#menu ul li a{
        display: block;
        padding: 8px 25px;
        color: #333;
        text-decoration: none;
		font-weight: 600;
    }
#menu ul li a:hover{
        color: #fff;
        background: #939393;
    }
#menu ul li ul.dropdown{
        min-width: 125px; /* Set width of the dropdown */
		padding: 0px;
        background: #f2f2f2;
        display: none;
        position: absolute;
        z-index: 999;
        left: 0;
    }
#menu ul li:hover ul.dropdown{
        display: block;	/* Display the dropdown */
    }
#menu ul li ul.dropdown li{
        display: block;
    }



/***********************************************************************************
Intro
************************************************************************************/

#intro {
    padding: 10px 0 100px;
    display: none;
}

#intro .content {
	width: 60%;
	background-color: rgba(51, 204, 255,0.8);
	padding: 10px;
	font-weight: 400;
}

#intro li {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
	padding: 0.5em 2em 0.5em;
	}

#intro a {
	color: black;
}
#intro a.link {
	color: blue;
}

/***********************************************************************************
  
Social
  
************************************************************************************/

#social a.icon {
    border-radius: 50%;
    
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    
    width: 40px;
    height: 40px;
     
    float: left;
    margin-right: -5px;
}

/***********************************************************************************
  
Forms
  
************************************************************************************/

input[type="text"], input[type="email"], select, textarea{
  color: black;
  background-color: white;
}

input[type="submit"] {
  background-color: white;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 2px solid gray;
  font-weight: 400;
  font-size: 125%;
  font-style: italic;
  cursor:pointer
}

#bookng {
	margin:10px;
	padding-left: 280px;
	display: block;
	position: relative;
	}