/* General CSS reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: top;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/* Helpers */

.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.dots-top { background: url('images/dot.gif') repeat-x top; padding-top: 5px; }
.dots-bottom { background: url('images/dot.gif') repeat-x bottom; padding-bottom: 5px; }
.dots-left { background: url('images/dot.gif') repeat-y left; padding-left: 5px; }
.dots-right { background: url('images/dot.gif') repeat-y right; padding-right: 5px; }

/* Fazana CSS */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: url('images/bg.gif');
	text-align: center;
	color: #333;
	font-size: 12px;
}
#shadows {
	margin: 0 auto;
	width: 959px;
}
#shadows #tl, #shadows #tc, #shadows #tr, #shadows #bl, #shadows #bc, #shadows #br {
	height: 21px;
}
#shadows #tl, #shadows #tr, #shadows #cl, #shadows #cr, #shadows #bl, #shadows #br {
	width: 21px;
}
#shadows #tl { background: url('images/shadow_tl.png') no-repeat; }
#shadows #tc { background: url('images/shadow_tc.png') repeat-x; }
#shadows #tr { background: url('images/shadow_tr.png') no-repeat; }
#shadows #bl { background: url('images/shadow_bl.png') no-repeat; }
#shadows #bc { background: url('images/shadow_bc.png') repeat-x; }
#shadows #br { background: url('images/shadow_br.png') no-repeat; }
#shadows #cl { background: url('images/shadow_cl.png') repeat-y; }
#shadows #cr { background: url('images/shadow_cr.png') repeat-y; }

#container {
	width: 917px;
	background: #fff;
	padding-bottom: 40px;
	text-align: left;
}

/**
 * TOP
 */
#top {
	color: #656565;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#top #top-right {
	float: right;
	padding: 5px;
	width: 50%;
	position: relative;
}
#top #top-right .button {
	display: block;
	height: 37px;
	background: url('images/top_button_bg_l.jpg') no-repeat left;
	padding-left: 15px;
	float: right;
	margin-left: 15px;
	text-decoration: none;
	position: relative;
}
#top #top-right .find-on-map {
	color: #656565;
}
#top #top-right .info {
	font-weight: bold;
	color: #de2102;
}
#top #top-right .button span {
	display: block;
	line-height: 37px;
	background: url('images/top_button_bg_r.jpg') no-repeat right;
	padding-right: 15px;
}
#top #top-right .find-on-map span {
	padding-right: 45px;
}
#top #top-right .find-on-map img {
	position: absolute;
	right: 10px;
	top: 7px;
}
#top #lang-select {
	float: left;
	color: #ccc;
	padding: 5px;
}
#top #lang-select a {
	text-decoration: none;
	color: #656565;
	text-transform: uppercase;
}
#top #lang-select a:hover {
	color: #de2102;
}
#top #lang-select a.current {
	color: #de2102;
	font-weight: bold;
}
#top #top-title {
	padding: 5px;
}
#top #top-title a {
	text-decoration: none;
	color: #555;
}

/**
 * TOP SEARCH
 */
#top-search {
	float: right;
	padding-top: 20px;
	width: 200px;
}
#top-search form {
	height: 20px;
	position: relative;
}
#top-search #keyword-input {
	width: 142px;
	height: 16px;
	margin: 0;
	border: 1px solid #dbdbdb;
	background: #fff;
	color: #999;
	font-size: 12px;
	position: absolute;
	right: 33px;
	top: 0;
}
#top-search #top-search-button {
	border: 1px solid #aeaeae;
	margin: 0;
	background: #b9b9b9;
	right: 0;
	top: 0;
	position: absolute;
}

/**
 * MENU
 */
#menubar {
	width: 650px;
	color: #ccc;
	padding: 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.mainmenu li {
	float: left;
	display: block;
	position: relative;
	padding: 5px 0;
	z-index: 1;
}

.mainmenu li a {
	color: #656565;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	padding: 0 5px;
}

