/* Our Work ------------------------------------------------------------------ */

.our-work h2{
	font-size:120px;
	text-align:center;
	height:80px;
	overflow:hidden;
	margin:0 0 -20px 0;
	padding:20px 0 30px 10px;
	border:none;
	text-transform:capitalize;
	position:relative;
	z-index:100;
	color:#333;
}
#categories{
	display:block;
	position:relative;
}
#categories p{
	float:left;
	position:relative;
	z-index:20;
	height:20px;
}
#categories p a, #categories p a:visited{
	position:relative;
	margin:0;
	color:#333;
	background: url('../images/BG-portfolio-cat-select.png') no-repeat top right;
	font-size:19px;
	letter-spacing:-1px;
	outline:none;
	padding-right:30px;
}
#categories p a:hover{
	background: url('../images/BG-portfolio-cat-select-hover.png') no-repeat top right;
}
#categories p a.active, #categories p a.active:visited{
	color:#fff;
	background: url('../images/BG-portfolio-cat-select-active.png') no-repeat top right;
}
#categories p a:hover{
	cursor:pointer;	
	text-decoration:none;
}
#categories ul{
	position:absolute;
	display:none;
}
#categories ul.toggler{
	display:none;
	top:4px;
	left:34%;
	width:310px;
	padding:48px 0 10px 0;
	margin:0;
	background: url('../images/BG-dark-black-semi.png');
	z-index:19;
	border:#333 1px solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius:4px;
}
#categories ul li{
	display:block;
	padding:0 15px;
	height:24px;
}	
#categories ul a{
	display:block;
	font-size:13px;	
	padding:3px 0;
	color:#fff;
}
#categories ul a:hover{
	text-decoration:none;
	padding:3px 0 3px 2px;	
}
#portfolio-nav{
	height:50px;
	z-index:101;
	width:100%;
	display:block;
	border-top: #b6b6b6 1px solid;
	border-bottom: #b6b6b6 3px double;
	position:relative;
	background:url('../images/BG-white-semi.png') repeat-y top center;
	position:relative;
	clear:both;
}
#portfolio-nav a#next, #portfolio-nav a#next:visited, #portfolio-nav a#prev, #portfolio-nav a#prev:visited{
	position:absolute;
	top:8px;
	display:block;
	height:35px;
	margin:0;
	cursor:pointer;
	background-repeat:no-repeat;
	font: normal normal 14px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#a19e9e;
}
#portfolio-nav a#next strong, #portfolio-nav a#prev strong{
	display:block;
	font: normal normal 18px/18px Georgia, "Times New Roman", Times, serif;
	color:#333;
}
#portfolio-nav a:hover{
	cursor:pointer;
	text-decoration:none;
}
#portfolio-nav a#prev, #portfolio-nav a#prev:visited{
	background:url('../images/BG-portfolio-nav-prev.png') no-repeat center left;
	padding-left:28px;
	text-align:left;
	left:2px;
}
#portfolio-nav a#prev:hover{
	background:url('../images/BG-portfolio-nav-prev-hover.png') no-repeat center left;
	left:0;
}
#portfolio-nav a#next, #portfolio-nav a#next:visited{
	background:url('../images/BG-portfolio-nav-next.png') no-repeat center right;
	padding-right:28px;
	text-align:right;
	right:2px;
}
#portfolio-nav a#next:hover{
	background:url('../images/BG-portfolio-nav-next-hover.png') no-repeat center right;
	right:0;
}
#portfolio-nav a#hero-link{
	display:block;
	text-align:center;
	font: normal normal 35px/35px Georgia, "Times New Roman", Times, serif;
	letter-spacing:-1px;
}

#portfolio-nav p{
	display:block;
	width:100%;
	text-align:center;
	font: italic normal 17px/17px Georgia, "Times New Roman", Times, serif;
	color:#333;
	padding-top:15px;
}


/* main category page */

.portfolio-projects #portfolio-nav p{
	width:90%;
}
#portfolio-sb-content h3{
	color:#333333;
	font:normal normal 22px/22px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-bottom:20px;
}
#portfolio-sb-content p, #portfolio-sb-content ul li{
	font: normal normal 16px/16px Georgia, "Times New Roman", Times, serif;
}
#portfolio-sb-content ul{
	list-style:disc;
	padding-left:20px;
}
#portfolio-categories{
	margin:30px 0;	
	width:100%;
}
#portfolio-categories li{
	position:relative;
	float:left;
	width:24.2%;
	margin:4px;
	border-top:1px solid #949494;
	text-align:center;
}
#portfolio-categories li span{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:212px;
}
#portfolio-categories li span a{
	display:none;
}
#portfolio-categories li:hover span a, #portfolio-categories li:hover span a:hover{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	font: italic normal 16px/16px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	padding:15px 0;
}
#portfolio-categories li:hover span{
	background: transparent url('../images/work-categories/BG-overlay.png') repeat top left;
}
#portfolio-categories li h3{
	font: normal normal 15px/15px Georgia, "Times New Roman", Times, serif;
	color:#333;
	width:100%;
	padding:15px 0;
}
#portfolio-categories li h3 a{
	font-weight:normal;	
}
#portfolio-categories li:hover h3{
	color:#FFF;
}
#portfolio-categories li img{
	border:1px solid #CCC;
}


