@font-face{

	font-family: "Avenir";

	src: url('http://www.cranleyhotel.com/public/themes/cranley/font/avenir/avenir.eot');

	src: url('http://www.cranleyhotel.com/public/themes/cranley/font/avenir/avenir.eot#iefix') format('embedded-opentype'),

	url('http://www.cranleyhotel.com/public/themes/cranley/font/avenir/avenir.ttf') format('truetype'),

	url('http://www.cranleyhotel.com/public/themes/cranley/font/avenir/avenir.svg') format('svg');



	font-family: 'Big Caslon';

	src: url('../fonts/big-caslon/big-caslon-medium.eot');

	src: local('☺'), url('../fonts/big-caslon/big-caslon-medium.woff') format('woff'), url('../fonts/big-caslon/big-caslon-medium.ttf') format('truetype'), url('../fonts/big-caslon/big-caslon-medium.svg') format('svg');

	font-weight: normal;

	font-style: normal;



	font-family: 'Caslon Pro';

	src: url('../fonts/adobe-caslon/Adobe-Caslon-Pro.eot');

	src: local('☺'), url('../fonts/adobe-caslon/Adobe-Caslon-Pro.woff') format('woff'), url('../fonts/adobe-caslon/Adobe-Caslon-Pro.ttf') format('truetype'), url('../fonts/adobe-caslon/Adobe-Caslon-Pro.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}











a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}

mark, rp, rt, ruby, summary, time {display:inline;}

input, textarea {border:0; padding:0; margin:0; outline: 0;}

iframe {border:0; margin:0; padding:0;}

input, textarea, select {margin:0; padding:0px;}



/* -------------------------------------------- */

/* ------------------Font---------------------- */



/*Add your font at here*/



/* -------------------------------------------- */

/* ------------------Style--------------------- */





html, body {width:100%; padding:0; margin:0; overflow-x:hidden; min-height:100%; height:auto;  }

body {

	background: #FFFFFF; 

	color: #FFFFFF; 

	height:100%;

	font-family:Caslon Pro,Big Caslon, Times New Romans, Serif; 

}



ol, ul{

	list-style-image:url('images/middot.png');

	margin-left:16px;

}

html{

	position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  overflow: hidden;



}



/*Input placeholder*/

::-webkit-input-placeholder {

   color: #ffffff;

   font-family:Caslon Pro;

   font-size:15px;

   opacity:1;

}



:-moz-placeholder { /* Firefox 18- */

   color: #ffffff; 

   font-family:Caslon Pro; 

   font-size:15px;

   opacity:1;

}



::-moz-placeholder {  /* Firefox 19+ */

   color: #ffffff;  

   font-family:Caslon Pro;

   font-size:15px;

   opacity:1;

}



:-ms-input-placeholder {  

   color: #ffffff; 

   font-family:Caslon Pro; 

   font-size:15px;

   opacity:1;

}

/*Input placeholder END*/





/*Window scroll*/

::-webkit-scrollbar{

    width: 9px;



}

 

::-webkit-scrollbar-track{

	box-shadow:inset 0 0 6px rgba(0,0,0,0.3); 

	

	

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bd9a6f+33,ffffff+38,ffffff+64,bd9a6f+67&0.42+33,1+37,1+63,0.42+67 */

background: -moz-linear-gradient(left,  rgba(189,154,111,0.42) 33%, rgba(242,235,226,1) 37%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 63%, rgba(255,255,255,0.86) 64%, rgba(189,154,111,0.42) 67%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(33%,rgba(189,154,111,0.42)), color-stop(37%,rgba(242,235,226,1)), color-stop(38%,rgba(255,255,255,1)), color-stop(63%,rgba(255,255,255,1)), color-stop(64%,rgba(255,255,255,0.86)), color-stop(67%,rgba(189,154,111,0.42))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgba(189,154,111,0.42) 33%,rgba(242,235,226,1) 37%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 63%,rgba(255,255,255,0.86) 64%,rgba(189,154,111,0.42) 67%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgba(189,154,111,0.42) 33%,rgba(242,235,226,1) 37%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 63%,rgba(255,255,255,0.86) 64%,rgba(189,154,111,0.42) 67%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgba(189,154,111,0.42) 33%,rgba(242,235,226,1) 37%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 63%,rgba(255,255,255,0.86) 64%,rgba(189,154,111,0.42) 67%); /* IE10+ */

background: linear-gradient(to right,  rgba(189,154,111,0.42) 33%,rgba(242,235,226,1) 37%,rgba(255,255,255,1) 38%,rgba(255,255,255,1) 63%,rgba(255,255,255,0.86) 64%,rgba(189,154,111,0.42) 67%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bbd9a6f', endColorstr='#6bbd9a6f',GradientType=1 ); /* IE6-9 */



   

    /*border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;*/

}

 

::-webkit-scrollbar-thumb{

    /*border-radius: 10px;

	

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;*/

    background:#FFFFFF;

}



/*Window Scroll END*/



.left-container{

	float:left;

	width:15%;

	height:100%;

	position:static;

	z-index:10000;

	

}



.full-container{

	overflow:hidden;

	height:100%;

	position:relative;

	width:100%;

	margin:0 auto;

	/*max-width:1300px;*/	

}



.right_inner{

	width:85%;

	height:100%;

	margin-left:15%;	

}



.content_inner{

	font-family:Caslon Pro;

	padding-top:10px;

	padding-left:25px;

	padding-right:25px;

	padding-bottom:10px;	

}





ul.bullet{

	padding-left:15px;

}

ul.bullet li {

	list-style-image:url('images/middot.png');

	text-decoration:underline;

	cursor:pointer;

}

.content_inner p{

	font-family:Caslon Pro !important;

	color:#525252;	

}

.content_inner a{ color:#ffffff !important; }



a{color: #ffffff; text-decoration: none;}

a:hover {color: #ffffff; text-decoration: underline;}



a.button{cursor: pointer;color: #ffffff;line-height: 14px;font-size: 14px;font-weight: bold;	background: #3F3F3F;}

a.button {display: inline-block;text-decoration: none;padding: 6px 12px 6px 12px;}

a.button:hover{}



.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

#clear{display: block; clear: both; height:0px;}



h1{ font-size:22px;padding:0px 0px 10px 0px; font-weight:normal;line-height:1.1em; color:#FFFFFF; }



/* -------------------------------------------- */

/* ------------------Header-------------------- */

header { /*background:#3F3F3F;*/ background:rgb(189,189,189);background:rgba(189,189,189,0.8); }

.wrap-header{/*height: 163px;*/ height:0px;  }



/*Booking Form*/

#booking-wrapper.mobile{ display:none; position: static;}

#booking-wrapper { 

	z-index:55; 

	display:inline-block; 

	/*position:absolute; */

	left:50%;

	width:292px;

    margin-top:1.5px; /* margin-top: 120px; */

    margin-left:-146px;	/* margin-left: 0px; */

    position:relative; 

}

#booking-form {  

	

	color:#ffffff;display:inline-block; 

	width:292px;

	margin:auto; 

	text-align: center; 

	

	padding-bottom:5px; 

	

}

#booking-form .booking-header{  

	text-align: center; 

	line-height: 40px; 

	font-family:Big Caslon, Times New Romans, Serif;

	margin: auto; 

	padding:5px 5px 5px 5px; /*background:url('http://www.cranleyhotel.com/public/themes/cranley/css/images/header-border.png') bottom left no-repeat;*/}

#booking-form .booking-header a{ 

	text-decoration: none; }

#booking-form h2{ 

	font-size:30px; 

	font-weight:normal;

	color:#ffffff; }

#booking-form .booking-body{ 

	background:rgba(189,154,111,0.8);

	border:2px solid #ffffff;

	border-top:none;

	width:292px;

	height:355px;

	font-family:Caslon Pro;

}

#booking-form .booking-btn{ 

	clear:both; 

	width:100%; 

	display:inline-block; 

	margin-top:1%;

	text-align: center; 

}

#booking-form .booking-btn a{   

	display:inline-block; 

	margin:0px 0px 0px 0px;}