.mainmenu li.active {
	position: relative;
	z-index: 9000;
}
.mainmenu li.active a {
	color: #de2102;
}
.mainmenu li.current a {
	color: #de2102;
}
.submenu td.tl { background: url('images/submenu_tl.png') no-repeat bottom right; height: 7px; width: 7px; }
.submenu td.tr { background: url('images/submenu_tr.png') no-repeat bottom left; height: 7px; width: 7px; }
.submenu td.bl { background: url('images/submenu_bl.png') no-repeat top right; height: 7px; }
.submenu td.br { background: url('images/submenu_br.png') no-repeat bottom left; height: 7px; }
.submenu td.l { background: url('images/submenu_l.png') repeat-y; }
.submenu td.r { background: url('images/submenu_r.png') repeat-y; }
.submenu td.b { background: url('images/submenu_b.png') repeat-x; }
.submenu td.t { background: url('images/submenu_t.png') repeat-x; width: 58px; }
.submenu td.tc { background: url('images/submenu_tc.png') no-repeat; width: 20px; }
.submenu { 
	display: none;
	position: absolute;
	left: -2px;
	top: 80%;
	width: 150px;
	z-index: 9999;
} 
.submenu td.links {
	background: #ddd url('images/submenu_background.gif') repeat-x top;
	/*border: 1px #bcbcbc solid;*/
	padding: 5px;
}
.submenu .links a, .mainmenu li.active .links a {
	color: #333;
	text-decoration: none;
	text-transform: none;
	white-space: normal;
	padding: 4px 6px;
	display: block;
	border-bottom: 1px dotted #bbb;
}
.submenu .links a:hover, .mainmenu li.active .links a:hover {
	color: #de2102;
}


/**
 * LOCATION
 */
#location-path {
	padding: 5px 0;
	color: #999;
}
#location-path a {
	color: #999;
	text-decoration: none;
}
#location-path a:hover {
	color: #de2102;
}
#location-path a.current {
	color: #000;
}

/**
 * FOOTER LINKS
 */
#footer-links {
	color: #ccc;
	padding: 15px 0;
	line-height: 170%;
}
#footer-links a {
	color: #333;
	text-decoration: none;
	white-space: nowrap;
	margin: 0 4px;
}
#footer-links a:hover {
	color: #de2102;
}

/**
 * FOOTER
 */
#footer {
	padding: 28px 0 28px 140px;
	color: #656565;
	line-height: 150%;
	background: url('images/footer_logo.jpg') no-repeat left center;
}

/**
 * DEV INFO
 */
#dev-info {
	color: #656565;
	padding: 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/**
 * MAIN
 */
#main {
	padding: 10px 0;
}
#main h1 {
	font-size: 24px;
	color: #4c4c4c;
	font-weight: normal;
}
#main p {
	padding: 5px 0;
	line-height: 125%;
}
.main-content a {
	color: #de2102;
}
.main-content {
	color: #676767;
	width: 450px;
}

/**
 * BOX
 */
