#template-area {
width: 900px;
padding-left: 30px;
}


#page-headers {
height: 348px;
width: 1280px;
overflow: hidden;
position: absolute;
top: 0;
left: -50%;
z-index: 50;
}

.row {
clear: both;
margin-top: 40px;
padding-bottom: 35px;
border-bottom: 1px solid #afafaf;
overflow: hidden;
}

.row section {
width: 420px;
float: left;
}

.row section.first {
padding-right: 30px;
}

.row section.last {
padding-left: 30px;
}

.row section h1 {
font-weight: bold;
font-size: 23px;
}

.row section p {
margin: .5em 0;
}

.row section ul {
padding-left: 1em !important;
}

.row section h2 {
font-size: 15px;
margin: 1em 0 0 0;
}

.row section ul.split {
overflow: hidden;
}

.row section ul.split li {
float: left;
padding-right: 60px;
width: 140px;
}

.row section img {
padding: 10px 9px 17px 10px;
background: transparent url('../images/design-elements/services-bg.png') left top no-repeat;
}

#content {
margin: 0 auto 0 auto;
}

section.case-study-step {
padding: 0 18px;
margin: 30px 0;
clear: left;
}

#content section.case-study-step img {
background: transparent url('../images/design-elements/client-photo-bg.png') left top no-repeat;
padding: 4px 8px 30px 9px;
float: left;
}

#content section.case-study-step h1 {
font-size: 23px;
padding-top: 8px;
margin-left: 280px;
}

#content section.case-study-step p {

margin-left: 280px;
}


#ds-case-studies {
	position: relative;
	margin-top: -36px;
	width: 908px;
}

@media \0screen { /* IE8 Hack */
  #ds-case-studies {margin-top: 10px;}
}

#ds-case-studies .overlay {
	position: absolute;
	top: 348px;
	width: 100%;
	height: 20px;
	background: transparent url("../images/downslider/bottom-shadow.png") center top no-repeat;
	z-index: 1000;
}

#ds-case-studies .slides {
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 368px;
}

#ds-case-studies .slides li {
	height: 368px;
	width: 100%;
	text-align: center;
}

#ds-case-studies .slides li + li {
	display: none;
}
#ds-case-studies .slides .cycle-sentinel + .cycle-slide {
	display: block;
}

#ds-case-studies .slides li img {
	border-width: 0;
}

#ds-case-studies .buttons {
	text-align: center;
	padding-top: 13px;
}

#ds-case-studies .buttons .button {
	background: transparent url("../images/downslider/not-selected.png") center center no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 14px;
	margin: 0 8px;
	text-indent: -999em;
	width: 14px;
}
 
#ds-case-studies .buttons .button.selected {
	background-image: url("../images/downslider/selected.png");
}

section.case-study {
width: 399px;
height: 215px;
display: inline-block;
overflow: hidden;
padding: 12px 14px 32px 15px;
background: transparent url('../images/design-elements/clientbg.png');
position: relative;
top: -30px;
margin: 0 10px 15px 10px;
}

.cs-area {
overflow: hidden;
position: relative;
width: 399px;
height: 215px;
}

a > .cs-area * {
	cursor: pointer;
}

.case-study * {text-decoration: none !important;}

.cs-area .cs-screencap {
z-index: 10;
position: absolute;
top: 0;
left: 0px;
opacity: 1;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.cs-area .cs-screencap.hover {
opacity: 0;
}

.cs-area .cs-hoverbg {
z-index: 20;
position: absolute;
top: 0;
left: 0;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
opacity: 0;
filter: alpha(opacity=0);
}

.cs-area .cs-hoverbg.hover {
opacity: 1;
filter: alpha(opacity=100);
}

.cs-area .cs-header {
z-index: 30;
position: absolute;
top: 13px;
left: -407px;
width: 390px;
margin: 0 !important;
color: #414040;
opacity: 0;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.cs-area .cs-header.hover {
left: 20px;
top: 13px;
opacity: 1;
}

.cs-area .cs-copy {
z-index: 30;
position: absolute;
top: 40px;
left: 407px;
width: 380px;
opacity: 0;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
font-size: 13px;
line-height: 15px;
}

.cs-area .cs-copy p {
color: #fff;
padding-bottom: 20px;
margin: 0 !important;
font-weight: normal;
}

.cs-area .cs-copy.hover {
top: 40px;
left: 21px;
opacity: 1;
}

.cs-area .cs-more {
z-index: 30;
position: absolute;
top: 223px;
left: 280px;
opacity: 0;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.cs-area .cs-more {
color: #414040 !important;
text-decoration: none;
font-size: 14px;
}

#template-area .cs-more {
margin: 0;
}

.cs-area .cs-more.hover {
top: 190px;
opacity: 1;
}



#client-gallery .filter-wrap {
	margin: 20px auto;
	text-align: center;
	width: 70%;
}

#client-gallery .filter,
#client-gallery .filter-none {
	background-color: rgba(0, 0, 0, 0.2);
	border: 2px solid rgba(0, 0, 0, 0.24);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	margin: 4px;
	padding: 0 4px;
}
#client-gallery.scripted .filter,
#client-gallery.scripted .filter-none {
	cursor: pointer;
}
#client-gallery.scripted .filter:hover,
#client-gallery.scripted .filter-none:hover {
	color: #890000;
}