#booking-form .booking-btn a.btn{ 

	padding:4px 8px 4px 8px; 

	background:#bd9a6f;

	font-size:14.5px; 

	float:left;

	width: 105px;

	  margin: 5px 8px 5px 8px;

 	height: 30px;

 	line-height:30px;

	font-family:Big Caslon, Times New Romans, Serif;

	border:1px solid #FFFFFF; 

	text-decoration: none; 

	color:#ffffff; }

.booking-btn a span{

	font-size:10px;



}

.booking-btn a.short{

	line-height:14px !important;

	 margin-left: 12px !important;

}

a.btn img{

	padding:10px 0px 10px 5px;

}

.booking-body .btn-line{

	background:url(images/book-line.png);

	height: 1px;

  	margin: 0px 20px 10px;

}

#booking-form .amend{ 

	font-size:12.8px; 

	margin:5px auto; 

}

#booking-form .amend a{ 

	color:#ffffff;

}

.booking-textbox{ 

	clear:both; 



	margin-left:10px;

	margin-right:10px; 

	display: inline-block;

}

.booking-textbox input{ 

	padding:2px;text-align:left; 

	background:#FFFFFF; 

	color:#bd9a6f; 

	width:52px; 

	font-size:11px; }

.booking-textbox .input{ 

	width:48%; float:left; 

	text-align:center; 

	font-size:11px; 

	margin-right:1%; 

	margin-bottom:2%; }

.booking-textbox .input-full{ 

	width:100%; 

	text-align: right; 

	padding-left:0;

	line-height:24px; 

	font-size:14px;

	margin-bottom:2%; }

.booking-textbox .input-full input{ 

	width:98px; 

	margin-left:4px; 

	font-size:12px; padding:3px 0px 3px 3px; 

}



