@charset "utf-8";
@import "player.css";
/**
 * Base Common Page Styles
 */
html, body {height:100%;}
body {font:normal 12px Verdana, Tahoma, Arial, sans-serif; line-height:16px; color:#a78d5f; background: #FBFAF3;}

a:link{text-decoration:underline; color:#a78d5f;}
a:visited{text-decoration:underline; color:#a78d5f;}
a:hover{text-decoration:none; color:#a78d5f; }
a:active{text-decoration:none; color:#a78d5f;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; padding-bottom:24px}
h1 {font-size:20px;}
h2 {font-size:18px}
h3 {font-size:16px}
h4 {font-size:14px}
h5 {font-size:13px}
h6 {font-size:12px}

p {padding-bottom:16px}

/**
 * Clearing Styles
 */
.clrfix {overflow:hidden;}
.clear {clear:both; font-size:0; height:0; line-height:0;}
.clear-left {clear:left;}
.clear-right {clear:right;}


/**
 * Container Layouts
 */
#wrapper {width: 100%; height: 100%}
#wrapper td {vertical-align: middle}
#content {min-height: 566px; width: 952px; margin: 0px auto;}

.none {display: none}
.l-500 #content, .l-500 .l-main-container, .l-500 .loadpage {height: 500px}
.l-650 #content, .l-650 .l-main-container, .l-650 .loadpage {height: 650px}
.l-790 #content, .l-790 .l-main-container, .l-790 .loadpage {height: 790px}
.loading {background: url('../images/loader.gif') no-repeat scroll 50% 50%}
a.arrow {text-decoration: none; color: #666}

#photo-up, #video-up {width: 22px; height: 8px; background: url('../images/arrow.png'); background-position: 0 0;}
#photo-up:hover, #video-up:hover { background-position: 0 -8px;}
#photo-down, #video-down {width: 22px; height: 8px; background: url('../images/arrow.png'); background-position: 0 -16px;}
#photo-down:hover, #video-down:hover { background-position: 0 -24px;}



#header {padding-bottom: 5px; padding-top: 10px; height: 49px;}
#index-wrapper {width: 950px; height: 500px; background-color: #E0DDCA; text-align: center;position:relative; z-index: 1;}
#index {width: 950px; height: 500px;  vertical-align: middle; display: table-cell;}
#protect {width: 950px; height: 500px; opacity: 1; position: absolute; top: 0; left: 0; z-index: 5;}
#start {width: 950px; height: 701px; text-align: center}
#start .startbox {width: 750px; height: 500px; margin: 21px auto 11px auto; }
#start .langs {text-align: center; font-size: 18px; color: #63633D; height: 20px}
#start .langs a {color: #63633D; text-decoration: none;}
#start .langs a:first-child {margin-right: 30px}
#start .langs a:hover {color: #EE3200}
#footer {font-size: 10px; line-height: 1.2; text-align: center; color: #777777; padding: 10px 0px; width: 952px; margin: 0 auto; position: relative}
#footer a {color: #777777;text-decoration: underline;}
#logo-box {float: left;    position: relative; margin-top: 43px;z-index: 10;}
#menu-box {float: right; padding-top: 22px; }
#logo-href {position: absolute; bottom: 0}

/**
 * Menu
 * Basic code - don't modify
 */
#menu-box {
    float: right;
}
#menu li.back {
    background-color: #e0ddca;
    height: 22px;
    margin-top: -3px;
    position: absolute;
    width: 9px;
    z-index: 8;
}
#menu li a {
    color: #A78D5F;
    float: left;
    font-size: 12px;
    margin: auto 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 10;
    cursor: pointer !important;
}
#menu li a:hover, #menu li a:active{
    color: #6A5A3D;
}
#menu li a.active{color: #6A5A3D;}
#menu ul {
    background: url("../images/dot.png") repeat scroll 0 0 transparent;
    display: none;
    font-size: 11px;
    margin-left: 10px;
    top: 25px;
}
#menu ul a {
    color: #FEFEFE;
    margin-left: 18px;
    text-align: left;
}
#menu ul a:hover {
    color: #A78D5F;
}
#menu ul li a {
    color: #6A5A3D;
    font-weight: normal;
    padding: 4px 0; text-transform : none;
}
#menu ul li.last a {padding-bottom: 10px}
#menu {
    display: block;
    float: left;
    margin-top: 4px;
    padding: 0;
    position: relative;
    top: 3px;
    z-index: 2; right : 28px;
}
#menu li {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
#menu a {
    display: block;
}
#menu ul {
    display: none;
    left: -13px !important;
    margin: 0;
    padding: 0;
    position: absolute;
}
* html #menu ul {
    line-height: 0;
}
#menu ul a {
}
#menu ul li {
    float: none;
    text-align: left;
}
#menu ul ul {
    top: 0;
}

