@charset "UTF-8";
/* CSS Document */

html, body{
	font: normal small helvetica, sans-serif;
	font-size: 100%;
	color: #4f4f4f;
	margin: 0;
}

/*---------------------------
Globals
---------------------------*/

a, a:link, a:visited	{
	color: #4f4f4f;
	text-decoration: none;
	outline: none;
}

a.active, a:hover	{
	color: #000000;
	font-weight: bold;
	outline: none;
}

#container{
	margin: 0 auto;
	width: 885px;
	padding: 40px 30px 40px 10px;
}

#hdr{
	text-align: right;
	padding: 0 2px 3px 0;
}

.clear{
	clear: both;
	height: 0px;
	padding: 0px;
	margin: 0;
	width: 0px;
}

img{
	border: none;
	outline: none;
}

/*---------------------------
Main Menu
---------------------------*/

#mainMenu{
	font-size: .685em;
	line-height:  16px;
}

ul#mainMenu{
	float: left;
	width: 230px;
	padding: 0;
	margin: 0;
}

ul#mainMenu li{
	padding: 0 0 3px 0;
	margin: 0;
	list-style: none;
	text-align: right;
}

ul#mainMenu li img{
	cursor:  pointer;
}

/*---------------------------
Sub Menu
---------------------------*/

ul.subMenu{
	display: none;
	padding: 4px 0 7px 0;
	margin: 0;
}

ul.subMenu li{
	list-style:  none;
	padding: 0;
	margin: 0;
	width: 230px;
}

ul.subMenu li.active a{
	font-weight: bold;
	color: #000;
}

ul#mainMenu li.contact ul.subMenu li{
	padding: 0px 0 15px 0;
}

/*---------------------------
Main Content
---------------------------*/

#mainContent{
	float: left;
	width: 645px;
	padding: 0 0 0 10px;
}

/*---------------------------
Thumbs
---------------------------*/

ul#thumbs, ul#thumbsGallery{
	padding: 0;
	margin: 0;
}

ul#thumbs li, ul#thumbsGallery li{
	list-style:  none;
	float: left;
	position: relative;
	height: 140px;
	width: 210px;
	margin: 0 5px 5px 0;
	padding: 0;
	z-index: 1;
}

ul#thumbs li a, ul#thumbs li a:link, ul#thumbsGallery li a, ul#thumbsGallery li a:link{
	position: absolute;
	display: block;
	height: 140px;
	width: 210px;
	z-index: 100;
}

ul#thumbs li a img, ul#thumbs li a.link img, ul#thumbsGallery li a img, ul#thumbsGallery li a.link img{
	display: none;
}

ul#thumbs li.active a img, ul#thumbs li a:hover img, ul#thumbsGallery li.active a img, ul#thumbsGallery li a:hover img{
	display: block;
}

/*---------------------------
Movie
---------------------------*/

#movie{
	display: none;
	height: 385px;
	overflow: hidden;
	padding: 0 5px 0 0;
}

.desc{
	display: none;
	padding: 3px 0 12px 0;
}

/*---------------------------
News
---------------------------*/

ul#news{
	margin: 0 0 20px 0;	
	padding: 0;
	border-bottom: 1px dotted #CCC;
}

ul#news li{
	list-style: none;
	padding: 15px 0  15px 0;
	margin: 0;
	border-top: 1px dotted #CCC;
}

ul#news h2{
	font-size: .625em;
	font-weight:  normal;
	color: #999;
	margin: 0 0 3px 0;
	padding: 0;
}

ul#news h5{
	font-size: .875em;
	color: #000;
	margin: 0 0 15px 0;
	padding: 0;
}

ul#news img{
	float: left;
	margin: 0 10px 10px 0;
	padding: 8px;
	background-color:  #FFF;
	border: 1px solid #CCC;
}

.newsCopy{
	font-size: .7em;
}

/*---------------------------
Gallery
---------------------------*/

#galleryImage{
	display: none;
}

ul#photoNav{
	float: right;
	margin: 0;
	padding: 4px 5px 0 0;
}
	
ul#photoNav li{
	display: inline;
	margin: 0;
	padding: 0;
	cursor:  pointer;
}