.booking-textbox .input-full select{ 

	width:100px;

	margin-left:20px; 

	font-size:12px; 

	color:#bd9a6f;

	padding:3px 0px 3px 3px; 

	height:22px !important; border:1px solid #FFFFFF; }



.booking-tab{ 

	float:left; width:33.2%; 

	text-align:center; margin-bottom:10px; color:#ffffff;}

.booking-tab .header{ 

	font-size:0.8em; 

	color:#ffffff; 

	line-height: 1em} 

.booking-tab .booking-bg{ background:#FFFFFF; height:100px; width:96%; cursor: pointer; margin:auto; } 

.date-tab .booking-bg:hover{ background:#bd9a6f; }

.date-tab .in-month,

.date-tab .out-month{ 

	font-size:11px; color:#bd9a6f; 

	border-bottom:1px solid #bdbdbd;  

	width:90%;display:inline-block;margin:auto;line-height:2.2em; 

	text-transform: uppercase

}

.date-tab .booking-bg:hover > .in-month ,

.date-tab .booking-bg:hover > .out-month { 

	color:#ffffff; border-bottom:1px solid #FFFFFF;

}

.date-tab .in-date,

.date-tab .out-date{ 

	font-size:45px; 

	font-family:Avenir;

	line-height:45px;

	border-bottom:1px solid #bdbdbd; 

	width:90%; 

	display:block;

	margin:auto; 

	padding-bottom:5px;

	padding-top:5px;

	color:#bd9a6f;

}

.date-tab .booking-bg:hover >.in-date ,

.date-tab .booking-bg:hover > .out-date { 

	color:#FFFFFF; border-bottom:1px solid #FFFFFF;

}

.booking-bg .arrow-down{ 

	background: url(images/date-arrow-down.png) center 0px no-repeat; 

	width:90%; 

	display:block; 

	margin:auto; 

}

.date-tab .booking-bg:hover > .arrow-down { background: none; }

.guests-tab .border-t{ font-size:11px; border-bottom:1px solid #bdbdbd; width:90%;display:inline-block;margin:auto;line-height:2.2em;}

.guests-tab .nightStay{ 

	font-size:45px; 

	border-bottom:1px solid #bdbdbd; 

	width:90%;

	display:block;

	margin:auto;line-height:45px; 

	padding-bottom:5px;

	padding-top:5px;

	color:#bd9a6f;

}





#booking_now{

	position:fixed;

	right:100px;

	display:none;	

	cursor:pointer;

	z-index:9999;

}



.booking_calendar{

	padding:0px 20px 0px 20px;	

}











/*Content Box*/





.title_main{

	background:rgba(189,154,111,0.8);

	width:350px;

	/*max-width: 30%;

	width:auto;

	*/

	position:absolute;

	height:75%;

	/*height:350px;

	/*height:auto;*/

	top:50px;

	right:25px;

	bottom:200px;

	overflow-y:auto;

	overflow-x:hidden;

}



#title_main_home{

	height:87.5%;

	overflow-x:hidden;

	overflow-y:auto;

	top:40px;

}



.content_main{

	width:350px;

	/*max-width: 30%;

	width:auto;

	*/

	position:absolute;

	height:70%;

	z-index:25;

	/*height:600px;

		height:auto;*/

	top:60px;

	right:60px;

	float:right;

	display:block;

}



.content_main_inner{

	background:rgba(189,154,112,0.8);

	position:absolute;

	display:none;

	width:100%;

	height:auto;

	max-height:100%;

	overflow-y: auto;

	overflow-x: hidden;

}



#gallery-content-main{

	height:80%;

}



.gallery-inner{

	width:100%;

	height:auto;

}

.gallery-content{

	height:100%;

	  margin-left: 10px;

  margin-right: 10px;

  margin-bottom:10px;

}



.gallery-inner-row{

	width:33.3%;

	height:auto;

	float:left;

	margin-bottom:10px;

}



.gallery-here{

	padding:5px;

}



.gallery-inner-row img{

	width:100px;

	height:80px;

}



.offer-book-now-a{

  color: #FFFFFF;

  margin: 10px 0px 30px 5px;

  background: rgba(195,195,195,0.77);

  padding: 8px 10px 8px 10px;

  font-size: 16px;

  width:160px;

  height:34px;

  text-decoration: none;

  cursor: pointer;

  font-family: Big Caslon, Times New Romans, Serif;

}



.offer-book-now-a:hover,.offer-book-now-a:visited,.offer-book-now-a:active{

	text-decoration:none;

	color:#ffffff;

}



.offer-book-now-a img {

  padding-left: 40px;

  padding-top: 2px;

}



#title_main_now{

	position:absolute;

	display:none;

	cursor:pointer;

	width:33px;

	height: 69px;

	top:50%;

	margin-top:-35px;

	right:12px;

	z-index:1111;

}



.title_main_close{

	position:absolute;

	cursor: pointer;

	top: 0;

	right:0px;

	width:15px;

	z-index:2;

	height:15px;

	background:#bd9a70;

}



.title_main_close img{

	padding:4px;

}



.offer-content-bottom{

	float:none;

	width:100%;

	height:auto;

	overflow-y:hidden;

}



.offer-inner{

	padding:10px;

	margin-bottom:20px;

}



.offer-inner-title{

	color:#ffffff;

	font-family:Big Caslon, Times New Romans, Serif;

	text-align:left;

	padding:5px;

	padding-bottom:15px;

	font-size:24px;

}



.offer-inner-desc{

	color:#ffffff;

	text-align:left;

	font-size:14px;	

	line-height:18px;

	padding:5px;

	padding-bottom:15px;

}



.title_main .top{

	float:none;

	/*display: inline-block;*/

	width:100%;	

}



.title_main .bottom{

	font-family:Caslon Pro;

	float:none;

	width:92%;



	padding-left:4%;

	padding-right:4%;

	position:relative;

	padding-bottom:15px;

	margin-bottom:10px;

}



#title_main_home .bottom{

	overflow-y:auto;

	height:48%;

	/*border:1px solid red;*/

}





.title_main .bottom p,.content_main .bottom {

	font-size:14px;

	line-height:18px;	

	font-family:Caslon Pro;

}



.content_main .bottom{

	padding:10px 4%;

}



.title_main .top .title_inner,.content_main .top .title_inner{

	color:#ffffff;

	font-family:Big Caslon, Times New Romans, Serif;

	/*text-shadow:2px 2px 2px #000000;*/

	font-size:30px;

	/*padding:70px 80px 0px 10px;*/

	padding:10px 4%;

	/*max-width: 200px;*/

	display: block;

	text-align:left;

	margin:auto;

}



.title_main .top .title_span,.tcontent_main .top .title_span{

	/*padding:15px 90px 10px 30px;*/

	margin-top:10px;

	padding:0px 40px 0px 40px;

	text-align:center;	

	font-family:Big Caslon, Times New Romans, Serif;

}



.title_main .top .title_span span,.content_main .top .title_span span{

	font-size:0.9em;

	color:#000000;

	font-style:italic;	

}



.offer-list{

	/*margin-top:10px;*/

	width:100%;

	height:150px;

	position:absolute;

	bottom:0px;

	/*border:1px solid red;*/

}



.offer-list-img{

	position:relative;

	width:100%;

	height:100%;

}



#home-offer-next,#home-offer-next-m{

	position:absolute;

	right:15px;

	top:50%;

	margin-top:-14px;

	width:19px;

	height:28px;

	cursor:pointer;

	z-index:40;

	opacity:0.75;

}

#home-offer-next-m{

	right:8%;

	

}

#home-offer-prev,#home-offer-prev-m{

	position:absolute;

	left:15px;

	top:50%;

	width:19px;

	margin-top:-14px;

	height:28px;

	cursor: pointer;

	z-index:40;

	opacity:0.5;

}

#home-offer-prev-m{

	left:8%;



}



#home-offer-next:hover,#home-offer-prev:hover{

	opacity:1;

}



.offer-slide-a{

	position:absolute;

	top:0px;

	height:100%;

	left:0px;

	width:100%;

}



.offer-slide-a img{

	height:100%;

	width:100%;

}



.offer-list-desc{

	width:100%;

	position:absolute;

	bottom:0px;

	z-index:12;

}



.offer-desc-inner{

	padding:5px 10px 5px 10px;

	font-size:16px;

	font-family:Big Caslon, Times New Romans, Serif;

	background:rgba(189,154,112,0.7);

}





/*

.promo-slide .slideshowWindow {

	width:293px;

	height:92px;

	margin:0;

	padding:0;

	/*position:absolute;

	position: relative;

	overflow:hidden;

	z-index:0;

}

.promo-slide .slideshowWindow .promo {

	margin:0;

	padding:0;

	width:293px; 

	height:92px;

	float:left;

	position:relative;

	z-index:0;

}

*/



#logo {

	margin: 0px auto 0px auto;

	text-align: center;

	padding-top: 15px;

	width: 100%;

	margin-bottom:10px;

	margin-left:2%;

}



