/* @charset 'utf-8'; @RGV2ZWxvcGVkIEJ5IEFrdWRvIFNpbGFz */
.fix{
width: 100%;
max-width: 1366px;
margin: 0 auto;
}
.wrap{
width: 96%;
margin: 0 auto;
overflow: hidden;
}
.pad{
padding: 1% 2%;
}
.fl{
float: left;
}
.fr{
float: right;
}
.colspan{
clear: both;
}
.row{

}
.span1{float: left; width: 8.3333%;}
.span2{float: left; width: 16.6666%;}
.span3{float: left; width: 24.9999%;}
.span4{float: left; width: 33.3332%;}
.span5{float: left; width: 41.6665%;}
.span6{float: left; width: 49.9998%;}
.span7{float: left; width: 58.3331%;}
.span8{float: left; width: 66.6664%;}
.span9{float: left; width: 74.9997%;}
.span10{float: left; width: 83.333%;}
.span11{float: left; width: 91.6663%;}
.span12{float: left; width: 99.9996%;}

@media all and (min-width: 1024px) {

}
@media all and (min-width: 720px) {

}
@media all and (max-width: 1920px) {

}
@media all and (max-width: 1024px) {

}
@media all and (max-width: 980px) {
	
}
@media all and (max-width: 960px) {

}
@media all and (max-width: 800px) {
#highlight .span3{width: 49.9996%;margin-bottom: 2%;}
}
@media all and (max-width: 768px) {
#highlight .span3{width: 49.9996%;margin-bottom: 2%;}
}
@media all and (max-width: 720px) {
	#nav ul li a{padding: 0 4px;}
}
@media all and (max-width: 640px) {
	#logo{background-size: auto 50px}
	#nav ul li{display: block;}
	#nav ul li a{border-right: 0;border-bottom: 1px dashed #9A0000;}
	#welcome h2{text-align: center;}
	#welcome .span9, #welcome .span3{float: none;width: auto;}
	.book-button {min-height: 50px;}
	.book-button a{margin: 0% auto 0px;}
	#highlight .span3{width: 49.9998%;}
	#rooms .span6{float: none;width: auto;background-image: none;}
	.mobile .fr{float: none;}
	.span6.mobile, .span4.mobile{float: none;width: auto;}
	.mobile-ta-center{text-align: center;}
	.gallery ul li{width: 46%}
	.gallery ul li img{width: 99.996%;height: auto;max-height: 188px;}
	.contactus .span3{float: none;width: auto;}
	#abouttabs .span4 > .inner {border-right: 0; padding-right: 1%; padding-left: 1%}
	#footer .fl, #footer .fr{float: none;text-align: center;}
}
@media all and (max-width: 600px) {
	#welcome h2{text-align: center;}
	#highlight .span3{width: 99.9996%;margin-bottom: 2%;}
	.span6.mobile, .span4.mobile{float: none;width: auto;}
	.mobile-ta-center{text-align: center;}
}
@media all and (max-width: 480px) {
	#welcome h2{text-align: center;}
	.span6.mobile, .span4.mobile{float: none;width: auto;}
	.mobile-ta-center{text-align: center;}
	.gallery ul li{width: 96%}
	.gallery ul li img{width: 99.996%;height: auto;}
}
@media all and (max-width: 360px) {
	#slideholder{display: none;}
	#welcome h2{text-align: center;}
	.span6.mobile, .span4.mobile{float: none;width: auto;}
	.mobile-ta-center{text-align: center;}
	.gallery ul li{width: 94%}
}
@media all and (max-width: 320px) {
	#slideholder{display: none;}
	#welcome h2{text-align: center;}
	.span6.mobile, .span4.mobile{float: none;width: auto;}
	.mobile-ta-center{text-align: center;}
	.gallery ul li{width: 93%}
}