.projectOverview{
	padding: 0;
}
.clearRule {
	clear:both;
	border-bottom: solid 1px #373737;
	padding: 15px 0 0 0;
	margin: 0 0 15px 0;
	font-size: 0px;
	height:0px;
}
.projectOverview .imgcContainer{
	border: #373737 1px solid;
	float: left;
	background: #242424;
}
.projectOverview .imgcContainer img{
	border: none;
}
.projectOverview .textContainer{
	float: left;
	padding: 0px 0px 0px 10px;
	width: 300px;
	position:relative;
}
.projectOverview .textContainer .socialbookmarks{
	float:right;
	clear:left;
	margin: 0 0 0 5px;
}
.projectOverview .textContainer p.title{
	padding: 0;
	margin: 0;
	color:#FFF;
	font-weight:bold;
}
.projectOverview .textContainer p.title a{
	color:#FFF;
	text-decoration:none;
}
.projectOverview .textContainer p.title a:hover{
	color:#f426b3;	
	text-decoration:underline;
}
.projectOverview .textContainer p.description{
	padding: 0;
	margin: 5px 0px 0px 0px;
	line-height: 14px;
}


p.details{
	padding: 0;
	margin: 10px 0px 0px 0px;
	line-height: 19px;
	color: #d22aae;
}
p.details span.date{
	color: #000;
	background:url(/images/icons/calendarIcon.jpg)  no-repeat;
	font-size:11px;
	line-height: 25px;
	text-align:center;
	padding: 4px 3px 5px 1px;
	font-weight:bold;
}
p.details span.by{
	color: #666666;
}
p.details span.author{
	color: #999999;
}
p.details span.pinkArrow{
	background:url(/images/icons/pinkArrow.jpg)  no-repeat 0px 2px;
	font-size:11px;
	padding: 0 5px 0 15px;
}
.casestudyLaunch{
	background:url(/images/icons/pinkArrow.jpg)  no-repeat 0px 2px;
	font-size:11px;
	margin: 10px 0 0 0;
	padding: 0 5px 0 15px;
	position:absolute;
	right: 30px;
}
p.details span.greyArrow{
	background:url(/images/icons/greyArrow.jpg)  no-repeat 0px 2px;
	font-size:11px;
	padding: 0 5px 0 15px;
}
dl.projectDescription{
	margin: 0;
	padding: 0;
	display:block;
	line-height: 18px;
}
dl.projectDescription dt{
	margin: 0;
	padding: 0;
	display:block;
	float:left;
	clear:none;
	margin: 0 10px 0 10px;
	color:#727272;
	font-size:10px;
}
dl.projectDescription dd{
	margin: 0;
	padding: 0;
	display:block;
	float:left;
	clear:none;
	font-size:10px;
	font-weight:bold;
}
.projectFeature {
	padding: 0;
	width: 332px;
	float:left;
	margin: 0 20px 0 0;
}
.projectFeature .imgcContainer{
	border: #373737 1px solid;
	float: left;
	background: #242424;
}
.projectFeature .imgcContainer img{
	border:none;
}
.projectFeature .textContainer{
	float: left;
	padding: 20px 10px 10px 10px;
	width: 310px;
	position:relative;
	line-height: 20px;
}
.projectFeature .textContainer .socialbookmarks{
	float:right;
	clear:left;
	margin: 0 0 0 5px;
}
.projectFeature .textContainer p.title{
	padding: 0;
	margin: 0;
	color:#FFF;
	font-weight:bold;
}
.projectFeature .textContainer p.description{
	padding: 0;
	margin: 5px 0px 0px 0px;
	line-height: 20px;
}
.projectFeature .textContainer p.details{
	padding: 0;
	margin: 10px 0px 0px 0px;
	line-height: 19px;
	color: #d22aae;
}




.projectCasestudy{
	position:relative;
	border: #373737 1px solid;
	background: #242424;
}
.projectCasestudy .buttons{
	clear:none;
	width: 682px;
}
.projectCasestudy .buttons .next{
	z-index: 1000000;
	position:absolute;
	top: 0px;
	right: 0px;
	border: 0px;
	filter:alpha(opacity=25);
	opacity:0.25;
	background: #000;
	height:320px;
	padding: 80px 0 0 0;
}
.projectCasestudy .buttons .next:hover{
	filter:alpha(opacity=40);
	opacity:0.4;
}
.nextHover {
	padding: 80px 10px 0 0;
}
.projectCasestudy .buttons .prev{
	z-index: 1000000;
	position:absolute;
	top: 0px;
	left: 0px;
	border: 0px;
	filter:alpha(opacity=25);
	opacity:0.25;
	background: #000;
	height:320px;
	padding: 80px 0 0 0;
}
.prevHover {
	padding: 80px 0 0 10px;
}

.projectCasestudy .masked {
	overflow:hidden;
	height: 400px;
	width: 682px;
	position:relative;
}
.projectCasestudy .maskee {
	width: 200000px;
	position:relative;
	height: 400px;
}
.projectCasestudy .maskee img{
	border: none;
	padding: 0px;
	margin: 0px;
}
.projectCasestudy .maskee span{
	display:block;
	float: left;
	background:none;
	padding: 0;
	margin: 0;
	border: none;
}
.projectCasestudy #handles{
	float:right;
	clear:none;
	height: 25px;
	line-height: 25px;
	margin: 1px 2px 0 0;
}
.projectCasestudy #handles span {
	cursor:pointer;
	padding: 2px 4px 2px 4px;
	margin: 1px;
	color:#FFF;
	text-decoration:none;
	background: #454545;
}
.projectCasestudy #handles span.active {
	background: #d02aad;
}

.projectCasestudy dl.projectDescription{
	height: 25px;
	line-height: 25px;
}