.portfolio-casestudies {
	padding:40px 0px;
}

#casestudies li {
	float:left;
	margin-right:44px;
	margin-bottom:44px;
	position:relative;
	width:294px;
	height:326px;
}

#casestudies li.last {
	margin-right:0px;
}

.casestudy-detail {
	padding:0px 7px;
	color:#87886a;
	font-size:1.1em;
	position:absolute;
	top:296px;
}

.casestudy-detail a {
	text-decoration:underline;
	color:#000 !important;
}

.casestudy-detail span {
	padding-left:10px;
}

.casestudy-img {
	position:absolute;
	top:0px;
}

.portfolio-items {
	padding:10px 0px;
}

#portfolio-wrapper {
	width:100%;
	background:url(../images/bg-portfolio.jpg) repeat-x #ededea;
	padding-top:1px;
}

#portfolio {
	width:970px;
	margin:0px auto;
}

.portfolio-menu {
	height:45px;
	line-height:45px;
	background:url(../images/bg-portfolio-menu.jpg) bottom repeat-x;
	text-transform:lowercase;
	position:relative;
}

.portfolio-menu li {
	background:url(../images/bg-portfolio-menu-item.jpg) no-repeat;
	padding-left:2px;
	float:left;
}

.portfolio-menu li a {
	display:block;
	padding-left:55px;
	padding-right:25px;
	color:#303030;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left top;
}

.portfolio-menu li a.active {
	background-position: left bottom;
	background-color:#FFF;
}

.portfolio-list a {
	background-image:url(../images/bg-list.jpg);
}

.portfolio-mosaic a {
	background-image:url(../images/bg-mosaic.jpg);
}

.list-mosaic-wrapper {
	background:#FFF;
	padding:10px;
}

.list-wrapper {
	background:url(../images/bg-list-wrapper.jpg) repeat-y #FFF;
}

#list-loader {
	background:url(../images/ajax-loader.gif) no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	right:315px;
	top:15px;
	display:none;
}

.list-mosaic-overlay-wrapper {
	position:relative;
	background:url(../images/ajax-loader-white.gif) no-repeat center center;
}

.list-mosaic {
}

.list-mosaic li {
	width:73px;
	height:73px;
	float:left;
}

.list-mosaic li a {
	display:block;
	width:72px;
	height:72px;
}

.mosaic-overlay {
	position:absolute;
	width:145px;
	height:145px;
	background:#000;
	top:0px;
	left:73px;
	z-index:99;
}

.list-list {
	padding:15px;
	padding-left:5px;
}

.list-year {
	float:left;
	width:292px;
	padding:15px;
}

.list-list.first {
	clear:both;
}

.list-list li {
	padding:2px;
}

.list-list h3 {
	text-transform:uppercase;
	color:#5c5c5c;
	font-size:1.2em;
}

.list-list h3 span {
	color:#a7a7a7;
	font-size:0.9em;
}

.casestudy-hover {
	margin:5px;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}

#casestudies li h2 {
	font-size:1em;
	display:inline;
}

.casestudy-hover-bg {
	width:284px;
	height:286px;
	background:#000;
	display:none;
}

.casestudy-hover-baseline {
	width:234px;
	height:236px;
	position:absolute;
	left:-284px;
	top:0px;
	padding:25px;
	font-size:1.4em;
	color:#FFF;
	line-height:160%;
	cursor: pointer;
}

.casestudy-hover-baseline a {
	color:#cde52b !important;
	padding-right:20px;
	background:url(../images/bg-portfolio-hover.png) no-repeat right center;
}

/* Case study Detail-page*/

#portfolio-detail-top-wrapper {
	width:100%;
	background:url(../images/bg-portfolio-detail-top-white.jpg) repeat-x #fff;
}

#portfolio-detail-top {
	width:970px;
	height:370px;
	overflow:hidden;
	margin:0px auto;
	background:url(../images/bg-portfolio-detail-top-white.jpg) repeat-x #fff;
}

#portfolio-screenshots-wrapper {
	width:100%;
}

#portfolio-screenshots {
	width:970px;
	height:132px;
	padding:30px 0px;
	overflow:hidden;
	margin:0px auto;
}

#portfolio-screenshots-left {
	width:600px;
}

#portfolio-screenshots-left li {
	width:134px;
	height:134px;
	background:url(../images/ajax-loader-white.gif) no-repeat center center;
	float:left;
	padding-right:15px;
}

#portfolio-screenshots-left li a {
	display:block;
}

#portfolio-screenshots-right {
	width:323px;
	text-align:right;
}

#portfolio-screenshots-right .reading {
	padding:15px 0px;
}

#portfolio-screenshots-right h2 {
	font-size:1.45em;
	padding-bottom:3px;
}

#portfolio-screenshots-right .button-small {
	float:right !important;
}

.portfolio-detail-block-right {
	padding:35px;
}

.tagcloud-wrapper h3 {
	font-size:1.6em !important;
	padding:5px 0px;
}

.tagcloud-wrapper {
	padding-bottom:20px;
}

#similar-casestudies {
	padding:10px 0px;
}

#similar-casestudies li {
	padding-bottom:5px;
}