.box {
	text-align: left;
	position: relative;
}
.box .box-content {
	background: #bbb;
	position: relative;
}
.box .box-title {
	color: #fff;
	background: #de2102 url('images/red_corner_bl.gif') no-repeat bottom left;
	position: relative;
}
.box .box-title div {
	background: url('images/red_corner_br.gif') no-repeat bottom right;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 10px;
}
.box .box-title a {
	text-decoration: none;
	color: #fff;
}
.box .box-image {
	text-align: center;
}
.box .box-image img {
	display: block;
	margin: 0 auto;
}
.box .box-handle {
	cursor: pointer;
	background: url('images/arrow-down.gif') no-repeat right center;
	display: block;
}
.box-visible .box-handle {
	background: none;
	display: inline;
}
.box .box-hidden-content {
	display: none;
}
.box .box-submenu, .box .box-submenu-open {
	display: none;
	position: absolute;
	top: 100%;
	margin-top: -30px;
	left: -1px;
	width: 100%;
	background: #ddd url('images/submenu_background.gif') repeat-x top;
	border: #cac9c9 1px solid;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
.box .box-submenu-open {
	display: block;
}
.box .box-submenu-visible {
	left: -1px;
	background: #ddd url('images/submenu_background.gif') repeat-x top;
	border: #cac9c9 1px solid;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
.box .box-submenu-handle {
	cursor: pointer;
	display: block;
	background: url('images/arrow-down.gif') no-repeat right center;
}
.box .box-submenu-title {
	color: #de2102;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
.box .box-submenu ul, .box .box-submenu-open ul, .box .box-submenu-visible ul {
	padding: 10px;
}
.box .box-submenu li, .box .box-submenu-open li, .box .box-submenu-visible li {
	width: 100%;
	display: block;
	line-height: 100%;
	height: auto;
}
.box .box-submenu li a, .box .box-submenu-open li a, .box .box-submenu-visible li a {
	color: #333;
	text-decoration: none;
	text-transform: none;
	white-space: normal;
	padding: 4px 6px;
	display: block;
	border-bottom: 1px dotted #bbb;
}
.box .box-submenu a:hover, .box .box-submenu-open a:hover, .box .box-submenu-visible a:hover {
	color: #de2102;
}
.transparent-box {
	position: relative;
	overflow: hidden;
}
.transparent-box .overlay {
	background: #000;
	opacity: 0.6;
	filter:alpha(opacity=60);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
	z-index: 1;
}
.transparent-box .box-content {
	background: none;
	color: #fff;
	padding: 10px;
	overflow: auto;
	z-index: 20;
	position: relative;
}
.transparent-box ul {
	padding: 10px;
}
.transparent-box li {
	padding: 5px;
	border-bottom: 1px dotted #fff;
	color: #ddd;
}
.transparent-box li a {
	text-decoration: none;
	color: #fff;
}
.transparent-box li a:hover {
	text-decoration: underline;
}
.top-event-date {
	font-size: 16px;
	padding: 5px;
}
.top-event-name {
	padding: 5px;
	font-size: 22px;
	font-style: italic;
}
.top-event-description {
	padding: 5px;
	font-size: 12px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #fff;
}
.top-event-button {
	background: url('images/top-event-button.gif') no-repeat center;
	height: 24px;
	display: block;
	float: left;
	line-height: 24px;
	padding: 0 10px;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
}

/**
 * ANULIST
 */
.anulist .items {
	width: 660px;
}
.anulist h1 {
	color: #333;
	font-size: 20px;
	padding-bottom: 10px;
}
.anulist .item-info li {
	line-height: 140%;
}
.anulist .item-info img {
	padding: 4px;
	border: 1px solid #f7c7f0;
	margin-right: 10px;
	float: left;
}
.anulist .item-info a {
	color: #de2102;
}
.anulist .more-info {
	clear: both;
	padding-top: 10px;
}
.anulist .items table {
	width: 100%;
}
.anulist .items table td {
	width: 50%;
	padding: 10px 10px 10px 0;
	border-bottom: 1px dotted #ccc;
}
.anulist .items table td.rightcol {
	border-left: 1px dotted #ccc;
	padding: 10px 0 10px 10px;
}
.anulist .right {
	width: 225px;
	float: right;
}
.page-nav {
	text-align: center;
	padding: 20px;
}
.page-nav a {
	color: #656565;
	text-decoration: none;
}
.page-nav a:hover {
	color: #de2102;
}
.page-nav a.current {
	color: #de2102;
	text-decoration: underline;
}

/**
 * EVENTS
 */ 
.events {
	padding: 10px 0;
}
.events .event-item {
	border-bottom: 1px dotted  #999;
	padding: 10px 0;
}
.events .event-title {
	padding: 5px 0;
}
.events .event-title h2 {
	display: inline;
	font-size: 16px;
}
.events .event-item img {
	padding: 4px;
	border: 1px solid #f7c7f0;
	margin-right: 10px;
	float: left;
}

div.right {
	float: right;
	width: 447px;
	padding-left: 3px;
}
/**
 * ANU DETAILS
 */
.anu .anudetail {
	width: 450px;
	font-size: 12px;
	color: #656565;
}
.anu .anudetail h1 {
	color: #656565;
	font-size: 24px;
	padding: 0 0 8px 0;
	text-transform: uppercase;
}
.anu .anudetail h2 {
	font-size: 18px;
	padding: 8px 0;
}
.anu .anudetail a {
	color: #de2102;
}
.anu .anudetail .description {
	color: #656565;
	font-size: 14px;
	line-height: 125%;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}
.anu .anudetail .params {
	padding-top: 15px;
}
.anu .anudetail .params h3 {
	margin: 10px 0;
	font-weight: bold;

}
.anu .anudetail li {
	line-height: 140%;
}
.anu .anudetail li strong {
	color: #000;
	font-weight: normal;
}
.anu .anudetail .params li {
	float: left;
	display: block;
	width: 48%;
	padding-right: 5px;
}
.anu .anudetail .booking-button {
	text-align: center;
	clear: left;
	padding: 15px;
}
.anu .anudetail .anu-pricelist {
	clear: left;
	padding-top: 25px;
}
.anu .anudetail .anu-pricelist td {
	text-align: center;
	font-size: 14px;
	color: #656565;
	vertical-align: middle;
	padding: 3px 6px;
}
.anu .anudetail .anu-pricelist td.label {
	border-bottom: 2px solid #333;
	padding: 5px;
	color: #333;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}
.anu .anudetail .anu-pricelist td.sep {
	padding: 0 10px;
	color: #333;
}
.anu .anudetail .anu-pricelist td.price {
	color: #de2102;
}
.anu .anudetail .calendars {
	width: 100%;
	margin-top: 10px;
}
.anu .anudetail .calendar {
	padding: 2px;
	background: #eee;
}
.anu .anudetail .calendar .calendar_title {
	background: #000;
	color: #fff;
	padding: 4px;
}
.anu .anudetail .calendar table {
	border-collapse: collapse;
	width: 100%;
}
.anu .anudetail .calendar td {
	border: 1px solid #eaeaea;
	padding: 2px 0;
	text-align: center;
	color: #eaeaea;
	width: auto;
}
.anu .anudetail .calendar thead td {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 2px 0;
	text-align: center;
}
.anu .anudetail .calendar .date {
	background: #707070;
}
.anu .anudetail .calendar .unavailable {
	background: #DE2102;
}
.anu .anudetail .calendar_navigation {
	padding-top: 10px;
}
.anu .anudetail .calendar_navigation table {
	width: 100%;
}
.anu .anudetail .calendar_navigation td {
	width: 50%;
}
.anu .anudetail .calendar_navigation a {
	color: #000;
	text-decoration: none;
}
.anu .anudetail .calendar_navigation .nextlink {
	text-align: right;
}
.anu .anudetail .legend {
	margin: 0;
	padding: 0;
	margin-top: 15px;
}
.anu .anudetail .legend dt {
	width: 15px;
	height: 15px;
	float: left;
	padding: 0;
	margin: 0;
}
.anu .anudetail .legend .available {
	background: #707070;
}
.anu .anudetail .legend .unavailable {
	background: #DE2102;
}
.anu .anudetail .legend dd {
	padding: 0 20px 0 10px;
	float: left;
	margin: 0;
}


/**
 * ...
 */
a.content-button {
	padding-left: 15px;
	background: url('images/content_button.jpg') no-repeat left;
	text-decoration: none;
	color: #de2102;
	font-weight: bold;
	font-size: 12px;
	display:-moz-inline-box;
	display:inline-block;
	position: relative;
}
a.content-button span {
	position: relative;
	display: block;
	line-height: 36px;
	padding-right: 15px;
	background: url('images/content_button.jpg') no-repeat right;
}
.ui-tabs .ui-tabs-hide {
	display: none;
}
.tabs-nav {
	margin-bottom: 20px;
	padding-left: 5px;
	border-bottom: 1px solid #c3c3c3;
}
.tabs-nav li {
	float: left;
	display: block;
	line-height: 27px;
	background: url('images/tabs-nav.gif') no-repeat right top;
	padding-right: 20px;
	margin-left: -5px;
	position: relative;
	z-index: 1;
	margin-bottom: -1px;
}
.tabs-nav li a {
	color: #4c4c4c;
	font-size: 10px;
	text-decoration: none;
	line-height: 27px;
	display: block;
	padding-left: 10px;
	background: url('images/tabs-nav.gif') no-repeat left top;
	text-transform: uppercase;
}
.tabs-nav .ui-tabs-selected {
	background-position: right bottom;
	z-index: 10;
}
.tabs-nav .ui-tabs-selected a {
	background-position: left bottom;
	color: #fff;
}

#map-container {
	height: 400px;
	display: none;
	position: relative;
}
#map-container #map-controls {
	width: 200px;
	height: 380px;
	position: absolute;
	left: 0;
	top: 0;
	background: #ddd;
	padding: 10px;
}
#map-container #map {
	height: 400px;
	width: 700px;
	position: absolute;
	right: 0;
	top: 0;
}

.gallery .gallery-scroller {
	overflow: hidden;
	padding: 10px 0;
	border-top: 5px solid #de2102;
	background: #bbb;
	display: none;
	width: 447px;
}
.gallery .gallery-scroller table td div {
	width: 223px;
	text-align: center;
}
.gallery .box-title {
	text-align: center;
}
.gallery .gallery-prev, .gallery .gallery-next {
	display: block;
	line-height: 30px;
	padding: 0 10px;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	position: absolute;
	top: 0;
}
.gallery .gallery-prev {
	display: none;
}
.gallery .gallery-next {
	display: none;
}
.gallery.box-visible .gallery-prev {
	display: inline;
	left: 0;
}
.gallery.box-visible .gallery-next {
	display: inline;
	right: 0;
}
.box-visible .gallery-scroller {
	display: block;
}
table.box-grid {
	border-collapse: separate;
	border-spacing: 5px;
}
.baners {
	text-align: center;
}
.baner {
	padding: 0 0 10px 10px;
}
.box-content .links {
	padding: 10px;
}
.box-content .links li {
	padding: 5px 10px;
	display: block;
	border-bottom: 1px dotted #777;
}
.box-content .links a {
	text-decoration: none;
	color: #333;
}
.box-content .links a:hover {
	color: #de2102;
}

.accommodation-search {
	padding: 10px;
	margin-bottom: 10px;
}
.accommodation-search th {
	padding: 3px;
}
.accommodation-search td {
	padding: 3px;
}

.booking-form {
	width: 300px;
}
.booking-form label {
	display: block;
	font-weight: bold;
}
.booking-form td {
	padding: 5px 10px;
}
.booking-form .submit {
	text-align: center;
}
.booking-form .text-field, .booking-form .text-box {
	border: 1px solid #555;
	padding: 1px;
	font-family: Arial, sans-serif;
	width: 175px;
	background: #f7f7f7;
	font-size: 12px;
}
table.fxTable {
	width: 440px;
	margin: 20px 0;
}
table.fxTable td {
	padding: 4px;
	border: 1px solid #ccc;
	text-align: center;
}
table.fxTable tr:hover td {
	background: #eee;
}

.boxy-wrapper .title-bar {
	background: #de2102;
}

#event-search-form { padding: 10px; }
#event-search-form label { padding-right: 10px; font-weight: bold; }
#event-search-form .field { text-align: right; padding: 5px 0; }
#event-search-form .submit { text-align: center; padding: 5px 0; }
#event-search-form .field input { width: 120px; background: #eee; }