body {background: #fff; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #545454;}

/*->default's----------------------------------------------------------------------*/
#pageLayout {width: 980px; margin: 0 auto; z-index: 776;}
.line {clear: both;}
a img {border: none;}
form {margin: 0;}
.alcenter {text-align: center;}
.description {font-size: 10px;}
.partLineInn {border-bottom: 2px solid #8f5e4e; margin-bottom: 2px;}
.partLine {border-bottom: 1px solid #8f5e4e;}
.relBox {position: relative;}
.clear {clear: both; width: 100%; font-size: 0;}

/*->pageHeader---------------------------------------------------------------------*/
#pageHeader {clear: both; width: 100%; position: relative; text-align: right; margin-top: 15px; overflow: hidden; margin-bottom: 8px; min-height: 72px;}
.detail #pageHeader {overflow: visible; margin-bottom: 2px; min-height: 10px;}
  #pageLogo {position: absolute; left: 0; bottom: 0; z-index: 3; color: #545454; outline: none;}
	.detail #pageLogo {position: relative; float: left; margin-bottom: -27px;}
	#pageHeader .address {font-size: 11px; line-height: 1.2em;}
	#pageHeader .new {font-size: 14px; color: #7c412f;}
#pageHeader, #topMenu a:hover, #pageHeader .address {color: #7e7e7e;}
#pageHeader p {margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
  #topMenu {clear: both; position: relative; margin: 12px -13px 5px 190px; z-index: 2;}
	#topMenu, #topMenu a {color: #9f735e; text-decoration: none;}
	#topMenu a {margin: 0 10px;}
	#topMainMenu {clear: both; position: relative; z-index: 2; border-bottom: 2px solid #8f5e4e; height: 29px; *height: 28px; font-size: 14px;}

/*->pageMenu-----------------------------------------------------------------------*/
#pageMenu {clear: both; width: 100%; border-top: 2px solid #8f5e4e; position: relative; height: 62px; background: #f7efd4; z-index: 9; font-size: 14px; line-height: 1em;}

/*->pageCollage--------------------------------------------------------------------*/
#pageCollage {clear: both; overflow: hidden; width: 100%; padding: 0 0 2px; }
#pageCollage.main {border-bottom: 2px solid #8f5e4e;}
#iframeTop {clear: both; height: 541px; width: 980px;}

/*->quickReservation---------------------------------------------------------------*/
#quickReservation {border: 1px solid #dbdbdb; clear: both; margin: 3px 0; background: url(../images/bgReserv.gif) repeat-x left bottom #fff; line-height: 1em; font-size: 11px;}
  #quickReservation .banner {position: relative; margin: -1px; float: left;}
	#quickReservation .check select {width: 80px; height: 20px;}
	#quickReservation .night select {width: 45px; height: 20px;}
	#quickReservation a, #pageContent #quickReservation a {color: #656363; text-decoration: none; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
	#pageContent #quickReservation {border: none; background: none; padding-bottom: 3px; line-height: 1.3em; font-family: Verdana, Arial, Helvetica, sans-serif;}
	#pageContent #quickReservation .description {line-height: 1em;}
	#pageContent #quickReservation table {margin: 0 auto;}

/*->pageContent--------------------------------------------------------------------*/
#pageContent {clear: both; border-top: 2px solid #8f5e4e; border-bottom: 3px solid #8f5e4e; line-height: 1.3em; padding: 2px 0; _zoom :1;}
.detail #pageContent {margin-bottom: 30px;}
#pageContent.inner, .inner #pageFull {background: #fff; padding-left: 0; padding-right: 0; width:100%; float: left; padding-top: 0;}
#pageContent.gallery, .gallery #pageFull, #pageContent.video, .video #pageFull, .gallery, .video {background: #fff; padding-left: 0; padding-right: 0; width:100%; float: left; padding-top: 0; border-top: none; margin-top: 0;}
.gallery, .video  {_background: #fff !important; _padding-left: 0 !important; _padding-right: 0 !important; _width:100% !important; _float: left !important; _padding-top: 0 !important; _border-top: none !important; _margin-top: 0 !important;}
#pageContent.flashGallery, .flashGallery #pageFull {border-top: 0; margin-top: 0;}
#pageContent.calendar_list, .calendar_list #pageFull {border: none; margin: 0; padding: 0; background: none;}
.calendar_list .calendar_content {padding: 0 25px; margin-bottom: 12px;}
#pageContent.events, .events #pageFull {border-bottom: none; overflow: visible; padding-bottom: 0;}
.smap #pageFull {padding: 0 30px 40px; width: 920px;}
#pageContent, #pageContent a:hover, #pageContent a.more:hover {color: #666;}
.video #pageFull, .events #pageFull {padding-left: 25px; padding-right: 25px; width: 930px; margin-bottom: 0;}
  #pageFull {clear: both; border-top: 1px solid #8f5e4e; border-bottom: 1px solid #8f5e4e; background: #fff8e2; padding: 20px 45px; margin: 0;}
	#slogan {clear: both; width:100%; padding: 25px 0; text-align: center;}
	#pageLeft {width: 710px; overflow: hidden; float: left; padding: 0 0 20px;}
	#pageRight {width: 225px; margin-left: 45px; float: left; padding: 5px 0 20px;}
	#flashGallery {border-bottom: 1px solid #8f5e4e; width:980px; height:540px; background:#FFFFFF;}
#pageContent p, #pageContent ul, #pageContent ol {margin: 1em 0;}
#pageContent ul, #pageContent ol {padding-left: 2.8em;}
#pageContent a {color: #584221;}
#pageContent .more, #pageContent .more a {color: #1f78ca; font-weight: normal;}
#pageContent h2, #pageContent h4 {margin: 1.3em 0;}
#pageContent h1, #pagePopup h1 {margin: 1.3em 0 0; font-size: 18px; font-weight: normal; color: #a2755e;}
#pageContent h2 {font-size: 16px; color: #a2755e;}
#pageContent h3 {color: #584221; font-size: 14px; margin: 1.4em 0 1em;}
  .list th, .list td {border-bottom: 1px dashed #a6a6a6; text-align: left; padding-bottom: 7px; padding-top: 7px; padding-right: 10px;}
	.list td {padding-left: 10px;}
	.list .row1 td {background: #f6eed6;}
	.pager {clear: both; width: 100%; color: #8a624d; text-align: right; position: relative;}
	.pager span {text-decoration: underline;}
	#pageContent .pager a {text-decoration: none; font-weight: normal; color: #8a624d;}
	#pageContent .pager .next {background: url(../images/next.gif) no-repeat right 3px; padding: 0 18px 0 0; font-weight: bold;}
	#pageContent .pager .prev {background: url(../images/prev.gif) no-repeat left 6px; padding: 0 0 0 18px; font-weight: bold;}
	#pageContent .itemRoom {padding-bottom: 10px;}  
	  .roomPhoto {width: 245px; overflow: hidden; padding-top: 20px;}
		td.roomLinks {border-bottom: 1px solid #cdc6bc; padding-left: 20px; text-align: right;}
		div.roomLinks {margin: 0; clear: both; text-align: left;}
		#pageContent .roomLinks a {color: #fff; text-transform: uppercase; background: #009e84; text-decoration: none; position: relative; padding: 2px 25px; margin-left: 10px; line-height: 1.6em; font-weight: bold;}
		#pageContent .roomLinks a:hover {color: #cceef9;}
		#pageContent .roomLinks a.back {background: #5c4a31;}
		#pageContent .roomLinks a.back:hover {color: #dfc5a1;}
		.roomDescr {padding: 0 0 0 20px;}
		.roomDescr h2 {color: #60a7be;}
  #keyContact {text-align: center; font-size: 12px; border-bottom: 2px solid #8f5e4e; padding: 0 0 15px; margin-bottom: 2px;}
	#pageRight h2 {margin: 1.1em 0 0; font-weight: normal;}
	#pageContent .txt textarea, #pageContent .txt input {border: 1px solid #d4d4d4; font-size: 11px; color: #797979; padding: 3px 2px; font-family: Tahoma, Arial, Helvetica, sans-serif;}
	#pageContent .txt input {height: 13px;}
	#gallery {width: 100%; overflow: hidden; }
	  .galleryRow, .categoryRow {clear: both; width: 1110px; float: left;}
		.galleryRow {position: relative; padding-bottom: 20px;}
		.categoryRow {background: url(../images/bgCat.gif) no-repeat 50px bottom; padding: 0 0 35px;}
		.galleryItem {width: 240px; margin: 2.5em 130px 0 0; float: left; overflow: hidden; color: #939393;}
		.galleryItem .title {color: #8c543f; font-size: 14px; margin: 1em 0 0.2em;}
		.galleryItem .btnMore {position: absolute; bottom: 0;}
  .btnCalendar {cursor: pointer;}
	#galleryHover {position: relative; width: 980px; height: 310px; margin-bottom: 3px; visibility: hidden;}
		#galleryHover .bg {position: relative; left: 0; top: 0; width: 730px; height: 310px; overflow: hidden;}
		#galleryHover .main {position: absolute; left: 0; top: 0; width: 730px; height: 310px; overflow: hidden;}
		#galleryHover .main img { position: absolute; top: 0; left: 0;}
		#galleryHover .side {position: absolute; width: 249px; top: 0; left: 731px; height: 310px; overflow: hidden;}
		#galleryHover .side div {width: 249px; height: 155px; margin-bottom: 1px; overflow: hidden; background: #fff;}
	#pageContent a.definition {background: url(../images/bgDef.gif) no-repeat right 8px #e1ddba; border: 1px solid #d3c79f; color: #83733f; position: absolute; font-size: 11px; text-decoration: none; padding: 2px 25px 2px 10px; right: 0; outline: none; margin-top: 1px; margin-right: -25px;}
  #pageContent a.definition span {color:#1574ae;}
	#pageVideo {padding: 6px 7px 5px; background: #f9f7ea; width: 960px; height: 560px; clear: both; border: 3px solid #f7f2df; border-bottom: 1px solid #f9f6ef;}
	#gradientVideo {background: url(../images/bgVideo.gif) no-repeat left top; padding: 26px 0 30px;}
	/*->events----------------------------------------------------------------*/
  #eventMain {clear: both; border-top: 2px solid #b5aa9a; padding: 0; float: left; margin: 0.4em 0 -30px; line-height: 1.3em;}
	#eventRows {clear: both; border-bottom: 1px solid #b5aa9a; border-top: 1px solid #b5aa9a; padding: 0 30px; float: left; background: #fffcf2;}
	.eventRow {border-bottom: 1px solid #d4ccbc; border-top: 1px solid #d4ccbc;margin: 1px 0; clear: both; float: left; width: 100%;}
	.eventRow.first, .eventRow.single {border-top: none;}
	.eventRow.last, .eventRow.single {border-bottom: none;}
	.calendar_error {clear: both; padding: 6px 30px; color: #008000; border: 1px solid #d9e0bd; text-align: center; background: url(../images/calendar_error.gif) repeat-x left top #fefefe; width: 400px; margin: 20px auto;}
	  .eventItem, .eventItData {float: left; width: 420px; vertical-align: hiddden; padding: 10px 20px; font-size: 13px; font-family: Arial, Helvetica, sans-serif;}
		.eventItData {width: 730px; padding: 5px 0; clear: both; border-bottom: 1px solid #d4ccbc; border-top: 1px solid #d4ccbc;margin: 2px 0; float: none;}
		.eventItem .pict, .eventItData .pict {float: left; margin: 5px 20px 5px 3px; width: 120px; overflow: hidden;}
		#pageContent .eventItData p, #pageContent .eventItem p {margin: 0.2em 0;}
		#pageContent .eventItem h2 {margin: 0; padding: 10px 0 0; font-size: 15px; font-weight: normal; color: #87554c;}
		#pageContent .eventItData h2 {margin: 5px 0; color: #006e5e; font-size: 14px; font-weight: normal;} 
		.event {clear: both; border-bottom: 1px solid #d4ccbc; border-top: 1px solid #d4ccbc;}
		.eventItData .btns {float: left; width: 115px;}
		  .eventItData .btns a {clear: both; float: left; margin-top: 5px;}
		.eventItData .left, .eventItData .right {float: left; width: 432px; margin-right: 40px; padding-bottom: 5px; _display: inline; _width: 429px;}
		.eventItData .location {color: #8f7564;}
		.eventItData .day {color: #9e6e57;}
		.eventItData .date {color: #404040; font-weight: bold; margin-bottom: 10px;}
		.search {padding-top: 1em;}
		.btnExpHid {position: relative; height: 22px; width: 101px; float: left; margin-right: 8px;}
		.btnHide, .btnExp {position: absolute; left: 0; top: 0;}
		.hidContent, .btnHide {display: none;}
		.hidContent {margin-bottom: 10px;}
		
		#pageContent #siteMap ul {margin: 0; padding: 0; list-style-type: none; float: left; width: 100%;}
		#siteMap li {float: left; width: 25%; padding-top: 30px;}
		#siteMap li li {padding: 3px 0 0; width: 100%;}
		#siteMap li a {color: #7c412f; font-weight: bold;}
		#siteMap li li a {font-weight: normal; color: #a58167;}
		#siteMap li li a:hover {color: #7c412f;}
		
		#pageContent ul.search {border: 1px solid #8f5e4e; float: left; margin: 0; padding: 0; width: 223px; list-style-type: none; *padding: 0 0 4px; _zoom: 1;}
		#pageContent ul.search li {margin: 4px; background-color: #ebdfb9; text-align: center; *margin: 4px 4px 0; _zoom: 1;}
		#pageContent ul.search li.sel {border: 1px solid #8f5e4e; color: #7c412f; padding: 4px 0 0; font-weight: bold;}
		.search li.sel table {width: 100%; background-color: #f7efd4; border-top: 1px solid #cebb9d; margin-top: 4px; font-weight: normal; color: #a58167;}
		.search li.sel td {width: 26px;}
		.search li.sel td.busy {background-color: #a58167; color: #f6edd0; font-weight: bold;}
		#pageContent ul.search a {color: #7c412f; text-decoration: none; display: block; padding: 4px 10px; _zoom: 1;}
		#pageContent ul.search li.sel td.busy a {color: #f6edd0; padding: 0;}
		
		.share {float: left;}
		.share .bt {cursor: pointer; display: block;}
		.share-panel {position: absolute; border: 1px solid #8f5e4e; background-color: #fff; width: 260px; padding: 10px 15px 15px; display: none; margin: -22px 0 0 0; z-index: 88; cursor: default;}
		.share-caption {clear: both; position: relative; padding-right: 20px; font-size: 14px; color: #584221; font-weight: bold;}
		.share-close {position: absolute; right: 15px; top: 9px; text-decoration: none;}
		.share-panel ul {margin: 1em 0; padding: 0 !important; list-style-type: none;}
		.share-panel ul li {float: left; width: 50%; display: inline;}
		.share-panel ul li a { text-decoration: none; float: left; padding: 0 0 0 20px; background-repeat: no-repeat; background-image: url(../images/share-ics.gif); margin-top: 4px;}
		.share-panel .share-email a {background-position: 0 0;}
		.share-panel .share-delicious a {background-position: 0 -16px;}
		.share-panel .share-digg a {background-position: 0 -32px;}
		.share-panel .share-technorati a {background-position: 0 -48px;}
		.share-panel .share-reddit a {background-position: 0 -64px;}
		.share-panel .share-newsvine a {background-position: 0 -80px;}
		.share-panel .share-stumbleupon a {background-position: 0 -96px;}
		.share-panel .share-buzz a {background-position: 0 -112px;}
		.share-panel .share-twitter a {background-position: 0 -128px;}
		.share-panel .share-mixx a {background-position: 0 -144px;}
		.share-panel .share-facebook a {background-position: 0 -160px;}
		.share-panel .share-myspace a {background-position: 0 -176px;}
				
/*->pagePopup----------------------------------------------------------------------*/
#popupWrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bgPopup.png); display: none; z-index: 777; cursor: pointer;}
#popupBox {position: fixed; width: 460px; background: #fff; left: 50%; top: 40%; margin: 0 0 0 -235px; padding: 5px; display: none; z-index: 778;}
#popupBox .popupClose {position: absolute; right: 15px; top: 15px; z-index: 780;}
#pagePopup {border: 2px solid #ba9d93; padding: 20px; font-size: 11px; color: #797979;}
#pagePopup h1 {margin: 0; border-bottom: 1px dotted #797979; padding-bottom: 3px;}
#pagePopup p {margin: 3px 0;}
#pagePopup #signup td {padding: 2px 10px 2px 0; font-weight: bold;}
#pagePopup #signup input.txt {border: 1px solid #d4d4d4; font-size: 11px; color: #797979; padding: 3px 2px; height: 13px; width: 140px;}

/*->pagePopup1----------------------------------------------------------------------*/
#popupBox1 {position: fixed; width: 460px; background: #fff; left: 50%; top: 40%; margin: 0 0 0 -235px; padding: 5px; display: none; z-index: 779;}
#popupBox1 .popupClose {position: absolute; right: 15px; top: 15px; z-index: 780;}
#pagePopup1 {border: 2px solid #ba9d93; padding: 20px; font-size: 11px; color: #797979;}
#pagePopup1 h1 {margin: 0; border-bottom: 1px dotted #797979; padding-bottom: 3px;}
#pagePopup1 p {margin: 3px 0;}

/*->pageFooter---------------------------------------------------------------------*/
#pageFooter {clear: both; text-align: center; font-size: 11px; width:100%; padding: 10px 0 30px; line-height: 1.3em;}
#pageFooter p {margin: 1.4em 0;}
#pageFooter a {color: #545454; white-space: nowrap;}
#pageFooter a:hover, #quickReservation a:hover, #pageContent #quickReservation a:hover {color: #9c9c9c;}
  #pageFooter .logos {clear: both; width: 100%; overflow: hidden;}
	#pageFooter .logos a, #pageFooter .logos span {margin: 5px 15px;}
	#pageFooter .logos img {vertical-align: middle;}