#featured-work{
	padding:30px 0 30px  0;
	background:url(../_images/black-30.png) repeat left top;
	float:left;
	width:100%;

}

.view-details a{
	z-index:999;
	display:block;
	float:left;
}
#featured-work .frame{

}


#featured-work a.featured-image{
	display:block;
	margin:18px 0 0 10px;
	float:left;
	width:646px;
	height:247px;
}

#featured-work .summary{

}
#featured-work .summary{
		float:left;
		position:relative;
		padding:0;
		margin:0 0 0 20px;
		display:inline;
		width:200px;
}

 

/* PORTFOLIO NAV
   ---------------------- */
   
#portfolio-nav{
	clear: both;
	width:100%;
	padding:5px 0 5px 0;
	margin:15px 0 10px 0;
	background:url(../_images/black-40.png) repeat left top;
	position:relative;
	height:28px;
}

#portfolio-nav ul{
	list-style:none;
}

#portfolio-nav ul li{
	display:inline;
}

#portfolio-nav li {
        float: left;
        list-style: none;
		margin:0 0 0 5px;

}

#portfolio-nav li.back {
            background: url("../_images/lava-rounded.png") no-repeat right -27px;
            width: 10px; 
			height: 27px;
            z-index: 8;
            position: absolute;
			padding:0;

}

#portfolio-nav li.back .left {
	background: url("../_images/lava-rounded.png") no-repeat top left;
	height: 27px;
	margin-right: 10px;
}

#portfolio-nav li a {
	position: relative; overflow: hidden;
	text-decoration: none;
	font: normal 11px "Lucida Sans", Verdana, arial;
	color: #fff; outline: none;
	text-align: center;
	z-index: 10; 
	letter-spacing: 0;
	float: left; 
	display: block;
	margin: auto 10px;
	padding:6px 0 5px 6px;
	text-decoration:none;
	color:#afb0af;
	font-size:11.5px;
}
#portfolio-nav li.current a{
      background: url("../_images/active-nav-marker.png") no-repeat left 7px;
	  padding-left:20px;
}



/* Portfolio Items
   --------------- */
   
#portfolio-items{

	clear:both;
	width:100%;
}
.pf-item{
	float:left;
	background:url(../_images/black-50.png) repeat left top;
	width:423px;
	margin:10px 35px 12px 0;
	position:relative;
	
}


#portfolio-items .alt{
	margin-right:0;
}


.pf-item a{
	text-decoration:none;
}

.pf-item a img{
	margin:0;
	float:left;
	clear:left;
	width:410px;
	height:131px;
	background:#111;
}

.pf-item h4{
	float:left;
	clear:both;
	margin:7px 0 9px 29px;
	display:block;
	width:300px;
	display:inline;
	overflow:hidden;
	letter-spacing:-.05em;
	font-size:11px;
}
.pf-item h4, .pf-item a.view, #portfolio-nav li a{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
}
.pf-item h4 a{
	color:#abacac;
}

.pf-item a.view{
	margin:7px 29px 0 0;
	float:right;
	font-size:11px;
	display:inline;
}

.our-work .featured-image{
	float:left;
	clear:both;
	width:646px;
	height:247px;
	margin:0 0 0 0;
	background:#111111;
}


/* Content Slider
   ---------------------------- */
#slider {
  width: 893px;
  position: relative;
  clear:left;
  padding:0;
	margin:20px 0 0 0;
	float:left;
  
}

.scroll {
	width:893px;
  height: 277px;
  overflow-x: scroll;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 0;
  height: 246px;
  width: 893px; /* change to 560px if not using JS to remove rh.scroll */
  padding:0;
  margin:0;
}


/* Previous  / Next Navigation
   ---------------------------- */
  
.scrollButtons.left{
	left:588px;
	top:-40px;
}
.scrollButtons.right{
	left:610px;
	top:-40px;
}


/*  Work Detail Page
    ---------------------- */
#work-detail{
	background:url(../_images/black-30.png) repeat left top;
}
#work-detail .top-cell{
	padding:40px 0 25px 0;
	float:left;
	clear:both;
	width:100%;
	float:left;
	display:inline;
}

