html { background: url('../images/bg.gif') repeat-x left top; background-attachment:fixed; }
body {  color: #0b333c; font-family: "Verdana"; font-size: 12px; }

#wrapper { width: 960px; margin: 0 auto; padding: 5px 0; }

/********** HEADER **********/
#header {
    background: url('../images/top_image.jpg') repeat-x left top;
    height: 200px;
    margin-bottom: 2px;
    width: 960px;
}
    /********** LOGO **********/
    #logo { float: left; padding: 7px 7px 7px 20px; position: relative; width: 178px; }
    #logo p {
        color: #FFF;
        font-size: 12px;
        font-weight: bold;
        /*position: absolute;*/
        text-align: center;
        line-height: 1.3;
        margin: -15px 0 0 13px;
    }
    /********** HEAD ADVERTS **********/
    #head-adv { float: right; margin-right: 5px; width: 728px; overflow: hidden; }
    #head-adv div { margin-top: 5px; }
    #head-adv .adv-468 { height: 64px; }
        /****** HEAD SEARCH **********/
        #head-adv .search { }
            #search { font-size: 12px; padding: 2px 3px; width: 170px; }
            #search-submit {padding: 2px 10px;}

/******* NAVIGATIONS *******/
.navigation { background: transparent url('../images/nav_bg.png') repeat left top;  }
.center-floated-nav { float: left; left: 50%; position: relative; }
.center-floated-nav ul { float: left; left: -50%; position: relative; }

#header .navigation {
    float: right;
    margin: 4px 5px 0 0;
    overflow: hidden;
    width: 728px;
}

    /********** HEAD MENU **********/
    #head_menu {
        font-size: 10px;
        font-weight: bold;
        float: right;
        padding: 3px 0;
    }
    #head_menu li { float: left; padding: 0 3px; margin: 2px 0; }
    #head_menu li a { color: #FFF; display: block; padding-right: 3px; }
    #head_menu li a span {
        background-repeat: no-repeat;
        background-position: 4px center;
        display: block;
        padding: 4px 5px 4px 25px;
    }
    
    #head_menu li:hover { background: url('../images/corners.png') no-repeat left top; }
    #head_menu li:hover a { background: url('../images/corners.png') no-repeat right top; color: #000; }
    #head_menu li:hover a span {background-color: #E3F1FE; }
        /********** HEAD MENU LINKS IMAGES **********/
        #head_menu li .icon { position: absolute; margin: 2px 0 0 2px; }
        #head_menu li a.lang span { padding-top: 2px; }
        
        
    /********** TOP NAVIGATION **********/
    #pageBody .navigation { overflow: hidden; margin-left: -2px; width: 962px; }
    #page_nav { font-size: 12px; font-weight: bold; padding: 3px 0; }
    #page_nav li { float: left; padding: 0 3px; margin-top: 1px; }
    #page_nav li.sep { background: url('../images/menu_separator.jpg') no-repeat right center; display: block; height: 15px; width: 1px; margin: 6px 10px 0 0; }
    #page_nav li a { color: #FFF; display: block; padding-right: 3px; }
    #page_nav li a span {
        background-repeat: no-repeat;
        background-position: 3px 5px;
        display: block;
        padding: 6px 4px 6px 25px;
    }
    
    #page_nav li:hover { background: url('../images/corners.png') no-repeat left -20px; }
    #page_nav li.sep:hover { background: url('../images/menu_separator.jpg') no-repeat right center;  }
    #page_nav li:hover a { background: url('../images/corners.png') no-repeat right -20px; color: #000; }
    #page_nav li:hover a span {background-color: #E3F1FE; }
        #page_nav li .icon { position: absolute; margin: 5px 0 0 2px; }
        
        
/************** CONTENT **************/
.box { background-color: transparent; display: block; margin: 2px 0; overflow: hidden; padding: 5px 5px 0; }
.box.white-box { background: #FFF; }
    
.box-title .follow { margin-left: 5px; }
    
    /*** BOXES WIDTH ***/
    .box.w240 { width: 230px; }
        .w240.no-padding { width: 240px; }
    .box.w275 { width: 265px; }
        .w275.no-padding { width: 275px; }
    .box.w300 { width: 290px; }
        .w300.no-padding{ width: 300px; }
    .box.w435 { width: 425px; }
    .box.w520 { width: 510px; }
        .w520.no-padding { width: 520px; }
    .box.w655 { width: 645px; }
        .w655.no-padding { width: 655px; }
    .box.w715 { width: 705px; }
        .w715.no-padding { width: 715px; }
    .box.w960 { width: 950px; }
        .w960.no-padding { width: 960px; }
    /*** BOXES HEIGHT ***/
    .box.h400 { height: 395px; }
        .h400.no-padding { height: 400px; }
    .box.h464 { height: 459px; }
        .h464.no-padding { height: 464px; }
    .box.h500 { height: 495px; }
        .h500.no-padding { height: 500px; }
    .box.h545 { height: 540px; }
        .h545.no-padding { height: 545px; }

.page-nav { padding: 2px 5px 5px 0; }

/************** FOOTER **************/
#footer {
    background: url('../images/bot_image.jpg') no-repeat left top;
    color: #FFF;
    /*height: 200px;*/
    margin-top: 2px;
    overflow: hidden;
    padding-top: 10px;
    position: relative;
    width: 960px;
}
    .footer-box { display: block; margin-left: 15px; width: 210px; }
    /*#footer .counters { float: right; margin: 0 10px 3px 0; }*/
    #footer .counters { bottom: 1px; position: absolute; right: 4px; z-index: 9999; }
    
    #footer ul { font-size: 10px; margin-top: 4px; }
    #footer ul li { padding: 4px 3px; margin-top: 2px; width: auto; }
    #footer ul li.not-link { padding: 0 9px 5px; }
    #footer ul li a { color: #FFF; padding: 4px 3px 4px 0; }
    #footer ul li a span { padding: 4px 5px 4px 23px; text-decoration: underline; }
    #footer ul li a.no-image span { padding-left: 5px; }
    
    #footer li:hover { background: url('../images/corners.png') no-repeat left top; }
    #footer li:hover a { background: url('../images/corners.png') no-repeat right top; color: #000; }
    #footer li:hover a span {background-color: #E3F1FE; /*text-decoration: none;*/ }
    
    #footer ul li.not-link:hover { background: none; }
    #footer ul li.not-link:hover a,
    #footer ul li.not-link:hover a span { background: none; display: inline; padding: 0; }
    
    #footer ul li .icon { position: absolute; margin: -2px 0 0 2px; }
    
    /*** FOOTER BOXES NAVIGATIOIN IE7 FIX ***/
    *+ html #footer ul li { padding: 2px 4px 4px 2px; margin-top: 2px; margin-left: 2px; }
    *+ html #footer ul li a { margin-top: 4px; padding: 0 3px 0 0; }
    *+ html #footer ul li a span { padding-left: 23px; }
    *+ html #footer ul li .icon { margin: 2px 0 0 1px; }