.logo-bottom{

	/*width:98%;*/

	width:100%;

	margin:auto;	

	height:auto;

	margin-bottom: 10px;

	/*margin-left:3%;*/

	text-align: center;

}



.logo-bottom img{

	/*width: 100%;*/

	height: auto;

	max-width: 100%;

}	



.logo-link{

	margin-bottom:10px;

}



#mobile-logo {

  display: block;

  margin: 11px;

  position: absolute;

}



#mobile-logo a img{

	width:80px;	

}

#logo a{ display:inline-block;margin:0 auto;padding:0px; }

#logo img{ 	max-width:100%;width:100%; height: auto; }



.video-list{

	margin-top:10px;

	margin-left:2%;

	margin-right:2%;

}

.video-list img{

	width:100%;

	height:auto;

	opacity: 0.9;

}

.video-list img:hover{

	opacity: 1;

}

.menubar_img{

	margin-top:0px;

	padding-bottom:20px;	

	text-align: center;

	padding-top: 10px;

	width: 100%;

}



.menubar_img a{

	margin-left:15px;

}



.menubar_img a:first-child{

	margin-left:0px;

}



.menubar_img_last{

	margin-top:20px;

	margin-bottom:20px;	

	text-align: center;

	padding-top: 15px;

	width: 80%;

}



.fixed_menu_bottom{

	position:fixed;

	bottom:0px;

	width:100%;

	height:37px;

	background-color:#216383;

	display:none;	

	color:#ffffff;

	font-size:0.9em;

}



.fixed_menu_inner{

	float:left;width:24%;text-align:center;line-height:37px;border-right:1px solid #2c7596;	

}



.fixed_menu_inner a{

	padding-top:10px;

	color:#ffffff;

	padding-bottom:10px;	

}



#language-list{display:none !important;margin:0 auto; width:100%; height: 25px; padding:5px 0px 5px 0px; text-align: center;  display: inline-block; }

#mobile-language-list{ float:none; margin:auto;text-align: center;width:100%; padding:0px; display:none; }

#language-list select,#mobile-language-list select{ padding:4px 5px 4px 5px; width:110px; color:#1c2020; font-size:12px; } 



	

nav {

	position: relative;

	width:100%;

	/*background: url(http://www.cranleyhotel.com/public/themes/cranley/images/header-bg.png) top left repeat; */

	background:#a5dbe4; 

	z-index: 11;

	height:100%;

}



nav.mobile-nav {

	position: relative;

	width:auto;

	background:#bd9a6f;  
	border-top:0px solid #a5dbe4;
	border-right:6px solid #a5dbe4;
	border-left:6px solid #a5dbe4;
	border-bottom:6px solid #a5dbe4;


	z-index: 11;

	min-height: 80px;  

	/*height:100%;*/

	height:80px;

}	



nav .wrap-nav{

	top:0px; 

	height: auto;

	padding-left:0px;

	width:86%;

	/*background:#bd9a6f;*/

	



}



.wrap-menu-border{

	width:100%;

	height:auto;

	position:relative;

}



#menu_border{

	border:1px solid #bd9a6f;

	border-top:none;

	height:100%;

	width:99%;

	padding:0 1% 1% 1%;

	position:absolute;

	left:0px;

	right:0px;

	margin:auto;

	top:0px;

	z-index:-1;

}



.wrap-nav .wrap-menu{

	margin:2%;

	margin-top:0px;

	

}



#menu_background{

	background:#bd9a6f;

	position:absolute;

	height:100%;

	width:98%;

	/*margin:0px 2.5% 2% 2.5%;*/

	margin:0px auto;

	z-index:-1;

}



.hotel-video{

	width:100%;

	margin-top:20px;

}



.menu { 

	text-align: center; 

	/*margin-left:2%;*/

	margin:auto;

	max-width: 150px;

	min-width: 0px

}

.menu ul {list-style: none;margin: 0;padding: 0; 

	max-width: 100%;



}

.menu ul li { 

	position: relative;clear:both; list-style-position: outside; 

	/*list-style-image: url('images/middot.png'); */

}

.menu ul li:hover { 		

	/*list-style-image: url('images/middot.png'); 		*/

}



.menu ul li a {

	font-size: 14px; 

	line-height:16px;

	color: #ffffff;

	display: inline-block;

	padding: 4px 15px;

	z-index: 11;

	position: relative;

	text-transform:capitalize;

	font-family:Caslon Pro;

	width: auto; 

	max-width:inherit;

	min-width: inherit;

}

.menu ul li:hover a {

	color:#ffffff; 

	text-decoration:none; 

    background-image: url(images/middot.png);

    background-repeat: no-repeat;

    background-position: 0% 50%;

}

.menu ul li.active a{

    background-image: url(images/middot.png);

    background-repeat: no-repeat;

    background-position: 0% 50%;

}



.menu ul li.active{

    /*padding: 6px 5px;*/

} 

.menu ul li a:before{

	/*padding-right:5%;*/

	/*content:url('images/blank.png');*/

}



.menu ul li a:hover:before{

	/*content:url('images/middot.png');*/

	/*padding-right:5%;*/

}





.menu ul li.active a:before{ 

	/*content:url('images/middot.png');*/

	/*padding-right:5%;*/

} 





.menu ul li.active a.special:before{

	/*content:url('images/middot-hover.jpg') !important;*/

	padding-right:8px !important;

}

.addHeight{

	top:43px;

}



/** Sub Menu **/

.srt-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;



}

.srt-menu ul {

	position:		absolute;

	display:		none;

	width:			15em; /* left offset of submenus need to match (see below) */

}

.srt-menu ul li {

	width:			100%;

	padding: 0px !important;

	background:#FFFFFF;

	margin-top:2px;

	height:40px;

}

