/* total height for top: height: 448px; */
#portfolio_photos_wrapper {
	height:	378px;
	width: 1024px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

.logopage #portfolio_photos_wrapper {
	height:	448px;
}

#fade-sides {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 1024px;
	height: 378px;
	background:url(images/top-left-white-fade.png) top left no-repeat;
}
#fade-sides div {
	background:url(images/top-right-white-fade.png) top right no-repeat;
	width: 300px;
	height: 378px;
	float: right;
}

.logopage #fade-sides {
	height: 448px;
	background:url(images/left-steps-white-fade.png) top left no-repeat;
}
.logopage #fade-sides div {
	background:url(images/right-steps-white-fade.png) top right no-repeat;
	width: 358px;
	height: 448px;
}


#portfolio_photos {
	height:	378px;
	width: 12000px;
	position: relative;
	z-index: 2;
	top: 0;
	left: 61px;
}
.logopage #portfolio_photos {
	left: 287px;	
}
#portfolio_photos ul {
	list-style: none;
	clear:both;
	float: left;
	height: 378px;
	padding-bottom: 30px;
}
#portfolio_photos li {
	float: left;
	height: 378px;
	margin-right: 50px;
	min-width: 450px;
	text-align:center;
  width:auto !important;
  width:450px;
}

#portfolio_photos li img {
margin: 0 auto;	
}

#portfolio_photos li.loading {
	/*width: 334px;
	height: 354px;*/
	margin: 0 10px 0 0;
	background-image:url(../images/preloaded.gif);
	border: 1px solid #999;
}
.projecttextblock {
	position: absolute;
	width: 217px;
	height: 294px;
	overflow:auto;
	z-index: 55;
	top: 40px;
	right: 0px;
	display: none;
	color: #999;
	font-size: 12px;
	padding-right: 5px;
}
.projecttextblock h1 {
padding-top: 0;
margin-top: 0;
padding-bottom: 8px;
color: #000;
font-size: 14px;
line-height: 16px;
text-transform: capitalize;
}

#next {
position: absolute;
top: 170px;
right: 235px;
z-index: 50;
width: 27px;
height: 27px;
background:url(images/next.png) top left no-repeat;
}
.logopage #next {
right: 15px;
}
#next.grey {
background: url(images/next-grey.png) top left no-repeat;	
}
#previous {
position:absolute;	
top: 170px;
left: 15px;
z-index: 50;
display: block;
width: 27px;
height: 27px;
background:url(images/previous.png) top left no-repeat;
}
#previous.grey {
background: url(images/previous-grey.png) top left no-repeat;	
}
#next span,
#previous span {
margin: 0 0 0 -10000px;	
}

/****** PROJECT NAV **********/
#project_tn_nav_wrapper {
	height: 70px;
	background-color: #ccc;
}
#project_tn_nav {
	width: 973px;
	margin: 0 auto;
	padding: 9px 0 9px 51px;
}
#project_tn_nav a {
margin-right: 10px;
}

#project_tn_nav img {
border: 1px dashed #fff;	
}

img, div { behavior: url(/css/iepngfix.htc) }