#portfolioSort {
	float: left;
	background-attachment: scroll;
	background: url(../img/webdesign-portfolio-sort-bg.jpg) no-repeat left 40px;
	width: 670px;
	padding-bottom: 20px;
	color: #666666;
}
#portfolioSort h1 {
	padding: 0px;
	margin: 0px 0px 38px 0px;
}

 #portfolioDisplay {
 	padding-top: 30px;
	float: left;
	width: 656px;
	padding-bottom: 20px;
	position:relative;
}
#portfolioDisplay h1 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	font-size: 16px;
	font-weight: bold;
} 
.portfolioDisplayBox {
	width: 186px;
	float: left;
	margin-bottom: 30px;
	padding-right: 48px;
}

.portfolioDisplayNoPadding {
padding-right: 0px;
}


.portfolioDisplayBoxEnd {

	float: left;
	margin-bottom: 30px;
}
.portfolioDisplayBoxEnd ul {
	margin: 0px;
	padding: 0px;
}
.portfolioDisplayBoxEnd li {
	color: #666666;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.portfolioDisplayBoxEnd img {
	margin: 0px;
	padding: 0px;
 	border: solid #cccccc 1px;
}
.portfolioDisplayBox ul {
	margin: 0px;
	padding: 0px;
}
.portfolioDisplayBox li {
	color: #666666;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.portfolioDisplayBox img {
	margin: 0px;
	padding: 0px;
 	border: solid #cccccc 1px;
}
.portfolioDisplayLinks li {
	display: inline;
}
.portfolioDisplayLinks img {
	border: none;
} 
.portfolioDisplayLinks a, .portfolioDisplayLinks a:visited {
	color: #b2b1b1;
	font-size: 9px;
}
.portfolioDisplayLinks a:hover {
	text-decoration: none;
}
select {
	font-size: 10px;
	color: #666666;
}

/* case study page styling */

#caseStudyLeft {
	width: 425px;
	float: left;
	padding-right: 25px;
}
#caseStudyLeft img {
	border: 1px solid #cccccc;
}

#caseStudyRight {
	width: 206px;
	float: left;
}
#caseStudyRight ul {
	clear:both;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
#caseStudyRight li {
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	list-style: none;
}
.caseStudyBox {
	margin-bottom: 3px;
	width: 136px;
	height: 95px;
	border: solid #cccccc 1px;
}

.caseStudyTitle {
position:absolute;
right: 0px;
font-size:11px;
padding-right: 25px;
background:url(../img/star.gif) right no-repeat;
top: 0px;
}
.whatClientsSayHeader {
	width: 98%;
	background-color: #023F54;
	color: #FFFFFF;
	padding: 2px 0px 2px 10px;
}
.caseStudyVisit {
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
}
.whatClientsSayText {
	color: #989898;
}
#caseStudyLeft p {
	margin-top: 20px;
}
.caseStudyVisit a, .caseStudyVisit a:visited {
	color: #ffffff;
	text-decoration: none;
}
.caseStudyVisit a:hover {
	text-decoration: underline;
}

#caseStudyTitle {
	width: 255px;
	height: 25px;
	position: absolute;
	padding-right: 25px;
	right: 0px;
	top: -45px;
	background: url(../img/portfolio-header-star-icon.gif) no-repeat top right;
}
#content #caseStudyTitle h3 {
font-family: Tahoma, Arial, Helvetica, sans-serif;
width: 255px;
height: 25px;
padding: 2px;
margin: 0px;
font-size: 11px;
font-weight: normal;
color: #014053;
text-align: right;
}



#caseStudyBackPort {
position: absolute;
top: -4px;
right: 0px;
}
#caseStudyBackPort a, #caseStudyBackPort a:visited {
line-height: 22px;
height:25px;
display:block;
background: url(../img/portfolio-back-to-portfolio-button.gif) no-repeat left ;
padding: 0px 0px 0px 40px;
font-weight:bold;
color: #6c6a75;
text-decoration: none;
font-size: 12px;
}
#caseStudyBackPort a:hover {
text-decoration: underline;
}

#caseStudyViewWebsite a, #caseStudyViewWebsite a:visited {
line-height: 18px;
background: url(../img/right-arrows.gif) no-repeat right;
padding: 0px 20px 0px 7px;
font-weight:bold;
color: #6c6a75;
text-decoration: none;
font-size: 12px;
}
#caseStudyViewWebsite a:hover {
text-decoration: underline;
}

#caseLargeImg {
width: 450px;
float: left;
}
#caseLargeImg img {
border: solid 1px #CCCCCC;
}

.caseThumb {
	width: 195px;
	float: left;
	padding-bottom: 15px;
	color: #989b9c;
	font-size: 10px;
	letter-spacing: 0px;
}
.caseThumb img {
border: solid 1px #CCCCCC;
cursor:pointer;
}
.caseThumb ul{
padding: 0px;
margin: 0px;
}
.caseThumb li{
list-style: none;
padding: 0px;
margin: 0px;
}

#caseStudyDisplay .caseThumb a, #caseStudyDisplay  .caseThumb a:visited { 
padding: 0px;
margin: 0px;
height: 1px;
position:relative;
}

#caseStudyDisplay h2 {
position: absolute;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
}
#caseStudyRight .heightAdjust {
padding-top: 0px;
margin-top: 0px;
}

#caseStudyRight .heightAdjustB {
padding-top: 0px;
margin-top: -3px;
}