html, body{
	margin:0;
	padding:0;
	font-family: 'Verdana, Arial, Helvetica, sans-serif';
	
	font-size: 1.04em;
	font-weight: normal;
	color: #000000;
	background : #FFFFFF;
	text-align:center;
	
	
	}
	
	.blue{
		background-color:#3071C2;
		color:#FFF;
	}
	
	.red{
		background-color:red;
		color:#FFF;
	}
	
	.green{
		background-color:green;
		color:#FFF;
	}
	
	#pagewidth{
	position:relative;
	width:100%;
	max-width:1024px;
	margin:auto;
	/*
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	*/
	}
	/*
	#left_col{
	position:relative;
    float:left;	
	width:100%;
    max-width:300px;	
	}
	*/
	#main_col{
	position:relative;
    float:left;	
	
	width:100%;
    max-width:600px;
	
text-align:left;	
	}
	
	#right_col{
	position:relative;
    float:right;	
	
   width:100%;
   max-width:300px;
	text-align:center;	
	}

	.clearB{
	width:100%;
	height:0.1em;
	clear:both;
    }
	
	img{
		max-width:100%;
	}
	
	/* navigation */
	
	#nav{
		position:relative;
		clear:both;
		width:100%;
		
		background-color:#3071C2;
		
		text-align:center;
		
	}
	
	#nav a{
		/*color:#000;*/
		color:#FFF;
	}

#mobile_nav{
		position:relative;
		clear:both;
		width:100%;
		
		background-color:#3071C2;
		
		text-align:center;
		display:none;
	}
	
	#mobile_nav a{
		color:#000;
	}	
	
	.top_line{
	/* spacing for top line mobile nav */	
		width:25%;
	}
	
	.bottom_line{
	/* spacing for top line mobile nav */	
		width:50%;
	}
	
	.right_border_nav_element{
		float:left;
		width:100%;
		height:18px;
		border-right-style:solid;
		border-right-width:1px;
		border-right-color:#FFF;
		
	}
	
	/*navigation using drop down menu without javascript*/
#nav ul {
	background-color:#3071C2;
	

padding: 0 0px; 
	list-style: none;
	position: relative;
	display: inline-table;
}
	#nav ul:after {
		content: ""; clear: both; display: block;
	}


#nav ul ul {
	display: none;
	
}

	#nav ul li:hover > ul {
		display: block;
		
	}
	
#nav ul li {
	float: left;
	
	display: block; 
	/*padding: 20px 20px;*/
	padding: 0px 0px;
	
	font-size:1.1em;
	

}
	#nav ul li:hover {
		background-color:#3071C2;
	
		
	}
		#nav ul li:hover a {
			color:#FFF;
		}
	
	#nav ul li a {
		
		/*color: #2A7BCA;*/
		color:#FFF;
		/*color:#cdcdb1;*/
		text-decoration: none;
	}

#nav ul ul {
	/*background: #5f6975;*/
    background-color: #3071C2;	
	border-radius: 0px; 
	padding: 10px 10px;
	position: absolute; top: 100%;
	width:200px;
	z-index:100;
}


	#nav ul ul li {
		float: none; 
		/*border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;*/
		position: relative;
		color:#ffffff;
		padding-top:10px;
		padding-bottom:10px;
	}
		#nav ul ul li a {
			
			color:#ffffff;
		}	
			#nav ul ul li a:hover {
				background: #3071C2;
				color:#fff;
				z-index:200;
			}
#nav ul ul ul {
	position: absolute; left: 100%; top:0; width:100%;
}

/*end navigation menu*/

/*moblie nav*/
#mobile_nav ul {
	background-color:#3071C2;
color:#FFFFFF;


padding: 0 0px; 
	list-style: none;
	position: relative;
	display: inline-table;
}
	#mobile_nav ul:after {
		content: ""; clear: both; display: block;
	}


#mobile_nav ul ul {
	display: none;
	
}

	#mobile_nav ul li:hover > ul {
		display: block;
		
	}
	
#mobile_nav ul li {
	float: left;
	
	display: block; 
	/*padding: 20px 20px;*/
	padding: 0px 0px;
	color:#FFFFFF;
	font-size:1.0em;
    /*width:33.3%;*/
}
	#mobile_nav ul li:hover {
		background-color:#3071C2;
	
		
	}
	
	#mobile_nav ul li a {
		
		color: #ffffff; text-decoration: none;
	}
	
		#mobile_nav ul li:hover a {
			color:#FFF;
		}
	
		

