#hotel{
	float: left;
	width: 520px;
	font-size: 80%;
	color: #575656;
}

* html #hotel{
	width: 510px;
}

#hotel img {
	border: none;
}

#hotel_header a:link, #hotel_header a:visited {
	color: #b7a553;
	text-decoration: none;
	border: none;
}

#hotel_header a:hover {
	color: #ac983d;
	text-decoration: none;
	border: none;
}

#horizontal_separator {
	height: 2px;
	width: 310px;
	margin-left:5px;
	border-bottom: 1px solid #ccc;
	float: left;
}

* html #horizontal_separator {
	width: 290px;
}

table#hotel_header {
	font-family: 'Trebuchet MS';
	float: left;
	font-weight: bold;
	color: #487cb3;
	margin-left:5px;
	margin-top: 10px;
	border-collapse: collapse;
	width: 310px;
}

th#hotel_title {
	font-size: 1.7em;
}

td#address_details {
	clear: both;
	font-size: 1.2em;
	line-height: 1em;
	float: left;
}

td#map_find img {
	margin: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	border: none;
}


#hotel_description {
	float: left;
	width: 322px;
}

* html #hotel_description {
	width: 312px;
}

#hotel_description_text {
	float: left;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 8px 0 5px 0;
}

#hotel_description_text p{
	margin: 0;
	padding-top:3px;
	padding-left:7px;
	padding-right:10px;
}

#gallery {
	float: left;
	width: 198px;
}

* html #gallery {
	width: 190px;
}
.imagebox { 
	margin-top: 10px;
	width: 198px;
	height: 261px;
}

* html .imagebox {
	width: 190px;
}
.imagebox img {
	border: none;
}

#gallery-middle {
	margin-top: 10px;
	height: 147px;
}

#gallery-bottom{
	clear: left;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#gallery-bottom img {
	margin: 0;
	padding: 0;
	width: 22px;
	height: 16px;
	border: none;
	vertical-align:text-bottom;
}


#gallery-bottom a:link, #gallery-bottom a:visited {
	color: #b7a553;
	text-decoration: none;
}

#gallery-bottom a:hover {
	color: #ac983d;
	text-decoration: none;
}

#guestbook_title {
	color: #487cb3;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	padding-top: 2px;
}

.guestbook_description {
	clear: both;
	line-height: 1;
}

.guestbook_description  table {
	border-collapse: collapse;
}

.guestbook_description  table td{
	padding-top: 5px;
	line-height: 1.1;
	padding-left: 5px;
	padding-right: 5px;
}

.sender_details {
	font-weight: bold;
	font-style: italic;
	text-align: left;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1;
}


div.address:hover{
	background: white;
	border: 1px solid #ccc;
}
  
.text_header {
	font-weight: bold;
	color: #487cb3;
}

div.hotel_comments {
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
}

div.tab_content {
	margin-left: 5px;
	float: left;
	width: 98%;
	border-top: 1px solid #ccc;
	clear: both;	
}


div.tab_content p, div.tab_content table td p{
	margin:0;
	padding:0;
}

.ui-tabs-panel {
	font-weight: normal;
}

.ui-tabs-panel a:link, .ui-tabs-panel a:visited {
	color: #b7a553;
	text-decoration: none;
	border: none;
	padding: 0;
}

.ui-tabs-panel a:hover {
	color: #ac983d;
	text-decoration: none;
}

.ui-tabs-panel table{
	border: #BEB8B7 1px solid;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
	background-color: white;
	line-height: 1.4;		
}
.ui-tabs-panel table td p{
	margin: 0 0 3px 0;
	padding: 0;
	line-height: 1.4;
}

/* begin css tabs */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

.ui-tabs-nav {
	clear: both;
	width: 100%;
	padding-top: 1em; /* for Safari */
	text-align: left; /* set to left, right or center */
	/*margin-top: 20px; /* set margins as desired */
	font: bold 1em verdana, arial, sans-serif; /* set font as desired */
	/*border-bottom: 1px solid #BEB8B7; /* set border COLOR as desired */
	list-style-type: none;
	/*padding: 3px 30px 4px 10px; /* THIRD number must change with respect to padding-top (X) below */
	margin: 0 0 0 5px;
	padding: 0;
}

* html .ui-tabs-nav {
	margin: 0 0 0 10px;
}

.ui-tabs-nav ul {
	margin: 0;
	padding: 0;
}

.ui-tabs-nav li {
	float: left;
	list-style: none;
	margin: 0;
	padding-left: 1px;
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-selected a:hover{
	background-color: #487cb3;
	color: #fff; /* set background color to match above border color */
}

.ui-tabs-nav li a:link, .ui-tabs-nav li a:visited, .ui-tabs-nav li a:hover{
	color: #487cb3; /* set background color to match above border color */
	text-decoration: none;
}

/* clear float for WinIE \*/
* html .ui-tabs-nav ul {
	height: 1%;
} /* end WinIE hacks /

/* clear float for other browsers */
.ui-tabs-nav ul:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.ui-tabs-nav a {
	display: block;
	padding: 3px 6px 3px 5px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #BEB8B7; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: white; /* set unselected tab background color as desired */
	color: #487cb3; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

/* for MacIE only */
* html>body .ui-tabs-nav,
* html>body .ui-tabs-nav a,
* html>body .ui-tabs-nav span {
	display: inline-block;
} /* end MacIE hack */