html {
	text-align: center;
	margin: 0px;
	padding: 0px;
}

body {
	background: url(/images/body-background.jpg) #c7d5d9 center top no-repeat;
	background-attachment:fixed;
	text-align: center;
	margin: 0px;
	padding: 0px;
	
	* position: fixed;
	* overflow: hidden;
	/*_ position: auto;
	_ overflow: auto;*/
}

form {
	margin: 0px;
	padding: 0px;	
}

input, textarea
{
	border: 1px solid #79C0F9;	
}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #FFF;
	padding: 10px;
	font-family: Arial;
        font-size: 12px;
	text-align: left;
	
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip ul {
    margin-top: 5px;
    margin-bottom: 5px;
}

input.form_button
{
	border: 0px;	
	background: #79C0F9;
	padding: 3px 20px 3px 20px;
}


div#wrapper {
	width: 977px;
	/*border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	/*background: #FFF;*/

	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
	
	font-family: Arial,sans-serif;
	font-size: 12px;
	height: 99%;
}

div.headerwrapper
{
	
	height: 392px;
	
	/*background-color: #edf5fa;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;*/
	
}

div.header {
	padding-top: 28px;
	height: 370px;
	position: absolute;
	z-index: 2;
	width: 977px;
	height: 100%;
	background: url(/images/header-background.gif) top left no-repeat ; /* #edf5fa */
}

	div.header .logo {
		float: left;
	}
	
	div.header .top-image {
		margin: 0px;
		margin-left: 198px;
		margin-right: 6px;
		width: 765px;
		height: 214px;
		
		overflow: hidden;
	}
	
	div.header .photo {
		margin: 0px;
		float: left;
	}
	
div.top-menu {
	margin-left: 195px;
	height: 35px;
	margin-top: 16px;
	background: url('/images/bar-top.gif') no-repeat 0px 0px;
}

	div.top-menu ul {
		margin: 0px;
		
		margin-left: 2px;
		padding: 0px;
		list-style-type: none;
	}
	
		div.top-menu ul li {
			display: inline;
			float: left;
			margin-top: 2px;
		}
		
			div.top-menu ul li a {
				display: block;
				background: url(/images/menu/menu.gif) no-repeat;
				width: 149px;
				height: 31px;
				line-height: 31px;
				text-align: center;
				margin-right: 3px;
				color: #333;
				text-decoration: none;
				background: #FFF;
			}
			
				div.top-menu ul li a:hover,div.top-menu li.active a {
					background: #79c0f9;
					color: #FFF;
				}
				
				div.top-menu li a.first:hover,
				div.top-menu li.active a.first
				{
					background: transparent url('/images/menu_select_left.gif') no-repeat;
				}
				
				div.top-menu li a.last:hover,
				div.top-menu li.active a.last
				{
					background: transparent url('/images/menu_select_right.gif') no-repeat;
				}
	
div.contentwrapper
{
	position: absolute;
	z-index: 3;	
	width: 977px;
}


div.contentshade {
	position:fixed;
	* position: fixed;
	_position: absolute;
	height: 100%;
	top: 0px;
	bottom: 0px;
	background-color: #FFFFFF;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	width: 977px;
}
		