/* category detail page */
#portfolio-sb-content{
	width:240px;
	float:left;
}
#portfolio-category-items{
	width:750px;
	float:right;
}
.portfolio-items-wrap{
	padding-top:20px;	
}
#portfolio-category-items li{
	position:relative;
	float:left;
	width:242px;
	margin:4px;
	border-top:1px solid #949494;
	text-align:center;
}
#portfolio-category-items li span{
	position:absolute;
	top:0;
	left:0;
	width:91.6%;
	height:212px;
	padding:0 10px;
}
#portfolio-category-items li span a{
	display:none;
}
#portfolio-category-items li:hover span a, #portfolio-category-items li:hover span a:hover{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	font: italic normal 14px/14px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	padding:15px 0;
}
#portfolio-category-items li:hover span{
	background: transparent url('../images/work-categories/BG-overlay.png') repeat top left;
}
#portfolio-category-items li h3{
	font: normal normal 14px/14px Georgia, "Times New Roman", Times, serif;
	color:#333;
	width:100%;
	padding:15px 0;
}
#portfolio-category-items li h3 a{
	font-weight:normal;	
}
#portfolio-category-items li:hover h3{
	color:#FFF;
}
#portfolio-category-items li img{
	border:1px solid #CCC;
}

/* category detail page */
#portfolio-main-content{
	width:760px;
	float:right;
	text-align:right;
}
#portfolio-main-content img, #portfolio-main-content iframe{
	margin-bottom:5px;	
}
.portfolio-item-sb-content{
	width:24%;
	float:left;
}
.portfolio-item-sb-content{
	font: normal normal 14px/16px "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	color:#333;
}
.portfolio-item-sb-content h3{
	font: italic normal 20px/24px Georgia, "Times New Roman", Times, serif !important;
	border-bottom:3px double #B6B6B6;
	padding-bottom:50px;
	margin-bottom:20px;
}
.portfolio-item-sb-content h3 strong{
	font: italic bold 20px/24px Georgia, "Times New Roman", Times, serif !important;
}
.portfolio-item-sb-content p{
	font: normal normal 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	color:#000;
}
.portfolio-item-sb-content blockquote{
	background:none;	
	padding:0;
	width:100%;
	text-align:left;
	font: normal normal 16px/19px Georgia, "Times New Roman", Times, serif;
	padding-top:20px;
	height:auto;
	color:#8B8B8B;
}
.portfolio-item-sb-content small{
	display:block;
	padding-top:20px;
	font: normal normal 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.portfolio-item-sb-content small.client-url{
	display:block;
	padding-top:20px;
	font: normal normal 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#portfolio-nav-wrap{
	position:fixed;
	top:118px;
	width:996px;
}

#portfolio-back, #portfolio-next, #portfolio-back-work{
	font: normal normal 22px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#333;
}
#portfolio-back{
	float:left;
	height:36px;
	padding-left:15px;
	background: transparent url('../images/work-categories/ICON-arrow-red-left.png') no-repeat top left;
	margin-left:-22px;
}
#portfolio-next{
	float:right;
	height:36px;
	padding-right:14px;
	margin-right:-22px;
	background: transparent url('../images/work-categories/ICON-arrow-green-right.png') no-repeat top right;
}
#portfolio-back-work{
	float:left;
	height:36px;
	padding-left:14px;
	margin-top:7px;
	margin-left:-22px;
	background: transparent url('../images/work-categories/ICON-arrow-blue-left.png') no-repeat top left;
}

#portfolio-back span, #portfolio-next span, #portfolio-back-work span{
	display:block;
	height:24px;
	padding:8px 10px 4px 10px;
}

#portfolio-back-work:hover, #portfolio-back:hover, #portfolio-next:hover, .is-next-off-top, .is-back-off-top{
	color:#FFFFFF;
}

#portfolio-back:hover span, .is-back-off-top span{
	background-color:#da2206;
}
#portfolio-next:hover span, .is-next-off-top span{
	background-color:#009828;	
}
#portfolio-back-work:hover span{
	background-color:#00a7e0;
}

.our-work{
	overflow:visible !important;	
}


.is-next-off-top span, .is-back-off-top span{
	visibility:hidden !important;
}
.is-next-off-top:hover span, .is-back-off-top:hover span{
	visibility:visible !important;
}