.srt-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.srt-menu ul li a{ text-transform:none; color:#4e276a !important; padding: 5px 10px; line-height: 30px; font-size:14px;}

.srt-menu ul li a:hover{ color:#ff7e00 !important;}

.srt-menu li {

	position:		relative;

	/*margin-left:1px;*/

}

.srt-menu li li {

	margin-left:0px;

}

.srt-menu a {

	display:		block;

	position:		relative;

}

.srt-menu li:hover ul,

.srt-menu li.sfHover ul {

	display:block;

	left:			1.5em;

	top:			46px; /* match top ul list item height */

	z-index:		99;

	/*background:url(http://www.cranleyhotel.com/public/themes/cranley/css/images/menu-bg.png) top left repeat;*/

}

ul.srt-menu li:hover li ul,

ul.srt-menu li.sfHover li ul {

	top:			-999em;

}

ul.srt-menu li li:hover ul,

ul.srt-menu li li.sfHover ul {

	left:			15em; /* match ul width */

	top:			0;

}

ul.srt-menu li li:hover li ul,

ul.srt-menu li li.sfHover li ul {

	top:			-999em;

}

ul.srt-menu li li li:hover ul,

ul.srt-menu li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}



.menu_img_m{

	height:22px;	

}



/* Mobile Menu */

#menu .span, .m-menu{display:none;}

#menu { 

	margin:0px 0px; 

	height:42px; 

	padding:0px 0px 0px 3px;

	position:relative;

}



#menu ul { 

	list-style: none; 

	margin: 0 auto; 

	padding:0 0 0 2px; 

	z-index:9999; 

	position:relative; 

}

#menu > ul > li { position: relative; float: left; z-index:1011; padding:0px; }

#menu > ul > li > a { font-size:12px; color: #fff; line-height:30px; text-decoration: none; display: block; padding:0px 10px 0px 10px; z-index: 9999; position: relative; font-weight:bold; text-transform:uppercase;}

#menu > ul > li:hover > a {color:#fff; background:#d45c93; }

#menu > ul > li > div { display: none; background:#fff; position:absolute; z-index:1008; padding:10px; border-top:2px solid #bd9a6f; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}

#menu > ul > li:hover > div { display: table;}

#menu > ul > li > div > ul { display: table-cell; }

#menu > ul > li:hover > div {display: block;}



#menu > ul > li.categories > div { display: none; background:#fff; position:absolute; z-index:1008; padding:10px; border-top:2px solid #bd9a6f; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}

#menu > ul > li:hover > div {display: block; }

#menu > ul > li.categories > div > .column, #menu > ul > li > div > ul{position:relative;}

#menu > ul > li.categories > div > .column + .column, #menu > ul > li > div > ul li + li{border-top:1px solid #eee;}

#menu > ul > li.categories > div > .column a, #menu > ul > li > div > ul li a{font-size:13px; padding:7px 0; display:block;}

#menu > ul > li.categories > div > .column:hover > a{color:#d45c93;}

#menu > ul > li.categories > div > .column > div{display:none; position:absolute; border-top:2px solid #4e276a; background:#fff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); z-index:1010; left:150px; top:0; padding:5px 10px;}

#menu > ul > li.categories > div > .column:hover div{display:table; }

#menu > ul > li.categories > div > .column:hover > div ul{display:table-cell; }

#menu > ul > li.categories > div > .column:hover > div ul li + li{border-top:1px solid #eee;}

span.more{color: #c2c2c2; display: block; font-weight: bold;  position: absolute; right: 0; top:0px; width: 30px; height: 30px; line-height:30px; font-size:20px; text-align:center; cursor:pointer; background:url(http://www.cranleyhotel.com/public/themes/cranley/css/images/mplus.png) no-repeat left -50px;}

span.more.plus{background-position:0 -80px;}



.m-reserve{

	width:150px;

	margin-left:10px;

	float:left;

	line-height:42px;

}

.m-reserve a{

	color:#ffffff;

	text-decoration:none;

}

#theme_icon_img{

	margin-bottom:60px;	

	margin-left:10%;

	margin-right:10%;

	

}

/* Mobile Menu */







/* -------------------------------------------- */

/* ------------------Featured---------------- */



/* ------------------Content------------------- */

/** Home Page **/

/*

section{ z-index:1; position: relative; }

#content{ /* margin-top:20px; }*/

/*

#content > div { z-index:11 ;}

#content .wrap-content{ margin-top: 0px; padding-top:10px;}

#content ul, #content ol{ margin-left:20px; list-style-type:disc; }

ul.bullet,ol.bullet,ol.bullet_b,ul.bullet_b{ font-family:Georgia, "Times New Roman", Times, serif;margin-left:0px !important;margin-top:2px; margin-bottom:8px; list-style-type:none;  }

ul.bullet li,ol.bullet li{ list-style-type:none;   /*list-style-position:inside;*//*list-style-image: url('http://www.cranleyhotel.com/public/themes/cranley/css/images/list-bullet.png'); padding: 2px 0px 5px 30px;margin-left:0px; background:url(../images/li_logo.png) 0px 6px no-repeat; }

*/



ul.bullet_b li,ol.bullet_b li{ list-style-type:none; */  /*list-style-position:inside;*//*list-style-image: url('http://www.cranleyhotel.com/public/themes/cranley/css/images/list-bullet.png'); */padding: 5px 0px 5px 30px;margin-left:0px; background:url(../images/li_logo_b.png) 0px 12px no-repeat; }







.page-title-m{ 

	width:100%; 

	text-align: left;

	 margin-bottom:0px;

	 margin-top:0px;

	 color:#ffffff;

	 display:none;

}

.page-title-m img{

	padding-top:13px;

}





.page-content-m{

	display:none;

	font-family:Caslon Pro;	

	padding:10px;
	border-top:6px solid #a5dbe4;
	border-right:6px solid #a5dbe4;
	border-left:6px solid #a5dbe4;
	border-bottom:0px solid #a5dbe4;
	background:#bd9a6f;
	/*background:#a5dbe4;*/

}



.page-title-m h2{ 

	width:auto; 

	display:inline-block; 

	font-size:24px;

	font-family:Big Caslon, Times New Romans, Serif;

	margin:5px 0px 15px 0px; 

	padding:0px;	

}

.page-title h2{  

	width:auto; 

	display:inline-block; 

	margin:5px auto 5px auto; 

	padding:0px 20px 0px 20px; 

	font-size:24px;

}

.page-title h3{ 

	font-family:Big Caslon, Times New Romans, Serif;

	background:#FFFFFF; 

	width:auto; 

	font-size:18px;

	display:inline-block; 

	margin: -18px auto 0px auto; 

	padding:0px 20px 0px 20px; 

}

.page-title{ width:100%; text-align: center; margin-bottom:0px;margin-top:0px;background:url(../images/title-border-bg.jpg);



background-size:cover; }

.page-title img{

	padding-top:15px;

}



