html,body {
	margin: 0;
	padding: 0;
	height: 100%; /* needed for container min-height */
	background-color: #E6E6E6;
	
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 12px;
	color: #666;
}

a {
	color: #666;
}	

a:hover {
	text-decoration: none;
}	

.container {
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	width: 1000px;
	
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/

	min-height: 100%; /* real browsers */
}

.header {
	height: 187px;
}

.logo {
	float: left;
	display: inline;
	width: 235px;
	height: 187px;
	background-image: url(../i/logo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.header_slider {
	width: 747px;
	height: 141px;
	padding: 11px 0 0 18px;
	float: left;
	background-image: url(../i/h_slide.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.navigation_top {
	width: 655px;
	/*width: 743px;*/
	height: 35px;
	float: left;
	padding: 0 0 0 12px;
	background-image: url(../i/nav_bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

.navigation_top ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.navigation_top ul li {
	float: left;
	width: auto;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	background-image: url(../i/li_a.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

.navigation_top ul li a {
	color: #FFFFFF;
	font-size: 13px;
	text-decoration: none;
}

.langs {
	float: left;
	width: 85px;
	height: 35px;
	background-image: url(../i/nav_bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	padding: 0 0 0 5px;
}

.langs ul {
	padding: 0;
	margin: 0;
	list-style-type: none;	
}

.langs ul li {
	float: left;
	width: auto;
	height: 35px;
	line-height: 35px;	
	padding: 0 5px;
}

.ru, .en, .ua {
	width: 30px;
	height: 15px;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
	margin: 10px 0 0 0;
}	

.ua {
	background-image: url(../i/ukr.gif);
}	

.ru {
	background-image: url(../i/rus.gif);
}	

.en {
	background-image: url(../i/eng.gif);
}	

.langs ul li a:hover {
	color: #a80300;
}

.content {
	padding: 5px 0 32px 0; /* bottom padding for footer */
}

.left_column {
	float: left;
	width: 240px;
}

.center_column {
	float: left;
	width: 518px;
}

.left_block, .right_block {
	background-image: url(../i/left_bg.jpg);
	background-position: top left;
	background-repeat: repeat-y;	
	margin: 0 0 20px 0;
}

.left_block_top, .right_block_top {
	background-image: url(../i/left_top.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
}

.left_block_bottom, .right_block_bottom {
	background-image: url(../i/left_bot.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 20px;	
}

.center_inner {
	background-image: url(../i/center_bg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}

.center_inner_top {
	background-image: url(../i/center_top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.center_inner_bot {
	background-image: url(../i/center_bot.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 20px;
}

.right_column {
	float: left;
	width: 240px;
}

.bottom_slider {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	background-image: url(../i/slider_bg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}

.bottom_slider_top {
	background-image: url(../i/slider_top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.bottom_slider_bot {
	background-image: url(../i/slider_bot.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 20px;
}

.footer {
	position: absolute;
	width: 100%;
	bottom: 0; /* stick to bottom */
	border-top: 2px solid #A80301;
	height: 32px;
}

.copyright {
	float: left;
	width: auto;
	color: #3a3a3a;
	height: 32px;
	line-height: 32px;
}

.design_by {
	float: right;
	width: auto;
	height: 32px;
	line-height: 32px;
}

.design_by a {
	text-decoration: none;
	color: #3a3a3a;
}

.design_by a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

/*********************/

    div.scrollable {
        position: relative;
        overflow: hidden;
        width: 910px;
        padding: 0 0 0 10px;
        height: 114px;
    }
    /* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
    #thumbs {
        position: absolute;
        width: 20000em;
        clear: both;
    }
    /* custom positioning for navigational links */
    a.prev, a.next {
        margin-top: 118px;
    }
    /* single item */
    #thumbs div {
        float: left;
        width: 185px;
        height: 114px;
        color: #000000;
        background-image: url(../i/div_bg.jpg);
	      background-position: top right;
	      background-repeat: no-repeat;
        cursor: pointer;
    }
    /* style when mouse is over the item */
    /* style when element is active (clicked) */
    #thumbs div.active {
        cursor: default;
    }

#oc-wdg-score {
	text-align: center;
}