#project .header {
	height : 250px;
	width : 920px;

	border-radius : 10px;
	box-shadow : inset 0 1px 1px rgba(255,255,255,.3)
		, inset 0 0 4px rgba(255,255,255,.2)
		,	0 1px 0 #444444
		, 0 2px 0 #424242
		, 0 3px 0 #404040
		, 0 4px 0 #3e3e3e
		, 0 5px 0 #3c3c3c
		, 0 6px 0 #3a3a3a
		, 0 7px 0 #383838
		, 0 8px 0 #363636
		, 0 9px 0 #343434
		, 0 10px 0 #323232
		, 0 11px 0 #303030
		, 0 12px 0 #2f2f2f
		, 0 13px 0 #2d2d2d
		, 0 18px 13px 1px rgba(0,0,0,.7);

	margin : 0 auto 50px auto;
}

#project .header ul {
	height : 100%;
	position : relative;
	top : 180px;
	padding-right : 20px;
	float : right;
}

#project .header li {
	float : left;
	margin-right : 5px;
}

#project .header li a {
	font-size : 23px;
	text-decoration : none;
	color : #fff;
	display : block;
	padding : 10px 20px 11px 20px;
	border-radius : 50px;
}

#project li.selected a {
	background : rgba(0,0,0,.2);
	box-shadow : inset 0 1px 2px rgba(0,0,0,.5)
		, 0 0 2px rgba(255,255,255,.4);
}

#project .content {
	padding : 25px 40px;
}

#projects ul {
	list-style : none;
}

#projects li {
	float : left;
	width : 30%;
	height : 300px;
	margin : 0 10px 30px 10px;
}

#projects li .icon {
	background-position : 50% 50%;
	background-repeat : no-repeat;
	height : 170px;
}

#projects li a {
	display : block;
	text-align : center;
	padding : 25px 15px;

	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;

	text-decoration : none;
	color : #fff;
}

#projects li a p {
	font-size : 12px;
	line-height : 140%;
	color : #ccc;
	padding : 0;
	margin : 0;
}

#projects li a:hover {

	-webkit-transform : scale(1.1);
	-moz-transform : scale(1.1);
	-o-transform : scale(1.1);
	transform : scale(1.1);
		  

	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;

}