

	<style type="text/css">
@import url("../bootstrap/less/datetimepicker.less");
@import url('//netdna.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css');
@import url('http://jdewit.github.io/bootstrap-timepicker/css/bootstrap-timepicker.min.css');
	::selection{ background-color: #E13300; color: white; }
	::moz-selection{ background-color: #E13300; color: white; }
	::webkit-selection{ background-color: #E13300; color: white; }

	body {
		background-size:100%;
		margin:0;
		font: 15px/20px normal Helvetica, Arial, Calibri;
		font-family: 'Droid Sans', sans-serif;
		bottom:0;
		margin-bottom:-8px;
		overflow-x:hidden;
	}

	a {
		color: #3385A5;
		background-color: transparent;
		font-weight: normal;
	}

	h1 {
		color: #BC9B4B;
		background-color: transparent;
		font-size: 28px;
		font-weight: bold;
		margin: 0 0 14px 0;
		padding: 14px 15px 10px 0px;
		font-family:Candara;
	}

	h2 {
		color: #BC9B4B;
		font-family:Candara;
		font-weight: bold;
	}

	code {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 12px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
	}

	#body{
		margin: 0 5px 0 5px;
	}
	
	p.footer{
		text-align: right;
		font-size: 11px;
		border-top: 1px solid #D0D0D0;
		line-height: 32px;
		padding: 0 10px 0 10px;
		margin: 20px 0 0 0;
	}
	

	#social{
		text-align:center;
		padding: 10px;
		float:right;
		margin:33% 0 0 88%;
		position:fixed;
		z-index:9999;
	}
	
	#social a{
		opacity:.8;
	}
	#social a:hover{
		opacity:1;
	}
	#social a img{	
		vertical-align: middle;
	}
	
	#reservation
	{
		position:absolute;
		z-index:900;
		text-align:center;
		margin-left:4%;
		background: url("../images/reserve-bg.png") repeat scroll center top transparent;
		font:15px century gothic;
		display: table-row;	
		margin-top:120px;
		width:300px;
		border-radius: 0 0 15px 15px; 
	}
	#reservation table
	{
		color:#fff;
		width:100%;
	}
	#reservation table tbody tr td input {
	
		display: table-cell;
		vertical-align: middle;
		width:75%;
	}
	#reservation .calendar {
		vertical-align: middle;
	}
	#reservation .title
	{
		background: url("../images/reserve-title-bg.png") repeat scroll center top transparent;
		font: bold 20px;
		color: #FFF;
		text-align: center;
		padding-top: 5px;
		width: 100%;
		height: 39px;
	}
	#reservation .book
	{
		background:url("../images/buttons/btn-book-now.png") no-repeat scroll -3px top transparent;
		width: 207px;
		height: 36px;
		border: medium none;
		cursor: pointer;
	}
	.login{
		font-weight: normal;
		background: none repeat scroll 0% 0% #FFF;
		border: 1px solid #E5E5E5;
		box-shadow: 0px 4px 10px -1px rgba(200, 200, 200, 0.7);
		padding:0px;
		border-radius:10px;
		width:300px;
		margin:auto;
	}
	.login_title
	{
		font-size:20px;
		font-weight:bold;
		text-align: center;
		padding: 15px;
		width: 100%;
		background-color:#CCA850;
		border-radius:10px 10px 0 0;
		color:#fff;
	}
	.login_content
	{
		
		padding:30px;
	}
	.option_:hover{
		background-color:#fcfcfc;
		border-radius:10px;
		border:1px solid #F0D5AD;
	}
	#logo
	{
		width:210px;
		height:120px;
		position: absolute;
		top: -10px;
		margin-left:3%;
	}
	#logo2
	{
		width:150px;
		height:45px;
	}
	#slider{
	
		margin:0;
		padding:0;
		margin-top:50px;
	}
	#slider img
	{
		width:100%;
		height:540px;
		border-bottom:5px solid #B39559;
	}
	#footer{
		  bottom: 0;
		  width: 100%;
	}
	#logged_in{
		position:fixed;
		z-index:1000;
		box-shadow: 0px 3px 5px #E4E3DE;
		background-color:#FCFCFC;
		width:100%;
		padding:5px;
		text-align:right;
		right:0;
		font-size:12px;
		color:#7A7A7A;
	}
	#logged_in_content{
		position:fixed;
	}
	.tagline{
		color:#B4975B;
		font-family:Times New Roman;
		font-size:24px;
		font-style:italic;
		font-weight:bold;
		
	}
	.copyright{
		font-size:12px;
	}
	.footer_menu{
		font-size:12px;
		margin-top:20px;
	}
	.footer_menu a{
		font-size:12px;
		color:#9C8E7A;
	}
	.footer_menu a:hover{
		text-decoration:none;
		color:#F89419;
	}
	#footer{
		background:#f2f2f2;
		padding-top:20px;
		color:#222;
	}
	.animated_cloud
	{
		background:url("../images/others/animatedcloud.gif") no-repeat scroll -3px top transparent;
	}
	.caption_white{
		background-color:white;
		padding:50px;
		border-radius: 10px 10px 0 0;
		text-align:justify;
		background:url("../images/others/transparent_white.png") repeat;
		background:#f8f8f8;
	}
	.container{
		height:auto;
	}
	.wrapper{
		min-height:500px;
		margin-top: 50px;
	}
	.wrapper_admin{
		min-height:500px;
		margin-top: 80px;
	}
	.row2
	{
		margin-left:0;
		margin-right:0;
	}
	.spacer10{
		padding:10px;
	}
	.spacer30{
		padding:30px;
	}
	.spacer50{
		padding:50px;
	}
	.mtop60{
		padding:60px;
	}
	.mtop50{
		margin-top:50px;
	}
	.head1{
		color:	#FF6000;
		font-size: 25px ;
		font-weight:bold;
	}
	.title{
		color:	#DF912D;
		font-size: 20px ;
		font-weight:bold;
		font-family: 'Droid Sans', sans-serif;
	}
	.title2{
		color:	#DF912D;
		font-size: 14px ;
		font-weight:bold;
		font-family: 'Droid Sans', sans-serif;
	}
		
	.dropdown-submenu {
		position:relative;
	}
	.dropdown-submenu>.dropdown-menu {
		top:0;
		left:100%;
		margin-top:-6px;
		margin-left:-1px;
		-webkit-border-radius:0 6px 6px 6px;
		-moz-border-radius:0 6px 6px 6px;
		border-radius:0 6px 6px 6px;
	}
	.dropdown-submenu:hover>.dropdown-menu {
		display:block;
	}
	.dropdown-submenu>a:after {
		display:block;
		content:" ";
		float:right;
		width:0;
		height:0;
		border-color:transparent;
		border-style:solid;
		border-width:5px 0 5px 5px;
		border-left-color:#cccccc;
		margin-top:5px;
		margin-right:-10px;
	}
	.dropdown-submenu:hover>a:after {
		border-left-color:#ffffff;
	}
	.dropdown-submenu.pull-left {
		float:none;
	}
	.dropdown-submenu.pull-left>.dropdown-menu {
		left:-100%;
		margin-left:10px;
		-webkit-border-radius:6px 0 6px 6px;
		-moz-border-radius:6px 0 6px 6px;
		border-radius:6px 0 6px 6px;
	}
	
	#book table{
		width:100%;
		margin: 2% 0 0 0;
	}
	#book table tr td input{
		display:inline;
		margin-bottom:5px;
		font-weight:bold;
		font-size:12px;
		padding:0;
		height:28px;
	}
	#book table tr td img{
		display:inline;
		vertical-align:middle;
		
	}
	
	#book .checkinnotes{
		font-size:14px;
		padding-left:5px;
	}
	#book_wrapper{
		background-color:#f8f8f8;
		padding:20px;
		border-radius:5px;
	}
	.instructions{
		font-style:italic;
		font-size:12px;
	}
	.btnPay{
		color:#fff;
		background-color:#C3880F;
		width: 150px;
		height: 36px;
		border: #EDCB53 solid 1px;
		cursor: pointer;
		font-weight:bold;
		text-decoration:none;
	}	
	.btnContinue{
		background:url("../images/buttons/btn-continue.png") no-repeat scroll -3px top transparent;
		width: 150px;
		height: 36px;
		border: medium none;
		cursor: pointer;	
	}
	.btnHome{
		background:url("../images/buttons/btn-back-to-home.png") no-repeat scroll -3px top transparent;
		width: 207px;
		height: 36px;
		border: medium none;
		cursor: pointer;
	}	
	.btnBack{
		background:url("../images/buttons/btn-back.png") no-repeat scroll -3px top transparent;
		width: 150px;
		height: 36px;
		border: medium none;
		cursor: pointer;
	}
	.btnBookSummary{
		background:url("../images/buttons/btn-my-booking-summary.png") no-repeat scroll -3px top transparent;
		width: 180px;
		height: 36px;
		border: medium none;
		cursor: pointer;
	}
	.red{
		color:#ff0000;
	}
	
	.bold{
		font-weight:bold;
	}
	
	.darkgray{
		color:#555;
	}
	.f18{
		font-size:18px;
	}
	.f14{
		font-size:14px;
	}
	.f12{
		font-size:12px;
	}
	.f10{
		font-size:10px;
	}
	.padl20{
		padding-left:20px;
	}
	.pad20{
		padding:20px;
	}
	.pads20
	{
		padding-left:20px;
		padding-right:20px;
	}
	.pads50
	{
		padding-left:50px;
		padding-right:50px;
	}
	.forgotpass
	{
		width:500px;
		border-radius:10px;
		background-color:#FFFBF1;
		border:1px solid #F6C673;
	}
	#frs{
		
		background: url(../images/request-services-repeat.jpg) repeat-x scroll left top transparent;
		height: 129px;
		width: 100%;
		margin-left: -10px;
		border: 2px solid #FFF;
		box-shadow: 0px 0px 3px #808080;
	}
	#frs h2{
		text-transform: uppercase;
		color: #FFF;
		font: bold 14px "Century Gothic";
		margin: 8px 0px 16px;
		text-align: center;
	}
	#frs img{
		margin-left:12%;
	}
	#notif{
		font-size:14px;
	}
	#scrollTop{
		padding: 10px 30px 10px 30px; 
		position:fixed; 
		bottom:0; 
		right:5px; 
		display:none;
		z-index:1000;
		cursor:pointer;
		font-size:16px;
		border: 1px solid #E9C45D;
		background-color: #E7CA78;
		color:#fcfcfc;
	}
	#scrollPos{
		padding: 5px 3px; 
		position:fixed; 
		bottom:0; 
		right:5px; 
		z-index:1000;
		displaY:none;
	}
	#scrollPos2{
		padding: 5px 3px; 
		position:fixed; 
		bottom:0; 
		right:5px; 
		z-index:1000;
		display:none;
	}
	.color1{
		color:#DE8C28;
	}
	.color2{
		color:#705D3C;
	}
	.color3{
		color:#C44439;
	}
	.color4{
		color:#fff;
	}
	.color5{
		color:#f60;
	}
	.borderr10{
		border-radius:10px;
	}
	.border1{
		border:1px solid #EFEFEF;
	}
	
	.bordert1{
		border-top:1px solid #EFEFEF;
	}
	.bordert3{
		border-top: 3px solid #D5BB88;
	}
	.bcolor1{
		background-color:#FFF4DA;
	}
	.bcolor2{
		background-color:#EFDFB9;
	}
	.bcolor3{
		background-color:#F0D098;
	}
	.bcolor4{
		background-color:#FFF;
	}
	.bcolor5{
		background-color:#F3E2C4;
	}
	.bcolor6{
		background-color:#F8F8F8;
	}
	.bcolor7{
		background-color:#F3F3F3;
	}
	.bcolor8{
		background-color:#F9F9F9;
	}
	.bcoloram2{
		background-color:#e4c9ab;
	}
	.bcolorbsam{
		background-color:#f0d098;
	}
	.bcolorbsatt{
		background-color:#fbeecd;
	}
	.bcolorpp2{
		background-color:#d0e8d0;
	}
	.pad5{
		padding:5px;
	}
	.pad10{
		padding:10px;
	}
	.pad30{
		padding:30px;
	}
	.padr30{
		padding-right:30px;
	}
	.pad50{
		padding:50px;
	}
	.m10{
		margin:10px;
	}
	.padgut50{
		padding:0 50px 0 50px;
	}
	.bsatt_links{
		padding:10px;
		border:1px solid #ededed;
		border-radius:5px;
		background-color:#BC9B4B;
		color:#fff;
	}
	.bsatt_links:hover{
		padding:10px;
		text-decoration:none;
		color:#BC9B4B;
		background-color:#fff;
		border:2px solid #BC9B4B;
	}
	.am2_links{
		padding:10px;
		border:1px solid #ededed;
		border-radius:5px;
		background-color:#DB885A;
		color:#fff;
	}
	.am2_links:hover{
		padding:10px;
		text-decoration:none;
		color:#DB885A;
		background-color:#fff;
		border:2px solid #DB885A;
	}
	
	.pp2_links{
		padding:10px;
		border:1px solid #ededed;
		border-radius:5px;
		background-color:#5C9656;
		color:#fff;
	}
	.pp2_links:hover{
		padding:10px;
		text-decoration:none;
		color:#5C9656;
		background-color:#fff;
		border:2px solid #5C9656;
	}
	.pp2_title{
		color:#5C9656;
		font-size: 20px ;
		font-weight:bold;
		font-family: 'Droid Sans', sans-serif;
	}
	.slider {
		overflow-y: hidden;
		max-height: 500px; /* approximate max height */

		transition-property: all;
		transition-duration: .5s;
		transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	}
	.slider.closed {
		max-height: 0;
	}
	#notifications{
		display:none;
		position:absolute;
		z-index:10;
		height:400px;
		overflow:scroll;
	}
	#notifications{
		padding: 15px;
		font-size:12px;
		background-color: #FFEFE6;
		border: solid 1px #c3c3c3;
		margin-top:-40px;
	}
	</style>