* { outline:none; }
body { width:16500px; height:100%; }

/* -----------------------------------------------
	Body (above: Header) (below: portfolio container)
   -----------------------------------------------
*/

.body .pageHeader h1 span { display: none; }

.body .pageHeader h1 
{ 
	background-image:url(../../images/chalk/clients-header.jpg);
	width:456px;
	height:85px;
}

.body .preamble p#this-way { text-align:right; margin-top:100px; }
.p1 { display: none; }

/* -----------------------------------------------
	Portfolio Container (above: body) (below: none)
   -----------------------------------------------
*/

.container { float:left; width: 779px; margin-left:120px; !margin-left:60px; } 

.portfolio 
{
	position:relative;
	top:0;
	width: 779px;
	height:600px;
	float:left;
	margin-left:125px;
}

.portfolio .description
{
	width:270px;
	float:left;
}

.description h1
{
	font-size:2em;
	line-height: 1.3em;
	color:#F5B049;
}

.description .title-desc
{
	font-size:0.8em;
	color:#F5F5F5;
	text-transform:capitalize;
}

.description h2
{
	font-size:1.5em;
}

.description p
{
	!margin:0;
	!margin-top:0.8em;
}

.description a
{
	color:#0099FF;
}

.description strong { color:#FFFF99; }
.description em { color:#FFF5D2; }


.main-image img
{	
	border-color:#CCC;
	border:0 2px 2px 0;
}

.main-image 
{
	width:500px;
	margin-top:20px;
	float:right;
	padding:0;
}

.main-image a:hover
{
	border:none;
}

.portfolio .image-slideshow
{
	width:500px;
	text-align:center;
	float:right;
	margin-top: 10px;
	vertical-align:bottom;
}

.portfolio .image-slideshow a
{
	margin:0 2px;
}

.portfolio .image-slideshow a:hover
{
	border:0;
}

.portfolio .image-slideshow a:hover img
{
	background-color:#666;
}

.portfolio .image-slideshow a img
{
	border:1px solid #AAA;
	padding:2px;
}

#scroll-instructions { position:absolute; bottom:2em; !bottom:0; left:0; }

.portfolio h3 a{ color:#CC9999; padding:0.1em; }