body { font-size: 12px;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;margin: 0px; padding: 0px; }
body a { text-decoration: none; }
body a img { border: 0px; }
body a:focus {border: none; outline: none;}
/* main photo */
div.main-photo { display: block; overflow: hidden; margin-top: 3px; margin-bottom: 7px; }
/* page::container */
div#page { width: 960px; margin: 45px auto 45px auto; }
h3 { margin: 8px 0px; font-weight: normal; margin-bottom: 20px;padding: 0px; color: #8c8d8e; text-transform: uppercase;font-size: 12px;line-height: 18px;background: #fff url('/static/images/dot-line.gif') repeat-x left bottom;}
/* links */
ul.list-links { list-style-type: none; margin: 2px 0px;overflow: hidden; margin-bottom: 25px; padding: 0px; }
ul.list-links li { float: left; width: 160px; height: 80px; }
ul.list-links li a { position: relative;overflow: hidden; background-position: center center; background-repeat: no-repeat; float: left; width: 160px; height: 70px; }
ul.list-links li a span { position: absolute;left: -1000px; }
/* language menu */
div#page div#lang-menu { texgallery-desct-align: right; background: #fff url('/static/images/dot-line.gif') repeat-x left bottom;overflow: hidden; display: block; height: 19px; }
div#page div#lang-menu a { margin-left: 3px;text-align: center;width: 19px;background-color: #c1c1c2;float: right; font-size: 9px; color: #fff; }
div#page div#lang-menu a.active { background-color: #98989c;}
/* category manu */
div#page div#category-menu {text-align: right; overflow: hidden; padding: 3px 0px; display: block; }
div#page div#category-menu ul { list-style-type: none; float: right; margin: 0px; padding: 0px; float: right; }
div#page div#category-menu ul li { text-transform: uppercase; padding-right: 9px; background: #fff url('/static/images/category-separator.gif') no-repeat right center; margin-right: 7px; float: left; }
div#page div#category-menu ul li.last {padding-right: 0px; background: none; margin-right: 0px; }
div#page div#category-menu a, div#page div#category-menu span {float: right; }
div#page div#category-menu a { float: left;padding: 2px 4px;color: #8c8d8e; font-size: 13px; }
div#page div#category-menu a.active { background-color: #bdbdbf; color: #fff; }
/* page header */
div#page-header { position: relative; margin-bottom: 6px;background: #fff url('/static/images/dot-line.gif') repeat-x left bottom; overflow: hidden; display: block;height: 37px; }
div#page-header ul#page-menu { position: absolute; top: 13px;right: 0px; margin: 0px; padding: 0px; list-style-type: none; }
div#page-header ul#page-menu li { float: left; text-transform: uppercase;  padding-right: 8px; background: #fff url('/static/images/menu-separator.gif') no-repeat right 5px; margin-right: 5px;  }
div#page-header ul#page-menu li.last {padding-right: 0px; background: none; margin-right: 0px; }
div#page-header ul#page-menu li a { float: left; padding: 2px 4px;font-size: 11px;color: #504f53; }
div#page-header ul#page-menu li a.active { background-color: #bdbdbf; color: #fff; }
div#page-header a.logo { overflow: hidden; position: absolute; bottom: 5px; background: url('/static/images/logo.gif') no-repeat left top; width: 274px; height: 19px; }
div#page-header a.logo strong { position: absolute; left: -2000px;}
/* gallery list */
div#gallery-list { position: relative; margin-top: 5px;height: 488px; display: block; overflow: hidden;}
div#gallery-list .gallery-row { clear:both; overflow: hidden;list-style-type: none; padding: 0px; display: block; margin: 0px 0px 7px 0px; }
div#gallery-list .gallery-row li {  height: 81px; float: left; }
div#gallery-list .gallery-row li a img { border: 0px; }
.gallery-icons {overflow: hidden; padding-left: 3px;}
.gallery-icons .ico-hide { display: none; }
.gallery-icons a, .gallery-icons span {float: left; margin-right: 4px;}
.gallery-icons a img, .gallery-icons span img {margin-top: 0px; border: 0px;}
div#gallery-list .gallery-row li.category-gallery-slider { width: 840px;  overflow:hidden;position: relative; }
div#gallery-list .gallery-row li.category-gallery-slider ul { overflow: hidden; }
div#gallery-list .gallery-row li.category-gallery-slider a img, div#gallery-list .gallery-row li.category-gallery-slider a { margin: 0px; padding: 0px;}
div#gallery-list .gallery-row li.category-gallery-slider a img { /*display: none;*/}
div#gallery-list .gallery-row li.category-gallery-slider a { margin-right: 1px;}
div#gallery-list .gallery-row li.gallery-label { overflow: hidden; position: relative; width: 110px; margin-right: 4px;}
div#gallery-list .gallery-row li.gallery-label a { font-size: 9px; color: #fff; padding: 1px 4px; width: 100%;position: absolute;bottom: 0px; background-color: #98989c; }
/* gallery view */
div#gallery-view { position: relative; width: 960px;height: 480px;margin-top: 5px; display: block; overflow: hidden;}
div#gallery-view ul.gallery-in { position: absolute; list-style-type: none; margin: 0px; padding: 0px;}
div#gallery-view ul.gallery-in li {float: left;}
div#gallery-view ul.gallery-in li a {float: left;cursor: normal;}
div#gallery-view ul.gallery-in li a img {/*display: none;*/border: 0px;margin-right: 3px;display: block;float: left;}

div#photo-view { position: relative; width: 960px;height: 480px;margin-top: 5px; display: block; overflow: hidden;}
div#photo-view div.fl { background: #fff url('/static/images/dot-line.gif') repeat-x left bottom;overflow: hidden; padding: 5px 0px; padding-bottom: 20px; }
div#photo-view div.fl h1 { margin: 2px 0px; padding: 0px;color: gray; font-size: 12px; }
div#photo-view div.fl h2 { font-weight: normal;margin: 2px 0px; padding: 0px;color: gray;  font-size: 10px; }
div#photo-view div.fl p { margin: 2px 0px; padding: 0px;color: silver; }
div#photo-view div.fl img { float: left; margin-right: 20px; }
.about-photo { float: left; margin-top: -10px; z-index: 1000; margin-right: 30px;}
/* gallery pagination */
div.gallery-pagination { position: absolute; right: 1px; bottom: 10px;color: #504f53; text-align: right; overflow: hidden; display: block;padding: 5px 0px; }
div.gallery-pagination a { color: #504f53; }
div.gallery-pagination a.active { font-weight: bold;color: #000; }
div.gallery-pagination a img { border: 0px; vertical-align: middle; margin-top: -3px;}

div.gallery-pagination a img.first { margin-right: 5px;}
div.gallery-pagination a img.last { margin-left: 5px;}

div#gallery-slider { width: 960px; height: 8px; display: block; margin: 8px 0px; background-color: #dedfe3;}
.ui-slider { cursor: pointer;position: relative; text-align: left; }
.ui-slider .ui-slider-handle { background-color: #b4b4b4;position: absolute; z-index: 2; width: 54px; height: 12px; cursor: pointer; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { width: 960px !important; }
.ui-slider-horizontal .ui-slider-handle { margin-left: -54px;top: -2px;  }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 54px; }
/* gallery details */
div#gallery-details { overflow: hidden;height: 81px; display: block;	}
div#gallery-details ul { list-style-type: none; margin: 0px; padding: 0px;}
div#gallery-details ul li { height: 81px;float: left; }
div#gallery-details ul li.gallery-info { overflow: hidden;position: relative;width: 110px;margin-right: 4px; }
div#gallery-details ul li.gallery-info h2.gallery-description { margin: 0px; padding: 0px;width: 270px; left: 1px;top: 47px;position: absolute;font-weight: normal;font-size: 10px; color: #504f53; display: none;}
div#gallery-details ul li.gallery-info h2.gallery-description img { vertical-align: middle;margin-top: -2px; }
div#gallery-details ul li.gallery-info a.gallery-link-more {position: absolute;overflow: hidden;width:110px;background-color: #98989c;}
div#gallery-details ul li.gallery-info a.gallery-link-more h1 {font-size: 9px; color: #fff; margin: 0px; font-weight: normal; display: block;padding: 1px 4px;float: left;  }
div#gallery-details ul li.gallery-info .gallery-desc {cursor: pointer;position: absolute;top: 21px;overflow: hidden;width:110px;background-color: #dedfe2;}
div#gallery-details ul li.gallery-info .gallery-desc strong {font-size: 9px; color: #98989c; margin: 0px; font-weight: normal; display: block;padding: 1px 4px;float: left;  }
div#gallery-details ul li.gallery-info h2.gallery-description  a {color: #353537;}

/*
div#gallery-details ul li.gallery-min { position: relative;width: 646px; overflow: hidden; }

div#gallery-details ul li.gallery-min ul { position: absolute; list-style-type: none; margin: 0px; padding: 0px; }

div#gallery-details ul li.gallery-min ul li { float: left; }
div#gallery-details ul li.gallery-min ul li a {float: left; margin-right: 1px;}
div#gallery-details ul li.gallery-min ul li a img { border: 0px; }
*/
/* carousel */

.jcarousel-container {
    position: relative;
    width: 810px;
}
.jcarousel-container-f {
	width: 631px !important;
}

.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: 20px;
}

/**
 * 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 {
	position: absolute; /*right: -35px;*/
	cursor:pointer;
    display: none;
    width: 8px;
    height: 10px;
    z-index: 10000;
    background: url('/static/images/ico-next.gif') no-repeat left top;
}
.jcarousel-next-disabled {
    background: url('/static/images/ico-x.gif') no-repeat left top;
}
.jcarousel-prev {
	position: absolute; /*right: -23px;*/
    z-index: 10000;
    display: none;
    width: 8px;
    height: 10px;
    background: url('/static/images/ico-prev.gif') no-repeat left top;
    cursor: pointer;
}
.jcarousel-prev-disabled {
	display: none !important;
}
/* page */
div#page-content { height: 470px;font-size: 13px;color: #8c8d8e;margin-top: 9px;padding-top: 10px; margin-bottom: 9px; display: block; overflow: hidden;}
/* contact form */
div#contact-form-page { display: block; clear: both; overflow: hidden; margin: 10px 0px;}
div#contact-form-page form { margin: 0px; padding: 0px;}
div#contact-form-page fieldset { margin: 0px; padding: 3px 0px; border: 0px;}
div#contact-form-page fieldset .intxt {width: 167px;font-family: 'Trebuchet MS', Arial, sans-serif; color: #8c8d8e;border: 1px solid #98989c; font-size: 10px; padding: 4px 2px 2px 2px;}
div#contact-form-page fieldset .artxt {width: 269px;height: 128px;font-family: 'Trebuchet MS', Arial, sans-serif; color: #8c8d8e;border: 1px solid #98989c; font-size: 10px; padding: 4px 2px 2px 2px;}
div#contact-form-page fieldset.opt { width: 282px; }
div#contact-form-page fieldset.opt input {text-transform: uppercase; font-weight: bold;float: right;border: 0px; background-color: #fff;font-size: 11px; color: #636364;font-family: 'Trebuchet MS', Arial, sans-serif;}
div#contact-form-page fieldset.opt .copy-me { background-position: left center; background-repeat: no-repeat; cursor: pointer;padding-left: 15px;font-size: 9px; color: #8c8d8e;}
div#contact-form-page fieldset.opt .copy-me-0 { background-image: url('/static/images/copy-me-0.gif'); }
div#contact-form-page fieldset.opt .copy-me-1 { background-image: url('/static/images/copy-me-1.gif'); }
div#contact-form-page fieldset.opt #no-correct { font-size: 9px; color: #bf3600;display: none; }
div#contact-form-page fieldset.opt #please-wait { font-size: 9px; display: none; }
div#contact-form-page #thank-you { font-size: 11px !important; display: none; }
/* footer */
div#page div#footer { background: #fff url('/static/images/dot-line.gif') repeat-x left top; margin-top: 4px; padding-top: 4px; display: block; overflow: hidden; }
div#page div#footer .copyright { font-size: 9px; color: #8c8d8e; float: right; }
div#page div#footer .copyright strong { font-weight: normal; }

div#page div#footer .author { font-size: 9px; color: #bdbdbf; float: left; }
div#page div#footer .author a { color: #bdbdbf; }

.nv-left {
  position: absolute; 
  left: 0px;
  top: 0px;
  z-index: 10000;
  width: 220px;
  height: 480px;
}

.nv-left img {
  width: 220px;
  height: 480px;
  cursor: pointer;
}

.nv-right {
  position: absolute; 
  right: 0px;
  top: 0px;
  z-index: 10000;
  width: 220px;
  height: 480px;
}

.nv-right img {
  width: 220px;
  height: 480px;
  cursor: pointer;
}