@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;}

.green{
	color: #006600;
	font-size: 14px;
	font-weight: bold;
}

.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;}
