/*************************************************/
/*
Style list consists of main site syles.
Divided into sub categories

Author: Muaado; http://spacemediamv.com;

/*************************************************/
/* Custom Button */
.button-custom  {
	height:35px;
	width: 123px;
	background: #E1AE51;
	text-align: center;
	border:0;
	
	color:#fff;
	padding:10px;
	font-size:13px;
	border-radius: 4px;
	cursor: pointer;
	display: inline;
}
ul.other-offer-link {
	list-style:none;
	margin-top:10px;
}
ul.other-offer-link li {
	padding:15px;
	background: #EEEAEC;
	display: block;
	margin-bottom: 3px;

}
ul.other-offer-link li .label {
	font-size: 11px;
	text-transform: uppercase;
	color:#333;
	padding:0;
	margin:0;
	padding-top:5px;
	background:none;

}
ul.other-offer-link li a {
	
	font-size: 0.813em;
	color:#7D6772;
	

}
p {
	font-size: 13px;
	color:#666;
}
.button-custom:hover {
	background: #333;
}

/* Header Styles */

.wrapper_head{
	border-top:2px solid #ccc;
	
	box-shadow: 0px 1px 7px rgb(153, 153, 153);
	position: relative;
	z-index: 999;
}

.header{
	min-height: 100px;

}

	
	.logo img{
		display: block;
		max-width: 100px;
    	margin:0 auto;
    	margin-top:10px;
    	padding-bottom: 20px;
	}
.sublink-holder {
	padding-top:10px;

}
	.sublinks a{
		margin-top:20px;
		font-size: 12px;
		padding-left: 10px;
		color:#686868;
	}

	.sublinks a:hover{
		color:#888888;
	}

	.sublinks i{
		padding-right: 5px;
	}





/* Main slider Styles */
.main_slider{
	
}


/* Content Styles */

.booking_form{
	background: #eeeeee;
	width:300px;
	padding: 10px;

}
	.booking_form ul{
		list-style: none;
	}

	.booking_form h3{ 
		color:#7f7f7f; 
		padding: 10px 0px 20px 0px; 
		font-weight: 400; 
		text-transform: uppercase; 
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 20px;
	}

	.booking_form ul  > li{display: inline-block;}

	.booking_form select{width:100%;}


	form.booking_home .custom.dropdown{
		width:250px;
	}

	form.booking_home .custom.dropdown ul {
		width:250px;
	}
	form.booking_home .custom.dropdown ul li{
		width: 250px;
		display: block;
	}


	/* custom select box styling */
	.customSelect { 
		border: 1px solid #d5d5d5;
		padding: 5px;
		color: #747474;
		margin-bottom: 10px;
		font-size: 12px;
		letter-spacing: 0.1em;
		width:200px;
	}

	

	

	/*end custom select box styles */
.promo_head{
	background: url("../img/promobg1.jpg") repeat;
	text-align: center;
	padding-top: 30px;
}
	.promo_head h3{
		font-family: 'Roboto Condensed',sans-serif;
		text-transform: uppercase;
		color: rgb(22, 144, 201);
		padding-bottom: 20px;
		font-weight: 400;
		letter-spacing: 2px;
		font-size: 25px;
	}

	.promo_head p{
		color:#6f6f6d;
		padding-bottom: 15px;

	}

.promo_content{
	padding-top: 30px;
	background: #e9dfd3;
}
	.promo_content img{
		border-radius:100%;
		border: 17px solid #fffffe;
		display: block;
		margin: 0 auto;
	}

	.promo_content ul{list-style: none; padding-bottom: 20px;}

	.promo_content h3{
		font-family: 'Roboto Condensed',sans-serif;
		padding-bottom: 18px;
		text-transform: uppercase;
		color: rgb(109, 92, 67);
		text-align: center;
		font-weight: 400;
		letter-spacing: 2px;
		font-size: 25px;
	}
	h3 {font-family: 'Roboto Condensed',sans-serif;
		padding-bottom: 18px;
		text-transform: uppercase;
		color: rgb(109, 92, 67);
		
		font-weight: bold;
		letter-spacing: 2px;
		font-size: 25px;}

	p.desc{
		text-align: center;
		color:#6f6f6d;
		padding-bottom: 11px;
	}




