/* 

yellow:#ffa800;

*/

/*----------------------- document setup --------------------------------- */
body {
	margin:0 0 50px 0;
	background: url(/images/body-bg.jpg) repeat;
	text-align: center;
	font-family: "Helvetica", "Arial", sans-serif;
	color: #eee;
	font-size: 12px;
	line-height: 18px;
}

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

p, h1, h2, h3 {
  margin-bottom: 10px;
  font-weight: normal;
}

h1, h2, h3 {
  color: #ffa800;
  font-weight:bold;
}

h1 {
  font-size: 2.4em;
  letter-spacing: -.05em;
  margin:0 0 20px 0;
}

p { 
  margin:0 20px;
}

.spacer {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	width: 0;
}


a img {
	border: 0px;
}

a {
  color: #FFF;
  font-weight:bold;
  text-decoration: none;
}

a:hover {
  color:#ffa800;
}

.darker {
	color: #7F7F7F;
}

/*----------------------------- layout -------------------------------- */
#header {
  background:url(/images/header_bg.jpg);
  width: 840px;
  height: 105px;
  margin: 0px auto;
  text-align: left;
}

#header #logo {
  float: left;
  padding:18px 0 0 6px;
  width: 472px;
}

#header #top-links {
  float: right;
  font-size: 15px;
  font-weight:bold;
  line-height: 20px;
  margin: 14px 20px 0 0;
  text-align: right;
}

#header #top-links a {
  color:#fff;
}

#header #top-links a:hover{
  color:#ffa800;
}

#main {
	width: 840px;
	background: url(/images/content_bg.jpg) repeat;
	margin: 0px auto 15px auto;
	text-align: left;
	padding-bottom: 30px;
}

#content {
	width: 800px;
	padding: 0px 20px 20px 20px;
}

#content img {
  border: 10px #fff solid;
}

#menu {
	padding: 10px 20px;
}
#menu h2 {
	font-size: 1.8em;
	margin: 10px 8px 10px 0;
	padding: 6px 10px 6px 0px;
	float: left;
	border-right: 1px #fff dotted;
}

#menu h2.last { border-right: 0px; }

#menu h3 {
	margin:0px;
	font-size: 1em;
	text-transform: uppercase;
}
#menu h2.current a {
	color: #ffa800;
}

#footer {
	width: 840px;
	height: 99px;
	margin: 0px auto 15px auto;
	text-align: left;
	padding-left: 60px;
	color: #b5b5b4;
	font-size: 10px;
}


/*--------------------------- the slider ------------------------------ */
#photo-slider {	
  background:#fff;
  border:10px #fff solid;
  overflow: auto;
  height: 620px;
  width: 790px; 	
}
	
#photo-holder {
}

#photo-slider .photo { 
  float: left; 
}

#photo-slider .photo img { 
  border:0;
  border-right:10px #fff solid;
  height: 600px; 
}

#photo-nav {
  background:#fff;
  display:none;
  float:right; 
  height:40px;
  position:relative;
    top:-46px;
  width:76px;
}

#photo-nav img {
  display:block;
  float:left;
  margin:10px 8px 8px 10px;
}

/*--------------------------- stylings -------------------------------- */
#main-image-holder {
  text-align:center;
}
img#main-image {
  border: 10px #fff solid;

}
#image-description {
	font-size: 14px;
	margin-top: 10px;
}
.lighter {
	color: #b4b4b4;
}
.unclickable {
	display: none;
}
.arrow-holder {
	height: 17px;
}
td.thumbnail {
	padding: 10px 10px 0px 0px;
}
td.thumbnail a img {
	border: 5px solid #C4C4C2;
}
td.thumbnail a:hover img {
	border: 5px solid white;
}
img.thumbnail {
	width: 100px; 
}

/*--------------------------- image nav ----------------------- */
#left-arrow-holder, #right-arrow-holder {
	height: 17px;
	margin-top: 6px;
}
#left-arrow-holder {
	padding-right: 15px;
}
#right-arrow-holder {
	padding-left: 15px;
}
#nav-pane {
	height: 65px;
	width: 404px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
#image-nav {
	position: absolute;
	padding: 0px;
	border-collapse: collapse;
}
#image-nav td {
	padding-left: 0px;
	padding-right: 12px;
}
#image-nav td img {
	background-image: url(/images/frame_off.gif);
	background-repeat: no-repeat;
	padding: 14px 5px 5px 5px;
}
#image-nav td img.selected {
	background-image: url(/images/frame_selected.gif);
}