/* CSS Document */
* {margin:0; padding:0;}

/* HTML Tags */
html,body {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	width:100%;
	font-size:12px;
	background: url(../../images/index/bodyBkg.jpg) no-repeat top center  #0d2853;
	color:#747475;
}
html,body {height:100%; min-height:100%;}


img {border:none; margin:0}

h1 {font-size:18px; color:#123f8d; font-weight:normal;  /*font-family:Georgia, "Times New Roman", Times, serif*/}
h2 {font-size:14px; color:#123f8d; font-weight:normal; margin:0 0 20px 0}

a, a:active, a:visited {text-decoration:none; color:#7d7d7d; cursor:pointer}
a:hover {color:#2849a0;}
input, textarea, select {font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:11px; color:#000000; overflow:auto;}
ul {list-style:none;}

.spacer {clear:both; font-size:0;}
.spacerSep {clear:both; font-size:0; height:10px;}


/* containers */
#pageContainer {
	min-height:100%; 
	width:882px;
	margin:0 auto;
	/*position:relative;*/
}
* html #pageContainer {height:100%;}
#pageContainer[id] {background:url(../../images/index/pageBkg.png) repeat-y}

#pageContent { width:882px;}

.pageTop {width:882px; height:90px; background:url(../../images/index/pageTopBkg.jpg) no-repeat}

#logo {position:absolute; top:0; left:20px; width:370px; height:121px;}
#logo[id] {background:url(../../images/index/logoBkg.png) no-repeat}
#logoImg {width:182px; height:117px; margin:5px 0 0 90px;}
#logoImg[id] {background:url(../../images/index/logo.png) no-repeat}

#header {width:848px; height:207px; margin:0 auto; border-top:2px solid #042150; border-bottom:2px solid #042150;}

#mainContent {background:url(../../images/index/mainContentBkg.jpg) repeat-x top #FFFFFF; padding:15px 30px; width:788px; margin:0 auto; min-height:400px;}
* html #mainContent {height:400px;}

#topWrapper {position:relative}


/*Top Navigation*/
#topNavigation {float:right; position:relative; top:-10px; right:20px;}
#topNavigation li {display:inline}
#topNavigation li a {	
	display:block; 
	float:left; 
	height:44px; 
	padding:0 10px; 
	line-height:44px; 
	font-size:12px; 
	font-weight:bold; 
	font-style:italic;
	color:#FFFFFF;
	margin:0 10px;
}
#topNavigation li a:hover, #topNavigation li a.selected {background:#46669c}


/*Horizontal navigation*/
#hrNav {border-bottom:2px solid #042150; height:44px; width:848px; margin:0 auto}
#hrNav li {display:inline}
#hrNav li a {	
	display:block; 
	float:left; 
	height:44px; 
	padding:0 20px; 
	line-height:44px; 
	font-size:12px; 
	font-weight:bold; 
	font-style:italic;
	color:#FFFFFF;
	margin:0 20px 0 0;
	text-transform:uppercase
}
#hrNav li a:hover, #hrNav li a.selected {background:#46669c}


/*Languages*/
#languages {position:absolute; top:0; right:30px;}
#languages li {display:inline}
#languages li a {
	display:block; 
	float:left; 
	width:33px; 
	height:46px; 
	line-height:43px; 
	font-size:12px; 
	font-weight:bold; 
	color:#FFFFFF;
	padding:0 0 0 10px;
}
#languages[id] li a {background:url(../../images/index/lang.png) no-repeat}
#languages li a:hover, #languages li a.selected {color:#0b2e5b}
#languages[id] li a:hover, #languages[id] li a.selected {background:url(../../images/index/langActive.png) no-repeat}

/*Index*/
#indexLeft {width:510px; float:left; padding:10px; color:#0c2c5f}
#indexLeft[id] {background:url(../../images/index/textBkg.png) repeat}
#indexLeft h1{line-height:30px; font-size:14px; font-weight:normal; color:#0c2c5f}
#indexRight {width:210px; float:right;}
form.search {border:1px solid #2849a0; margin:15px 0 0 0; padding:0 10px 10px 10px; color:#21273b}
.search h2.title { 
	text-align:center; 
	margin:-16px 15px 0 15px;
	background:url(../../images/index/searchTitleBkg.jpg) repeat-x;
	position:relative;
	font-size:18px;
}
.search label {display:block; float:left; text-align:left; height:14px; margin:14px 3px 0 0;}
.search label.date {width:60px;}
.search input {margin:10px 3px 3px 0; padding:0 3px; float:left}
.search .inpTxt {width:80px; border:1px solid #aaaaaa; height:18px;}
.search .inpTxtShort {width:40px; border:1px solid #aaaaaa; height:18px;}
.search .calendar {margin:10px 0 0 0; cursor:pointer; float:left}
.search select {margin:10px 5px 3px 0; float:left; border:1px solid #aaaaaa;}
.search .btnSearch {
	width:84px; 
	height:20px; 
	background:url(../../images/index/btnBkg.jpg) no-repeat; 
	border:none; 
	cursor:pointer;
	float:right;
}
#feedBack {width:85px; height:66px; display:block; float:left; margin:30px 0 0 0; color:#ffffff; text-align:right; padding:35px 15px 0 0}
#feedBack[id] {background:url(../../images/index/feedBack.png) no-repeat}
#offer {width:85px; height:66px; display:block; float:right;  margin:30px 0 0 0; color:#ffffff; text-align:left; padding:35px 0 0 15px}
#offer[id] {background:url(../../images/index/offer.gif) no-repeat}

.bookingForm {width:230px; float:right; padding:10px; margin:0 0 0 10px}
.bookingForm[class] {background:url(../../images/index/textBkg.png) repeat}
.bookingForm  h2.title {background:url(../../images/index/bookingTitleBkg.jpg) repeat-x; }


/*Weather*/
#weather {padding:20px 0 0 0; width:200px;}
#weather .title {color:#fbc93f; text-align:center; font-size:12px; font-weight:normal}
#weather .forecast {width:50%; float:left; display:inline; text-align:center; font-weight:bold; padding:5px 0;}
#weather .forecast strong {display:block;}
#weather .forecast img {display:block; margin:auto; width:61px; height:34px;} 
#weather .forecast .low {color:#64abfc;}
#weather .forecast .high {color:#f07c28;}
/*~Weather*/

/*Quick links*/
.quickLinkBox {display:block; width:152px; height:143px; padding:10px 0 0 8px; float:left; margin:10px 10px 10px 0}
.quickLinkBox[class] {background:url(../../images/index/quickLinkFrame.png) no-repeat}
.quickLinkBox .content {display:block; width:145px; height:135px; background:#8098c2;}
.quickLinkBox .title { font-size:16px; color:#FFFFFF; text-align:right; display:block; padding:5px 10px 0 0}
.quickLinkBox img {border:1px solid #0a295e; margin:10px 0 0 4px;}
a:hover.quickLinkBox .content {background:#0a295e;}
a:hover.quickLinkBox img {border:1px solid #ffffff;}
/*~Quick links*/

#mainContent h1.title {padding:5px 0 5px 10px; margin:0 0 20px 0; height:30px; line-height:30px; text-transform:uppercase}
#mainContent[id] h1.title {background:url(../../images/index/textBkg.png) repeat}
#mainContent .customContent {padding:10px; width:768px;}
#mainContent .customContent[class] {background:url(../../images/index/textBkg.png) repeat}
#mainContent .rightContent {width:570px; float:right;}
#mainContent .narrow {width:300px;}
#mainContent h3.title {color:#8e8f8f; font-size:13px; font-weight:normal}
#mainContent .userComment {border:1px solid #bdb6b6; color:#747475}
#mainContent .userComment h4 {color:#123f8d; background:#eef2f3; font-weight:normal; line-height:25px; padding:0 0 0 10px; font-size:12px}
#mainContent .userComment .content {padding:0 10px 0 10px;}
#mainContent .userComment .name {display:block; text-align:right; padding:0 10px 20px 0;}
.feedback .inpTxt, .feedback textarea {border:1px solid #627caa !important;}



#subNav {width:187px; float:left; margin:0 10px 0 0}
#subNav a {
	display:block; 
	width:187px; 
	height:34px; 
	background:url(../../images/index/subMenuFrame.gif); 
	line-height:34px; 
	color:#5e696a;
	text-align:center;
	margin:0 0 3px 0;
}
#subNav a:hover, #subNav a.selected {background:url(../../images/index/subMenuFrameActive.gif); color:#123f8d;}

/*Contacts*/
.contacts {width:393px; height:334px; float:right; padding:10px; background:url(../../images/index/contactBkg.gif) no-repeat}
.contacts label {padding:10px 10px 0 0; display:block; float:left; width:130px; text-align:right; color:#123f8d;}
.contacts .inpTxt {width:243px; height:21px; border:1px solid #8acbe5; padding:3px 0 0 5px;  margin:0 0 5px 0; background:none; color:#123f8d}
.contacts  textarea {width:243px; height:160px; border:1px solid #8acbe5; padding:2px 0 0 5px; overflow:auto; color:#123f8d}
.contacts .btn {float:right;}
.btn {
	width:84px; 
	height:20px; 
	background:url(../../images/index/btnBkg.jpg) no-repeat; 
	border:none; 
	cursor:pointer;
	float:right;
	margin:10px 0 0 0
}

/*Room types*/
a.roomType {
	display:block; 
	width:166px; 
	height:167px; 
	background:url(../../images/index/roomTypeFrame.gif) no-repeat; 
	float:left;
	margin:0 12px 20px 12px;
	text-align:center;
	color:#7d7d7d;
	font-size:14px;
}
.roomType .title {margin:10px 0 0 0; display:block;}
.roomType img {margin:30px 0 0 0}
a:hover.roomType {color:#2849a0}

/*Gallery*/
#gallery {float:right; text-align:center; margin:0 0 0 10px; width:550px; overflow:hidden}
#gallery .imgContainer {border:1px solid #87a2ab; padding:10px;}
#gallery .title {color:#a0a09f; font-size:18px; margin:10px 0; display:block;}
#galleryContainer {width:480px; margin:0 auto;}
#thumbs {position:relative;}
.thumbs {
	float:left; 
	width:408px; 
	margin:10px 0 0 0; 
	height:87px; 
	cursor:default; 
	overflow:hidden; 
	position:relative; 
}
.thumbnail {width:102px; height:81px; float:left; cursor:pointer; margin:0 0 10px 0}
.thumbnail img {display:block; border:3px solid #87a2ab; border-left:1px solid #87a2ab; border-right:1px solid #87a2ab;}
.arrow {width:13px; height:57px; float:left; margin:10px 0px; cursor:pointer; border:none; background:none}
#arrowLeft {width:13px; height:57px; margin:25px 20px 0 0;}
#arrowRight {width:13px; height:57px; margin:25px 0 0 20px}
#arrowLeft[id] {background:url(../../images/index/prevPage.png) no-repeat;}
#arrowRight[id] {background:url(../../images/index/nextPage.png) no-repeat;}
/*~Gallery*/

.bookingTable {width:500px; border:1px solid #a8a8aa; margin:0 0 20px 0}
.bookingTable th {font-size:11px; font-weight:bold; color:#3a92af; height:45px; padding:0 5px; background:#d8dfec}
.bookingTable th.odd {background:#dee5ed;}
.bookingTable td {padding:5px; color:#4f5050; text-align:center}
.bookingTable td.odd {background:#dee5ed}
.bookingTable td.oddBlue {background:#f4f7f8}
.bookingTable td.bluewRow {background:#d8dfec}
.btnBook {
	display:block; 
	width:88px; 
	height:34px; 
	background:url(../../images/index/btnSearch.gif) no-repeat; 
	border:none;
	text-align:center;
	color:#E9E0D0 !important;
	cursor:pointer;
	line-height:34px;
	margin:10px 0 0 0;
}

.bookingTable .price {color:#4f5050; font-size:18px; margin:0 auto}


/* footer */
.spacerFooter {height:140px;}
#footer {
	width:788px; 
	height:120px; 
	margin:-140px auto 0 auto;  
	background:url(../../images/index/footerBkg.jpg) repeat-x top #123f8d; 
	padding:20px 30px 0 30px; 
	text-align:center;
	position:relative
}
#footer a {padding:0 15px 0 15px; font-weight:bold; font-style:italic; color:#FFFFFF; line-height:26px;}
#footer a:hover, #footer a.selected {font-weight:bold; color:#fcd569}
.rights {margin:20px 0 0 0}
#copyRight {color:#fcd569; padding:0 10px 0 0}
a.bbMedia {color:#fcd569 !important	}
#footer .hrSep {width:834px; height:2px; position:absolute; bottom:50px; left:5px;}
#footer .hrSep[class] {background:url(../../images/index/footerSep.png) no-repeat}
/*\ footer */

.msg {color:#123f8d; font-weight:bold; font-style:italic; margin:0 0 10px 0}


/*Site map*/
ul.siteMap {}
.siteMap ul ul {margin: 0 0 0 20px;}
.siteMap ul li a {margin:0 0 0 20px;}
.siteMap  li {list-style:none;} 
.siteMap li ul {margin:0;}
.siteMap li a, .siteMap li ul li a {
	border-bottom:1px solid #e0e7f1;
	display:block;
	height:20px;
	padding:2px 2px 2px 5px;
	text-decoration:none;
}
.siteMap li a:hover {border-bottom:1px solid #c4d6f0; }
.siteMap ul ul {margin: 0 0 0 20px;}
.siteMap ul li a {/*border-bottom:1px solid #e0e7f1; */margin:0 0 0 20px;}
/*\Site map*/


/*Pager*/
.pager {margin:-3px 0 0 0; float:right; font-weight:bold}
.pager li {list-style:none; display:inline}
.pager li a {padding:0 8px; background:#bac7de; border:1px solid #bac7de; display:block; float:left}
.pager li a.odd {background:#eef2f3; border:1px solid #eef2f3;}
.pager li a.selected {background:#eef2f3; border:1px solid #8599bc; color:#fbc55f}

.reserv label {padding:10px 10px 0 0; display:block; float:left; width:130px; text-align:right; color:#123f8d;}
.reserv .inpTxt {width:243px; height:21px; border:1px solid #8acbe5; padding:3px 0 0 5px;  margin:0 0 5px 0; background:none; color:#123f8d}