/**
 * Text page container layouts
 */
#text-wrapper {height: 502px; width: 952px; position: relative;}
#text {width: 395px; padding: 10px 30px 0 30px; overflow: hidden; height: 430px; text-align: left; left: 0; font-size: 14px}
#text {font:normal 14px Verdana, Tahoma, Arial, sans-serif; line-height:16px; color: #6A5A3D;}
#text h1, #text h2, #text h3, #text h4, #text h5, #text h6 {font-weight:normal; padding-bottom:24px; color: #6A5A3D}
#text h1 {font-size:20px;}
#text h2 {font-size:18px}
#text h3 {font-size:16px}
#text h4 {font-size:14px}
#text h5 {font-size:13px}
#text h6 {font-size:12px}
#text p {padding-bottom: 8px}
#text a {}
#text ul, #text ol {padding-left: 20px; padding-bottom: 20px}
#text ul li {list-style-type: circle;}
#text ol li {list-style-type: decimal;}
#text-box {width: 470px; height: 430px; padding: 35px 0px; float: left;  background-color: #E0DDCA;}
#text-photo-box {width: 470px; height: 500px; float: right;  text-align: center; overflow: hidden;}

/**
* Contact form
*/
#contact-form {height: 275px; padding-left: 48px; text-align: left}
#contact-form input[type=text], #contact-form textarea {border: 0; width:293px; padding: 5px; font: 12px/16px Verdana; background-color: #F0F0F0; color: #6A5A3D; margin-bottom: 10px;}
#contact-form textarea {height: 100px}
#contact-form input[type=submit] {width: 78px; height: 22px; border: 0; cursor: pointer; margin-left: 225px; padding-bottom: 2px;color: #6A5A3D;background: #F0F0F0;}
#contact-form .send-message {font-family: Tahoma; color: #c0b4a2; font-weight: bold; padding-bottom: 10px;}

#error, #message {width: 350px !important; margin-bottom: 10px; display:none; height: 15px;}
#error {color: #ee0000; font-size: 12px;}
#message {color: #fff}
#contact-form input[type=text].error, #contact-form textarea.error {border: 1px solid #ff0000}

#photo-box-wrapper {width: 750px; height: 500px;  float: right;  background-color: #E0DDCA;position: relative;}
#photo-box { width: 750px; height: 500px; text-align: center; vertical-align: middle; position: relative;}
#gallery-protect {position: absolute; left: 0; top: 0; z-index: 1; width: 750px; height: 500px}
#photo-box iframe {border: none}

#slider-box {width: 180px; height: 480px; float: left;  padding: 10px 6px 10px 9px; font-size: 14px; position: relative; background: #E0DDCA;}
#slider-box-inner {position: absolute; bottom: 15px; color: #B7B7B7}

#photo-slider-wrapper {height: 401px; width: 176px; overflow: hidden; position: relative;}
#photo-slider {position: absolute; left: 33px; top: 0; width: 171px}
#photo-slider .thumb {margin: 0px 5px 5px 0px; float: left; width: 53px; height: 53px; overflow:hidden }
#photo-slider .thumb img { opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
#photo-slider .thumb a:hover img, #photo-slider .active img {opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}

/**
 * Category with galleries
 */
#slider-gallery-wrapper {position: relative; overflow: hidden; width: 952px; height: 480px;}
#slider-gallery-inner {position: absolute; top: 13px; left: 0; width: 9520px; height: 467px;}
#slider-gallery-inner > div {width: 952px; height: 467px; float: left;}
#slider-gallery-inner > div > div {width: 310px; height: 465px; float: left; margin-right: 10px; }
#slider-gallery-inner > div > div.gallery-slide {position: relative; background: #E0DDCA}
#slider-gallery-inner > div > div.gallery-slide.loading {background: url('../images/loader.gif') no-repeat scroll 50% 50% #E0DDCA}
#slider-gallery-inner > div > div.last {margin-right: 0px}
#slider-gallery-inner > div > div a.mask-wrapper {text-decoration: none}