div.content {
	/*background: url(/images/content-background.gif) repeat-x #FFF;*/
	
	/*min-height: 300px;*/
	padding-top: 15px;
	padding-bottom: 10px;
	border-top: 0px solid #edf5fa;
	
}

	* html div.content {
		float: left;
	}

	div.content .formdata {
		width: 600px;
	}

	div.content .breadcrumbs {
		font-size: 10px;
		padding-bottom: 15px;
		letter-spacing: 1px;
	}
	
		div.content .breadcrumbs a {
			margin-right: 4px;
			color: #666;
		}

	div.content h2 {
		margin: 0px;
		padding: 0px;
		font-size: 17px;
		padding-bottom: 12px;
		font-weight: normal;
	}

	div.content .menu {
		float: left;
		width: 165px;		
		padding-left: 18px;
		padding-top: 28px;
		padding-bottom: 30px;
	}
	
		div.content .menu ul {
			margin: 0px;
			padding: 1px;
			list-style-type: none;
			width: 161px;
			background: #fff;
			border: 1px solid #edf5fa;
		}
		
		div.content .menu ul li {
			border-bottom: 1px solid #b7b7b7;		
		}
		
		div.content .menu ul li.last {
			border-bottom: 0px;
		}
		
		div.content .menu ul li a {
			display: block;
			padding: 10px;
			padding-left: 18px;
			color: #000;
			text-decoration: none;
		}
		
		div.content .menu ul li a:hover {
			background: #cae7ff;
		}
		
		div.content .menu ul li.selected {
			/*border-bottom: 0px;*/
		}
		
			div.content .menu ul li.selected a {
				background: #79c0fa;
				color: #FFF;
			}
			
		/* Sub sub menu */
		div.content .menu ul.submenu {
			width: 141px;
			padding: 0px;
			padding-left: 19px;	
				
		}
		
			div.content .menu li.submenu {
				display: none;
			}
			div.content .menu ul.submenu {
				
				
			}
		
			div.content .menu ul.submenu li {
				border-top: 1px solid #b7b7b7;	
				border-bottom: 0px;		
					
			}
			
				div.content .menu ul.submenu li a {
					background: #fff;			
					color: #000;		
				}
				
				div.content .menu ul.submenu li a:hover {
					background: #cae7ff;					
				}
				
				div.content .menu ul.submenu li.selected a {
					background: #79c0fa;
					color: #FFF;				
				}
				
				div.content .menu ul.submenu li.first {
					border-top: 0px;					
				}
		
	div.content .text {
		margin-left: 206px;
		line-height: 21px;
		padding-right: 31px;
	}
	
	div.content div.album {
		background: #FFF;
		border: 1px solid #CCC;
		margin: 0px;
		padding: 5px;
		margin-top: 13px;
		margin-bottom: 5px;
		width: 100%;
		*width: 680px;
		_width: 680px;
	}
	
	
	
	div.content div.album table.album_image {
		width: 700px;
		margin: 0px;
		padding: 0px;
	}
	
	div.content div.album table.album_image td {
		height: 130px;
		text-align: center;
		width: 25%;
		padding-bottom: 10px;
	}
	
	div.content div.album img.thumb {
		border: 1px solid #112299;
		padding: 1px;
		margin: 0px;
	}
	
	div.content div.album img.head-image {
		float: right;
		border: 0px;
	}
		
	div.content div.album p {
		margin: 0px;
		margin-top: 0px;
	}
	
	div.content div.album h2 {
		font-weight: normal;
		margin: 0px;
	}
	
	div.content div.album h2 a {
		text-decoration: none;
	}
	
	div.content div.paging {
		margin-left: auto;
		margin-right: auto;
		width: 500px;
		text-align: center;
		border: 1px solid #CCC;
		*margin-left: 90px;
	}
	
	div.content div.paging a {
		text-decoration: none;
	}
	
	div.content div.paging {
		color: #aaa;
	
	}
	
	
	div.content div.paging a:hover {
		text-decoration: underline;
	} 
	
	div.content div.paging a.selected {
		text-decoration: underline;
		font-weight: normal;
	}
	
	
	div.content div.clear-left {
		clear: left;
	}
	
	div.content div.clear-right {
		clear: right;
	}
	
		div.content .text a {
			color: #333;
		}
		
		div.content div.gallery_buttons {
		
			width: 100%;
			text-align: center;
			font-size: 14px;
		}
		
		div.content div.gallery_buttons a {
			text-decoration: none;
		}
		div.content div.gallery_buttons a:hover {
			text-decoration: underline;
		}

div.footer {
	background: url(/images/footer-background.gif);
	height: 250px;
	
	clear: left;
	
}

	div.footer div.text {
		padding-left: 277px;
		font-size: 16px;
		color: #FFF;
		padding-top: 155px;
		width: 680px;
	}

div.sub-footer {
	padding: 8px;
	text-align:center;
	line-height: 21px;
	color: #1c1c1d;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid #ccc;
overflow: hidden; /*leave this value alone*/
width: 700px; /*Width of Carousel Viewer itself*/
*width: 680px;
height: 140px; /*Height should enough to fit largest content's height*/
padding: 5px;
_margin: 3px;
*height: 210px;
text-align: center;
}

.stepcarousel img {
	border: 0px;	
	border: 1px solid #112299;
	padding: 1px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 220px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 140px;
}

div#bookings table {
	border: 1px solid #000;	
	background: #FFF;
}

div#bookings table td {
	/*border: 1px solid #000;*/
	font-size:12px;
	text-align: center;	
	background: #FFF;
}


div#bookings table td a {
		display: block;
		width: 20px;
		border: 1px solid #EC6665;
	text-decoration: none;
	background: #EC6665;
	color: #000;
}

div#bookings table td a:hover {
	background: #EC6665;
	border: 1px solid #EC6665;
	cursor: default;
	color: #000;
}




div#bookings table td.selected a:hover,
div#bookings table td.selected a {
	background: #0fad10;	
	color: #000;
	cursor: pointer;
	border: 1px solid #0fad10;
}

div#bookings table td.selected a:hover {
    color: #FFF;
}

div#bookings table td.selected a {
	border: 1px solid #66ec65;	
	background: #66ec65;
	
}

div#bookings table th {
	font-size: 12px;
	width: 20px;
	text-align: center;
	background: #FFF;
		/*border: 1px solid #000;*/
}

div#bookings table th.title {
	font-size: 12px;
	width: auto;
		border-bottom: 1px solid #000;
		background: #4faefe;
		color: #FFF;
		font-weight: normal;
}

#fancy_content input.button {
	background: #4FAFFF none repeat scroll 0 0;
	color: #333333;
	padding: 5px;
	border: 1px solid #444;
	cursor: pointer;
	text-align: center;
	width: 60px;
	color: #FFF;
}