#client-gallery .item {
	float: left;
	width: 216px;
	height: 112px;
}

#client-gallery .item div {
	background-position: left top;
	height: 72px;
	margin-top: 20px;
	text-indent: -10000px;
}

#client-gallery .item div:hover {
	background-position: left bottom;
}


.option1 #content,
.option1 #template-area,
.option1 #main,
.option1 #main {
	width: auto;
	padding: 0;
	margin: 0;
}





#portfolio-nav2 {
	background: #bfbfbf url('../../images/portfolio-nav-bg.png') center top repeat;
	border: 1px solid #fff;
	border-left-width: 0;
	border-right-width: 0;
	text-align: center;
}

#portfolio-nav2 .inner1 {
	background: transparent url('../../images/recent-work-shadow-top.png') center top no-repeat;
}

#portfolio-nav2 .inner2 {
	background: transparent url('../../images/recent-work-shadow-bottom.png') center bottom no-repeat;
	width: 960px;
	margin: 0 auto;
	
	width: auto;
}

#portfolio-nav2 ul {
	margin: 0 auto;
	list-style-type: none;
	padding: 30px 0;
}

#portfolio-nav2 ul li {
	display: inline-block;
}

#portfolio-nav2 ul li a {
	display: block;
	color: #535353 !important;
	text-decoration: none;
	font-size: 20px;
	font-family: "rokkitt";
	font-weight: bold;
	border-right: 1px solid #efefef;
	border-left: 1px solid #adadad;
	padding: 0 8px;
}

#portfolio-nav2 ul li.selected a {
	color: #000 !important;
}

#portfolio-nav2 ul li.gst-first a {
	border-left-width: 0;
}

#portfolio-nav2 ul li.gst-last a {
	border-right-width: 0;
}

#portfolio-list2 {
	width: 960px;
	margin: 0 auto !important;
	padding: 20px 0 40px 0;
	
	text-align: center;
	width: auto;
	max-width: 960px;
}

#template-area #portfolio-list2 {
	padding: 20px 0 40px 0;
}

#portfolio-list2 li {
	border: 8px solid #ffffff;
  background-color: #000;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	width: 276px;
	height: 221px;
	overflow: hidden;
	float: left;
	margin: 5px;
	
	float: none;
	display: inline-block;
}

#portfolio-list2 li.loading {
	background: transparent url("../../images/admin/throbber.gif") center center no-repeat;
}

#portfolio-list2 li img {
	height: 221px;
	width: 276px;
  -moz-transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}

#portfolio-list2 li:hover img {
  opacity: .5;
  -moz-transition: opacity .1s ease;
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease;
}



#portfolio-list2:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
#portfolio-list2 {
	
}