#mobile_nav ul ul {
	/*background: #5f6975;*/
    background-color: #3071C2;	
	border-radius: 0px; 
	padding: 10px 10px;
	position: absolute; top: 100%;
	width:200px;
	z-index:100;
}


	#mobile_nav ul ul li {
		float: none; 
		/*border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;*/
		position: relative;
		color:#ffffff;
		padding-top:10px;
		padding-bottom:10px;
	}
		#mobile_nav ul ul li a {
			
			color:#ffffff;
		}	
			#mobile_nav ul ul li a:hover {
				background: #3071C2;
				color:#ffffff;
				z-index:200;
			}
#mobile_nav ul ul ul {
	position: absolute; left: 100%; top:0; width:100%;
}

/*end navigation menu*/


/*end mobile nav */

	
	
	
	
	
	
	/*end navigation */
	
	
	/*calendar styles*/
.calendarCellCleared{
position:relative;
float:left;
clear:both;
width:38px;
height:38px;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
text-align:left;
/*border-color:red;*/
}
.calendarCellCleared a{
text-decoration:none;

}


.calendarCell{
position:relative;
float:left;
width:38px;
height:38px;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
text-align:left;
overflow:auto;
}

.calendarCell a{
text-decoration:none;

}

.calendarCellCentred{
position:relative;
float:left;
width:38px;
height:38px;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
text-align:center;
}

.availableStyle{
	background-color:#CDEFC9;
}
.bookedStyle{
	background-color:red;
	color:white;
}

.bookedStyle a{
	color:#FFFFFF;
	text-decoration:none;
	
}

.startDayStyle{
	background-color:green;
	color:white;
}
.startDayStyle a{
color:#FFFFFF;
text-decoration:none;
}

.notBookableStyle{
	background-color:gray;
	color:#000000;
}

.notDayStyle{
	background-color:#FFFFFF;
}

.startDayWithBookingBefore{
	width: 0;
	height: 0;
	border-bottom: 38px solid green;
	border-left: 38px solid transparent;
	background-color:red;
}

.startDayWithBookingBefore a{
color:#FFFFFF;
text-decoration:none;	
}

.triangle-topleft {
	width: 0;
	height: 0;
	border-top: 38px solid red;
	border-right: 38px solid transparent;
}

.triangle-bottomright {
	width: 0;
	height: 0;
	border-bottom: 38px solid red;
	border-left: 38px solid transparent;
}

.arrow_right {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  
  border-left: 10px solid blue;
}

.arrow_left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid blue; 
  }
/* end calendar styles */	
	
	/*carousel styles*/

.image_carousel {
	    padding: 15px 0 15px 40px;
	    position: relative;
	}
	.image_carousel img {
	    border: 1px solid #ccc;
	    background-color: white;
	    /*padding: 9px;*/
	    margin: 0px;
	    display: block;
	    float: left;
	}
	
	.list_carousel div {
/* use where captions are required */
    margin: 0;

    padding: 0;

    list-style: none;

    display: block;

}

.list_carousel li {

    font-size: 10px;

    color: #000000;

    text-align: center;

    background-color: #ffffff;

    border: 1px solid #ccc;

    padding: 0;

    margin: 7px;

    display: block;

    float: left;

}

	
	a.prev, a.next {
	    background: url('images/miscellaneous_sprite.png') no-repeat transparent;
	    width: 45px;
	    height: 50px;
	    display: block;
	    position: absolute;
	    top: 205px;
	}
	
	
	
	
	a.prev {            /*left: -22px;*/
	                    left: -2px;
	                    background-position: 0 0; }
	a.prev:hover {      background-position: 0 -50px; }
	a.next {            right: 90px;
	                    background-position: -50px 0; }
						
	a.next:hover {      background-position: -50px -50px; }
	 
	a.prev span, a.next span {
	    display: none;
	}
	.clearfix {
	    float: none;
	    clear: both;
	}


	/* end carousel */
	
	/***************
 GALLERY IMAGES
***************/

img.gallimg {
	float: left;
	/*
	width: 150px;
	height: 100px;
	*/
	margin: 20px 25px 4px 25px;
	height:150px;
}

