@charset "utf-8";
* {
	margin: auto;
}

body{
	background-color: #9bd9e8;
		
	}

.bodi{
	background-color: #9bd9e8;
		
	}



#headerContainer {
	clear: both;
	float: none;
	height: 170px;
	width: 100%;
	margin: auto;
	border-bottom-width: thin;
	border-bottom-style: inset;
	border-bottom-color: #9bd9e8;
}
#headerContainer #topHeader {
	margin: auto;
	clear: both;
	float: none;
	height: 30px;
	width: 100%;
	
}


#headerContainer #header {
	clear: none;
	float: none;
	height: 60px;
	width: 100%;
	margin: auto;
}
#headerContainer #header #logo {
	clear: left;
	float: left;
	height: 40px;
	width: 17%;
	margin-top: 15px;
	margin-right: 2%;
	margin-bottom: auto;
	margin-left: 1%;
}
#headerContainer #header #topNavig {
	clear: right;
	float: right;
	height: 40px;
	width: 77%;
	margin-top: 5px;
	margin-right: 1%;
	margin-bottom: auto;
	margin-left: 2%;
}
#wrapper {
	clear: both;
	float: none;
	height: auto;
	width: 100%;
}

#footer {
	clear: both;
	float: none;
	height: auto;
	width: 100%;
}

.footer_titles {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: normal; 
	color: white;
	font-size: 14px;
}

.footer_normalTexts {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; 
	color: black;
	font-size: 14px;
	font-weight: normal;
}

.holderTables {
width: 90%;
}

.postHolder {
width: 75%;
}

.roomLeftArea{
	width: 70%;
	float: left;
}
.roomRightArea{
	width: 30%;
	float: right;
}

.signupTbl{
	width: 80%;
	padding-top: 2%;
}
.signupBtn{
	height:40px; 
	width:auto; 
	background-color:#00b3f6; 
	color:#FFFFFF; 
	font-weight:bold;	
	padding: 5px;
}

.bookingFormsLeftArea{
	width: 37%;
	float: left;
	clear: left;
}
.bookingFormsRightArea{
	width: 61%;
	float: right;
	clear: right;
}


.missedOutLeftArea{
width: 25%;
float: left;
clear: left;
}

.missedOutRightArea{
width: 73%;
float: right;
clear: right;
}
@media only screen and (max-width: 768px) {
.footer_titles {
	font-size: 14px;
}
.footer_normalTexts {
	font-size: 12px;
 }
	
.holderTables {
width: 95%;
}

.postHolder {
width: 100%;
}
.roomLeftArea{
	width: 100%;
}
.roomRightArea{
	width: 100%;
	padding: 10px;
}

.signupTbl{
	width: 100%;
	padding: 0%;
	align-self: center;
}

.signupBtn{
	width:100%; 
}
.bookingFormsRightArea{
	width: 100%;
	float: left;
	clear: both;
}	
.bookingFormsLeftArea{
	width: 100%;
	float: right;
	clear: none;
}
.missedOutLeftArea{
width: 100%;
float: none;
clear: both;
}

.missedOutRightArea{
width: 100%;
float: none;
clear: both;
}	
	
	
	
	
}