.page-content-m p,.page-content-m ul{

	color:#ffffff;



	font-size:0.9em;

}



/** Sub Page **/

#content.subcontent{ background:url(http://www.cranleyhotel.com/public/themes/cranley/css/images/sub-page-bg.png) top left repeat;}

#content.subcontent .wrap-content {  background:url(http://www.cranleyhotel.com/public/themes/cranley/css/images/sub-inner-page-bg.png) top left repeat; margin-top: 0px; padding-top:10px; z-index:0;}

#content.subcontent .wrap-content p{ color:#FFFFFF;  padding:0px;  } 





/** Offers Page **/


#hashtag-offer{
	display:none;
}

.slick-slider img{

	width:100%;

	height:100%;

}

.slider-wrapper{

	width:100%;

	height:100%;



}

#m-title-inner{

	position:absolute;

}



/** BEGIN okstmtcc 001 **/

/** Attractions Page **/

.hide{

	display:none;

}

.heightfull{

	height:100%;

}



#attraction-list { margin: 0px; }

#attraction-list .album-cover { display: inline-block; *display: inline; zoom:1; margin: 0px 5px 20px 10px; vertical-align: top; background:#FFFFFF ;position: relative; }

#attraction-list .album-cover  > div { max-width:310px; height:210px; }

#attraction-list .album-cover a { display: block; overflow: hidden; height:100%; position:relative;}

#attraction-list .album-cover img { display: block; position: relative; width:310px; height:210px; /*max-width:120%; min-height:100%; */ margin:auto; text-align:center;}

#attraction-list .album-cover p { margin-top:10px; text-align: center; vertical-align: middle; font-size:15px; color: #000000; display:block; min-height:30px; font-family:Caslon Pro,Big Caslon, Times New Romans, Serif; }

#attraction-list .album-cover .tooltips{ font-family:Caslon Pro,Big Caslon, Times New Romans, Serif;display:none; position: absolute;bottom:0px; margin-top:175px;z-index:1111; color:#FFFFFF;  width: 100%; height:auto; text-align: center;padding-top:5px;padding-bottom:5px;font-weight:bold; /*background:rgb(158,0,250); background:rgba(158,0,250,0.6); */font-size:13px; background:rgba(94, 143, 166, 0.8) ;}

/** END okstmtcc 001 **/



.attration_content{

	padding-top:25px;	

}

/** Room Page **/



.room_column{

	padding:25px 10px 25px 10px;

	width:100%;

	background-color:#ffffff;	

}



.room_gallery_a{

	cursor:pointer;	

}



.offer_column{

	padding:10px 0px 10px 0px;

	position:absolute;

	height:auto;

	width:100%;

	background-color:#ffffff;	

	display:none;	

	overflow:hidden;

	

}







.room_image,.offer_image{

	width:50%;

	float:left;	

	

}



.room_image img,.offer_image img{

	width:100%;	

}



.room_content,.offer_content{

	width:50%;

	float:right;	

	

}

.room_content{

	font-family:Caslon Pro;

	color:#808080;	

}



img#next{

	cursor:pointer;	

	width:45px;

	height:58px;

	z-index:11;

	position:absolute;

	right:0px;

	top:50%;

}



img#prev{

	cursor:pointer;

	width:45px;

	top:50%;

	position:absolute;

	height:58px;

	z-index:11;

	

}

.load_img{

	display:none;

}



.slider1{

	height:400px;	

}



.offer_content .line{

	border-top:1px solid #d0d0d0;

	width:50%;

	margin:0 auto;

	padding-bottom:15px;

	margin-top:30px;

}



.room_content_inner,.offer_content_inner{

	padding:10px;

	padding-top:0px;

	padding-bottom:50px;	

}



.room_content_inner{

	padding-left:25px;	

}



.room_content_inner p{

	font-family:Caslon Pro;

}



.offer_content_inner{

	padding:10px;	

}



.offer_content_inner p{

	text-align:center;

	font-family:Caslon Pro;

}



.offer_title_inner{

	padding-top:25px;

}



.offer_title_inner h2{

	color:#0a4a67;

	font-size:2em;

	text-align:center;	

}



.room_title{

	margin-bottom:0px;

	

}



.offer_content .booking-btn{

	width:175px;

	margin:0 auto;	

}



.read_more{

	width:175px;

	margin:5px auto;

	

}



.read_more p{

	font-style:italic;

	text-align:center;	

	color:#0a4a67;

}



.room_content .booking-btn a{

	margin-left:25px;

}





.room_gallery{

	width:100%;	

}



.room_gallery img{

 	float:left;

	width:23%;

	margin:1%;

	height:auto;

	

}





#rooms-list {

	position: relative;

	max-width: 100%;

	width: 100%;

}

#rooms-list img{

	width: 100%;

	max-width: 100%;

	height: auto;

}

/*#rooms-list img:hover{  filter: brightness(80%); }*/

#rooms-list .white-panel .parag{ padding-bottom:10px; }



/** Room Detail Page **/

#room-detail{ width: 100%; display: inline-block; margin:0px auto 20px auto; }

#room-detail .gallery-col{ float:left; width:58%; margin-right:2%;}

#room-detail .desc-col{ float:right; width:40%; text-align: left;}

#room-detail .desc-col h3{ font-size:28px; text-align:left; padding-bottom:30px;}

#room-detail .desc-col .desc{ font-size:14px; padding-bottom:30px; }





/** Gallery Page **/

/* ------------------------- gallery -------------------- */



#gallery .album-cover { display: inline-block; *display: inline; zoom:1; margin: 0px 30px 40px 4px; vertical-align: top; background:#673773 url(http://www.cranleyhotel.com/public/themes/cranley/css/images/album-cover-bg.png) top left no-repeat;

	box-shadow: -5px 5px 3px rgba(0,0,0,0.3); 

	-moz-box-shadow: -5px 5px 3px rgba(0,0,0,0.3); 

	-webkit-box-shadow: -5px 5px 3px rgba(0,0,0,0.3); 

	-o-box-shadow: -5px 5px 3px rgba(0,0,0,0.3); 

 }

#gallery .album-cover  > div { padding-top:5px; max-width:286px; height:179px; }

#gallery .album-cover a { display: block; overflow: hidden; height:100%; position:relative;}

#gallery .album-cover img { display: block; position: relative; max-width:120%; min-height:100%;  margin:auto; text-align:center;}

