body,html {
	margin:0;padding;0;background:#fff;color:#000;font-family:tahoma;text-align: center;
}
a img { border:0;}

a { color: #000; }

.clear { clear:both;}

.header,.box
{
	width:645px;
	margin:0px auto;
}

.box{	
	padding: 8px;
}

.wrapper{ text-align: left; margin: 0 auto; width: 655px; margin-top: 70px;}

.menu { float: left; margin-left: 325px; }
.menu a{ font: 11px Arial; color: #333; padding: 2px; text-decoration: none;}
.menu a:hover{ background: #dadada; text-decoration: underline; }

.ac { background: #dadada; text-decoration: underline; }

.logo{ float: left; padding-top: 4px; margin-left: 2px;}

.clear { clear: both; height: 10px; }

.cat { height: 150px; width: 635px; margin-bottom: 7px; overflow: hidden; border: solid 1px #000}

.cat img { }

#prev { 
  float: left;
  padding-top:40px;
  background: #000000;
  padding-left: 2px;
  padding-right: 2px;
  height: 60px;
  color: #fff;
  cursor: pointer;
}

#pic{
width: 635px;
min-height: 400px;
_height: 400px;
}

.page{
     font: 11px Arial;
     padding-left: 10px;
}

.black{
  background: url("img/loading-black.jpg") no-repeat center center; 
  background-color: #000000;
}

.white{
  background: url("img/loading-white.jpg") no-repeat center center; 
  background-color: #ffffff;
}

#next {
  float: left;
  font: 12px Arial;
  padding-top:40px;
  padding-left: 2px;
  padding-right: 2px;
  background: #000000;
  height: 60px;
  color: #fff;
  cursor: pointer;
}

#navigate { float: left; width: 595px;}


div.caption {
	margin: 0;
	padding:0;
	position: relative;
	height: 152px;
}

.jcarousel li {padding-right: 1px;}

div.caption p {
	position: absolute;
	margin: 0;
	padding: 2px 7px 2px 7px;
	font-size: .9em;
	font: bold 12px Arial;
	bottom: 0;
	left: 0;
	background:black;
	color: white;
	opacity: 100;
	text-transform: uppercase;
}

div.caption img {
	margin: 0; padding: 0;
}

.full-photo{
text-align: center;
margin-bottom: 20px;
margin-top: 5px;
}

.footer{
font: 10px Tahoma;
margin-top: 10px;
}



.jcarousel-container {
    position: relative;
    background: #000000;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100px;
    height: 100px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}