#slider-gallery-inner .mask {
    position: absolute; bottom: 0px; left: 0px; height: 0px; width: 290px; padding: 0 10px; background:url('../images/dot.png');
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    text-align: center;
}
#slider-gallery-inner > div > div:hover .mask {height: 110px; overflow: hidden}
#slider-gallery-inner .mask h2 {font-size: 13px; text-transform: uppercase; color: #6A5A3D; padding: 10px 0px 10px; margin: 0;}
#slider-gallery-inner .mask p {font-size: 13px; color: #3c3936; padding-bottom: 0px;}

#slider-gallery-paging {width: 100%; height: 14px; line-height: 14px; text-align: center;}
#slider-gallery-paging.left-right-box {padding-top: 8px}

#video-slider-wrapper {height: 401px; width: 180px; overflow: hidden; position: relative;}
#video-slider {position: absolute; left: 21px; top: 0}
#video-slider .video-thumb {margin: 0px 4px 4px 0px; width: 135px; height: 77px; overflow: hidden; border: 1px solid #747474; text-align: center; position: relative; border: 0}
#video-slider .video-thumb img {opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); position: absolute; left: 0; top: 0;}
#video-slider .video-thumb a:hover img, #video-slider .video-thumb.active img {opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}

#gallerylist a {text-decoration: none; color: #D7C7B1; font-size: 12px; line-height: 1.2;}
#gallerylist a.active{color: #BA9F7B; }
#gallerylist a:hover{color: #BA9F7B;}

.up-down-box {padding: 5px 0px; text-align: center; margin-left: -3px;}
.up-down-box a:hover{color: #758416}
.left-right-box {text-align: center; height: 20px; line-height: 20px; padding-top: 0px; color: #9B8876; font-size: 13px}
.left-right-box a{color: #9B8876;}
.left-right-box a:hover{color: #6A5A3D;}
.left-right-box img {vertical-align: middle}
.video-lr {margin-bottom: 10px}
.stop-play-box {padding: 5px 0px; font-size: 12px; text-align: center}
.stop-play-box a {color: #9B8876; text-decoration: none; font-size: 11px}
.stop-play-box a:hover{color: #6A5A3D;}

#notice-box {position: absolute; display: none; background: black; opacity: 0.7; padding: 4px; border-radius: 5px; z-index: 10000}
/**
 * Login / password styles for private photo gallery
 */
#auth {text-align: left; margin: 0px auto; width: 300px;  padding: 20px; margin-top: 150px}
#auth p {padding-bottom: 10px;}
#auth div {padding-bottom: 10px; text-align: left}
#auth label {float: left; text-align: right; width: 80px; padding-right: 10px}
#auth input[type=text], #auth input[type=password] {float: left; width: 180px; border: 0; padding: 5px; font: 12px/16px Verdana; background-color: #c0b4a2; color: #000;}
#auth input[type=submit] {border: 1px solid #aaaaaa; background: #cccccc; margin-left: 90px}
#auth input[type=text].error, #auth input[type=password].error {border: 1px solid #ff0000}

.loadpage {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 9999; background: #FBFAF3;}

/**
* Text slider
* Basic code - don't modify
*/
.jScrollPaneContainer {position: absolute; overflow: hidden; z-index: 1; height: 480px}
.jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 480px; background-color: #F0E9DE !important;}
.jScrollPaneDrag {position: absolute; background: #ccc; cursor: pointer; overflow: hidden; background-color: #d7c7b1;}
.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom {position: absolute; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background: url('../images/scr_up.png') no-repeat 50% 100%}
a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden;background: url('../images/scr_down.png') no-repeat }

#menu ul { min-width: 130px; padding : 0 5px;  max-width: 250px;}

/**
 * HTML
 */
.no-js #header {height: auto; min-height: 49px; padding: 0;}
.no-js #logo-box {float: none; margin-top: 0px; height: auto;}
.no-js #menu-box {float: none; padding: 10px 0px; height: auto;}
.no-js #menu {float: none; position: static; }
.no-js #menu li a {margin: 0 10px 0 0}
.no-js #logo-href {position: relative;}
.no-js #index {overflow-y: auto; display: block; overflow-x: hidden;}
.no-js #index img {margin-bottom: 5px}
.no-js #slider-gallery-inner > div {width: 100%}
.no-js #slider-gallery-wrapper {overflow-x: auto}
.no-js .video img {max-width: 760px; max-height: 400px}
.no-js #text-box {padding: 15px 0px; height: 370px;}
.no-js #text{padding: 0px 15px; height: 370px; width: 330px; overflow-y: visible;}