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

body {
	font: 100% Tahoma, Geneva, sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #ccc;
}

img a {
	border: none;
}

a {
	color:#ffcd98;
	text-decoration:none;
}

#container {
	width: 778px;
	background: #333;
	margin: 0 auto;
	border: 1px solid #bd9f83;
	text-align: left;
	position:relative;
}

#header {
	height:146px;
}

.main #header {
	background: url(images/header.jpg);
}

.home #header {
	background: url(images/home-page-header.jpg);
}

#header h1 {
	margin: 0;
	padding: 10px 0;
}

#mainContent {
	padding: 0 20px 0 40px;
	position:relative;
}

.main #mainContent {
	background: #333 url(images/main-background.jpg) center top no-repeat scroll;
	
}

.home #mainContent {
	background: #000 url(images/home-page-back.jpg) center top no-repeat scroll;
	height:406px;
	margin-top:-16px;
}

#footer {
	padding: 0;
	background:#000;
	color:#ffcd98;
	text-align:center;
	position:absolute;
	width:778px;
	left:-1px;
	border-left: 1px solid #bd9f83;
	border-bottom: 1px solid #bd9f83;
	border-right: 1px solid #bd9f83;
	height:50px;
}

#footer li {
	background: none;
	float: left;
	padding: 6px 0px;
	width: 114px;
	text-align: center;
	list-style:none;
}

#footer li a {
	color:#ffcd98;
	text-decoration:none;
}

#footer li a:hover {
	color:#fff;
}
/*CSS for popmenus starts here */

#footer li {
/* make the list elements a containing block for the nested lists */
	position: relative;
	background-image:none;
	display:inline-block;
} 

#footer ul ul {
	position: absolute;
	list-style:none;
	left: 0px;
	width:150px;
	padding:0 0 0 0;
	width:100%;
}

#footer li li{
	background: #000000;
	border:#ffcd98 solid 1px;
	padding: 0 0 0 0;
}

div#footer ul ul,
div#footer ul ul ul,
div#footer ul li:hover ul ul,
div#footer ul li:hover ul ul ul
{display: none;}

div#footer ul li:hover ul,
div#footer ul ul li:hover ul,
div#footer ul ul ul li:hover ul
{display: block;}

#footer p {
	margin: 0;
	padding: 10px 0;
}

/*javascript gallery CSS*/
  
	

.main #gal_thumb_container{ width: 240px; height:240px;}

.main #gal_enlarge_container{ float: right; width: 324px; height: 345px; }
.main #gal_thumb_container ul{ float: left; }

.main #gal_thumb_container li{
		display: inline;
		float: left;
		width: 78px;
		height: 78px;
		padding:0px 0px 0px 0px;
		border:1px solid #000;
}
		




/*new CSS for galleries */
#galInstuct {
font-size:10px;
text-align:left;
padding-top:20px;
padding-left:105px;
display:block;
width:240px;

}
#gal_thumb_container{ width: 240px; padding-top:-20px; }

	#gal_enlarge_container{ float: right; clear:none; margin-top:-270px; margin-right:70px;}
	#gal_thumb_container ul{ float: left; }

	#gal_thumb_container li{
		display: inline;
		/*float: left;*/
		width: 78px;
		height: 78px;
		padding:0px 0px 0px 0px;
		border:1px solid #000;
		}

/* CSS for galleries starts here */

#gallery {
	width:95%; /* IE and older Opera fix for clearing, they need a dimension */
	height:360px;
	position:relative;
}

#gallery img a {
	border: none;
}

#gallery ul {
	margin:0;
	padding:0;
	list-style: none;
}

#gallery a {
  text-decoration: none;
  border:0px;
}

#gallery a .hotspot img {
  width: 345px;
  height: 324px;
  position:absolute;
  left:300px;
  top:0px;
  display:none;
  border: none;
  margin-top:50px;
}

#gallery a:hover .hotspot, #gallery a:hover .hotspot img {
	display:block;
	border: none;
}

#gallery a .link, #gallery a .link img {
  position: absolute;
  display: inline;
  width: 78px;
  height: 78px;
  border:1px solid #000;
}

#gallery .one a .link {
  top: 65px;
  left: 20px;
}

#gallery .two a .link {
  top: 65px;
  left: 98px;
}

#gallery .three a .link {
  top: 65px;
  left: 176px;
}

#gallery .four a .link {
  top: 143px;
  left: 20px;
}


#gallery .five a .link {
  top: 143px;
  left: 98px;
}


#gallery .six a .link {
  top: 143px;
  left: 176px;
}


#gallery .seven a .link {
  top: 221px;
  left: 20px;
}


#gallery .eight a .link {
  top: 221px;
  left: 98px;
}


#gallery .nine a .link {
  top: 221px;
  left: 176px;
}



#gallery .one a .hotspot,
#gallery .two a .hotspot,
#gallery .three a .hotspot,
#gallery .four a .hotspot,
#gallery .five a .hotspot,
#gallery .six a .hotspot,
#gallery .seven a .hotspot,
#gallery .eight a .hotspot,
#gallery .nine a .hotspot {
	background: none;
}