.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 726px;
	width: 558px;
	width: 820px;
	height: 210px;
/*
	margin-top: 63px;
	margin-top: 42px;
*/
	margin-bottom: 21px;
	margin-left: 168px;
}

.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin-top: 21px 0 21 30px;
}
div.decoration {
	top: 147px;
	height: 168px;
	background: url(../images/header-bgd.png) center left no-repeat;
	padding-left: 168px;
/* 	width: 558px; */
	position: absolute;
	left: 0;
	width: 140px;
}
div.decoration p {
	position: absolute;
	top: 76px;
	left: 0;
	text-align: right;
	width: 140px;
	font-size: 16px;
	color: #fffefe;
}
.scrollable h3 { margin-left: 20px; position: relative; left: 20px;}
.scrollable .item h3 {margin-left: 0!important; left: 0;}
.scrollable .item h3 a {color: #000000;}
.items div {
	float:left;
	width: 726px;
	width: 558px;
	width: 820px;	
	height: 168px;
	height: 210px;
	margin: 0 0;
}
.items div.me-plugin {
	float: none;
	width: 596px;
	margin: 0;
}
.items div.mejs-overlay-button {
	float: none;
	width: 100px;
	left: 35%;
	top: 30%;
	margin: 50px 0 0 50px;
	height: 100px;
}
.items .item img {
	border: 8px solid #EDEDED;
}
/* single scrollable item */
.scrollable figure a {
	display: block;
	position: relative;
}
.scrollable figure a .mask {
	position: absolute;
	top: 0; left: 0;
}

/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
}

.scrollable { float:left; }

a.browse {
	background:url(../images/slider-btn.png) no-repeat;
	display: block;
	width: 70px;
	height: 105px;
	float:left;
	margin: 0;
	cursor:pointer;
}

a.right {
	background-position: 0 -105px;
	margin-left: 0px; 
	position: absolute;
	top:189px;
	right: 0;	
}
a.left 	{ 
	margin-left: 0px; 
	position: absolute;
	top:189px;
	left: 0;
	z-index: 10;
} 
a.disabled { visibility:hidden !important; } 	

.navi {
	height: 21px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
}
.navi a {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    color: #8c8c8c;
    background-color: #D1D1D1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -m-transition: all .2s linear;
    margin-left: 2px;
   font-size: .8em;
    line-height: 16px;
    text-align: center;    
}

/* mouseover state */
.navi a:hover {
   color: #D1D1D1;
    background-color: #7E7E7E; 
}

/* active state (current page state) */
.navi a.active {
    color: #D1D1D1;
    background-color: #444;
}