html {
    margin: 0px;
    padding: 0px;
    font-family: verdana, Helvetica, sans-serif;
    font-size: 100%;
    background: url(../img/bk.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
}

#shelves {
    width: 925px;
    height: 360px;
    margin: 10px auto 0px auto;
    background: url(../img/shelves.png) no-repeat;
    padding: 27px 23px;
}

#content {
    width: 925px;
    height: 366px;
}

#slidedeck {
    width: 925px;
    height: 366px !important;
}

dl.slidedeck
{
    height: 100%;
}

.spine {
    background-image: url(../img/books.png);
    height: 80px !important;
    cursor: pointer;
}

dt {
    height: 79px !important;
}

.slide {
    height: 360px !important;
    background: url(../img/shelves_bk.png) no-repeat fixed center 145px;
}

.index {
    color: #d2a15e;
    font-size: 30px;
    display: block;
    margin: 35px 35px 35px 45px;
}

#home {
    background: url(../img/main_bk.png) no-repeat fixed center 145px;
    height: 360px !important;
}

#aboutus, #services, #contacts, #areas {
    padding: 10px;
    font-size: 12px;
    line-height: 16px;
}

#areas {
    background: url(../img/shelves_bk_1.png) no-repeat fixed center 145px;
}

#aboutus p, #services p, #contacts p, #areas p {
    margin: 5px 0px;
}

#aboutus h1.content_title, #services h1.content_title, #contacts h1.content_title, #areas h1.content_title {
    font-size: 22px;
    line-height: 22px;
    color: #764a23;
    font-weight: bold;
    margin: 10px 0px;
}

#services li {
    margin: 5px 0px 5px 20px;
    background: url(../img/large_list_icon_black.png) no-repeat left center;
    padding-left: 20px;
}

.map {
    border: 3px solid white;
}

#langs {
    margin: 100px auto 0px auto;
    width: 925px;
    text-align: right;
    font-size: 11px;
}

#langs a {
    font-size: 11px;
    display: inline-block;
    margin: 0px 10px;
    color: #7f7754;
    text-decoration: none;
}

#langs a:hover, #langs a.current {
    color: #652002;   
}

#sub_shelves {
    margin: 20px auto 0px auto;
    width: 925px;
    padding: 0px;
}

#logo {
    display: inline-block;
    width: 193px;
    height: 37px;
    background: url(../img/logo.png) no-repeat;
    text-decoration: none;
}

.clr {
    clear: both;
}

.piro_html {position:absolute; top:0; left:0; padding:0; width:500px; height: 500px; margin:0; display:block; padding:0; z-index:150001; padding:0;  }
.piro_html table,.piro_html tbody,.piro_html tr,.piro_html th,.piro_html td{margin:0;padding:0;border:none;}
.piro_html img{ margin:0; padding:0; border:none;}

.piro_html .h_t_l{ width:10px; height:10px; background: url(../img/caption.png);}
.piro_html .h_t_r{ width:10px; height:10px; background: url(../img/caption.png);}
.piro_html .h_t_c{ cursor:move; height:10px;background: url(../img/caption.png);}

.piro_html .h_c_l{width:10px; background: url(../img/caption.png); }
.piro_html .h_c_c{background: url(../img/caption.png);margin:0; padding:0;}
.piro_html .h_c_c .div_reg{ background: url(../img/caption.png); width:480px; overflow:hidden; height:480px; margin:0; padding:0; }
.piro_html .h_c_c .div_reg img{ cursor:move;}
.piro_html .h_c_r{width:10px; background: url(../img/caption.png);}

.piro_html .h_b_c{ cursor:move; height:10px;background: url(../img/caption.png);}
.piro_html .h_b_l{ width:10px; height:10px;background: url(../img/caption.png);}
.piro_html .h_b_r{ width:10px; height:10px;background: url(../img/caption.png);}