#gallery .album-cover p { margin-top:10px; text-align: center; vertical-align: middle; font-size:16px; color: #293f58; display:block; min-height:30px; }



/** prettyphoto **/

/*

div.pp_overlay { opacity:0.6 !important; }

div.pp_pic_holder { border: 10px solid rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 8px; overflow:hidden; }

div.pp_content_container { padding:10px; background-color:#fff; }

div.pp_default .pp_top,

	div.pp_default .pp_top .pp_middle,

	div.pp_default .pp_top .pp_left,

	div.pp_default .pp_top .pp_right,

	div.pp_default .pp_bottom,

	div.pp_default .pp_bottom .pp_left,

	div.pp_default .pp_bottom .pp_middle,

	div.pp_default .pp_bottom .pp_right { background:none !important; }

div.pp_default .pp_content_container .pp_left { padding-left:0px !important; background:none !important; }

div.pp_default .pp_content_container .pp_right { padding-right:0px !important; background:none !important; }

div.ppt, div.pp_top, div.pp_bottom { display: none !important; }

div.pp_gallery { margin-top: -70px; }

div.pp_gallery ul { height:62px; }

div.pp_gallery ul a { height: 60px; }*/





/* -------------------- sitemap ---------------- */

#sitemap  { }

#sitemap a { 

	text-decoration: underline; 

	color:#ffffff;}



#sitemap ul li { margin-top:10px;margin-left: 16px; padding-left: 5px; }

/*sitemap END */



#body-bg{

	position: relative;

	width:100%;

	height:100%;



}

.body-middle{

	/*border:2px solid #ffffff;*/

	position:absolute;

	width:100%;

	/*left:5%;

	top:30px;

	height:750px;*/

	height:90%;

	/*z-index:22;*/ /*okstmtcc 20151006*/

}



/*Frame Bg*/

.frame{

	  z-index: 10;

	  position:relative;

	  width:100%;

	  height:100%;

}



.body-middle-inner{

	position:relative;

	top:2.5%;

	bottom:2.5%;

	height:95%;

	width:95%;

	left:2.5%;

	right:2.5%;

	z-index:24; /*okstmtcc 20151006*/

}



.body-middle-inner .dot-top-right{

	width:18px;

	height:17px;

	background:url(images/border-dot.png);

	background-size:cover;

	position:absolute;

	top:3px;

	right:2px;

	z-index:31;

}



.body-middle-inner .dot-top-left{

	width:18px;

	height:17px;

	background:url(images/border-dot.png);

	background-size:cover;

	position:absolute;

	top:3px;

	left:3px;

	z-index:31;

}





.body-middle-inner .dot-bottom-left{

	width:18px;

	height:17px;

	background:url(images/border-dot.png);

	background-size:cover;

	position:absolute;

	bottom:3px;

	left:3px;

	z-index:31;

}



.body-middle-inner .dot-bottom-right{

	width:18px;

	height:17px;

	background:url(images/border-dot.png);

	background-size:cover;

	position:absolute;

	bottom:3px;

	right:2px;

	z-index:31;

}



.frame_top{

	position:absolute;

	z-index:20;

	height: 2px;

	left:10px;

	right:10px;

	top:10px;

	background:#ffffff;

}



.frame_left{

	position:absolute;

	z-index:20;

	background:#ffffff;

	top:10px;

	left:10px;

	bottom:10px;

	width: 2px;

}



.frame_right{

	position:absolute;

	top:10px;

	bottom:10px;

	right:10px;

	z-index:20;

	background:#ffffff;

	width: 2px;

}



.frame_bottom{

	bottom:10px;

	height: 2px;

	left:10px;

	right:10px;

	position:absolute;

	z-index:20;

	background:#ffffff;

}



.body-middle-inner .online-reserver{

	background:url(images/online-reserve-bg.png) no-repeat;

	width:178px;

	height:26px;

	cursor: pointer;

	position:absolute;

	top:10px;

	/*left: 50%;*/

	/*margin-left: -89px;*/

	left:0;

	right:0;

	margin:auto;

	text-align:center;

}

#reserver-open{

	display:block;

	z-index:22;

}



#booking_close{

	top:0px;

	position:relative;

}



.body-middle-inner .scroll-bottom{

	background:url(images/scroll-bg.png) no-repeat;

	width:242px;

	display:none;

	height:28px;

	cursor: pointer;

	position:absolute;

	bottom:10px;

	/*left: 50%;*/

	left:0;

	right:0;

	margin:auto;

	z-index:24;

	/*margin-left: -89;*/

	text-align:center;

}

.scroll-bottom .first{
	position:relative;
	width:100%;
	height:100%;
}
#scrollarrow-up{
	position:absolute;
	left:25%;
	margin-left:-6px;
	top:50%;
	margin-top:-4.5px;
	width:12px;
	height:9px;
	display:none;
}
#scrollarrow-down{
	position:absolute;
	right:25%;
	margin-right:-6px;
	top:50%;
	margin-top:-4.5px;
	width:12px;
	height:9px;
	display:none;
}

.body-middle-inner .scroll-bottom span{

	color:#be9a70;

	line-height:28px;

	font-size: 16px;

	font-weight:bold;

	text-shadow:0px 1px 1px rgba(0,0,0,0.17);



}

.body-middle-inner .online-reserver a{

	text-decoration:none;

	color:#be9a70;

}

.body-middle-inner .online-reserver span{

	color:#be9a70;

	line-height:26px;

	font-size: 16px;

	font-weight:bold;

	text-shadow:0px 1px 1px rgba(0,0,0,0.17);



}

/*Frame Bg END*/



.content-show-now{

	display:block;

}





#slider-banner{

	margin:auto;

	height:100%;

	position:absolute;

	display:inline-block;	

	width:100%;

	background:#FFFFFF;



}

.m-attraction-name{

	display:none;

}





/* -------------------------------------------- */

/* ------------------Footer-------------------- */

footer { 

	z-index:23; 

	position: absolute;

	bottom:0px;

	width: 100%; 

	height:9%;



}