.button{
	color:#438F03;
	
	background-color:#C50303;
	color:#FFF;
	padding:0.5em;
	
}
	

		
	#header{
	position:relative;
    width:100%;
    	
	text-align:center;
	font-size:3.0em;
	color:#3071C2;
	/*height:150px;*/
	/*border-style:solid;*/
	display: table;
	vertical-align: middle;
	}
	
	#header span {
    display: table-cell;
    vertical-align: middle;
	align:left;
}
	
	
	
	h1{
		font-size:1.5em;
		color:#3071C2;
	}
	
	h3{
		color:#3071C2;
		font-size:1.2em;
	}
	
	h1,h2,h3 a{
		color:#3071C2;
	}
	
	
 a{
	 color:#000;
 }
	
	
	.content{
		
		position:relative;
        width:95%;
		padding:2%;
        
        margin:auto;
/*padding-left:5%;
padding-right:5%;*/
text-align:left;	

	}
	
	#footer{
		
		width:100%;
		background-color:#60B6A0;
		color:#FFF;
		padding-top:10px;
		padding-bottom:10px;
		text-align:center;
	}
	

/*forms style */
.form_row{
	position:relative;
	clear:both;
	
	margin-bottom:20px;
	text-align:left;
	/*
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px;
	*/
	width:100%;
	max-width:600px;
	
}

.form_row_borderless{
position:relative;
	clear:both;
	
	margin-bottom:20px;
	text-align:left;
	
}



.input_title{
position:relative;	
float:left;	
text-align:left;
margin-left:10px;
width:150px;
}
.input_data{
	
	position:relative;
	float:left;	
	text-align:left;
	margin-left:10px;
	width:150px;
}

.input_title{
position:relative;	
float:left;	
text-align:left;
margin-left:10px;
width:150px;
}
.input_data_small{
	
	position:relative;
	float:left;	
	text-align:left;
	margin-left:10px;
	
}
.input_title_small{
position:relative;	
float:left;	
text-align:left;
margin-left:10px;

}


.mock_cell{
position:relative;
	float:left;	
	text-align:left;
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px;
	margin-left:2px;	
	
}

legend{
font-weight:bold;
text-align:left;
}

/* end forms style */


	
	#home_slides{
position:relative;
clear:both;
margin:auto;

}

/* for blurred slides */



.newSlider{
    padding:0px;
    margin:0px;
    list-style-type:none;
    position:relative;
}

.newSlider li a{
    /*border:0px;*/
    text-decoration:none;
	width:100%;
}
.newSlider li a img{
   border:0px;
    border: 1px solid #ccc;
    text-decoration:none;
	

	
}



.newSlider li{
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

/* end for slides */



#footer{
	position:relative;
	float:left;
	clear:both;
	background-color:#3071C2;
	color:#fff;
	width:100%;
	margin-top:5px;
	
	padding-top:10px;
	padding-bottom:5px;
	text-align:center;
}

#footer a{
color:#fff;
text-decoration:none;
	
}

#left_footer{
	position:relative;
	float:left;
	width:100%;
	max-width:760px;
	padding-left:100px;
	text-align:center;
	/*border-style:solid;*/
}
#right_footer{
	float:right;
	
}

#mobile_map{
display:none;	
	
}


/*  media queries  begin  ********************************************************************************************************/




@media only screen and  (max-device-width : 974px) {
	
	.content{
		width:96%;
	padding:1.5%;
		}
}

@media only screen and  (max-device-width : 599px) {
	
	.content{
		width:96%;
	padding:1.5%;
		}
		
		#map{
			display:none;
		}
		#mobile_map{
			display:block;
		}
	}


/* Small smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	
	#header{
		font-size:1.3em;
		color:#3071C2;
	}
	
	h1{
		font-size:1.2em;
		color:#3071C2;
	}
	
	
	.content{
		width:96%;
	padding:1.5%;
		
		
	}
	
	.right_image{
	width:100%;
text-align:center;	
	}
	
	#nav{
		display:none;
	}
	#mobile_nav{
		display:block;
	}
	
	a.prev, a.next {
	    background: url('images/miscellaneous_sprite.png') no-repeat transparent;
	    width: 45px;
	    height: 50px;
	    display: block;
	    position: absolute;
	    top: 400px;
	}
	
	
	a.prev {            /*left: -22px;*/
	                    left: -2px;
	                    background-position: 0 0; }
	a.prev:hover {      background-position: 0 -50px; }
	a.next {            right: -2px;
		background-position: -50px 0; }
	
		}