@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Petit+Formal+Script');

body {
	margin:0;
	}
.home_page {
	 background:  url(../images/arialV.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
.east_page {
	 background:  url(../images/arialV.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  }  
 .about_page {
	 background:  url(../images/arialV.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   
  }  
  

.booking {
	 background:  url(../images/book_test.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }	  
#header {
	width:100%;
	height:100px;
	background-color:#000040;
	}
#inner_header {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	
	}	
#carousel {
width:100%;
z-index:1;
overflow:hidden;


}
.title {
	font-family: 'Petit Formal Script', cursive;
	font-size:48px;
	color:#FFFFFF;
	 text-shadow: 2px 2px 2px #666666;
	}
.title_lg {
	font-family: 'Petit Formal Script', cursive;
	font-size:72px;
	color:#FFFFFF;
	 text-shadow: 2px 2px 2px #666666;
	}
.content {	
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
 text-shadow: 2px 2px 2px #666666;
	}
.content a {	
text-decoration:none;
color:#FFFFFF;
text-shadow:none;
	}
.content a:visited {	
text-decoration:none;
color:#FFFFFF;
	}
.content a:hover {	
color:#666666;
	}	
	
.content_about {	
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;

	}

.foot_text {
	font-family: 'Petit Formal Script', cursive;
	font-size:28px;
	color:#FFFFFF;
	text-shadow: 2px 2px 2px #666666;
	}
.foot_text a{
	color:#FFFFFF;
	text-decoration:none;
	}	
.foot_text a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}		
.foot_text a:hover {
	color:#000000;
	text-decoration:none;
	}		
.head_menu {
	font-family: 'Petit Formal Script', cursive;
	font-size:16px;
	color:#FFFFFF;
	}	
.head_menu a {
	color:#FFFFFF;
	text-decoration:none;
	}	
.head_menu a:visited {
	color:#FFFFFF;
	}			

.head_menu a:hover {
	color:#33FFFF;
	}			
.cycle-slideshow { width: 50% }
.cycle-slideshow img { width: 100%; height: auto }	
#home_content {
	height:600px;	
	}
#about_content {
	height:600px;	
	}	
#inner_content {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	
	}
#home_content {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	min-height:500px;
	}	
#inner_content_semi {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	background:rgba(255,255,255,0.8);
	padding:10px;
	border-radius: 30px;
	}	
	 
#inner_footer {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	}	
.foot_col {
	float:left;
	width:50%;
	background-color:#000040;
	}	
#footer {
	clear:both;
	margin-top:20px;
	width:100%;
	height:80px;
			
	}
#home_footer {
	clear:both;
position:fixed;
bottom:0;
	width:100%;
	height:120px;
			
	}	
#mob_footer {
	display:none;
			
	}	
.half-circle {
	display:none;
}
.mob_foot_test {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333333;
	line-height:20px;
	}
.mob_foot_test a {
	color:#333333;
	text-decoration:none;
	}	
.mob_foot_test a:visited {
	color:#333333;
	text-decoration:none;
	}	
.mob_foot_test a:hover {
	color:#006633;
	text-decoration:none;
	}			
#mob_menu {
	display:none;
	}	
#opaque {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
    background-color: black;
    filter: alpha(opacity=30);
    opacity: 0.3;
}
* html #opaque {
    position: absolute;
}
#cal {
	width:190px;
	height:230px;
	display:inline-block;
	background-color:#FFFFFF;
}
#cal_content {

	width:800px;
	height:800px;
		background-color:#111c2f;

}	
#busy_box {
	position:absolute;
	top:30px;
	left:30px;
	width:15px;
	height:15px;
	border:#FFFFFF 1px solid;
	background-color:#12ee1f;
	}
#busy_label {
	position:absolute;
	top:30px;
	left:50px;
	}
#free_box {
	position:absolute;
	top:30px;
	left:119px;
	width:15px;
	height:15px;
	border:#FFFFFF 1px solid;
	background-color:#8be3f7;
	}
.whitetext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	}	
.title_white {
	font-family:  Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
}
.title_black {
	font-family:  Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
}
.title_black a {
	color:#000000;
}			
.title_black a:visited {
	color:#000000;
}			
.title_black a:hover {
	color:#000000;
	text-decoration:none;
}			


@media screen and (max-width: 68.375em) {
.img_resize {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
.title {
	font-family: 'Petit Formal Script', cursive;
	font-size:24px;
	color:#FFFFFF;
	 text-shadow: 2px 2px 2px #666666;
	}
.title_lg {
	font-family: 'Petit Formal Script', cursive;
	font-size:32px;
	color:#FFFFFF;
	 text-shadow: 2px 2px 2px #666666;
	}
#inner_content {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	}
#home_content {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:500px;
	}	
#inner_content_semi {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	padding:10px;
	border-radius: 30px;
	}	
#cal_content {

	width:100%;
	height:auto;
	
}		
#footer {
	display:none;
	}
#home_footer {
	display:none;
	}	
#mob_footer {
	display:block;
	clear:both;
	margin-top:20px;
	width:100%;
	height:160px;
	
		}
#mob_home_footer {
	display:block;
	clear:both;
	margin-top:20px;
	position:fixed;
	bottom:0;
	width:100%;
	height:160px;
	
		}		
.half-circle {
	display:block;
	margin-left:auto;
	margin-right:auto;
    width: 50px;
    height: 25px; /* as the half of the width */
    background-color:#FFFFFF ;
    border-top-left-radius: 60px;  /* 100px of height + 10px of border */
    border-top-right-radius: 60px; /* 100px of height + 10px of border */
    border: 2px solid #FFFFFF;
    border-bottom: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#333333;
}		
#mob_menu {
	display:block;
	background-color:#FFFFFF;
	padding-top:20px;
	padding-bottom:20px;
	}			

.content_about {	
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#333333;

	} 
}