/*CaseStudy*/
#casestudy {
	width:700px;
	
}
#casestudy h3 {margin-left:15px;}
	#big {
		width:650px;
		height:205px;
		background:url(../images/common/portfolio/big.gif) no-repeat 0 0;
		position:relative;
	}
	#big #photo {
		position:absolute;
		width:616px;
		height:176px;
		left:6px;
		top:6px;
		overflow:hidden;
		padding:0;
		clip:rect(0px, 616px, 176px, 0px);
	
	}
	#big #photo ul {
		padding:0;
		position:absolute;
		margin-left:0;
		width:10000px;
	}
	#big #photo li {float:left;}
	#big #photo li img {
		display:block;
		float:left;
		width:616px;
		height:176px;
		background:url(../images/common/portfolio/loading.gif) no-repeat center center;
	}
	#big ul#screenshots {
		position:absolute;
		right:24px;
		top:198px;
		padding-left:95px;
		background:url(../images/common/titles/screenshots.gif) no-repeat left center;
		width:auto;
		text-align:right;
	}
	#big ul#screenshots li {
		width:22px;
		height:21px;
		float:left;
	}
	#big ul#screenshots li a {
		display:block;
		float:left;
		padding:0;
		width:22px;
		height:21px;
		padding:0;
	}
	#big ul#screenshots li i {display:none;}
	#screenshots li.s01 a, #screenshots li.s01 {background:url(../images/common/portfolio/numbers/01.gif) no-repeat 0 0;}
	#screenshots li.s02 a, #screenshots li.s02 {background:url(../images/common/portfolio/numbers/02.gif) no-repeat 0 0;}
	#screenshots li.s03 a, #screenshots li.s03 {background:url(../images/common/portfolio/numbers/03.gif) no-repeat 0 0;}
	#screenshots li.s04 a, #screenshots li.s04 {background:url(../images/common/portfolio/numbers/04.gif) no-repeat 0 0;}
	#screenshots li.s05 a, #screenshots li.s05 {background:url(../images/common/portfolio/numbers/05.gif) no-repeat 0 0;}
	#screenshots li.s06 a, #screenshots li.s06 {background:url(../images/common/portfolio/numbers/06.gif) no-repeat 0 0;}
	#screenshots li.s07 a, #screenshots li.s07 {background:url(../images/common/portfolio/numbers/07.gif) no-repeat 0 0;}
	#screenshots li.s08 a, #screenshots li.s08 {background:url(../images/common/portfolio/numbers/08.gif) no-repeat 0 0;}
	#screenshots li.s09 a, #screenshots li.s09 {background:url(../images/common/portfolio/numbers/09.gif) no-repeat 0 0;}
	#screenshots li a:hover {background-position:0 100%;}
	#screenshots li.active a, #screenshots li.active a:hover, #screenshots li.active {background-position:0 100%;}
.info1, .info2, .info3 {
	color:#737b80;
	padding:0 10px 10px 10px;
	margin-bottom:10px;
	background:url(/ui/media/images/general/listlines.gif) no-repeat 0 100%;
}
.info3 {background:none;}
.info1 li, .info2 li, .info3 li {padding-left:10px;}
.info1 li.date {background:url(../images/common/bullets/square.gif) no-repeat 0 8px;}
.info1 li.link {background:url(../images/common/bullets/web.gif) no-repeat 0 8px;}
.info2 li, .flat li {
	background:url(../images/common/bullets/more.gif) no-repeat 0 8px;
	padding-left:9px;
	white-space:nowrap;
}
.back {
	background:url(../images/common/bullets/back.gif) no-repeat 0 8px;
	padding-left:10px;
}
.info3 li {background:url(../images/bullets/quote.gif) no-repeat 0 3px;}
#date {color:#737b80;}
.single-left p, .text p, .text ul {margin-left:10px;}
.single-left {
	float:left;
	width:450px;
	margin-right:9px;}
.single-right {
	float:left;
	width:200px;
	margin-right:9px;}
.text {padding-left:5px;}
.text li {
	padding-left:10px;
	background:url(/ui/media/images/general/bullet.gif) no-repeat 0 6px;
}
.text h5 {
	padding-left:10px;
	padding-bottom:5px;
	color:#f7f7f7;
	font-size:1em;
}