.content_home{margin-top:50px;}

	.slider{padding-bottom: 50px;}
	.content_slider_top h3{
		font-family: 'Roboto Condensed',sans-serif;
		font-size: 20px;
		font-weight: 500;
		letter-spacing: 1px;
		border-bottom: 1px solid rgb(241, 236, 239);
		margin-right: 0px;
		margin-bottom: 20px;
		padding-bottom: 5px;
		color: #00386e;
	}

	div.carousel{
		border:1px solid #ececec;
		padding: 10px;
		margin-right: 0px;

	}



	div.carousel h3{
		font-family: 'Roboto Condensed',sans-serif;
		font-size: 20px;
		font-weight: 400;
		color:#a2929a;
	}

	
	  .rslide_nav{
	    position: absolute;
	    top: 52%;
	    left: 15px;
	    opacity: 0.7;
	    z-index: 3;
	    text-indent: -9999px;
	    overflow: hidden;
	    text-decoration: none;
	    height: 61px;
	    width: 38px;
	    background: url("http://localhost/projects/aaa/img/nav.gif") no-repeat scroll left top transparent;
	    margin-top: -45px;
	  }

	  .rslide_nav.next {
	      left: auto;
	      background-position: right top;
	      right: 15px;
	  }

	  .rslide_nav:active {
	      opacity: 1;
	  }



	.caption{
		margin-top: 20px;
		padding: 0px 0px 20px 20px;
		background: #efefef;
		border-radius: 10px;
	}

	.location{
		font-family: 'Roboto Condensed',sans-serif;
		font-size: 15px;
		font-weight: 400;
		color:#86747c;
	} 

	.foundicon-star{
		color: rgb(240, 166, 2);
		padding: 1px;
		font-size: 12px;
	}

	.etc{
		color: rgb(124, 173, 103);
		font-size: 20px;
		float: right;
		margin-top: -30px;
		padding-right: 20px;
	}



	/* Ads styling */

	.ad_slider_top h3{
		font-family: 'Roboto Condensed',sans-serif;
		font-size: 20px;
		font-weight: 500;
		letter-spacing: 1px;
		border-bottom: 1px solid rgb(241, 236, 239);
		margin-bottom: 20px;
		padding-bottom: 5px;
		color: #00386e;
	}

	ul.ads{
		list-style: none;
		border:1px solid #ececec;
		padding: 10px;
	}

	ul.ads li{}

	ul.ads img{
		padding-bottom: 10px;
		width: 100%;
		
	}

	ul.ads h3{
		font-family: 'Roboto',sans-serif;
		color:#5B7410;
		font-weight: normal;

	}

	.other-offers {
		font-size: 1.6em;
		font-family: 'Roboto',sans-serif;
		color:#5B7410;
		font-weight: normal;
	}

	.ads_location{
		color:#86747c;
	} 



/* Footer styles */


