/* CSS Document */


/* gallery style*/

#gallery-link {
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}
.gallery-item {
	width:100px;
	float:left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
#main-pic-box {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.gallery-arrow {
	float: left;
	margin-top: 160px;
	cursor:pointer;
	border: none;
}
.caption {
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
}

#tn_container {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 9px;
	margin-left: auto;
}
/* end of gallery style*/

/* Gallery */

div#breakcrum {
	padding:3px 10px 0 0;
	font-size:10px;
	text-transform:lowercase;
}

div#tn_container {
	margin-right: auto;
	margin-left: auto;
	/*background:#0099FF;*/
}

#main_pic {
	display:block;
	padding: 2px;
}

#main_pic img {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

/* lh_arrow */
a#lh_arrow {
	width:11px;
	height:12px;
	display:inline;
	float:left;
	margin:28px 1px 0 0;
	background-image:url(../img/nav_arrows.gif);
	background-position:22px 12px;
}

a#lh_arrow:hover {
	background-position:22px 24px;
}

/* rh_arrow */
a#rh_arrow {
	width:11px;
	height:12px;
	display:inline;
	float:left;
	margin:28px 0 0 6px;
	background-image:url(../img/nav_arrows.gif);
	background-position:11px 12px;
}

a#rh_arrow:hover {
	background-position:11px 24px;
}

/* small thumbnail*/
a.stn {
	width:69px;
	height:40px;
	display:inline;
	float:left;
	margin-top: 9px;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 12px;
	padding: 1px;
}

/* big thumbnail*/
a#btn {
	width:91px;
	height:94px;
	display:inline;
	float:left;
	margin:0 0 0 6px;
	padding:2px 0 0 2px;
}

a#btn:hover {
	background-position:93px 96px;
}

#bookingForm {
	float: left;
	margin-left: 30px;
	width: 600px;
}
#galleryTop {
	width: 643px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;
}

#galleryTitle {
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	color: #CCCCCC;
}
#galleryTitle a {
	color: #CCCCCC;
}
/* /Gallery */

/*****   clearfix   *****/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;

}
.clearfix {
	display: inline-block;
}
/* hide from ie-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end hide from ie-mac */

/*****   end of clearfix   *****/



/***** Added by Takeshi *******/

.region-box, .suburb-box {
	margin: 0;
	padding: 0:
}
.region, .group {
	padding: 0px;
	width: 180px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
}
.region p, .group p {
	margin: 0px;
	padding-top: 0px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.region-box .region a {
	font-size: 13px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
}
.region-box .region a:hover {
	color: #FF3300;
	text-decoration: none;
}
.region-box .region .selected {
	color: #FF3300;
}
.region-box .group a {
	font-size: 13px;
	font-weight: bold;
	color: #0099FF;
	text-decoration: none;
}
.region-box .group a:hover {
	color: #003366;
	text-decoration: none;
}
.region-box .group .selected {
	color: #003366;
}

/***** end of Takeshi part  *******/

/* end of gallery style*/
#gnav {
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 0px;
	color:#FF9900;
	font-size:11px;
	font-weight:bold;
}
#gnav a {
	color:#FF9900;
}
#gnav a:hover {
	color:#FF3300;
}

#copyrights {
	position: absolute;
	margin: -26px 0px 0px 533px;
	text-align: center;
	color: #999999;
}

.thumbs {
  border: 2px solid #000000;
  
}

.selected {
  border-color: #ffbb11;
}

div.floorplan_box a, div.floorplan_box a:hover, div.floorplan_box a:visited {
  text-decoration: none;
  color: #ffffff;
  font-size: 13px;
}

div.floorplan_box {
  float: left;
  display: block;
  margin: 0 10px;
  width: 86px;
}

div.floorplan_box a img {
  margin: 0 3px;
}