@charset "utf-8";

@import url(../../fonts.googleapis.com/css-family=Lato.css)/;

/** Reset **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size:90%; line-height: 1.6; }

::-moz-selection { background: #93b823; color: #fff; text-shadow: none; }
::selection { background: #93b823; color: #fff; text-shadow: none; }

a{color:#cf2b25; text-decoration:none;}
a:hover, a:active { outline: 0; color:#000000; text-decoration:underline; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/*label { cursor: pointer; }*/
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: red; padding: 0.2em 0; text-align:center; }

body{ background:#ffffff url(../images/body_bg.png) repeat; font-family:'Lato', sans-serif; color:#000000; }

#outer{width:100%; margin:0 auto;}

#wrapper_outer {width:1000px; margin:0 auto;}
#wrapper { background: #fff; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3); box-shadow:0 1px 3px rgba(0,0,0,0.3); width:1000px; float: left;}

header { height:123px; float:left; width:1000px;}
.topmenu{float:left; background: #f7f7f7; height:30px; width:100%; border-bottom:1px solid #ececec;}
.timing { float: left; background: url(../images/icons.png) no-repeat left 2px; height: 18px; font-family:'Lato', sans-serif; font-size: 12px; margin: 6px 0px 0px 12px; padding-left:25px;}

.rightlocation { float: right; background: #eaeaea; width:338px; height: 30px;}
.call {float: left; background: url(../images/icons.png) no-repeat left -20px; height: 20px; font-family:'Lato', sans-serif; font-size: 14px; color:#000 !important; margin: 3px 26px 0px 15px; padding-left:25px;}
.location { float: left; background: #cf2b25; width: 138px; height: 30px;}
.loctxt { float: left; background: url(../images/icons.png) no-repeat left -47px; height: 21px; margin: 3px 0px 0px 15px; padding-left:25px; padding-top:2px; color:#fff; font-weight:bold; font-size:12px; }
.proindicator { background: url(../images/shape.jpg) no-repeat; width: 90px; height:8px; position:absolute; top:30px; margin-left:-110px;}
.logo{margin: 20px 0px 0px 10px;float:left;}
.add { float: right; font-family:'Lato', sans-serif; font-size: 14px; color:#000000; line-height:20px; margin-top:5px; margin-right:10px;}

nav{ list-style:none; float:left; width: 100%; margin-bottom: 20px; }
nav ul { float: left; width:100%; background-color: #be2721; background-image: -webkit-gradient(linear, left top, left bottom, from(#cf2b25), to(#951d19)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #cf2b25, #951d19); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #cf2b25, #951d19); /* FF3.6+ */
	background-image: -ms-linear-gradient(top, #cf2b25, #951d19); /* IE10 */
	background-image: -o-linear-gradient(top, #cf2b25, #951d19); /* Opera 11.10+ */
	background-image: linear-gradient(to bottom, #cf2b25, #951d19);}
nav ul li {float: left;}
nav ul li a, footer{float:left; font-family:'Lato', sans-serif; font-size:18px; color:#ffffff; text-decoration:none; padding:15px 37px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -0-transition:all .5s ease; transition:all .5s ease; border-left: 1px solid #8c1c18; border-right: 1px solid #e8302b;}
nav ul li a:hover, nav ul li a.selected, nav ul li a.current{ background: #cf2b25; color:#fff; text-decoration: none; }

#container { float: left; width: 976px; padding: 0px 12px 15px 12px;}

/** banner **/
.banner { float: left; width: 976px; height: 327px; padding: 20px 0px; border-bottom: 1px dashed #000000; border-top: 1px dashed #000000; margin-bottom: 20px;}

.leftside { float: left; width: 638px;}
.leftside h1, .subtitle { font-family:font-family:'Lato', sans-serif; font-size:30px; color:#000; background: url(../images/one_line.png) repeat-x bottom; padding-bottom:10px; margin-bottom:15px;}
.leftside h1 span { color:#cf2b25;}
.subtitle {font-size:24px; background:none; margin-bottom:5px; border-bottom: 1px dotted #000000; padding-bottom:0px; margin-bottom:10px; }
.leftside p { font-size:14px; line-height: 23px; margin-bottom:15px; text-align:justify; }
.btn { background: url(../images/more.png) no-repeat; width:102px; height:32px; float:right; cursor: pointer; margin:5px 0px;}
.btn:hover { background: url(../images/more.png) no-repeat left -42px; float:right;}

.mdlbox, .rightbox, .imgsdw { float: left; width:302px; border:1px solid #c4c4c4; margin-right:30px; margin-bottom:15px; 
			-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; box-shadow:0 1px 3px rgba(0,0,0,0.4);
			-webkit-transition:all .5s ease-in; -moz-transition:all .5s ease-in; -0-transition:all .5s ease-in; transition:all .5s ease-in;}
.mdlbox:hover, .rightbox:hover, .imgsdw:hover { float:left; border: 1px solid #8aaf1a; }
.boxtle, .reztitle { font-family:font-family:'Lato', sans-serif; font-size:24px; color:#000; background:#f4f4f4; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); margin-bottom:10px; border-bottom:1px solid #e9e9e9; 
			text-align: center; padding:5px 0px; width:100%;}
.reztitle { background: #5A7410; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7); color: #ffffff;}
.boximg { float: left; width:280px; height:103px; border: 3px solid #d4d4d4; margin-left:7px; margin-bottom:10px;}
.list { float: left; background: url(../images/icons.png) no-repeat left -68px; padding-left: 18px; margin-left:14px; margin-bottom:10px; width:100%; font-size: 14px; color:#000000;}
.list:hover { text-decoration: none;}
.rm { float: right; background: url(../images/icons.png) no-repeat right -85px; font-size:14px; padding-right:22px; margin-bottom:6px; margin-right:7px; cursor: pointer;
		-webkit-transition:all .5s ease-in; -moz-transition:all .5s ease-in; -0-transition:all .5s ease-in; transition:all .5s ease-in;}
.rm:hover { background: url(../images/icons.png) no-repeat right -100px; text-decoration: none; }

.rightside { float: right; width:303px;}
.rightbox { width:303px; margin-right:0px; margin-bottom:67px; margin-top:0px;}
.imgsdw { width:303px; height:209px; margin-right:0px; margin-bottom:70px; border:1px solid #ffffff;}

/** Reservation **/
.rezlabel, .rezlabelnw{ float:left; font-family: 'Lato'; color: #58444f; margin-left:10px; width:75px; font-size: 14px; }
.rezlabelnw{ width:54px; margin: 0px 11px 0px 0px; }
.reztxtbox, .reztxtboxnw{background: #ffffff; border:none; font-family:'Lato'; font-size:14px; font-weight:normal;color: #58444f; padding:2px; width:140px; border: 1px solid #cccccc; margin-bottom: 15px; }
.reztxtboxnw{float: left; width:45px; margin-right: 100px; }
.reztxtbox, .reztxtboxnw { -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; 
							transition: all 0.7s ease-in-out; }
.reztxtbox:focus, .reztxtboxnw:focus {border: 1px solid #8aaf1a;}
.bknw { float:left; background: url(../images/booknow.png) no-repeat; width:138px; height:32px; cursor: pointer; margin:0px 0px 10px 85px;}
.bknw:hover { background: url(../images/booknow.png) no-repeat left -42px;}
/** Reservation Over **/

.roomsimg { float:left; margin-right:20px; width: 286px; height:148px; border: 3px solid #e1e1e1; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -0-transition:all .5s ease; transition:all .5s ease;}
.roomsimg:hover { border: 3px solid #ffffff; box-shadow:0 1px 3px rgba(0,0,0,0.4);}
ul.rmslist { margin-left:15px; margin-top:5px; }
ul.rmslist li { list-style-type: square; padding-bottom: 12px; padding-left: 5px; float:left; width:306px;}

.imgcss {border: 3px solid #e1e1e1; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.imgcss:hover {border: 3px solid #ffffff; box-shadow:0 1px 3px rgba(0,0,0,0.4);}

/** ROOMS RATES **/
.rmsrts { float: left; width:638px; background: #ebebeb; border: 1px solid #dbdbdb; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -0-transition:all .5s ease; transition:all .5s ease;}
.rmsrts:hover {box-shadow:0 1px 3px rgba(0,0,0,0.4); border: 1px solid #CF2B25;}
.rtstitle { text-align: center; width:100%; font-size:20px; background:#f6f6f6; border-bottom:1px solid #dbdbdb; text-shadow: 0 1px 0 rgba(255, 255, 255, 1.0); padding:5px 0px;}
ul.rts {float: left; margin:0px; padding:0px;}
.rtp {float: left; width:100px; font-weight: bold; border-bottom:1px solid #D7D7D7; color:#CF2B25; font-size:16px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1.0); padding:5px;}
.rtp1 {float: left; height:27px;}
.wkdy {float: left; width:94px; background:#ffffff; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb;  height:27px; font-weight: bold; padding:5px; text-align: center;}
.wkdy1 { float: left; height:50px; border-bottom: none;}

/*** FOOTER **/
footer {float: left; width: 100%; margin:0px; padding:0px; border: none; height:92px; background-color: #be2721; background-image: -webkit-gradient(linear, left top, left bottom, from(#cf2b25), to(#951d19)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #cf2b25, #951d19); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image: -moz-linear-gradient(top, #cf2b25, #951d19); /* FF3.6+ */
	background-image: -ms-linear-gradient(top, #cf2b25, #951d19); /* IE10 */
	background-image: -o-linear-gradient(top, #cf2b25, #951d19); /* Opera 11.10+ */
	background-image: linear-gradient(to bottom, #cf2b25, #951d19);}
.footerwarp { width:1000px; margin:0 auto; font-size:14px; color:#ffffff; font-weight: normal;}
.footerwarp a {color: #FFF;}

/*** forms ***/
.fieldset{float:left; margin-bottom:10px; width:100%;}
.fieldset label{float:left; width:150px;}
.txtbox, .txtarea, .combobox{ background-color: #FFF; border: 1px solid #BBB; font-family:'Lato'; padding:3px; width:210px;
	-webkit-transition:all .5s ease-in; -moz-transition:all .5s ease-in; -0-transition:all .5s ease-in; transition:all .5s ease-in;	
}
.txtbox:focus, .txtarea:focus, .combobox:focus{ border: 1px solid #888; box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.combobox{width:218px;}
.red{ color:#FF0000; font-size:14px; font-weight: bold;}
.sbt { background: url(../images/submit.png) no-repeat; width:107px; height:32px; float:left; cursor: pointer; margin:5px 0px; border:none;}
.sbt:hover { background: url(../images/submit.png) no-repeat left -42px;}

/** Photo Gallery **/
ul.pg{float:left; width:100%;}
ul.pg li {float:left;}
ul.pg li a{ background-color: #F9F9F9; border: 1px solid #BBB; box-shadow:0 1px 3px rgba(0,0,0,0.2); float:left; padding:3px; margin-bottom:15px;
	-webkit-transition:all .4s ease-in; -moz-transition:all .4s ease-in; -0-transition:all .4s ease-in; transition:all .4s ease-in; zoom: 1; filter: alpha(opacity=80); opacity: 0.8;}
ul.pg li a:hover{border: 1px solid #8aaf1a; box-shadow:0 2px 8px rgba(0,0,0,0.4); filter: alpha(opacity=100); opacity: 1;}