@charset "utf-8";
/* CSS Document */

body,ul,tr{
	font-size:16px;
	margin:0px;
	padding:0px;
	background-color:#ced5df;
	color:#777;
}

.clear{
	clear:both;
}

.top_menu_background{
	height:115px;
	background-color:#fff;
}

.top_shadow{
	height:30px;
}

.logo{
	float:left;
}

.top_right{
	float:right;
	width:710px;
	margin-top:20px;
}

.top_header {width:990px; margin:auto; height:97px;}

.header_overlay{
	position:absolute;
	width:100%;
	height:100%;
	background:url(/images/header_overlay.png);
	z-index:2;
}

#header_arrows{
	position:fixed;
	left:0;
	top:50%;
	margin-top:-26px;
	width:100%;
	z-index:3;
}

#arrow_right {
	position:absolute;
    right: 40px;
}

#arrow_left {
	position:absolute;
    left: 40px;
}

.content_container{
	width:980px;
	margin:auto;
	padding-bottom:100px;
}

.item_0{
	position:relative;
	width:980px;
	height:515px;
	overflow:hidden;
	margin-top:10px;
	cursor:pointer;
}

.item_1{
	position:relative;
	float:left;
	width:390px;
	height:475px;
	overflow:hidden;
	margin-top:10px;
	cursor:pointer;
}

.item_2{
	position:relative;
	float:left;
	width:580px;
	height:475px;
	overflow:hidden;
	margin-top:10px;
	cursor:pointer;
}

.hover_overlay{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background-color:rgba(0, 0, 0, 0.3);
	opacity:0;
}

.hover_text{
	color:#fff;
	width:100%;
	top:45%;
	text-align:center;
	position:absolute
}

.hover_text_borders{
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	padding:25px 10px;
	display:inline-block;
}

.item_0 .hover_text{
	font-size:55px;
}

.item_1 .hover_text, .item_2 .hover_text{
	font-size:35px;

}

.item_1 .border_overlay, .item_2 .border_overlay, .item_0 .border_overlay{
	position:absolute;
	width:345px;
	height:430px;
	margin-left:20px;
	margin-top:20px;
	border: 3px solid #fff;
	z-index:2;
}

.item_2 .border_overlay{
	width:533px;
}

.item_0 .border_overlay{
	height:469px;
	width:933px;
}