@charset "UTF-8";
html {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	width: 100%;
	margin: 0;
	padding: 0;
}

#contactPhones p { text-align: center; }

#contactPhones.onlineFormTable { background: #BBBBBB; padding: 3px 0 12px 0; }

.onlineFormTable { margin-top: 20px; }

.onlineFormTable td { padding-bottom: 5px; }

#calendarReadonly #calendarHeading{
	font-weight: bold;
	color: #00303C;
	font-size: 18px;
	width: 280px;
	text-align: center;
	margin-top: 5px;
}

#calendarReadonly {
	float: left;
	cleaR: both;
	margin-top: 15px;
	width: 280px;
	margin-left: 25px;
}

#calendarReadonly a:link {
	color: #00303C;	
}

#calendarReadonly .month {
	background-color: transparent;
}

#legend {
	width: 280px;
	margin: 10px auto 0 auto;
	color: #00303C;
	font-size: 10px;
	line-height: 13px;
	text-align: center;
}

body {
	margin: 0;
	padding: 0;
	background: #999999;
}

a:link, a:visited, a:active {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

#wrapper {
	float: left;
	width: 100%;	
}

#wrapperTopBackground {
	padding: 50px 0 0 0;
	width: 100%;
	background: url(../images/bkgr_lines.gif) repeat;
}

#wrapperTop {
	margin: 0 auto;
	width: 725px;
	padding: 0;
}

#banner {
	width: 725px;
	background: #FFFFFF;
	height: 180px;
	margin: 0;
	padding: 0;
}

#navWrapper {
	width: 725px;
	margin: 0;
	background-color: #C3000C;
	height: 45px;
}

#navExtra {
	float: left;
	clear: none;
	width: 140px;
margin: 2px 0 0 100px; 
}

#nav {
	height: 25px;
	margin: 20px 0 0 0;
	background: #FCA686;
	text-align: right;
	float: right;
	width: 725px;
}

#nav a:link img,
#nav a:hover img,
#nav a:visited img,
#nav a:active img {
	border: none;
}

#wrapperBottom {
	background: #FFFFFF;
	width: 725px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#wrapperContent {
	background: #FFFFFF;
	width: 725px;
	margin: 0 auto;
	padding: 5px 0 0 0;
}

#contentLeft {
	float: left;
	width: 333px;
	margin: 0 0 0 5px;
}

#contentRight {
	float: right;
	width: 378px;
	margin: 0 5px 0 0;
	background: #CCCCCC;
	min-height: 290px;
}

#contentRightHomepage {
	float: right;
	width: 292px;
	margin: 0 5px 0 0;
	background: #CCCCCC;
	min-height: 180px;
	padding: 55px 43px;
}

#contentRightGallery{
	float: right;
	width: 378px;
	margin: 0 5px 0 0;
	background: #FFFFFF;
	min-height: 180px;
	padding: 0;
}

#contentRightBookings{
	float: right;
	width: 352px;
	margin: 0 5px 0 0;
	background: #CCCCCC;
	min-height: 180px;
	padding: 10px 12px;
}


#contentRightTariffs {
	float: right;
	width: 352px;
	margin: 0 5px 0 0;
	background: #CCCCCC;
	min-height: 180px;
	padding: 10px 12px;
}

#wrapperFooter {
	width: 725px;
	background: #FFFFFF;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
}

#footerImage {
	width: 725px;
	margin: 5px auto 0 auto;
	background: url(../images/banner_bottom.jpg) no-repeat;
	height: 20px;
}

#footerContent {
	height: 20px;
	width: 725px;
	background: #000000;
	margin: 0 auto;
	color: #FFFFFF;
	text-align: right;
	font-size: 8px;
	line-height: 10px;
	float: left;
}

#footerContent p {
	margin: 4px 10px 0 0;
	padding: 0;
}

#description{ width: 100%; text-align: center; }

.photoAlignLeft {
	margin-top: 5px;
	float: left;
}

.photoAlignRight {
	margin-top: 5px;
	float: right;
}

#clear {
	clear: both;
	height: 0px;
}

#galleryThumbnails	{
	background: #000000;
	height: 260px;
	width: 328px;
	padding: 6px 0 0 6px;
}

.credit {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

#galleryThumbnails img {
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

ul li {
	padding: 5px 0;
}

.noTopGap {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* MOOTOOLS CSS */
#v_toggle {
	padding-bottom: 5px;
}

#vertical_slide, #horizontal_slide {
	padding: 10px;
	border: 5px solid #FFFFFF;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}