body {
	margin: 0 auto;
	padding: 0;
	min-width: 1000px;
	color: #333;
}
html {
	font-family: Helvetica;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #999;
}		
h1, h2 {
	margin: 0 0 0 15px;
	padding: 0;
	font-size: 12px;
	color: #333;
}
h1 strong {
	color: #CCC;
}		
h2 {
	display: inline;
}
h3 {
	margin: 0 0 18px 0;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
	text-indent: -1000px;
}
ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: none;
	font-size: 13px;
	line-height: 18px;
}	 

.hide { display: none; } 
.show { display: block; }


#wrap {
	width: 100%;
}
#header {
	position: absolute;
	top: 24px;
	left: 0;
}
#header h1 {
	margin-bottom: 24px;
	font-size: 18px;
	font-weight: normal;
	line-height: 9px;
	/*letter-spacing: -0.05em;*/
}	

ul#menu a {
	color: #979797;
	text-decoration: none;
}

ul#menu li a.active {
	color: #333;
}

#content {
	margin: 24px auto 0 auto;
	text-align: center;
}

#content #description {
	/*display: none;*/
	position: absolute;
	top: 260px;
	left: 8px;
	width: 160px;
}

#content #description p {
	margin: 0 15px 0 0;
	padding: 0 0 0 6px;
	font-size: 11px;
	text-align: left;
	line-height: 16px;
	color: #666;
}

#content #description p#pdf {
	padding-top: 6px;
}
#content #description p#title {
	font-style: italic;
}	

#content #images {
	overflow: hidden;
	width: 822px;
	height: 563px;
	margin: 0 auto;
	position: relative;
	padding: 0;
}	

#content #arrows {
  width: 1000px;         
  margin: 0 auto;
  position: relative;
}

  #content #arrows a.arrow {
    z-index: 1000;    
    position: absolute;
    width: 85px;
    height: 535px;
    top: -563px;
    cursor: pointer;  
    background: #000;
    text-indent: -100000px;  
    opacity: 0;
    filter: alpha(opacity = 0);    
  }

  #content #arrows a.arrow.prev {
    left: 0;
	  background: url(/img/btn_back.png) no-repeat right center;
  }
  
  #content #arrows a.arrow.next {
    right: 0;                                                
    background: url(/img/btn_next.png) no-repeat left center;    
  }

#content #images #slider_images {
	width: 822px;
	margin: 0 auto 0 auto;
	z-index: 10000;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#content #images ul {
	list-style: none;
	height: 550px;
	padding: 0;
	margin: 0;
	left: 0px;
	top: 0px;
	position: absolute;
}

#content #images ul li {
	float: left;
	height: 550px;
	width: auto;
	margin-right: 5px;	
	background: transparent url('img/loader/loader-large.gif') no-repeat center center;
}

/* used for display content pages */
#content #images ul li.content {
	padding: 15px;
	text-align: left;
	width: 500px;
	background: none;
}

/* thumbnails */
#thumbnails {
	position: absolute;
	bottom: 24px;
	left: 0px;
	height: 55px;
	width: 100%;
}

#thumbnails div.scrollable {
	position: relative;
	margin-left: 20px;
	height: 55px;
	overflow: hidden;
}

#thumbnails div.scrollable ul {
	position: absolute;
	height: 55px;
	left: 0px;
	margin-left: 0;
	margin-right: 70px;
	padding: 0;
}

#thumbnails div.scrollable ul li {
	height: 55px;
	margin-right: 0;
	float: left;
	border: 0;	
/*	opacity: 0.5; */	
}

#thumbnails div ul li.active {
/*	opacity: 0.2; */
}

#thumbnails ul li img {
	height: 50px;
}

#thumbnails ul li a:hover { border: 0; }

#thumbnails ul li a div {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 5px;
	background: url('img/loader/loader.gif') no-repeat center center;	
}

#thumbnails ul li a div img {
	border: 0;
}

a.thumbs_nav {
	display: block;
	width: 30px;
	height: 50px;
	position: absolute;
	bottom: 24px;
	right: 25px;
	z-index: 100000;
	text-indent: -10000px;
	cursor: pointer;
	opacity: 0.20; 
  filter: alpha(opacity = 20);	
}
a.thumbs_nav:hover { opacity: 0.35; filter: alpha(opacity = 35); }

a.thumbs_nav#thumbs_nav_right {
	right: 24px;
	background: url(/img/btn_next.png) no-repeat center center;
}

a.thumbs_nav#thumbs_nav_left {
	right: 48px;
	background: url(/img/btn_back.png) no-repeat center center;	
}


/* loader */
img#loader {
	position: absolute;
	top: 5px;
	right: 5px;
	display: none;
}

/* sliders */
.ui-slider {
	background: #ededed;
	height: 10px;
	position: relative;
	border-top: 18px solid #FFF;
}

.ui-slider-handle {
	background: #CCC;
	width: 250px;
	height: 6px;
	cursor: pointer;
	border: 2px solid #EDEDED;	
	position: absolute;
	left: 0px;
}

/* capture form */
form#capture { display: none; }

/* modal box */
#modalOverlay {
	background-color: #000000;
}

#modalContainer {
	background-color: #FFFFFF;
	/*border: 3px solid #CCCCCC;*/
	height: 400px;
	left: 50%;
	margin-left: -300px;
	top: 15%;
	width: 600px;
	padding: 15px;
}

a.modalCloseImg {
	background: transparent url(img/closebox.png) no-repeat scroll 0%;
	cursor: pointer;
	display: inline;
	height: 30px;
	position: absolute;
	right: -18px;
	top: -15px;
	width: 30px;
	z-index: 3200;
}

a.modalCloseImg:hover { border: 0; }