.footer_top{
	margin-top:50px;
	border-top:1px solid #efefef;
	padding: 10px 20px 20px 20px;
	background: #F2EDE6;
	padding-top:30px;
}

	.foot_left a{color:#888; font-size:12px;}
	.foot_left a:hover{color:#5a9646;}

	.foot_left i{ padding: 5px;}

	.foot_right{
		
	}

	.foot_right i{
		color: rgb(129, 129, 129);
		font-size: 34px;
		float: right;
		padding-left: 10px;
	}
	.foot_right i.foundicon-facebook {
		color:blue;
	}
	.foot_right i.foundicon-twitter {
		color:#45ACDE;

	}
	.foot_right i.foundicon-youtube {
		color:#CF3427;
	}

.footer_content{
	padding: 20px 0px 20px 0px;
	background: #F2EDE6;
	color:#8e7d84;
}
	.footer_content ul{
		list-style: none;
		padding-bottom: 30px;
	}

	.footer_content h3{
		font-family: 'Roboto Condensed',sans-serif;
		
		font-size: 15px;
		color: #00386e;
		padding: 10px 0px 15px;
		
		border-bottom: 1px solid #E2D0A7;
		
		margin-bottom: 10px !important;
	}

	.footer_content a{
		font-family: 'Roboto Condensed',sans-serif;
		display: block;
		padding-top: 3px;
		padding-bottom: 3px;
		font-size: 13px;
		color: #83817D;
	}

	.footer_content a:hover{
		color: #6f5f66;
		padding-left: 5px;
	}

.footer_bottom{
	background: #F2EDE6;

	padding: 10px;
	padding-bottom:30px;
}
	.copyr{
		text-align: right;
		color:#7D6872;
		font-size: 12px;
	}





/***************************************************/
/*
				BOOKING PAGE STYLES
/***************************************************/

.breadcrumbs{
	border-style: none;
	border-width: 0px;
} 

.bcrumb{
	border:1px solid #e8e8e8;
	background-color: rgb(246, 246, 246);
}

.book_detail{
	margin-top: 20px;
	background: #eeeeee;
	padding: 10px;
	max-width: 320px !important;

}


	form.book_detail > fieldset{
		margin-top: 10px;
		margin-bottom: 30px;
		padding: 20px;
		border: 2px solid #fff;
		border-radius: 5px;

	}


	form.book_detail label{
		font-size:12px;
	}

	form.book_detail legend{
		background: none repeat scroll 0% 0% transparent;
		font-family: 'Roboto Condensed',sans-serif;
		padding-bottom: 18px;
		text-transform: uppercase;
		color: rgb(0, 55, 139);
		text-align: center;
		font-weight: 400;
		letter-spacing: 1px;
		font-size: 18px;
	}

	.label_small{
		font-style: italic;
	}



/* Resort Detail tabs styling */
.tabs_wrap{margin-top: 20px;}
.section-container.auto > section.active > .title a {
	color: rgb(0, 55, 139) !important;
}

.resort_detail h3{
	font-family: 'Roboto Condensed',sans-serif;
		font-weight: 400;
		font-size: 20px;
		color: rgb(119, 118, 114);
		padding: 10px 0px 15px;
		text-transform: uppercase;
		box-shadow: 0px 1px 0px rgb(255, 255, 255);
}

	.resort_detail{
		margin-top: 20px;
	}

	.resort_detail p.desc{
		font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	    font-size: 14px;
	    margin-top: .5em; color: #666;
	    text-align: left;
	}



	/* activities styles */
	.resort_detail_home > ul  {list-style: none;}
	.resort_detail_home > ul > li > p > i{
		width: 20px;
		height: 20px;
		color: #707070;
		padding: 10px;
	}

	.resort_detail_home > ul > li > p {
	}

	.resort_detail_home > ul > li > p > span{
		padding-left: 10px;
		color: rgb(102, 102, 102);
	}



		.resort_detail_sub > ul{
			margin-top: 20px;
			list-style: none;
		}
		.resort_detail_sub > ul > li{
			margin-bottom: 20px;
		}

		.resort_detail_sub > ul > li > h4{
			font-family: 'Roboto Condensed',sans-serif;
			text-transform: uppercase;
			color: rgb(0, 55, 139);
			text-align: center;
			font-weight: 400;
			letter-spacing: 2px;
			font-size: 13px;
		}

		.resort_detail_sub > ul > li > img{
			
			display: block;
			margin: 0px auto;
			text-align: center;
		}

		.resort_detail_sub > ul > li > p{
			font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
		    font-size: 12px;
		    margin-top: 0.5em; color: #666;
		    text-align: center;
		}

			.room_detail_sub > ul{
				list-style: none;
			}

			.room_detail_sub > ul > li > ul{
				list-style: none outside none;
				background: #f8f8f8;
				padding: 10px;
			}

			.room_detail_sub > ul > li > ul > h4{
				font-family: 'Roboto Condensed',sans-serif;
				font-weight: 400;
				font-size: 15px;
				color: rgb(119, 118, 114);
				padding: 10px 0px 15px;
				text-transform: uppercase;
				box-shadow: 0px 1px 0px rgb(255, 255, 255);
			}


			.room_detail_sub > ul > li > ul > li > span{
				font-family: "Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
				font-size: 14px;
				margin-top: 0.5em;
				color: rgb(102, 102, 102);
				text-align: left;
			}



.clr{ clear: both;}

/* MEDIA QUERIES */


/* for large screens */
@media only screen and (min-width : 1124px) {
	.logo img{
		display: block;
		position: absolute;
		z-index: 999;
		max-width: 100px;
	}

	.mainnav{padding-left: 120px;}

	.sublinks{margin-top: 12px;}

	.booking_form{
		position: absolute;
		margin-top: -30%;
		z-index: 999;
		margin-left: 70%;
	}



}


/* for ipad and below  */
@media only screen and (max-width: 768px) {
	.sublinks{
		position: absolute;
		margin-top: 150px;
		margin-left: 10px;
		color: white;
		width: 70%;
	}
	ul.ads h3 {
		font-size: 1em;
	}

	.menu-collapser{margin-bottom: -10px;}

	.header{
		margin-bottom: 20px;

	}

	.sublinks a{
		font-size: 12px;
		padding-left: 10px;
		color:#676767;
	}

	.sublinks a:hover{
		color:#424242;
	}

	.sublinks i{
		padding-right: 5px;
	}





    

}


/********************* STYLING MENU ABOVE BREAK POINT **************/
        /*MENU STYLING FOR   */
    /********************************************************/
@media only screen and (min-width : 800px) {
    .mainnav ul{ 
        list-style: none;
        list-style: none outside none;
        margin-top: 22px;
        margin-left: 14px;
       font-family: georgia;
     }


    .mainnav li {display: inline-block; padding-left: 10px;}
    .mainnav ul > li>a{ color:#716468; font-size:16px !important; font-weight: 500 !important;  padding: 10px 10px 20px 20px !important;

		font-family: 'Francois One', sans-serif;

     }
    .mainnav > ul > li>a:hover{
       color: #333;
        background: none;
        border-radius: 5px 5px 0px 0px !important;
        
    }
    .mainnav li> .active{
        color: #333;
        background: #fff !important; 
        border-radius: 5px 5px 0px 0px !important;
        
    }

    .mainnav ul > li > ul {
        -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset !important;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset !important;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset !important;


        background: #fbfbfb !important;
        margin-left: 9px;
        margin-top: 6px;
    }

    .mainnav ul > li > ul > li > {
        padding: 0px;
    }

    .mainnav ul > li > ul > li > a{
        font-weight: 500;
        padding: 5px 10px 5px !important;
        display: inline-block;
        width: 300px;
        margin-left: -10px;
    }

    .mainnav ul > li > ul > li > a:hover{
    	border-left: 4px solid rgb(0, 73, 152);
        background: #eeeeee;
        color:#003874;
    }

    /*******************END MENU STYLING****************************/

}