html, body {
    margin:0;
    padding:0;
    font-family:arial,sans-serif;
    font-size:13px;
    height:100%;
    position:relative;
}

table {border-collapse:collapse; border-spacing:0; font-size:1em;}
table td {vertical-align:top; padding:0;}
ul {list-style-type:none; }
p, ul, li, h1, h2, h3 {    
    margin:0; 
    padding:0; 
    line-height:1.3em; 
    font-weight:normal;
    font-size:1em;
}

a {text-decoration:none; color:#000066;}
a:hover  {color:#00CCCC}
a.hovered {color:#00CCCC !important}
a:visited {color:#000066}
a:visited:hover {color:#00CCCC}

.js {border-bottom:1px dotted; cursor:pointer;}
.js:hover {color:#00CCCC}

img {border:none;}

/* CUSTOMS */
.custom-button {
    background:none;
    border:1px solid #555;
    font-family:arial;
    font-size:1em;
    margin:0;
    padding:5px 8px;    
    cursor:pointer;    
}
.custom-text {
    background:#FFF;
    border:none;
    font-family:arial;
    font-size:1em;
    margin:0;
    padding:3px 5px;
}


/* COMMONS */

#top-bar {
    background:#000;
    color:#FFF;        
    display:inline-block;
    width:100%;    
}
#top-bar .custom-button {color:#FFF;}
#top-bar table {
    display:block;
    width:974px;
    margin:0 auto;   
}
#top-bar td {
    vertical-align:baseline;
    padding:5px 0;
    padding-right:10px;
    white-space:nowrap;
}

#top-bar td.space {width:100%; padding:0;}
#top-bar td.email {padding-left:20px; padding-right:30px;}
#top-bar td.search {padding-right:30px;}
#top-bar td.lang {padding:0;}
#top-bar td.lang a {color:#FFF; padding-left:15px}
#top-bar td.lang a:hover {color:#00CCCC}

#top-bar td.common-share {padding-right:0;}
#top-bar td.common-share .share {position:relative; bottom:-5px;}
#top-bar td.common-share .socials {position:relative; bottom:-5px;}
#top-bar td.common-share .mailto {display:none}

#header {
    width:974px;   
    margin:0 auto;
    background:url('/static/i/common/header.png') center top no-repeat;
    padding-top:144px;
    position:relative;
}

#header a {
    position:absolute;
    width:100%;
    top:20px;
    bottom:20px;
}

#content {
    width:974px;   
    margin:0 auto;
    padding-bottom:75px;
}

.frame {
    width:100%;
}
.frame td.right {
    width:300px;
    position:relative;
}
.frame td.left {
    padding-right:20px;
    padding-bottom:10px;
}