.top-nav-micro{
	float:left;
	clear:both;
	margin:12px 0 16px 0;
	width:864px;
}
.top-nav-micro dl{

}
.top-nav-micro dt, .top-nav-micro dd{
	display:inline-block;
	font-size:10px;
	line-height:10px;
	margin:0;
	float:left;
}
.top-nav-micro dt{
	padding-left:6px;
	height:10px;
	overflow:hidden;
	text-indent:-999px;
}
.top-nav-micro dt.client{ 
	width:36px;
	background:url(../_images/t_client.png) no-repeat left center; 
}
.top-nav-micro dt.live-date{
	width:53px;
	background:url(../_images/t_live-date.png) no-repeat left center; 
}
.top-nav-micro dt.business-sector{
	width:96px;
	background:url(../_images/t_business-sector.png) no-repeat left center; 
}
.top-nav-micro dt.website{
	width:45px;
	background:url(../_images/t_website.png) no-repeat left center; 
}

.top-nav-micro dd{
	border-right:1px solid #5f6060;
	margin:0 14px 0 4px;
	padding:0 14px 0 0;
}
.top-nav-micro dd.last{
	border:none;
}
.top-nav-micro .btn-back-small{
	float:right;
}

.btn-back-small{
	display:block;
	text-indent:-999px;
	overflow:hidden;
	height:7px;
	width:42px;
	background:url( ../_images/btn-back.png ) no-repeat left top;
	margin:2px 0 0 0;
}
.btn-back-small:hover{
	background-position:left -7px;
}

#work-detail h2,#work-detail h3 {
		font-size:26px;
}
#work-detail .featured-image{
	height:497px;
	display:inline;
	float:left;
	position:relative;
	
	
}
#work-detail .body-cell{
	float:left;
	clear:both;
	width:100%;

}

#work-detail .detail-summary{
	float:left;
	width:570px;
	text-align:justify;
	margin:20px 0 0 0;
}

#work-detail h3{
	font-size:24px;
	background:url(../_images/black-30.png) repeat left top;
}
#work-detail .detail-summary {
	text-align:justify;
}
#work-detail .detail-summary p{
	clear:both;
	padding:20px 0 0 10px;
}
#work-detail .back-to-folio{
	clear:both;
	float:right;
}
.switcher .cell{
	width:100%;
	clear:both;
}


#work-detail .detail-testimonial{
	clear:both;
	width:100%;
	background:url(../_images/black-50.png) repeat left top;
	padding:10px 0 20px 0;

}

#work-detail .top-nav{
	float:right;
	width:260px;
	margin:8px 0 0 0;
}

#work-detail .btn-visit-website{
	width:123px;
	height:29px;
	float:right;
	position:relative;
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../_images/btn-visit-website.png) no-repeat left top;
}
#work-detail  .btn-visit-website:hover{
	background-position:left -29px;
}
#work-detail  #testimonials-body{
	float:left;
	clear:both;
	margin:20px 0 0 0;
	background:url(../_images/black-50.png) repeat left top;
	text-align:justify;
}
#work-detail h2{
	margin-left:-12px;
}
#work-detail #testimonials-body p{
	padding:20px;
}

#work-detail .featured-image{
	float:left;
	clear:both;
	width:868px;
	height:497px;
	margin:20px 0 0 0;
	background:#111111;
}

#technology {
	width:282px;
	background: url(../_images/pointer-bg-l.png) no-repeat left top;
	float:left;
	display:inline;
	margin:24px 0 0 18px;
	padding:0 0 20px 0;
}
#technology h3{
	font-size:24px;
	background:none;
}
#technology h3, #technology p{
	margin:20px 0 0 25px;
}

#technology p{
	color:#757776;
	width:80%;
}
#technology p.key-terms{
	color:#c5c5c5;
	padding-top:1em;
	margin-top:0;
}

#work-detail .btn-the-solution{
	width:166px;
	height:40px;
	float:left;
	position:relative;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../_images/btn-the-solution.png) no-repeat left top;
	margin:0 5px 0 0;
}
#work-detail .btn-the-solution:hover{
	background-position:left -40px;
}
#work-detail .btn-testimonial{
	width:161px;
	height:40px;
	float:left;
	position:relative;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../_images/btn-testmonial.png) no-repeat left top;
	margin:0 15px 0 0;
}
#work-detail .btn-testimonial:hover{
	background-position:left -40px;
}
.switcher-nav a.current{
	background-position:left -80px !important;
}

.detail-summary .btn-back-small{
	margin:16px 0 0 12px;
	float:left;
	clear:both;
}