/*
#client-filters {
	text-align: center;
	width: 70%;
}
#template-area #client-filters {
	margin: 20px auto;
}

#client-filters span {
	background-color: rgba(0, 0, 0, 0.2);
	border: 2px solid rgba(0, 0, 0, 0.24);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	margin: 4px;
	padding: 0 4px;
}
#client-filters.scripted span {
	cursor: pointer;
}
#client-filters.scripted span:hover {
	color: #890000;
}


.client-logo-wrapper {
	position: relative;
}

.client-logo {
	float: left;
	width: 216px;
	height: 112px;
}

.client-logo.client-hide {
	display: none;
}

.client-logo div {
height: 72px;
background-position: left top;
margin-top: 20px;
text-indent: -10000px;
}

.client-logo div:hover {
background-position: left bottom;
}

#client1 {
background-image: url('../images/content-images/clients/1.png');
}
#client2 {
background-image: url('../images/content-images/clients/2.png');
}
#client3 {
background-image: url('../images/content-images/clients/3.png');
}
#client4 {
background-image: url('../images/content-images/clients/4.png');
}
#client5 {
background-image: url('../images/content-images/clients/5.png');
}
#client6 {
background-image: url('../images/content-images/clients/6.png');
}
#client7 {
background-image: url('../images/content-images/clients/7.png');
}
#client8 {
background-image: url('../images/content-images/clients/8.png');
}
#client9 {
background-image: url('../images/content-images/clients/9.png');
}
#client10 {
background-image: url('../images/content-images/clients/10.png');
}
#client11 {
background-image: url('../images/content-images/clients/11.png');
}
#client12 {
background-image: url('../images/content-images/clients/12.png');
}
#client13 {
background-image: url('../images/content-images/clients/13.png');
}
#client14 {
background-image: url('../images/content-images/clients/14.png');
}
#client15 {
background-image: url('../images/content-images/clients/15.png');
}
#client16 {
background-image: url('../images/content-images/clients/16.png');
}
#client17 {
background-image: url('../images/content-images/clients/17.png');
}
#client18 {
background-image: url('../images/content-images/clients/18.png');
}
#client19 {
background-image: url('../images/content-images/clients/19.png');
}
#client20 {
background-image: url('../images/content-images/clients/20.png');
}
#client21 {
background-image: url('../images/content-images/clients/21.png');
}
#client22 {
background-image: url('../images/content-images/clients/22.png');
}
#client23 {
background-image: url('../images/content-images/clients/23.png');
}
#client24 {
background-image: url('../images/content-images/clients/24.png');
}
#client25 {
background-image: url('../images/content-images/clients/25.png');
}
#client26 {
background-image: url('../images/content-images/clients/26.png');
}
#client27 {
background-image: url('../images/content-images/clients/27.png');
}
#client28 {
background-image: url('../images/content-images/clients/28.png');
}
#client29 {
background-image: url('../images/content-images/clients/29.png');
}

#client2-1 {
background-image: url('../images/content-images/clients/2/1.png');
}

#client2-3 {
background-image: url('../images/content-images/clients/2/3.png');
}

#client2-4 {
background-image: url('../images/content-images/clients/2/4.png');
}

#client2-5 {
background-image: url('../images/content-images/clients/2/5.png');
}

#client2-6 {
background-image: url('../images/content-images/clients/2/6.png');
}

#client2-8 {
background-image: url('../images/content-images/clients/2/8.png');
}

#client2-9 {
background-image: url('../images/content-images/clients/2/9.png');
}

#client2-10 {
background-image: url('../images/content-images/clients/2/10.png');
}

#client2-11 {
background-image: url('../images/content-images/clients/2/11.png');
}

#client2-12 {
background-image: url('../images/content-images/clients/2/12.png');
}

#client2-13 {
background-image: url('../images/content-images/clients/2/13.png');
}

#client2-14 {
background-image: url('../images/content-images/clients/2/14.png');
}

#client2-15 {
background-image: url('../images/content-images/clients/2/15.png');
}

#client2-16 {
background-image: url('../images/content-images/clients/2/16.png');
}

#client2-17 {
background-image: url('../images/content-images/clients/2/17.png');
}

#client2-18 {
background-image: url('../images/content-images/clients/2/18.png');
}

#client2-19 {
background-image: url('../images/content-images/clients/2/19.png');
}

#client2-20 {
background-image: url('../images/content-images/clients/2/20.png');
}

#client2-21 {
background-image: url('../images/content-images/clients/2/21.png');
}

#client2-22 {
background-image: url('../images/content-images/clients/2/22.png');
}

#client2-23 {
background-image: url('../images/content-images/clients/2/23.png');
}

#client2-24 {
background-image: url('../images/content-images/clients/2/24.png');
}

#client2-25 {
background-image: url('../images/content-images/clients/2/25.png');
}

#client2-26 {
background-image: url('../images/content-images/clients/2/26.png');
}

#client2-27 {
background-image: url('../images/content-images/clients/2/27.png');
}

#client2-28 {
background-image: url('../images/content-images/clients/2/28.png');
}

#client2-29 {
background-image: url('../images/content-images/clients/2/29.png');
}

#client2-30 {
background-image: url('../images/content-images/clients/2/30.png');
}

#client2-31{
background-image: url('../images/content-images/clients/2/31.png');
}

#client2-32 {
background-image: url('../images/content-images/clients/2/32.png');
}

#client2-33 {
background-image: url('../images/content-images/clients/2/33.png');
}

#client2-34 {
background-image: url('../images/content-images/clients/2/34.png');
}

#client2-35 {
background-image: url('../images/content-images/clients/2/35.png');
}

#client2-36 {
background-image: url('../images/content-images/clients/2/36.png');
}



#client2-38 {
background-image: url('../images/content-images/clients/2/38.png');
}

#client2-39 {
background-image: url('../images/content-images/clients/2/39.png');
}

#client2-40 {
background-image: url('../images/content-images/clients/2/40.png');
}

#client2-41 {
background-image: url('../images/content-images/clients/2/41.png');
}

#client2-42 {
background-image: url('../images/content-images/clients/2/42.png');
}

#client2-43 {
background-image: url('../images/content-images/clients/2/43.png');
}

#client2-44 {
background-image: url('../images/content-images/clients/2/44.png');
}

#client2-45 {
background-image: url('../images/content-images/clients/2/45.png');
}

#client2-46 {
background-image: url('../images/content-images/clients/2/46.png');
}

#client2-47 {
background-image: url('../images/content-images/clients/2/47.png');
}

#client2-48 {
background-image: url('../images/content-images/clients/2/48.png');
}

#client2-49 {
background-image: url('../images/content-images/clients/2/49.png');
}

#client2-50 {
background-image: url('../images/content-images/clients/2/50.png');
}

#client2-51 {
background-image: url('../images/content-images/clients/2/51.png');
}

#client2-52 {
background-image: url('../images/content-images/clients/2/52.png');
}

#client2-53 {
background-image: url('../images/content-images/clients/2/53.png');
}

#client2-54 {
background-image: url('../images/content-images/clients/2/54.png');
}

#client2-55 {
background-image: url('../images/content-images/clients/2/55.png');
}

#client2-56 {
background-image: url('../images/content-images/clients/2/56.png');
}

#client2-57 {
background-image: url('../images/content-images/clients/2/57.png');
}

#client2-58 {
background-image: url('../images/content-images/clients/2/58.png');
}

#client2-59 {
background-image: url('../images/content-images/clients/2/59.png');
}

#client2-60 {
background-image: url('../images/content-images/clients/2/60.png');
}

#client2-61 {
background-image: url('../images/content-images/clients/2/61.png');
}

#client2-62 {
background-image: url('../images/content-images/clients/2/62.png');
}

#client2-63 {
background-image: url('../images/content-images/clients/2/63.png');
}

#client2-64 {
background-image: url('../images/content-images/clients/2/64.png');
}

#client2-65 {
background-image: url('../images/content-images/clients/2/65.png');
}

#client2-66 {
background-image: url('../images/content-images/clients/2/66.png');
}

#client2-67 {
background-image: url('../images/content-images/clients/2/67.png');
}

#client2-68 {
background-image: url('../images/content-images/clients/2/68.png');
}

#client2-69 {
background-image: url('../images/content-images/clients/2/69.png');
}

#client2-70 {
background-image: url('../images/content-images/clients/2/70.png');
}

#client2-71 {
background-image: url('../images/content-images/clients/2/71.png');
}

#client2-72 {
background-image: url('../images/content-images/clients/2/72.png');
}

#client2-73 {
background-image: url('../images/content-images/clients/2/73.png');
}

#client2-74 {
background-image: url('../images/content-images/clients/2/74.png');
}

#client2-75 {
background-image: url('../images/content-images/clients/2/75.png');
}

#client2-76 {
background-image: url('../images/content-images/clients/2/76.png');
}

#client2-77 {
background-image: url('../images/content-images/clients/2/77.png');
}

#client2-78 {
background-image: url('../images/content-images/clients/2/78.png');
}

#client2-79 {
background-image: url('../images/content-images/clients/2/79.png');
}

#client2-80 {
background-image: url('../images/content-images/clients/2/80.png');
}

#client2-81 {
background-image: url('../images/content-images/clients/2/81.png');
}

#client2-82 {
background-image: url('../images/content-images/clients/2/82.png');
}

#client2-83 {
background-image: url('../images/content-images/clients/2/83.png');
}

#client2-84 {
background-image: url('../images/content-images/clients/2/84.png');
}

#client2-85 {
background-image: url('../images/content-images/clients/2/85.png');
}

#client2-86 {
background-image: url('../images/content-images/clients/2/86.png');
}

#client2-87 {
background-image: url('../images/content-images/clients/2/87.png');
}

#client2-88 {
background-image: url('../images/content-images/clients/2/88.png');
}

#client2-89 {
background-image: url('../images/content-images/clients/2/89.png');
}

#client2-90 {
background-image: url('../images/content-images/clients/2/90.png');
}

#client2-91 {
background-image: url('../images/content-images/clients/2/91.png');
}

#client2-92 {
background-image: url('../images/content-images/clients/2/92.png');
}

#client2-93 {
background-image: url('../images/content-images/clients/2/93.png');
}

#client2-94 {
background-image: url('../images/content-images/clients/2/94.png');
}

#client2-95 {
background-image: url('../images/content-images/clients/2/95.png');
}

#client2-96 {
background-image: url('../images/content-images/clients/2/96.png');
}

#client2-97 {
background-image: url('../images/content-images/clients/2/97.png');
}

#client2-98 {
background-image: url('../images/content-images/clients/2/98.png');
}
*/




#top-inner {
	background-image: url('../../images/diag-overlay2.png');
}

#top-inner2 {
	background-image: none;
}