#siz{
	width: 1024px;
	height: auto;
	
	margin: 0 auto;
	
	position: relative;
	
	overflow: visible;
}

#wrapper{
	width: 1024px;
	height: auto;
	
	margin: 0 auto;
	
	background-color: green;
	overflow: visible;
}

#content{
	width: 320px;
	height: auto;
	
	padding-right: 50px;
	
	float: left;
}

#dyk{
	width: 290px;
	height: auto;
	
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
	
	float: left;
	margin: 0 0 0 0;
}

#dyk_header{
	width: calc(100% - 10px);
	height: 25px;
	
	background-color: #142859;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	margin: 0;
	padding: 0 0 0 10px;
	
	display: table;
	vertical-align: middle;
}

#dyk_content{
	width: 100%;
	height: auto;
	
	overflow: hidden;
	
	margin: 0;
	padding: 15px 0;
	
	position: relative;
}

#holder{
	height: 100%;
	
	/*padding: 50px 95px 50px 25px;*/
	margin-top: -282px;
	
	background-color: #142859;
	
	display: inline-table;
	
	overflow: hidden;
	
	float: right;
	
	position: relative;
}

#cover-left{
	width: 22px;
	height: 100%;
	
	background-color: #142859;
	
	position: absolute;
	
	z-index: 100;
}

#cover-right{
	width: 20px;
	height: 100%;
	
	background-color: #142859;
	
	position: absolute;
	
	z-index: 100;
	
	right: 0;
	margin-right: 70px;
}

#holder_content{
	width: 230px;
	height: auto;
	
	margin: 0;
	padding: 50px 25px;
	
	display: table-cell;
}

#holder_header{
	width: 70px;
	max-width: 70px;
	height: 100%;
	
	padding: 150px 0 0 0;
	margin: 0;
	
	display: table-cell;
	
	background-color: #061c44;
	
	vertical-align: middle;
}

/* --------------------- HOLDER TRANSITIONS ---------------------------*/

#holder{
    width: 350px;
		
	transition-property: width;
		
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}