/*	projects
--------------------------------------------------*/
.project-container {
	padding: 0;
	height: 238px;
	padding: 20px 0;
	}
	
	.project-image {
		display: block;
		width: 536px;
		float: left;
		}
		
		.project-image a,
		.project-image-container  {
			display: block;
			width: 485px;
			height: 216px;
			background-color: #fff !important;
			color: #000;
			padding: 10px;
			border: 1px #f2f2c2 solid;
			}
			
		.project-image a:hover {
			border-color: #c9c9b1;
			}
			
			.project-image a img {
				display: block;
				width: 485px;
				height: 216px;
				}
		
	.project-description {
		position: relative;
		display: block;
		width: 404px;
		height: 238px;
		padding: 0 20px;
		float: left;
		}
		
		.project-description h3 {
			font-size: 18px;
			margin: 0 0 15px 0;
			}
			
		.project-description p {
			font-size: 12px;
			margin: 10px 0;
			line-height: 18px;
			padding: 0 10px 0 0;
			background-color: inherit;
			color: #474742;
			}
			
		a.view-screenshots,
		a.view-live {
			position: absolute;
			display: block;
			width: 130px;
			bottom: 0;
			padding: 5px;
			background-color: #ebebe2 !important;
			color: #272723 !important;
			font-size: 11px;
			text-align: center;
			text-decoration: none;
			}
			
			a.view-screenshots {
				left: 20px;
				}
			
			a.view-live {
				left: 170px;
				}
				
			a.view-screenshots:hover,
			a.view-live:hover {
				background-color: #272723 !important;
				color: #ffc !important;
				}
			
			
		img.project-hr {
			display: block;
			height: 1px;
			width: 962px;
			}