p { font-size: 18pt; margin: 0 0 1em 0; text-align: justify; }
h2.subtitle_1 { font-size: 30pt; margin: 0; font-weight: bold; }

div.thumbnails { float: left; width: 275px; height: 225px; overflow: visible; }
div.thumbnails a { display: block; }
div.thumbnails img { float: left; }
div.thumbnail_image { position: relative; width: 275px; height: 225px; z-index: 100; margin-bottom: -225px; }
img.thumbnail_image { position: relative; width: 275px; height: 225px; z-index: 100; margin-bottom: -225px; }
div.thumbnail_description { position: relative; width: 255px; height: 205px; top: 0; background: url('../../images/white-70.png') repeat; padding: 20px 0 0 20px; z-index: 200; opacity: 0; transition: opacity 0.5s ease 0s; }

div#black_curtain { background: #000000; width: 100%; height: 100%; z-index: 2020; opacity: 0.8; }
div.image_placeholder { position: fixed; color: #ffffff; font-size: 13pt; text-align: center; opacity: 0; transition: opacity 0.5s ease 0s; }
img.facilities_image { float: left; margin-bottom: 1em; opacity: 0; transition: opacity 0.5s ease 0s; }
div#pref_action_area { position: absolute; display: block; }
div#next_action_area { position: absolute; display: block; }
a#pref_action_area { position: fixed; display: block; top: 0px; z-index: 1003; }
a#next_action_area { position: fixed; display: block; top: 0px; z-index: 1003; }
a#hide_action_area { position: absolute; display: block; width: 30px; height: 30px; background: url('../../images/close-cross.png') no-repeat; z-index: 1004; }
a#hide_action_area:hover { background: url('../../images/close-cross.png') 0 -30px no-repeat; }

li { margin-left: 1em; }