@charset "utf-8";
@import "../css/textsettings.css";
@import "../css/common.css";

/*---- wrap ----*/

#wrap {
	width:930px;
	margin:auto
}

/*---- header ----*/

#header {
	padding:10px
}

#header .logo {
	margin:22px 0 28px 10px
}

/*---- main navigation ----*/

#main-nav {
	top:0;
	left:181px;
	overflow:hidden;
	height:91px
}

#mainNav > li {
	float:left;
	min-height:91px;
	border-left:1px solid #ccc;
	background:transparent url(../script/ie8/blank.gif)
}

#mainNav #news {
	min-width:83px
}

#mainNav #about-us {
	min-width:88px
}

#mainNav #collections {
	min-width:107px
}

#mainNav #accommodation {
	min-width:138px
}

#mainNav #travel-info {
	min-width:105px
}

#mainNav #faq {
	min-width:82px
}

#mainNav #photo-gallery {
	min-width:105px
}

#mainNav .category {
	top:61px;
	left:11px;
	height:27px;
	background:transparent url(../images/design/mainNav.png) 0 0 no-repeat;
	text-indent:-999em;
}

#mainNav .click .category {
	top:76px;
}

#mainNav #news .category {
	width:53px
}

#mainNav #news .category:hover,
#mainNav #news.current .category {
	background-position:0 bottom
}

#mainNav #news.click .category {
	background-position:0 -27px
}

#mainNav #about-us .category {
	width:57px;
	background-position:-84px 0
}

#mainNav #about-us .category:hover,
#mainNav #about-us.current .category {
	background-position:-84px bottom
}

#mainNav #about-us.click .category {
	background-position:-84px -27px
}

#mainNav #collections .category {
	width:78px;
	background-position:-172px 0
}

#mainNav #collections .category:hover,
#mainNav #collections.current .category {
	background-position:-172px bottom
}

#mainNav #collections.click .category {
	background-position:-172px -27px
}

#mainNav #accommodation .category {
	width:105px;
	background-position:-281px 0
}

#mainNav #accommodation .category:hover,
#mainNav #accommodation.current .category {
	background-position:-281px bottom
}

#mainNav #accommodation.click .category {
	background-position:-281px -27px
}

#mainNav #travel-info .category {
	width:75px;
	background-position:-417px 0
}

#mainNav #travel-info .category:hover,
#mainNav #travel-info.current .category {
	background-position:-417px bottom
}

#mainNav #travel-info.click .category {
	background-position:-417px -27px
}

#mainNav #faq .category {
	width:54px;
	background-position:-523px 0
}

#mainNav #faq .category:hover,
#mainNav #faq.current .category {
	background-position:-523px bottom
}

#mainNav #faq.click .category {
	background-position:-523px -27px
}

#mainNav #photo-gallery .category {
	width:95px;
	background-position:-606px 0
}

#mainNav #photo-gallery .category:hover,
#mainNav #photo-gallery.current .category {
	background-position:-606px bottom
}

#mainNav #photo-gallery.click .category {
	background-position:-606px -27px
}

#mainNav .sub-nav {
	display:none;
	bottom:22px;
	margin-left:9px;
	padding:8px 9px 0 0;
	font-size:1.1em
}

#mainNav #about-us .sub-nav {
	width:60px
}

#mainNav #accommodation .sub-nav {
	width:120px
}

#mainNav .sub-nav li {
	margin-top:1px
}

#mainNav .sub-nav a {
	padding:1px 2px 0;
	background-color:#fff;
	color:#969696
}

#mainNav #about-us .sub-nav a {
	width:56px
}

#mainNav #accommodation .sub-nav a {
	width:116px
}

#mainNav #travel-info .sub-nav a {
	width:83px
}

#mainNav .sub-nav a:hover {
	background-color:#b47c16;
	color:#fff;
	text-decoration:none
}

/*---- main ----*/

#main {
	width:749px;
	margin-bottom:80px;
	padding-left:181px;
	background:transparent url(../images/design/main-bg.png) 0 0 no-repeat
}

#main > .box {
	min-height:669px;
	border-left:1px solid #efe7f1
}

#main h2.title {
	top:100px;
	left:109px
}

/* page navigation */

.page-nav {
	margin-top:104px;
	padding:3px 0;
	color:#999;
	font-size:1.2em;
	text-align:center
}

.page-nav li {
	display:inline;
	margin-left:4px;
}

.page-nav li.first-page {
	margin-left:0;
}

.page-nav a {
	border:1px solid #ccc;
	padding:2px 6px;
	color:#999;
}

li.current-page {
	color:#636;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
}

li.total-page {
	margin-left:10px;
}

.page-nav .first-page a, .page-nav .end-page a {
	border:0;
}

/*---- footer ----*/

#footer {
	clear:both;
	padding:12px;
}

#footer .service.nav {
	top:0;
	right:0
}

#footer .service.nav li {
	display:inline;
	float:left;
	margin-right:24px
}

#footer .service.nav a {
	display:block;
	height:67px;
	background-color:transparent;
	background-image:url(../images/design/service.png);
	text-indent:-999em
}

#footer .service.nav .check-in a {
	width:68px
}

#footer .service.nav .check-in a:hover {
	background-position:0 bottom
}

#footer .service.nav .blog a {
	width:37px;
	background-position:-68px 0
}

#footer .service.nav .blog a:hover {
	background-position:-68px bottom
}

#footer .service.nav .contact-us a {
	width:45px;
	background-position:right 0
}

#footer .service.nav .contact-us a:hover {
	background-position:right bottom
}

#footer .company-info {
	margin-top:14px;
	font-family:verdana,arial;
	line-height:1.272;
	color:#999
}

#footer .company-info .adr {
	display:block
}

#footer .company-info .adr + .tel {
	margin-right:10px
}

#footer .copyright {
	margin-top:2px;
	text-transform:capitalize;
	letter-spacing:.05em
}

#footer .copyright .web-design {
	margin-left:18px;
	text-transform:lowercase
}

#footer .copyright a {
	color:#666
}

/*-- etc --*/

/* access key */

.acckey {position:absolute;visibility:hidden}

/* clear float */

* html .clearfix {height:1%}
*+html .clearfix {display:inline-block}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}