@charset "UTF-8";
/* CSS Document */

body {
	background-color:#FFF;
	margin:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:17px;
	color:#000;
}


a, a:visited {
	color:#F0F;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:none;
}

#holder {
	width:960px;
	margin:auto;
}

#header {
	margin-top:21px;
}

.clear {
	clear:both;
}

h2 {
font-size:20px;
font-weight:bold;
line-height:22px;
}



h3 {
	font-size:15px;
	color:#F0F;
	margin-top:-15px;
}

h3 a, h3 a:visited, h3 a:hover {
	color:#F0F;
	text-decoration:none;
}

#footer {
	margin-top:42px;
	margin-bottom:42px;
	font-size:12px;
}

.logo_sorting {
	height:24px;
	margin-bottom:21px;
	position:relative;
}

.logo {
	float:left;
	margin-right:17px;
}

.sorting_grid a {
	float:left;
	width:22px;
	height:24px;
	text-indent:-1000em;
	background-image:url(images/sorting_sprite.gif);
	background-position:0 0;
	display:block;
}

.sorting_grid a:hover, .sorting_grid_selected {
	float:left;
	width:22px;
	height:24px;
	background-image:url(images/sorting_sprite.gif);
	background-position:0 -24px;
}

.sorting_grid_null {
	float:left;
	width:22px;
	height:24px;
	background-image:url(images/sorting_sprite.gif);
	background-position:0 -48px;
}

.sorting_list a {
	float:left;
	width:31px;
	height:24px;
	text-indent:-1000em;
	background-image:url(images/sorting_sprite.gif);
	background-position:-22px 0;
	display:block;
}

.sorting_list a:hover, .sorting_list_selected {
	float:left;
	width:31px;
	height:24px;
	text-indent:-1000em;
	background-image:url(images/sorting_sprite.gif);
	background-position:-22px -24px;
}

.sorting_list_null {
	float:left;
	width:31px;
	height:24px;
	background-image:url(images/sorting_sprite.gif);
	background-position:-22px -48px;
}

.sorting_monkey a {
	float:left;
	width:37px;
	height:24px;
	text-indent:-1000em;
	background-image:url(images/sorting_sprite.gif);
	background-position:-53px 0;
	display:block;
}

.sorting_monkey a:hover, .sorting_monkey_selected {
	float:left;
	width:37px;
	height:24px;
	text-indent:-1000em;
	background-image:url(images/sorting_sprite.gif);
	background-position:-53px -24px;
}

.navigation {
}

.nav_work a {
	float:left;
	width:322px;
	height:84px;
	background-image:url(images/nav_sprite.gif);
	background-position:0 0;
	text-indent:-1000em;
	display:block;
}

.nav_work a:hover {
	background-position:0 -84px;
}

.nav_work_selected, .nav_work_selected a {
	float:left;
	width:322px;
	height:84px;
	background-image:url(images/nav_sprite.gif);
	background-position:0 -84px;
	text-indent:-1000em;
	display:block;
}

.nav_blog a {
	float:left;
	width:290px;
	height:84px;
	background-image:url(images/nav_sprite.gif);
	background-position:-322px 0;
	text-indent:-1000em;
	display:block;
}

.nav_blog a:hover {
	background-position:-322px -84px;
}

.nav_blog_selected {
	float:left;
	width:290px;
	height:84px;
	background-image:url(images/nav_sprite.gif);
	background-position:-322px -84px;
	text-indent:-1000em;
}

.nav_about a {
	float:left;
	width:348px;
	height:84px;
	background-image:url(images/nav_sprite.gif);
	background-position:-612px 0;
	text-indent:-1000em;
	display:block;
}

.nav_about a:hover {
	background-position:-612px -84px;
}

.nav_about_selected {
	float:left;
	width:348px;
	height:84px;
	background-image:url(images/nav_sprite.gif);
	background-position:-612px -84px;
	text-indent:-1000em;
}









.boxgrid {  
	width:960px;
	height:490px;
	overflow: hidden; 
	position: relative; 
}

.boxgrid_small {  
	width:306px;
	height:186px;
	overflow: hidden; 
	position: relative; 
}

.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
	
.boxcaption { 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	padding-left:15px;
	padding-top:0px;
}

.boxcaption h2 {
	margin-top:11px;
}

.boxcaption a {
	color:#fff;
	text-decoration:none;
}

.captionfull .boxcaption {
	top:490px;
	left: 0;
}

.boxcaption h2 {
	color:#FFF;
}

.view_work {
	margin-top:15px;
	font-weight:bold;
}







.work_grid, .work_list, .work_detail {
	margin-top:26px;
	width:960px;
}


.large_thumb {
	width:960px;
	height:490px;
	background-color:#CCC;
	margin-bottom:21px;
	display:block;
}

ul.small_thumbs {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.small_thumbs li {
	list-style-type:none;
	float:left;
	width:306px;
	height:186px;
	background-color:#999;
	margin-right:21px;
	margin-bottom:21px;
}

ul.small_thumbs li.last {
	margin-right:0px;
}

ul.list {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.list li {
	list-style-type:none;
}

.list_oneline a {
	height:82px;
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	width:960px;
	text-indent:-1000em;
}

.list_oneline a:hover {
	background-position:0 -82px;
}

.list_twoline a {
	height:165px;
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	width:960px;
	text-indent:-1000em;
}

.list_twoline a:hover {
	background-position:0 -165px;
}

.work_description {
	float:left;
	width:470px;
	margin-right:20px;
	margin-top:21px;
}













.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #fff;
color: #000;
font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}


h1 {
	font-size:103px;
	text-transform:uppercase;
	line-height:65px;
	margin:0;
	padding:0;
	letter-spacing:-5px;
}

.client_list a {	
	color:#000;
	text-decoration:none;
}

.client_list a:hover {
	text-decoration:none;
	color:#FF00FF;
}

.twitter a {
	position:absolute;
	right:28px;
	top:0;
	width:23px;
	height:23px;
	background:url(images/t23.png) no-repeat top #000;
	text-indent:-1000em;
	display:block;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.twitter a:hover, .facebook a:hover {
	background-color:#F0F;
}

.facebook a {
	position:absolute;
	right:2px;
	top:0;
	width:23px;
	height:23px;
	background:url(images/f23.png) no-repeat top #000;
	text-indent:-1000em;
	display:block;
	-moz-border-radius: 2px;
	border-radius: 2px;
}