.menu {padding:10px 0;}
.menu table {width:100%}
.menu table td {text-transform:uppercase; }
.menu table a {color:#000}
.menu table a:hover {color:#0CC}
.menu table a.selected {color:#0CC}
.menu table td span {color:#0CC}

.submenu {background:rgba(0,0,0,.5); padding:0 10px; position:relative; margin-bottom:-30px; z-index:2;}
.submenu table {height:30px; width:100%;}
.submenu table.fixed {width:1px;}
.submenu table.fixed td {padding-right:10px;}
.submenu table td {vertical-align:middle; white-space:nowrap; }
.submenu table a {color:#FFF}
.submenu table a:hover {color:#00CCCC}
.submenu table td span {color:#0CC}

#page {
    min-height:100%;
    _height:100%;
}
#footer {
    background:#000; 
    color:#FFF; 
    height:75px; 
    margin-top:-75px;
    position:relative;
}
#footer a {color:#FFF}
#footer .container {
    width:974px;
    margin:0 auto;    
}
#footer .logo {float:left;}
#footer .contacts {width:300px; float:right; line-height:1.4em; margin-top:20px;}
#footer .contacts a.page {
    /*text-decoration:underline;*/
    text-transform:uppercase; 
}
#footer .contacts a.design { color:#555 }
#footer .contacts a:hover {color:#00CCCC}

.recommends {
    background:url('/static/i/common/lines.png') left top repeat;
    position:relative;
    padding-right:18px;
    padding-bottom:18px;
    margin-bottom:20px;
}

.recommends table.container {width:100%;}
.recommends .title {
    color:#FFF;
    background:#00cccc;
    vertical-align:middle;
    text-transform:uppercase; 
    font-size:0.9em;
    height:34px;    
    padding-left:20px
}
.recommends a, .recommends span {
    color:#FFF;
/*    line-height:34px; (by gadfly)*/
/*    display:block; (by gadfly)*/
    /*padding-left:20px;*/
}
.recommends a:hover {
    color:#FFF;
}
.recommends .text a {
    color:#000;
}

.recommends .text a:hover {
    color:#000;
}


.recommends .text {
    background:#FFF;
    padding:10px 20px;
    font-size:0.9em;
    color:#000;
}
.recommends .text ul {
    /*list-style-type:square;*/
    margin-left:23px;
    margin-top:5px;
}
.recommends .text div {
    margin-bottom:0.8em;
    margin-left:30px;
}
.recommends .text div h3 {
    text-transform:uppercase;
    margin-bottom:0.2em;
}

.recommends .corner {
    position:absolute;
    width:18px;
    height:18px;
}

.recommends .corner.rt {
    background: url('/static/i/common/rt-corner.png') left top no-repeat;
    right:0;
    top:0;
}

.recommends .corner.bl {
    background: url('/static/i/common/bl-corner.png') left top no-repeat;
    left:0;
    bottom:0;
}

.two-cols {width:100%;}
.two-cols td {padding-bottom:20px; width:50%;}
.two-cols td.left {padding-right:10px; width:50%;}
.two-cols td.right {padding-left:10px}


.page-title {
    padding:10px 20px;
    background:#0CC;
    color:#FFF;    
    text-transform:uppercase;
    letter-spacing:0.15em;
    margin-bottom:20px;
}

.photos {
    margin-bottom:20px;
}
.photos .window {
    height:430px;
    width:100%;
    position:relative;
    z-index:1;
    background:left top repeat url('/static/i/common/lines.png');
    overflow:hidden;
}
.photos .window.small {height:344px}

.photos .photo {
    position:absolute;
    top:0;
    height:100%;
    width:100%;    
    bottom:0;
}
.photos .photo img {
    display:block;
    margin:0 auto;
}
.photos .photo a {
    position:absolute;
    width:100%;
    height:100%;
}
.photos .selector {
    margin-left:-10px;
    padding:15px 0;
    padding-bottom:0;
    margin-top:-10px;
}
.photos .selector .square {
    margin-left:10px;
    margin-top:10px;
    display:inline-block;
    width:19px;
    height:19px;
    background:#B7B7B7;
    cursor:pointer;
}
.photos .selector .square.selected {
    background:#0CC;
    cursor:default;
}

.photos .slider {
    width:100%;
    height:100px;
    position:relative;
    overflow:hidden;
    margin-top:20px;    
}

.photos .slider .thumbs {
    white-space:nowrap;
    position:absolute;
    left:0;
    top:0;
}

.photos .slider .arr {
    color:#0CC;
    font-size:60px;
    opacity:.8;
    position:relative;
    z-index:2;
    cursor:pointer;    
    height:100px;
    width:70px;
    margin:0 10px;    
}
.photos .slider .arr:hover {opacity:1}
.photos .slider .arr.left {float:left; background:url('/static/i/common/larr.gif') left center no-repeat;}
.photos .slider .arr.right {float:right; background:url('/static/i/common/rarr.gif') right center no-repeat;}

.photos .slider .thumb {
    width:100px;
    height:100px;
    position:relative;
    overflow:hidden;
    float:left;
    display:inline;
    margin-right:10px;
    cursor:pointer;
}
.photos .slider .thumb.selected {
    width:94px;
    height:94px;
}

.photos .slider .thumb img {
    position:absolute;
    left:0;
    top:0;
}

.videos {
    margin-bottom:20px;
}

.videos .selector {
    margin-left:-10px;
    padding:15px 0;
    padding-bottom:0;
}

.videos .selector div {
    margin-left:10px;
    display:inline-block;
    width:19px;
    height:19px;
    background:#B7B7B7;
    cursor:pointer;
    border-radius:19px;
}
.videos .selector div.selected {
    background:#0CC;
    cursor:default;
}

.videos .window {
    height:344px;
    position:relative;
}

.videos .video {
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    overflow:hidden;
}

.photos .photo .title,
.videos .video .title {
    background:rgba(0,0,0,.7);
    position:absolute;
    width:100%;
    color:#FFF;
    height:25px;
    line-height:25px;
    z-index:99;
    padding-left:10px;
}

.photos .photo .title {
    bottom:0;
}

.popup-trigger {
    cursor:pointer;
}
img.popup-trigger:hover {
    outline:#0CC 2px solid;
}

.popup {
    position:fixed;
    max-height:75%;
    width:50%;
    left:25%;
    top:20%;
    background:rgba(255,255,255,0.95);
    border:4px solid rgba(0,0,0,.7);
    z-index:5;
    overflow:auto;
    display:none;
}

.popup .content {
    margin:20px;
}

.popup .content .title {
    text-transform:uppercase;
    font-size:16px;
    margin-bottom:5px;
}

.popup .content img {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

.popup .close {
    position:absolute;
    right:5px;
    top:2px;
    font-size:20px;
    line-height:20px;
    color:#999;
}
.popup .close:hover {color:#000; cursor:pointer;}


.share {
    display:inline-block;
    float:right;
}

.share .btns {float:right;}

.share .btn {    
    margin-left:5px;
    float:left;
}

.share .btn a.i {
    float:left;
    width:19px;
    height:20px;
    background:#999;   
    cursor:pointer;
}

.share .btn a.i {background:left top no-repeat}
.share .facebook    a.i {background-image:url('/static/i/common/fb-share.png')}
.share .twitter     a.i {background-image:url('/static/i/common/tw-share.png')}
.share .vkontakte   a.i {background-image:url('/static/i/common/vk-share.png')}
.share .livejournal a.i {background-image:url('/static/i/common/lj-share.png')}
.share .mailto      a.i {background-image:url('/static/i/common/mail.png'); width: 24px}

.text-block {
    border:1px solid #CCC;
    padding:20px;
    margin-bottom:20px;
}
.left .text-block li, .text-details li{
    padding: 0 0 0.5em 0;
}
.left .text-block p,  .text-details p{
    padding: 0.5em 0 0.5em 0;
}
.left .text-block ul, .text-details ul{
    padding: 0.5em 0 0 0;
    margin-left: 25px;
}

/*
 * Blog entries
 */
.blog .title {
    padding:10px 20px;
    background:#000;
    color:#FFF;    
    text-transform:uppercase;
    letter-spacing:0.15em;
}

.blog .posts {
    padding:20px;
    border:1px solid #CCC;
    border-top:none;
    margin-bottom:20px;
}

.blog .post {
    margin-bottom:20px;
}

.blog .thumb {
    height:180px;
    background:center center no-repeat;
    margin-bottom:5px;
}
.blog .date {font-size:0.85em; color:#999; margin:5px 0;}
.blog .short {font-size:0.9em}
.blog h2 {font-size:1.1em}


.quote {
    color:#0CC;
    font-size:16px;
}



.tag-cloud {
    text-align:center;
    line-height:13px;
}
.tag-cloud a {color:#999}
.tag-cloud a:hover {color:#0CC}

.clear {clear:both}

/*.text-block p {margin-bottom:0.5em}*/

.buttonHolder input,
button.primaryAction {
    background: #999;
    border: none;
    color:#FFF;    
    font-family: arial;
    font-size: 1em;
    margin: 0;
    padding: 5px 8px;
    cursor: pointer;
}

.comments .data {
    margin-bottom:5px;
    font-variant:small-caps;
    letter-spacing:0.1em;
    font-size:16px;
}
.comments .data .date {
    font-variant:normal;
    letter-spacing:normal;
    font-size:11px;
}

.comments .comment {
    border-bottom:1px solid #CCC;
    margin-bottom:10px;
    padding-bottom:5px;
    overflow: hidden;
    width: 550px;
}

.comments .comment-text {
    font-size:13px;
    padding:0;
    background:none;
    margin-top:5px;
    margin-bottom:10px;
}

.socialaccount_provider {
    padding-left:23px;
    background:left center no-repeat;
    height:20px;
    line-height:20px;
    display:inline-block;
    margin-right:10px;
}

.socialaccount_provider.google {background-image:url('/static/i/common/g-share.png')}
.socialaccount_provider.twitter {background-image:url('/static/i/common/tw-share.png')}
.socialaccount_provider.facebook {background-image:url('/static/i/common/fb-share.png')}
.socialaccount_provider.openid {background-image:url('/static/i/common/ya-share.png')}
.socialaccount_provider.openid:last-child {background-image:url('/static/i/common/id-share.png')}