/**
* @package Package 
* @subpackage Subpackage
* @version 0.0
* @lastmodified July 19, 2010
* @author Kuzzy <kuzzzy@gmail.com>
*/

@import "player.css";

/*** Branding ***/
body {font:normal 13px/18px 'Century Gothic', Helvetica, Arial, sans-serif; color:#86847F; background: wihte;}
body.hide {display: none}

/**
* @section Links
*/
a:link{text-decoration:underline; color:#86847F;}
a:visited{text-decoration:underline; color:#86847F;}
a:hover{text-decoration:none; color:#86847F;}
a:active{text-decoration:none; color:#86847F;}

/**
* @section Headings
*/
h1, h2, h3, h4, h5, h6 {color:#000;}
h1 {font-size:2.2em;}
h2 {font-size:2.0em;}
h3 {font-size:1.8em;}
h4 {font-size:1.6em;}
h5 {font-size:1.4em;}
h6 {font-size:1.2em;}

/**
* @section Typography
*/
p {margin-bottom:1em;}
ul {margin: 0 0.5em 1.2em 2.5em; list-style:disc;}
ol {margin: 0 0.5em 1.2em 2.8em; list-style:decimal;}

ul.nav, ol.nav {margin:0; list-style:none;}

/**
* @section Layouts 
*/
html, body {height:100%;}
.page{height: 100%; width: 100%}
.page td{vertical-align: middle}

.l-main-container {position:relative; min-width:990px;}
.l-720 .l-main-container {min-width:990px;}
.l-945 .l-main-container {min-width:990px;}
.l-1170 .l-main-container {min-width:990px;}

.l-wrapper {padding-bottom:16px;}



/**
* @section Footerstick
*/
.l-footer {height:20px; position:relative; min-width:990px; color: #86847f; text-align:center; font-size: 10px}
.l-footer a {color: #86847f; text-decoration: none;}
.l-footer a:hover{text-decoration: underline;}
.l-footer-i {width:940px; margin:0 auto; position:relative; left: 15px}
.l-720 .l-footer-i{width: 960px;}
.l-945 .l-footer-i {width: 1185px;}
.l-1170 .l-footer-i {width: 1410px;}

/**
* @section Headr
*/
.l-header {text-align:center; min-height: 56px}
.b-logo {margin-bottom: 0px;}

/**
* @section Main Layouts
*/
.l-container {}
.l-content {margin:0 auto; padding: 10px 0 0; position:relative;}
.l-720 .l-content {width: 950px;}
.l-945 .l-content {width: 1185px;}
.l-1170 .l-content {width: 1410px;}

.b-content { position:relative; margin-left:130px;}
.l-720 .b-content {width: 720px; height: 483px;}
.l-945 .b-content {width: 971px; height: 650px}
.l-1170 .b-content {width: 1196px; height: 800px}

.b-content-frame {position:absolute; top:0; left:0; z-index:100;}
.l-720 .b-content-frame {width: 720px; height: 482px; background:url(../images/gallery-frame.png) no-repeat 0 0;}
.l-945 .b-content-frame {width: 971px; height: 650px; background:url(../images/1-gallery-frame.png) no-repeat 0 0;}
.l-1170 .b-content-frame {width: 1196px; height: 800px; background:url(../images/2-gallery-frame.png) no-repeat 0 0;}

.b-content-i {padding: 8px 0 0 11px;}
.b-gallery-img img {display:block;}
.b-gallery img {border-radius: 6px; webkit-border-radius: 6px; -moz-border-radius: 6px;}
.b-gallery{text-align: center; background-color: #ECE7E6 !important;border-radius: 6px; display: table-cell; vertical-align: middle;}
.l-720 .b-gallery {width: 700px; height: 466px;}
.l-945 .b-gallery {width: 945px; height: 630px}
.l-1170 .b-gallery {width: 1170px; height: 780px}

/**
* @section Sidebar
*/
.l-sidebar {position:absolute; top: 38px; left:-2px; padding-left:17px; width:126px; z-index:99; overflow:hidden;}
.l-720 .l-sidebar {height: 443px}
.l-945 .l-sidebar {height: 593px}
.l-1170 .l-sidebar {height: 743px}

.b-btn-menu-open {background:url(../images/btn-menu.png) no-repeat 0 0; width: 42px; height:60px;  position:absolute; right:0; top:0; z-index:98; cursor:pointer;}
.b-btn-menu-close {position:absolute; top:10px; left:-13px; background:url(../images/btn-close-menu.png) no-repeat 0 0; width:15px; height:39px; z-index:98; cursor:pointer;}
.l-sidebar-i {padding:10px 15px 10px 10px; position:relative; text-align:center; right:-140px;}
.l-720 .l-sidebar-i {height: 423px; background:url(../images/0-bg-menu.png) no-repeat 0 0;}
.l-945 .l-sidebar-i {height: 573px; background:url(../images/1-bg-menu.png) no-repeat 0 0;}
.l-1170 .l-sidebar-i {height: 723px; background:url(../images/2-bg-menu.png) no-repeat 0 0;}

.l-sidebar-i p {margin-bottom:7px;}
.l-sidebar .nav a {text-decoration:none; display:inline-block;  line-height:1.2; padding:2px 4px; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-transform: lowercase; color: #86847f}
.l-sidebar .nav li.active a, .l-sidebar .nav a:hover, .l-sidebar .nav a.active {border:2px solid #fff; background: #FFF;padding:0 4px;}
.nav-gallery li {background:url(../images/bull-nav.png) no-repeat 50% 3px; padding-top:11px;}
.nav-site {position:absolute; bottom:15px; left:0; width:100%;}
.nav-site li {padding-top:5px;}

/**
* @section Gallery Slider
*/
.l-gallery-prev {position:absolute; top: 38px; right: 13px; width:96px; z-index:99; overflow:hidden; cursor:pointer;}
.l-720 .l-gallery-prev {height: 443px}
.l-945 .l-gallery-prev {height: 593px}
.l-1170 .l-gallery-prev {height: 743px}

.b-btn-prev-open {background:url(../images/btn-prev.png) no-repeat 0 0; width:41px; height:39px; position:absolute; bottom:0; left:0;}
.b-btn-prev-close {position:absolute; bottom:10px; right:-13px; background:url(../images/btn-close-prev.png) no-repeat 0 0; width:15px; height:39px; z-index:98; cursor:pointer;}

.l-gallery-prev-i {padding:8px 0 8px 12px; width:71px; position:relative; left:-95px; text-align:center;}
.l-720 .l-gallery-prev-i {height: 427px; background:url(../images/0-bg-prev.png) no-repeat 0 0;}
.l-945 .l-gallery-prev-i {height: 577px; background:url(../images/1-bg-prev.png) no-repeat 0 0;}
.l-1170 .l-gallery-prev-i {height: 727px; background:url(../images/2-bg-prev.png) no-repeat 0 0;}


.l-gallery-prev-i .nav { padding-left:8px; margin-bottom:4px;}
.l-gallery-prev-i .nav li {padding:2px; background:url(../images/bg-img-prew.png) no-repeat 0 0; width:48px; height:48px; margin-bottom:2px;}
.l-gallery-prev-i .nav img {display:block; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.l-gallery-prev-i .nav a:hover img, .l-gallery-prev-i .nav li.active img {opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.l-gallery-prev-i p {margin:0px 0 4px; line-height:1; font-size:0; padding-right: 9px}
.b-slide-start {line-height:1; width: 68px;}
.b-slide-start a, .b-slide-start a:visited {color:#86847F; text-decoration:none; line-height:1; font-size: 12px}
.b-slide-start a span {font-size:0.85em; color:#86847F; line-height:1; display:block;}
#photo-box {background-color: #DFD9C3}
#photo-thumbs{width: 52px; overflow: hidden; position: relative; margin-left: 6px}
.l-720 #photo-thumbs {height: 378px;}
.l-945 #photo-thumbs {height: 531px}
.l-1170 #photo-thumbs {height: 672px}



#photo-slider{position: absolute; width: 52px; left: 0;}
#photo-slider .thumb {height: 48px; width: 48px; margin-bottom: 2px; padding: 2px; position: relative; background: url(../images/bg-img-prew.png) no-repeat;}
.l-945 #photo-slider .thumb {margin-bottom: 1px;}
.l-1170 #photo-slider .thumb {margin-bottom: 4px;}
#photo-slider .thumb img {opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
#photo-slider .thumb a:hover img, #photo-slider .active img {opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
#photo-slider .thumb .img {width: 48px; height: 48px; position: absolute;}


/**
* @section Video Gallery Slider
*/
.prev-video {position:absolute; width:141px; right: -32px; top: 29px; z-index:99; overflow:hidden; cursor:pointer;}
.l-720 .l-sidebar {height: 443px}
.l-945 .l-sidebar {height: 593px}
.l-1170 .l-sidebar {height: 743px}

.prev-video .b-btn-prev-open {background:url(../images/btn-prev.png) no-repeat 0 0; width:41px; height:39px; position:absolute; bottom:10px; left:0;}
.prev-video .b-btn-prev-close {position:absolute; bottom:30px; right:-13px; background:url(../images/btn-close-prev.png) no-repeat 0 0; width:15px; height:39px; z-index:98; cursor:pointer;}
.prev-video .l-video-prev-i {padding: 13px 0 8px 16px; position:relative; left:-142px; text-align:center; width: 111px;}
.l-720 .prev-video .l-video-prev-i {height: 427px; background:url(../images/0-bg-prev-video.png) no-repeat 0 0;}
.l-945 .prev-video .l-video-prev-i {height: 573px; background:url(../images/1-bg-prev-video.png) no-repeat 0 0;}
.l-1170 .prev-video .l-video-prev-i {height: 723px; background:url(../images/2-bg-prev-video.png) no-repeat 0 0;}

.prev-video .l-video-prev-i .nav li {padding:0; width:101px; height:58px; margin-bottom:8px; overflow: hidden}
.prev-video .l-video-prev-i .nav img {display:block; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.prev-video .l-video-prev-i .nav a:hover img,
.prev-video .l-video-prev-i .nav li.active img {opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.prev-video .l-video-prev-i p {margin: 0px 0 8px; line-height:1; font-size:0; padding-right:10px;}
#video-slider-wrapper {width: 109px; overflow: hidden; position: relative}
.l-720 #video-slider-wrapper {height: 396px}
.l-945 #video-slider-wrapper {height: 558px}
.l-1170 #video-slider-wrapper {height: 704px}

.l-945 .prev-video .l-video-prev-i .nav li {margin-bottom:4px;}
.l-1170 .prev-video .l-video-prev-i .nav li {margin-bottom:6px;}

#video-box-wrapper {background: #ECE7E6; overflow:hidden; position: absolute; z-index: 101; border-radius: 5px }
.l-720 #video-box-wrapper {width: 700px; height: 466px;}
.l-945 #video-box-wrapper {width: 945px; height: 630px}
.l-1170 #video-box-wrapper {width: 1170px; height: 780px}

#video-slider {position: absolute; top: 0px; left: 0px}
.b-video-frame {overflow:hidden;}
.l-720 .b-video-frame {height:444px;}
.l-945 .b-video-frame {height:594px;}
.l-1170 .b-video-frame {height:744px;}
.b-video-name  {height:30px; padding:3px 15px; font-size:12px; position: absolute; z-index: 101; bottom: 2px;}



/**
* @section Info Page
*/
.b-info-text {float:left; background: #ECE7E6; position:relative; z-index:101; padding: 20px; border-radius: 5px 0 0 5px;}
.l-720 .b-info-text {width: 330px; height: 426px;}
.l-945 .b-info-text {width: 520px; height: 610px}
.l-1170 .b-info-text {width: 644px; height: 760px}

.b-info-text h1 {font-size:18px; font-weight:100; color:#fff;}
.b-info-text .scroll-pane {width:100%; height:440px; overflow:auto;}
.l-720 .b-info-text .scroll-pane {height: 437px;}
.l-945 .b-info-text .scroll-pane {height: 610px}
.l-1170 .b-info-text .scroll-pane {height: 760px}

.b-info-text-i{color:#fff;}
.b-info-img {float:left; width:310px;}
#text-box {background-color: #ece7e6; border-radius: 6px;}
.l-720 #text-box {width: 700px; height: 466px;}
.l-945 #text-box {width: 945px; height: 630px}
.l-1170 #text-box {width: 1170px; height: 780px}

/* width: 700px; height: 467px; */


/**
* @section Contacts
*/
#contact-form p {text-align: right;}
.b-contacts {}
.l-720 .b-contacts {height: 445px; padding: 10px 0}
.l-945 .b-contacts {width: 520px; height: 630px}
.l-1170 .b-contacts {width: 644px; height: 780px}

.b-contacts h1 {font-size:18px; font-weight:100; color:#fff; text-align:center; margin:1em 0 1.2em;}
.b-contacts address {text-align:center; font-style: normal;  margin-top: 18px; height: 135px; overflow: hidden;}
.b-contacts address a, .b-contacts address a:visited {color:#fff; text-decoration:none;}
.f-contacts {padding: 0 0px 0 2px;}
.f-contacts input, .f-contacts textarea {font:normal 13px/18px 'Century Gothic', Helvetica, Arial, sans-serif; color:#86847F;}
.f-contacts input[type=text] {margin-bottom: 12px;}
.f-contacts .textbox {height: 17px; margin-bottom: 12px;}

.l-720 .f-contacts .textbox  {width: 251px;margin-left: 23px;}
.l-945 .f-contacts .textbox  {width: 435px;}
.l-1170 .f-contacts .textbox  {width: 559px;}


.f-contacts p {}
.b-contacts-img {float:left; width:350px;}
.mess {height: 144px !important;}
#error{color: #ff2a00; margin-bottom: 12px;margin-left: 26px;}
#message{color: #398406; margin-bottom: 12px;margin-left: 26px;}



/**
 * Login / password styles for private photo gallery
 */
#auth-box {z-index: 101; position: absolute; background: #ECE7E6; border-radius: 5px}
.l-720 #auth-box {width: 700px; height: 322px; padding-top: 145px;}
.l-945 #auth-box {width: 945px; height: 410px; padding-top: 220px;}
.l-1170 #auth-box {width: 1170px; height: 485px; padding-top: 295px;}


#auth {text-align: left; margin: 0px auto; width: 300px;  padding: 20px; border: 1px solid #cccccc; background: #ffffff}
#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: 1px solid #cccccc}
#auth input[type=submit] {border: 1px solid #aaaaaa; background: #cccccc; margin-left: 90px}
#auth .clear {clear: both}

/**
* @section Forms
*/
.textbox, .button {border:2px solid #fff; background:#ece7e6; padding:0 4px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; opacity:0.67; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=67); overflow:auto;}
.textbox:focus, .button:hover {opacity:1;}
.button {
    margin-right: 16px;
}

#notice-box {font-size: 13px; position: absolute; display: none; background: white; opacity: 0.7; padding: 4px; border-radius: 5px;}

.b-content-frame, #background, #photo-box, #text-photo {
    -webkit-user-select: none;                /* disable cut copy paste */
    -webkit-touch-callout: none;              /* disable callout, image save panel */
    -webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
}

/**
 * Typography for text (nust be unify with css/editor.css)
 */
#text {font:normal 13px/18px 'Century Gothic', Helvetica, Arial, sans-serif; color:#86847F;}
#text h1 {font-weight:bold; padding-bottom: 20px; font-size:16px; color: #616161}
#text h2 {font-weight:bold; padding-bottom: 20px; font-size:14px; color: #616161}
#text h3 {font-weight:bold; padding-bottom: 20px; font-size:12px; color: #616161}
#text h4 {font-weight:bold; padding-bottom: 20px; font-size:12px; color: #616161}
#text h5 {font-weight:bold; padding-bottom: 20px; font-size:12px; color: #616161}
#text h6 {font-weight:bold; padding-bottom: 20px; font-size:12px; color: #616161}
#text p {}
#text a {color: #336699}
#text ul, ol {padding-left: 20px; padding-bottom: 20px}
#text ul li {list-style-type: circle;}
#text ol li {list-style-type: decimal;}

/**
* Global Styles
*
* @section Global
*/
.g-nobg {background:none !important;}
.g-a-left {text-align:left !important;}
.g-a-right {text-align:right !important;}
.g-a-center {text-align:center !important;}
.g-upper {text-transform:uppercase;}
.g-noborder {border:0 !important;}
.none {display: none}
.loading {background: url('../images/loader.gif') no-repeat scroll 50% 50%}
#loadcontent {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 9999;}

/**
 * HTML
 */
.no-js .b-content-frame {z-index: -1}
.no-js #background {overflow-y: auto; overflow-x: hidden}
.no-js #background img {margin-bottom: 5px; max-width: 680px}
.no-js .l-sidebar-i {right: 1px; }
.no-js .b-btn-menu-open, .no-js .b-btn-menu-close, .no-js .b-btn-prev-open, .no-js .b-btn-prev-close {display: none;}

/*
* @section TinyScrollbar
*/

#text { clear: both; }
#text .viewport { overflow: hidden; position: relative; }
.l-720 #text .viewport {width: 305px; height: 426px; word-break: break-word;}
.l-945 #text .viewport {width: 495px; height: 610px; word-break: break-word;}
.l-1170 #text .viewport {width: 619px; height: 760px; word-break: break-word;}
#text .overview { list-style: none; position: absolute; left: 0; top: 0; }
#text .thumb .end,
#text .thumb {background:url(../images/scroll-drag.png) no-repeat 0 0;cursor:pointer;left:0;position:relative;top:0}
#text .scrollbar { position: relative; float: right; width: 15px; }
#text .track {background:url(../images/bg-track.png) no-repeat 0 0;position:relative}
#text .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#text .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#text .disable{ display: none; }