.piro_overlay{position:fixed; top:0; left:0; width:100%; height:100%;  z-index:150000;background:#fff;display:none; cursor:pointer;}
.piro_loader{position:absolute;top:50%;left:50%;margin:-59px 0 0 -59px;width:118px;height:118px;display:block;z-index:150005;  cursor:pointer; }
.piro_loader span{position:absolute;top:50%;left:50%;margin-top:-36px;margin-left:-36px;width:72px;height:72px;display:block;z-index:150009; background: url(loadinfo.gif) center top no-repeat; }
.piro_title{position:fixed; background: url(bg_title.png) bottom repeat-x;top:0;left:0;width:100%; text-align:center;display:block; padding:6px 0 10px 0; color:white; z-index:150000; font-size:18px; display:none;}
.btn_info{position:absolute;bottom:-7px;right:-7px;width:25px; height:25px;margin:0;display:block; padding:0px; color:black; cursor:pointer; background: url(b_w/info.png) no-repeat; z-index:1500440}
.caption{position:absolute;bottom:10px;left:10px;margin:0;display:block; padding:0px; color:black; cursor:text; background: url(../img/caption.png); z-index:150018}
.caption p{ display:block; margin:0;padding:7px 5px; text-align:center; font-weight:normal; font-size:14px; color:white; z-index:150019; color:white;}

.nav_container{position:absolute; bottom:-20px; right:0; height:20px; width:60px; background: url(../img/caption.png); z-index:1500190000000;}
.piro_close{position:absolute;right:20px;height:20px;width:20px;background: transparent url(../img/close.png) no-repeat center center;cursor:pointer;margin:0 0 0 0;z-index:150022;display:none;}
a.piro_next{position:absolute;width:20px; right:0px; height:20px;text-indent:-999em;outline:none; display:block; margin:0;background:url(../img/next.png) center right no-repeat; border:none; cursor:pointer;z-index:150023}
a:hover.piro_next{background:url(../img/next.png) center right no-repeat;}
.piro_next_fake{position:absolute;width:20px; right:0px; height:20px;outline:none; text-indent:-999em; display:none; margin:0;background: url(../img/next.png) center right no-repeat; border:none; cursor:auto;z-index:150020}
.piro_prev_fake{position:absolute;width:20px; right:40px; height:20px;outline:none; text-indent:-999em; display:none; margin:0;background: url(../img/prev.png) center right no-repeat; border:none; cursor:auto;z-index:150020}

a.piro_prev{position:absolute;width:20px; right:40px; height:20px; text-indent:-999em; outline:none;display:block;margin:0;background: url(../img/prev.png) center left no-repeat;border:none; cursor:pointer; z-index:150024}
a:hover.piro_prev{background:url(../img/prev.png) center left no-repeat;}
a.close_pirobox{color:#bb0f05;}


.cn_wrapper{
	width: 100%;
    height: 336px;
	position:relative;
	overflow:hidden;
}
.cn_preview{
	width:380px;
	height: 333px;
	position:absolute;
}

.cn_list{
	width:200px;
	height: 333px;
	position:absolute;
    left: 390px;
}

.cn_content{
	top:336px;
	width: 100%;
	position:absolute;
	height:346px;
}

.cn_item{
	cursor:pointer;
	position:relative;
	overflow:hidden;
	margin:20px 0px 20px 0px;
    padding-bottom: 3px;
    border-bottom: 1px dashed black;
}
.cn_item:hover, .selected{
	border-color:#4c7ecb;
}

.cn_item:active {
	color: #011c44;
}

.big_logo {
    width: 506px;
    height: 79px;
    background: url(../img/logo_big.png) no-repeat;
    position: absolute;
    top: 140px;
    left: 135px;
}
#cn_list .viewport { width:185px; height: 333px;  position: relative; }
#cn_list .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#cn_list .scrollbar{ background: transparent url(../img/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; height: 322px!important;  }
#cn_list .track { background: transparent url(../img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#cn_list .thumb { background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#cn_list .thumb .end { background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#cn_list .disable { display: none; }