ul.thumb_view li h2 { display: inline; }
ul.thumb_view li p{ display: none; }
ul.thumb_view li .content_block a img { margin: 0 0 10px; }

.thumb-sm a:hover{
	text-decoration: none;
	}

.fade-container {float: left;}
	
#works div.thumb-sm-border a,
#works-detail div.thumb-sm-border a {display: block;}
	
#works div.thumb-sm-border a {
	height: 360px;
	width: 272px;
	}
	
.detail-tmb div.thumb-sm-border a,
.detail-tmb .thumb-sm-border {
	height: 78px;
	width: 117px;
	}
	
.linked a:hover {text-decoration: none;}

 div.thumb-sm div.content_block {
	width: 300px;
	float: left;
	}

	ul.thumb_sm_view li {
		width: 280px;
		margin: 0px 20px 0 0;
		overflow: hidden;
	}
	
	#featured li {
		float: left;
		width: 173px;
		margin: 0px 15px 15px 0;
	}
	
div#works ul.thumb_sm_view li.linked {
		float: left;
		width: 291px;
		overflow: hidden;
		padding: 1px;
		height: 290px;
	}

h2.works-name {
	margin: 0 0 10px 0;
	height: 100%;
	}

#works ul.thumb_sm_view li.last,
#featured ul.thumb_sm_view li.last {margin: 0;}

.thumb-sm {
	height: 300px;
	}

/* Sub Nav */
#sub_nav {width: 500px;float: left;}
li{display: inline;}

ul#sub_nav li {
	float: left;
	width: 75px;
	height: 25px;
	text-align: center;
	margin: 0 5px 0 0;
	border-bottom: 4px solid #fff;
}

ul#sub_nav li a {
	padding: 3px 0;
	display: block;
	text-decoration: none;
	}

ul#sub_nav li.cat-all:hover,
ul#sub_nav li.cat-all-active 	 {border-bottom:4px solid #37154a;}
ul#sub_nav li.cat-3d:hover,
ul#sub_nav li.cat-3d-active 	 {border-bottom:4px solid #0f2459;}
ul#sub_nav li.cat-web:hover,
ul#sub_nav li.cat-web-active 	 {border-bottom:4px solid #f78f00;}
ul#sub_nav li.cat-other:hover,
ul#sub_nav li.cat-other-active {border-bottom:4px solid #c43911;}

/*--- List content-block ---*/
	
div.thumb-sm h4 {
	background: url(../images/design/sp_categories_sprite.jpg) no-repeat top left;
	height: 20px;
	margin: 15px 0 5px 0;
	}

div#featured h5{
	background: url(../images/design/sp_cats_front_page_sprite.png) no-repeat top left;
	height: 14px;
	margin: 5px 0 0;
	}
	
div.thumb-sm h4.cat-3d {padding: 0 40px 1px;background-position: 0 1px;}
div.thumb-sm h4.cat-web {padding: 0 51px 1px;background-position: 0 -21px;}
div.thumb-sm h4.cat-flash {padding: 0 65px 1px;background-position: 0 -65px;}
div.thumb-sm h4.cat-video {padding: 0 68px 1px;background-position: 0 -43px;}

div#featured h5.cat-3d{padding-left: 29px;background-position: 0 0;}
div#featured h5.cat-web{padding-left: 38px;background-position: 0 -14px;}
div#featured h5.cat-video{padding-left: 51px;background-position: 0 -28px;}
div#featured h5.cat-flash{padding-left: 49px;background-position: 0 -42px;}

div.content-block li {
	display: block;
	width: 100%;
	}

div.content-block span{
	display: block;
	float: left;
	width: 80px;
	}
	
div.content-block a{
	position: relative;
	padding: 0;
	}

/*--- Borders ---*/
#work-detail-imgs img {border:1px solid #fff;}
.fade-border{z-index:0;}
.detail-full .fade-border 	{border-width: 4px;}
.detail-tmb .fade-border 		{border-width: 2px;}
.strip-tmb .fade-border,
.strip-tmb .fade-border-active {border-width: 4px;}
.thumb-sm .fade-border {
	width:278px;
	height:182px;
	padding: 2px;
	}

.cat-3d-border{border:#0f2459 solid 5px;}
.cat-web-border{border:#f78f00 solid 5px;}
.cat-other-border{border:#c43911 solid 5px;}
	
#featured .fade-border {
	width:153px;
	height:100px;
	padding: 2px;
	}

#gallery-strip .fade-border,
#gallery-strip .fade-border-active {
	width:96px;
	height:63px;
	padding: 2px;
	}

.check-it-out {float: right;}

#work-detail-imgs {
	width: 510px;
	float: left;
	margin: 0 30px 0 0;
	}

.detail-tmb {float: left;}

.detail-full a,
.detail-tmb a,
.thumb-sm a,
.strip-tmb a,
#featured a {
	display: block;
	position:absolute;
	z-index:100;
}

.detail-full a {padding: 4px;}
.detail-tmb a {padding: 2px;}
.strip-tmb a {padding: 5px;}
#featured a {padding: 6px;}
.thumb-sm a {padding: 6px;}
	
#work-detail-imgs .detail-full {margin: 0 0 10px 0;}
#additional-images .detail-tmb {margin: 0 5px 5px 0;}

#additional-images {padding: 10px 0 0 0;}
	
#work-detail-imgs .last{margin-right: 0;}
	
#work-detail-info {
	float: left;
	width: 380px;
	}
	
#page_tools {
	width: 900px;
	margin: 0 0 20px 0;
	}

#pag_nav {display: block;}
	
#pag_nav li {
	border: 1px solid #777;
	display: block;
	float: left;
	width: 20px;
	margin: 0 5px 0 0;
	text-align: center;
	}
#pag_nav li.next,
#pag_nav li.prev {width: 60px;}
#pag_nav li.active{
	font-weight: bold;
	width: 20px;
		border: none;
		padding: 1px;
}
#pag_nav .nolink{}
	
#pag_nav li a {
	color: #37154a;
	display: block;
	}
	
#pag_nav li a:hover {
	background-color: #37154a;
	color: #fff;
	display: block;
	}
	
div#gallery-strip {
	margin: 20px 0 0;
	}