footer .wrap-footer{padding:0px 0px; color:#ffffff; }

.laptop-only{

	display:none;

}

.mobilemode{ display:none; margin-left:1%;  }

.mobilemode a{ color:#FFFFFF !important; display:block !important; width: 94%; clear:both; text-align: left; background:#285061 url(images/icon-links.png) top right no-repeat; padding:0px 2% 0px 2% !important; line-height:35px; border-bottom:2px solid #FFFFFF; text-decoration: none !important}

.footer-inner{

	text-align:left; 

	margin-top:0px; 

	line-height:1.4em;

	height:100%;

	 }

.footer-menu {

	margin:auto; 

	height:100%;

	text-align: center;

	background:#a5dbe4; 





}

.footer-menu a{

	font-family:Caslon Pro;

	text-shadow:1px 1px 1px rgba(0,0,0,0.76);

	color:#ffffff;

	text-decoration:none; 

	font-size:13px; 

	padding:10px 10px 0px 10px; 

	display: inline-block;float:left;

}



.footer-menu a:first-child{ padding-left:0px;}

.footer-menu a.active{

	text-decoration:underline;	

}



.footer-menu a:hover{ text-decoration: underline; }



.copyright{  height:30px; line-height: 30px; 

	position:absolute;

}

.copyright a{ color:#FFFFFF; text-decoration: underline;}

.footer-inner .left{ 

	font-size:13px;

	width:48%;

	margin-left:2%;

	text-align:right;

	float:left; 

	color:#ffffff;

	font-family:Caslon Pro; 

}

.footer-inner .right{ 

	font-size:14px;

	width:48%;

	margin-right:2%;

	text-align:left; 

	float:right; 

	/*padding-top:10px;*/

	padding-top:5px;

	vertical-align: middle; 

}

.footer-social .first a{ padding:9px 5px 5px 10px;
 margin-right:40px;
	


}



.footer-social a{ padding:10px 5px 5px 5px; vertical-align: middle; display:inline-block;float:right; text-decoration: none;
	float:right;
	width:auto;
	height:30px;
 }

.footer-social a:hover{ text-decoration: none } 

.footer-social img{ vertical-align: middle; height:100%;}

.copyright_inner{

	font-family:Caslon Pro; 

	font-size:12px;

 	text-align: left;

 	float: left;

  	line-height:21px;

  	text-shadow:1px 1px 1px rgba(0,0,0,0.76);

  	color: #ffffff;	

}

.footer-social span{

	font-family:Caslon Pro; 

	color:#ffffff;	

	width:90px;

	line-height:1.2em;

	font-weight:bold;

	font-size:0.75em;

	text-align:left;

	float:right;

	padding-top:10px;

	text-shadow:1px 1px 1px rgba(0,0,0,0.76);

	padding-left:5px;

}

/* -------------------- Contact Us ---------------- */



.contact-address{

	font-size:13px;



}



.contact-address h1{

	font-size:24px;

	font-family:Big Caslon, Times New Romans, Serif;

	padding-bottom:10px;

}





.contact-address .row{ float:left;width:100%;clear:both; }

.contact-address .row .left{ 

	font-size:14px;

	text-align:right; 

	width:20%;

	float:left; 

	padding-right:1%; 

}

.contact-address .row.right{ 

	font-size:14px;

	text-align:left; 

	width:75%;

	float:left; 

	padding-left:2%; 

}

.contact-address .row .right a{

	color:#ffffff;

	text-decoration: underline;

}  

.contact-address .row .right.no-margin{ padding-left:0px !important;}

.contact-address .row .semicol{ 

	float:left;

	padding:0px 3% 0 1%;

}







.contact{ 

	margin:15px;

	margin-top:5px;

	font-family: Caslon Pro; 

}

.contact h1{ color:#ffffff; font-size:24px; font-family:Big Caslon, Times New Romans, Serif;}

.contact a{ color:#ffffff; }

.contact .col-1-2{ width:43%;}

.contact-sep{ float:left; width:2%; margin-right:6%;}

.tbContactform{width:100%; max-width:460px; }

.tbContactform td{ width:100%; text-align:left; padding-bottom:5px;}

.tbContactform .label-entry{ max-width: 180px; font-size:14px; }

.tbContactform .field-entry{ vertical-align: top}

.tbContactform input[type=text]{ 

	width:96%;

	margin:3px 0px; 

	height:18px;

	padding:5px 2%; 

	background:rgba(195,195,195,0.77);

	color:#ffffff;  

	font-family: Caslon Pro;

}

.tbContactform textarea{ color:#ffffff;  width:96%; height:70px;margin:3px 0px;padding:5px 2%; background:rgba(195,195,195,0.77);vertical-align: top;font-family: Caslon Pro; }

.tbContactform .field-entry{ text-align:left;}

.tbContactform button{

	color:#FFFFFF; 

	margin:5px 0px 10px 0px; 

	background:rgba(195,195,195,0.77); 

	padding:8px 10px 8px 10px; 

	font-size:16px; 

	text-decoration: none; 

	cursor:pointer; 

	font-family: Big Caslon, Times New Romans, Serif;



}

.tbContactform .contact-form-button img{

	padding-left:40px;

	padding-top:2px;

}



.tbErrors{ text-align:left; color:red;}

.error{ color:red;}

.colon { color:#FFFFFF; float: left; padding: 0px 5px; }

.tbSuccess{ color:green;}



.tbContactform input[type=text] placeholder{

	color:#ffffff;

}



/* -------------------- Contact Us ---------------- */



#contact-form-main{

	height:80%;

	top:30px;

	overflow-y:auto;

	overflow-x:hidden;

}



#contact-form-main .title_inner{

	padding-bottom:5px;

}



#map-wrapper { 

	height:100%;

	background:#ccc;  

	margin-top:0px; 

}



#location-map { 

	width: 100%; 

	height:100%;

	z-index:1; 

}



a.fancybox-nav.fancybox-prev,.fancybox-next,a.fancybox-nav{

	display:none !important;	

}





.popup-content{

  display: none;

  width: 640px;

  height:480px;

  padding:50px 20px 50px 20px;

  padding:10px;

  background-color:#000;

  top:50%;

  color:#6c0032;	

  left:50%;

  margin-left:-370px;

  margin-top:-260px;

  position:fixed;

  line-height: 1.4em;

  font-size: 14px;

  overflow: hidden;

}



.popup-content iframe{



}



#lean_overlay {

  position: fixed;

  z-index: 100;

  top: 0px;

  left: 0px;

  height: 100%;

  width: 100%;

  background: #000;

  display: none;

}