/* Portfolio */

/* Layout */

#ContentWrapper {
	width: 300px;
	margin-left: 170px;
	margin-top: 106px;
	padding: 0;
	top: 25%;
}
#ContentWrapper > .center {
	float: right;
	width: 300px;
	height: 300px;
	background: #EDEDED;
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
}
#ContentWrapper > .center div.text_1,
#ContentWrapper > .center div.text_1 a {
	color: #FFFFFF;
	font-size: 18px;
	text-transform: uppercase;
}
#ContentWrapper > .center div.text_1 a:hover {
	color: #009FEC;
	text-decoration: none;
}
#ContentWrapper > .center div.text_2 {
	margin: 0;
	position: absolute;
	bottom: 99px;
	left: 20px;
	width: 260px;
	color: #FFFFFF;
}
#ContentWrapper > .center div.text_2 a {
	color: #FFFFFF;
}
#ContentWrapper > .center div.text_2 a:hover {
	color: #009FEC;
	text-decoration: none;
}
#ContentWrapper > .center .nav {
	height: 75px;
	position: absolute;
	bottom: 0;
	width: 260px;
	left: 20px;
	border-top: 2px dotted #FFFFFF;
}
#ContentWrapper > .center .nav .arrowPrev {
	width: 30px;
	height: 35px;
	left: 0;
	top: 13px;
	position: absolute;
	background: url("/img/layout/layout.png") scroll no-repeat 0 -168px;
	cursor: pointer;
}
#ContentWrapper > .center .nav .arrowNext {
	width: 30px;
	height: 35px;
	right: 0;
	top: 13px;
	position: absolute;
	background: url("/img/layout/layout.png") scroll no-repeat 0 -103px;
	cursor: pointer;
}
#ContentWrapper > .center .nav ol { /* Navigation */
	display: block;
	left: 40px;
	position: absolute;
	text-align: center;
	top: 19px;
	width: 180px;
}
#ContentWrapper > .center .nav ol li {
	background: #585856;
	border-radius: 10px 10px 10px 10px;
	display: inline-block;
	height: 10px;
	margin: 0 3px 0 4px;
	width: 10px;
	cursor: pointer;
}
#ContentWrapper > .center .nav ol li.current,
#ContentWrapper > .center .nav ol li:hover,
#ContentWrapper > .center .nav ol li.selected {
	background: #D6003C;
}
#ContentWrapper > .center .nav ol li a {
	display: none;
	font-size: 1px;
}
#ContentWrapper > .shadowBottom {
	float: right;
	height: 14px;
	width: 300px;
	background: url("/img/layout/layout.png") scroll no-repeat 0 -1689px;
}

@media all and (max-width: 940px){

	/* Layout */

	#FooterWrapper {
		position: fixed;
	}
	#GalleryWrapper {
		display: block;
	}

}
@media all and (max-width: 750px){

	/* Layout */
	
	#ContentWrapper {
		margin-left: 0;
		margin-top: 0;
		top: 0;
		width: 100%;
	}
	#ContentWrapper > .center {
		float: none;
		height: auto;
		width: 100%;
	}
	#ContentWrapper > .center div.text_2 {
		bottom: auto;
		left: auto;
		position: relative;
		width: 100%;
	}
	#ContentWrapper > .center .nav {
		bottom: auto;
		height: 50px;
		left: auto;
		margin-top: 20px;
		position: relative;
		width: 100%;
	}
	#ContentWrapper > .center .nav ol {
		right: 40px;
		width: auto;
	}

}