/*
Theme Name: ustwo™
Theme URI: http://www.ustwo.co.uk/
Description: ustwo™ theme
Author: ustwo™
Version: 1.0
Tags: awesome, fresh, too good
*/

@import url("reset.css");
@import url("960.css");

body {
  font-family: "Nobile", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #2c2c2c;
  background-image: url("images/Kate_Moross.png");
  background-color: #e7e7e7;
  background-position: top center;
  background-repeat: no-repeat;
  
}

body, div.no_home .top_head{
	/*background: url("images/header_gradient_bg.png") repeat-x;*/
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
}

h1 {
  float: left;
  width: 48px;
  margin-left: 20px;
  height: 42px;
  background: url("images/logo.png");
  margin-top: 24px;
}

h1 span {
  display: none;
}

h2 {
  margin-bottom: 20px;
 /* border: 0 solid #b9b9b9;
  border-bottom-width: 1px;*/
 /* min-height: 110px;*/
  /*background: url("images/company_statement.png") left center no-repeat;*/
}

h2.grid_12{
	/*margin: 0 0 15px 0;*/
	clear: both;
	/*padding-bottom: 10px;*/
	margin: 0;
	padding:0;
}

.portfolio h2.grid_12{
	margin: 0 0 /*25*/0px 0;
}

.case_study h2.grid_12{
	margin: 0 0 /*25*/0px 0;
	
}
.container_12 .grid_8{
	width: 600px;
	padding-left: 20px;
}

div.posts{
	margin-top:0;
}

.container_12 .grid_4{
	width: 280px;
	padding-right: 20px;
}

.container_12 .banner-scroller{
	padding: 0 20px;
	width: 900px;
}
	
h2 span { 
	padding: 30px 20px 30px 20px;
	font-size: 21px;
	font-weight: normal;
	color: #2c2c2c;
	display: block;
	background-color: #fff;
}

.portfolio h2 span, .case_study h2 span{
	padding: 30px 0px 30px 0px;
}

.portfolio h2 span, .contact h2 span, .case_study h2 span{
	color: #666;
	font-size: 17px;
}

.portfolio h2 span, .case_study h2 span{
	padding-top: 20px;
}

.portfolio h2 span{
	padding-top: 22px;
}

.contact h2 span{
/*	padding: 28px 0 20px 0; */
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.portfolio h2 span b, .contact h2 span b, .case_study h2 span b{
	font-size: 23px;
	padding-bottom: 5px;
	font-weight: normal;
	color: #2c2c2c;
	display: block;
}

/*.case_study h2 span
{
	padding: 30px 10px 30px 0;
}*/

.contact .grid_8, .contact .grid_4
{
	/*padding-top: 20px;*/
	width: 620px;
}

h2 span a{
	font-size: 20px;
	color: #ad4799;
	text-decoration: none;
} 

h3 {
  font-size: 1.5em;
}

.post h3 {
  margin-top: 18px;
}

h4 {
  font-size: 1.2em;
}

.single-casestudy h4 {
  border-bottom: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #c9c9c9;
}

h4.first{
	margin-top:-5px;
}

h5 {
  font-size: 1.2em;
}

h6{
  float: left;
  width: 59px;
  height: 50px;
  position:absolute;
  margin-left:7px;
  background: url("images/logo_footer.png");
  margin-top: 28px;
}

h6 span { display: none; }


.grid_8{
	margin-left:0px;
	background: #fff;
}

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

a.more-link, a.more-link:hover{
  display:block;
  position: absolute;
  margin-top: 19px;
  margin-bottom:20px;
  color: #af489b;
  text-decoration: none;
}

a.tweet, a.facebook{
  position: absolute;
  margin-top: 15px;
  margin-bottom: 20px;
  margin-left: 474px;
  float:left;
  display: block;
  width: 62px;
  height: 18px;
  outline: none;
  text-indent: -15000px;
  background: url("images/tweet.png");
}

a.facebook{
  width: 61px;
  margin-left: 539px;
  background: url("images/facebook.png");
}

a:hover {
  color: #666;
}

table {
  width: 100%;
}

td.right {
  text-align: right;
}

address {
  font-style: normal;
}

/* Layout */
div.top {
  min-width: 940px;
  padding-top: 24px;
  background-position: center -5px;
  background-repeat: no-repeat;
}

div.top, div.main, div.no_home .top_head .img, div.no_home,div.no_home .top_head .img_back{
	/*background-image: url("images/Kate_Moross.png");
	background-color: #e6e6e6;*/
}

div.top div.container_12 {
  position: relative;
  background-image: url("images/head_back.png");
}

div.top-inner {
  /*background-image: url("images/top_bg.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;*/
  background-color: #fff;
}

div.header {
	margin: 0px;
}

/*----------------------*/
/* MAIN NAVIGATION */
/*----------------------*/
#navigation-toplevel {
  font-size: 16px;
  font-weight: normal;
	}
#navigation-toplevel ul {
	margin:0px;
	padding:0px;
	}
#navigation-toplevel li {
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
	}
#menu-main a, #menu-main a:visited, #menu-main a:active {
  	margin-left: 40px;
  	font-size: 20px;
	padding: 27px 0 38px 0;
	display:block;
	text-decoration:none;
	}
#menu-main.top-menu a, #menu-main.top-menu a:visited, #menu-main.top-menu a:active {
	padding: 27px 0 10px 0;
}

#menu-main .current_page_item a{
  color: #af489b;
	}
	
#menu-main li a:hover {
	color: #af489b;
}

/*----------------------*/
/* QUICK SEARCH */
/*----------------------*/
#quick-search-container {
  position: absolute;
  top: 25px;
  right: 10px;
  float: right;
  background-color: #757472;
  padding: 2px 8px 3px 8px;
}
input.quicksearch-input {
  border: 0;
  background-color: #757472;
  margin: 0 0 0 0;
}
input.quicksearch-icon {
  margin: 0 0 -2px 0;
}

/*----------------------*/
/* HEADER TAGS */
/*----------------------*/
ul.tags-navigation {
  position: absolute;
  top: 0;
  right: 10px;
  float: right;
}

ul.tags-navigation li {
  float: left;
}

ul.tags-navigation a {
  display: block;
  height: 120px;
  background-image: url("images/apps_tags.png");
  background-repeat: no-repeat;
}

ul.tags-navigation a span { display: none; }

ul.tags-navigation a.iphone {
  width: 75px;
}

ul.tags-navigation a.android {
  width: 79px;
  background-position: -75px 0;
}

/*----------------------*/
/* FEATURED BANNER */
/*----------------------*/
div.banner-scroller {
/* background: url("images/temp.jpg");*/
  position: relative;
  width: 900px;
  min-height: 310px;
  margin: 0;
 /* background: #000;*/
}

div.banner-scroller div.banners{
  width: 900px;
  min-height: 380px;
  background-color: #fff;
  padding: 0;
}

div.banner-scroller div.banners span {
  visibility: hidden;
}

div.banner-scroller div.banners div.title { display: none; }

/* BADGE */
div.banner-badge {
  position: absolute;
  top: 310px;
  right: 23px;
  height: 25px;
  width: 298px;
  float: left;
  z-index: 10;
  font-size: 1.3em;
  color: #fff;
 /* text-shadow: rgba(0, 0, 0, 1) 0px -1px 0;*/
 /* background-color: #3f3f3f;*/
  /*border: 1px #2f2f2f solid;*/
 /* background-image: url("images/banner_badge_bg.png");
  background-repeat: repeat-x;*/
}

div.banner-badge div.navigation {
  float: right;
  margin: 0 15px 0 0;
}

div.banner-badge div.navigation a {
  display: block;
  float: left;
  padding: 0;
  width:23px;
  margin-left: 3px;
  text-indent: -15000px;
  color: #505050;
  text-decoration: none;
  font-family: verdana, "Nobile", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-image: url("images/top_item.png");
  font-size: 14px;
}

div.banner-badge div.navigation a.activeSlide {
	background-image: url("images/top_item_select.png");
}

div.banner-badge div.title {
  font-weight: bold;
  color: #000;
  font-size: 16pt;
  margin: 12px 0 0 15px;
}

div.banner-badge div.content {
  font-size: 12px;
  color: #505050;
  margin: 12px 15px 0 15px;
}

div.banner-badge div.title span.tm {
  font-family: "Verdana";
  font-size: 13px;
  vertical-align: text-top;
  text-shadow: none;
}

/* RIBBON */
div.banner-ribbon {
  position: absolute;
  top: 262px;
  right: -10px;
  height: 48px;
  float: left;
  z-index: 10;
  font-size: 1.3em;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 1) 0px -1px 0;
}

div.banner-ribbon div {
  float: left;
}

div.banner-ribbon div.left-cap {
  width: 4px;
  height: 38px;
  background: url("images/ribbon_caps.png");
}

div.banner-ribbon div.right-cap {
  width: 2px;
  height: 38px;
  background: url("images/ribbon_caps.png") -4px 0;
}

div.banner-ribbon div.content {
  height: 38px;
  background: url("images/banner_ribbon_bg.png");
}

div.banner-ribbon div.title {
  width: 600px;
  margin: 5px 50px 0 12px;
}

div.banner-ribbon div.title span.tm {
  font-family: "Verdana";
  font-size: 13px;
  vertical-align: text-top;
  text-shadow: none;
}

div.banner-ribbon span.small {
  margin-left: 10px;
  font-size: 0.9em;
  color: #d7d7d7;
}

div.banner-ribbon div.title span.small span.tm {
  font-family: "Verdana";
  font-size: 13px;
  vertical-align: text-top;
  text-shadow: none;
}

div.banner-ribbon div.navigation {
  margin: 2px 8px 0 0;
}

div.banner-ribbon div.navigation a {
  display: block;
  float: left;
  height: 26px;
  padding: 3px 4px;
  color: #fff;
  text-decoration: none;
}

div.banner-ribbon div.navigation a.activeSlide,
div.banner-ribbon div.navigation a:hover {
  background: url("images/banner_ribbon_highlight.png");
}

div.banner-ribbon div.tip {
  clear: both;
  float: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 11px;
  height: 13px;
  /*margin-top: -3px;*/
  background: url("images/ribbon_tips.png") no-repeat;
}
/* END FEATURES */

div.main {
  /*padding-bottom: 80px;*/
  /*background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-position: center -514px;*/
}

div.small, div.medium{
  min-width: 940px;
  /*background-position: center -114px;
  background-repeat: no-repeat;*/
}

div.medium{
  background-position: center -424px;
}

div.no_home .top_head, div.no_home .top_head .img_back{
	position: absolute;
	background-position: center -105px;
	background-repeat: repeat-x;
 	left: 0;
 	display: none;
 	width: 100%;
}

div.no_home .top_head .img_back{
	background-repeat: no-repeat;
}

.case_study, .portfolio{
	position: relative;
}

div.container_12{
	padding: 0 17px;
	width:940px;
}

.banner-scroller img{
	width: 900px;
	min-height: 310px;
}

.main .container_12{
	background-image: url("images/content_back.png");
	padding-bottom: 80px;
}

div.no_home .content_top{
	background-color: #fff;
	margin: 0;
	padding: 0 20px 15px 20px;
}

.portfolio h2.grid_12, .case_study h2.grid_12{
	width: 900px;
}

.portfolio .grid_8, .case_study .grid_8{
	width: 600px;
	padding-left:20px;
}

 .case_study .grid_8{
	width: 610px; 
}
 
.portfolio .grid_8{
	padding-right:5px;
	padding-left: 5px;
	margin: 0;
	width: 930px;
}

.portfolio .portfolio_sidebar{
	width: 255px;
	padding-left: 15px;
	padding-right: 30px;
}

div.sidebar{
	margin-right: 0px;
}

div.portfolio_item{
	margin-left: 15px;
	margin-right: 15px;
	float: left;
	min-height: 350px;
}

.portfolio_item em, .portfolio_item strong, .portfolio_item span{
	display: block;
	padding: 0px 0px 5px;
	width: 280px;
}

div.sidebar * a.ajax_filtr span{
	color: #464646;
}

div.sidebar * a.ajax_filtr span.slug{
	display: none;
}
	
.portfolio_item img{
	display: block;
	width: 280px;
	height: 200px;
}

.portfolio_item a{
	position: absolute;
	margin-top: -200px;
	width: 280px;
	height: 200px;
	background-image: url('images/empty.png');
	display: block;
	text-indent: -15000px;
	border: 0;
}

.portfolio_item a:hover, .portfolio_item .select a{
	border: 7px #ad4799 solid;
	width: 266px;
	height: 186px;
}

.portfolio_item em{
	width: auto;
	max-width: 280px;
	position:relative;
	clear: both;
	font-style: normal;
	font-size: 19px;
	padding-top: 8px;
}

.portfolio_item em a, .portfolio_item em a:hover, .portfolio_item .select em a{
	position: static;
	margin-top: 0px;
	width: auto;
	height: auto;
	background: none;
	display: inline;
	text-indent: 0px;
	border: 0px;
	text-decoration: none;
	color: #af489b;
}

.portfolio_item em a:hover, .portfolio_item .select em a{
	background: #af489b;
	color: #fff;
}

.portfolio_item strong{
	clear:both;
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	padding: 0 0 8px 0px;
	color: #2c2c2c;
	/*border-bottom: 1px #999 dotted;*/
}

.portfolio_item strong.client{
	color: #42a4b1;
}

.portfolio_item .category{
	/*margin: 0 0px;
	padding: 0px;
	height: 55px;
	position: absolute;*/
}

.portfolio_item span{
	/*position:absolute;*/
	color: #86c2d1;
	font-size: 11px;
	padding:0;
	margin: 0;
	/*bottom: 16px;*/
	color: #999;
}

.portfolio_item span i{
	font-style: normal;
	/*color: #d7d7d7;*/
}

.portfolio_sidebar .sidebar_top{
	border: 0;
	background-color: #fff;
}

.platform a {
	color: #cacaca;
	display: block;
	background-color: #fff;
	width: 130px;
	padding: 5px 0 5px 0px;
	font-size: 13px;
}

div.sidebar * .platform a span{
	color: #464646;
	margin: 0;
}

 .platform a.select{
	color: #ad4799;
	
}

div.sidebar * .platform a.select span{
	color: #ad4799;
	margin: 0;
}

div.pause{
	height: 30px;
}

div.sidebar ul.filter a {
	margin-bottom: 0;
}

.filter a{
	padding-left: 11px;
	display: block;
	color: #cacaca;
	text-indent: 20px;
	background-image: url("images/checkbox.png");
	background-position: 1px 10px;
	background-repeat: no-repeat;
	padding-top: 7px;
	
}

 .filter a.select{
 background-image: url("images/checkbox_checked.png");
 background-position: 0 7px;
}

.portfolio_item img:hover{
	border-color: #ab4998;
}

div.no_home .content{
	background-color: #fff;
}

div.clear{
	clear: both;
}

/* Sidebar */
/*div.sidebar * {
  margin-bottom: 10px;
}*/

div.sidebar_top{
  border: 1px #e1e1e1 solid;
  background: #f5f5f5;
  margin-bottom:10px;
}

div.sidebar_top .info{
  padding: 10px 10px 0 10px;
 /* margin-bottom:10px;*/
}

.info img{
  width: 258px;
  height: auto;
 /* border-bottom: 3px #3f9fb8 solid;*/
  margin-bottom:10px;
}

.platform li, .filter li{
	margin-bottom:5px;
}

div.sidebar * h4, .contact h4, .case_study h4{
  margin-bottom: 8px;
  padding: 0 0 10px 0;
  color: #3f9fb8;
  font-size: 16px;
  /*border-bottom: 1px #c1c1c1 dotted;*/
}
  
div.portfolio_sidebar h4{
	padding-bottom: 4px;
}

div.portfolio div.navigation .nav-next{
	margin-left: 180px;
}

div.portfolio div.navigation .nav-previous{
	margin-left: 690px;
}

div.portfolio div.navigation .wp-pagenavi{
	margin-left: 315px;
	margin-right:315px;
}

.contact .content h4{
	border: 0;
	margin-bottom: 0;
}

div.portfolio_sidebar  h4.filter{
	padding-top: 18px;
}

div.sidebar * h5{
  line-height:22px;
  font-size: 17px;
  color: #666;
  margin-bottom:15px;
}

.sidebar_center abbr{
	padding-top: 20px;
	display: block;
}

div.sidebar * .item, .twitter-item {
  word-wrap: break-word;
  background-color: #fff;
  margin-bottom: 15px;
  padding: 10px 15px 5px 15px;
  color: #999;
}

a.twitter-user{
	color: #33ccff;
	font-size: 18px;
	text-decoration: none;
	display: block;
	margin-bottom:10px;
}

/*.twitter-timestamp abbr{
	display: block;
}*/

div.sidebar * a.bird {
	width: 252px;
	height:74px;
	padding: 15px 0;
	display: block;
	background: url("images/tweet_bird.png") no-repeat;
	background-position: 0 15px;
}

a.bird strong, div.sidebar *  a.bird span{
	position:absolute;
	display: block;
	font-weight: normal;
	color: #fff;
	font-size: 20px;
	margin-left: 107px;
	width: 145px;
	text-align: center;
}
div.sidebar * a.bird{
	text-decoration: none;
}

div.sidebar * a.bird span{
	margin-top: 30px;
	font-size: 14px;
}

div.sidebar * .item a {
	color: #2c2c2c;
	float:left;
}

.twitter-link{
  color: #2c2c2c;
  width: 230px;
  display: block;
}

div.sidebar * span, .twitter-timestamp{
  /*color: #369fb9;*/
  display: block;
  color: #af489b;
}

div.sidebar * span em{
	font-style: normal;
	margin-bottom:10px;
	display: block;
}

div.sidebar * span.date{
	text-align: right;
	margin-bottom:10px;
	color: #af489b;
}

div.sidebar p {
  font-size: 11px;
  margin-bottom:25px;
}

div.sidebar table td {
  padding: 10px 5px;
}

div.sidebar_top table{
  margin-bottom: 0;
}

div.sidebar_top table td.left {
  padding-left: 15px;
}

div.sidebar_top table td.new_item {
  padding-left: 55px;
  background: url("images/new.png") no-repeat;
  background-position: 15px 10px;
}

div.sidebar_top table td.right {
  padding-right: 15px;
}

div.sidebar table tr.even {
  background: #ebebeb;
}

div.sidebar_center{
  border: 1px #e1e1e1 solid;
  background: #f5f5f5;
  padding: 15px 15px 0 15px;
  margin-bottom:10px;
}

/* Posts */
div.post {
  padding-bottom: 73px;
  margin-bottom: 20px;
  /*border: 0 dotted #b9b9b9;
  border-bottom-width: 1px; */
}

div.post:last-child { border-width: 0; }

div.post h3 {
  margin-bottom: 20px;
  line-height: 1em;
}

div.post h3 a{
	color: #af489b;
}

div.post h3 a {
  text-decoration: none;
}

div.post p {
  padding-bottom: 10px;
  color: #666;
}

div.post p img{
	max-width: 600px;
}

div.post p.title{
	padding: 20px 0 0 0;
}

div.post div.meta {
  margin-left: -30px;
}

div.post div.meta div.categories {
  float: left;
  height: 31px;
  margin-left: -10px;
  margin-right: 10px;
  background: url("images/ribbon_tips.png") left bottom no-repeat;
}

div.post div.meta div.categories a {
  text-decoration: none;
  color: #fff;
}

div.post div.meta div.categories span {
  padding: 2px 10px;
  font-size: 14px;
  display:block;
  color: #fff;
  background: #ad4799;
}

div.post div.meta div.ipad {
  background: url("images/tip_ipad_lft.png") left bottom no-repeat;
}

div.post div.meta div.ipad span {
  background: #4378bb;
}

div.post div.meta div.android {
  background: url("images/tip_android_lft.png") left bottom no-repeat;
}

div.post div.meta div.android span {
  background: #42b549;
}

div.post div.meta div.user_experience {
  background: url("images/tip_user_experience_lft.png") left bottom no-repeat;
}

div.post div.meta div.user_experience span {
  background: #f05822;
}

div.post div.meta div.studio {
  background: url("images/tip_studio_lft.png") left bottom no-repeat;
}

div.post div.meta div.studio span {
  background: #ad4799;
}

div.post div.meta div.iphone {
  background: url("images/tip_iphone_lft.png") left bottom no-repeat;
}

div.post div.meta div.iphone span {
  background: #ff1f00;
}

div.post div.meta div.mobile_content {
  background: url("images/tip_mobile_content_lft.png") left bottom no-repeat;
}

div.post div.meta div.mobile_content span {
  background: #eb008b;
}

div.post div.meta div.date {
  float: left;
  height: 25px;
  margin-right: 10px;
  margin-left: -20px;
  margin-top: 6px;
  padding-left: 10px;
  background: #adff99 url("images/ribbon_tips_no_category.jpg") left bottom no-repeat;
}

div.post div.meta div.date span {
  display: block;
  padding: 2px 10px 1px 10px;
  font-size: 1em;
  color: #fff;
}

div.post div.meta div.d_mobile_content {
  background: #d6007f url("images/tip_mobile_content_rgt.png") left bottom no-repeat;
}

div.post div.meta div.d_ipad {
  background: #366096 url("images/tip_ipad_rgt.png") left bottom no-repeat;
}

div.post div.meta div.d_android {
  background: #35903a url("images/tip_android_rgt.png") left bottom no-repeat;
}

div.post div.meta div.d_user_experience {
  background: #ba441a url("images/tip_user_experience_rgt.png") left bottom no-repeat;
}

div.post div.meta div.d_studio {
  background: #8e3a7e url("images/tip_studio_rgt.png") left bottom no-repeat;
}

div.post div.meta div.d_iphone {
  background: #c91800 url("images/tip_iphone_rgt.png") left bottom no-repeat;
}

/*div.post div.meta a.category span {
  padding: 1px 10px;
  font-size: 1.2em;
  color: #fff;
  background: #ad4799;
}*/

div.post div.meta span.date {
  line-height: 22px;
  color: #8c8c8c;
}


/* Footer */
div.footer {
  font-size: 0.8em;
  color: #d1d1d1;
  padding-top: 30px;
  padding-bottom: 17px;
  background: #272727 url("images/footer_shadow.png") repeat-x;
  min-width: 960px;
  min-height:120px;
}

div.footer ul{
	position: absolute;
	margin-left: 117px;
	padding-top:15px;
	float:left;
}

div.footer ul li{
	margin-right: 27px;
	float:left;
}

div.footer address {
  margin-bottom: 60px;
}

div.footer address a {
  color: #d1d1d1;
}

div.footer ul a {
  text-decoration: none;
  font-size: 15px;
  color: #d1d1d1;
}

div.footer ul a:hover, div.footer ul li.current_page_item a{
	color: #af489b;
}

div.footer div.content {
  /*margin-top: 30px;
  margin-bottom: 17px;*/
}

/** Old footer*/
/*div.footer p.byline {
  color: #d1d1d1;
  text-align: right;
}

div.footer p.copyright {
  color: #565656;
}*/

div.footer p.byline {
  color: #d1d1d1;
  font-size:11px;
  padding-top:20px;
  text-align: right;
  float:right;
}

div.footer p.copyright {
  position: absolute;
  color: #565656;
  margin-left: 117px;
  width: 700px;
  margin-top: 75px;
}

/* Generic */
div.hr {
  margin-top: 10px;
  border: 0 dotted #000;
  border-bottom-width: 1px;
}

div.navigation .nav-next{
  position: absolute;
  text-decoration: none;
  margin-left: 120px;
  width:50px;
  padding-bottom:5px;
}

.single-casestudy div.navigation .nav-next{
	width: 70px;
	margin-left: 80px;
	/*text-align: center;*/	
}

.case_study div.navigation .nav-previous{
	margin-left: 500px;
	text-align: left;
	width:70px;
}

div.navigation .nav-previous{
  position: absolute;
  text-decoration: none;
  width:50px;
  margin-left:430px;
  text-align: right;
  padding-bottom:  5px;
}

div.navigation .wp-pagenavi{
	position: absolute;
	width: 300px;
	margin: 2px  150px 0 170px;
	text-align: center;
	padding-bottom:5px;
}

div.navigation{
  font-size: 12px;
  padding-top:40px;
}

.portfolio div.navigation{
	padding-top: 15px;
}
	
.navigation .wp-pagenavi a, .navigation .wp-pagenavi span{
	text-decoration: none;
	border: 0;
	width:4px;
	padding: 5px 9px 8px 9px;
	color: #fff;
	background-image: url("images/pag_null.png");
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 2px 0 2px;
}

.wp-pagenavi span.pages, .wp-pagenavi span.extend, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.first, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.last, .wp-pagenavi a.larger, .wp-pagenavi a.smaller, .wp-pagenavi a.previouspostslink{
  display: none;
}

.navigation .wp-pagenavi a:hover, .navigation .wp-pagenavi span:hover,.navigation .wp-pagenavi span.current {
	font-weight: normal;
	height:23px;
	color: #fff;
	background-image: url("images/pag_select.png");
	
}

.navigation .previouspostslink, .navigation .nextpostslink{
	text-decoration: none;
}

.navigation .previouspostslink span, .navigation .nextpostslink span{
	text-decoration: underline;
	text-decoration: none;
	display: none;
}

a.previouspostslink, a.nextpostslink{
	color: #fff;
}

.navigation .previouspostslink, .navigation .nextpostslink{
	font-size: 15px;
	font-weight: 900;
	background-image: url("images/pag_null_prev.png");
	background-position: center center;
	background-repeat: no-repeat;
	padding: 3px 10px 7px 10px;
}

.single-casestudy .navigation .previouspostslink, .single-casestudy .navigation .nextpostslink, .single-casestudy .navigation .previouspostslink:hover, .single-casestudy .navigation .nextpostslink:hover{
	font-size: 11px;
	font-weight: normal;
	position:absolute;
	background-image: url("images/pag_null_prev.png");
	background-position: top center;
	background-repeat: no-repeat;
	padding: 27px 0px 7px 0px;
	text-align: center;
	color: #d6d6d6;
}

.single-casestudy .navigation .nextpostslink{
	background-image: url("images/pag_null_next.png");
}

.single-casestudy .navigation .previouspostslink:hover{
	background-image: url("images/pag_select_prev.png");
	color: #af489b;
}

.single-casestudy .navigation .nextpostslink:hover{
	background-image: url("images/pag_select_next.png");
	color: #af489b;
}

.navigation .previouspostslink b, .navigation .nextpostslink b{
	visibility: hidden;
	padding: 5px;
}

.navigation .nextpostslink{
	background-image: url("images/pag_null_next.png");
}

.navigation .previouspostslink:hover, .navigation .nextpostslink:hover{
	background-image: url("images/pag_select_prev.png");
	background-position: left top;
	font-size: 15px;
	font-weight: 900;
}

.navigation .nextpostslink:hover{
	background-image: url("images/pag_select_next.png");
}

.navigation .previouspostslink:hover, .navigation .nextpostslink:hover{
	background-image: url("images/pag_select_prev.png");
	background-position: center center;
	background-repeat: no-repeat;
}

.navigation .nextpostslink:hover{
	background-image: url("images/pag_select_next.png");
}
		
.sidebar_apps{
	clear: both;
	height: 144px;
	/*margin-bottom:10px;*/
}

.sidebar_apps li {
	display: block;
	width: 132px;
	height: 132px;
	background: #f5f5f5;
	border: 1px #e1e1e1 solid;
	text-align: center;
	float: left;
	margin-bottom:10px;
}

.sidebar_apps li a {
	width: 132px;
	height: 34px;
	display: block;	
	padding-top: 108px;
	text-decoration: none;
	color: #af489b;
	font-size: 14px;
}

.sidebar_apps li.iphone_apps {
	margin-right: 12px;
}

.sidebar_apps li.iphone_apps a {
	background: url('images/iphone_apps.png') no-repeat center center;
}

.sidebar_apps li.iphone_apps a:hover {
	background-image: url('images/iphone_apps_hover.png');
}

.sidebar_apps li.android_apps a {
	background: url('images/android_apps.png') no-repeat center center;
}

.sidebar_apps li.android_apps a:hover {
	background-image: url('images/android_apps_hover.png');
}

/* Contact */

.contact div.addres{
	width: 298px;
	float: left;
}

.contact .left{
	margin-right:24px;
}

#map_london, #map_malmo{
	width: 296px;
	height: 364px;
	border: 1px #c9c7c4 solid;
	margin-bottom: 20px;
}

.contact .content a{
	color: #2c2c2c;
	
}

.contact .content a span{
	color: #2c2c2c;
	padding-bottom: 10px;
}

.contact .content .tel{	
	padding-top: 15px;
	display: block;
	color: #666;
}

.contact .content .adr{
	display: block;
	color: #666;
	
}
.contact .content span.first{
	padding-top: 15px;
}

.contact .sidebar .tel{
	display: block;
	padding-top: 6px;
	margin-bottom: 0;
	font-size: 13px;
	color: #666;
}

.contact .sidebar{
	margin-left: 30px;
	width: 240px;
}

.contact .sidebar a{
	display: block;
	text-decoration: underline;
	margin-bottom: 40px;
}

.contact .sidebar a span{
	color: #2c2c2c;
}

/** CASE STUDY */

.case_study .grid_8{
	margin: 0;
	padding: 0;
	margin-left: 20px;
}

.case_study_item{
	margin: 0;
	padding: 0;
	clear: both;
	border-right: 1px #fff solid;
}

.case_study_item .images{
	width: 610px;
}

.case_study .sidebar{
	margin: 0;
	padding: 0;
	width: 281px;
	margin-right: 20px;
	padding-left: 9px;
}

.case_study .case_study_bottom{
	margin-top: 1px;
	padding-top: 12px;
	/*border-top: 1px #d7d7d7 solid;*/
	margin-right: 10px;
}

.case_study_item p{
	padding-bottom: 10px;
}

.case_study_item .description{
	color: #666;
	padding-top: 10px;
	padding-bottom: 50px;
}

.case_study .sidebar span{
	font-size: 12px;
	display: block;
	padding-top:5px;
	color: #666;
	padding-bottom:10px;
}

.case_study h4{
	padding-bottom: 0px;
	margin-bottom: 0;
	border: 0;
}

.case_study .sidebar p{
	/*line-height: 25px;*/
	font-size: 13px;
	color: #666;
	margin-bottom: 10px;
}

.case_study .sidebar a.link{
	word-wrap: break-word;
	padding-top: 3px;
	padding-bottom: 10px;
	color: #ad4799;
	text-decoration: none;
	display: block;
	max-width: 280px;
}

.case_study .sidebar a.link span{
	color: #ad4799;
	display: inline;
	font-size: 12px;
}

.case_study h4.last{
	padding-top:0px;
}

.case_study .tweet_sidebar, .case_study .facebook_sidebar{
	float: left;
	display: block;
	border: 0;
	margin-top: 10px;
	margin-right: 7px;
	margin-bottom: 10px;
	padding-bottom: 0;
	width: 23px;
	text-indent: -15000px;
	height: 23px;
	background-image: url('images/twit.jpg');
}

.case_study .facebook_sidebar{
	background-image: url('images/facebook.jpg');
}

.case_study .big_object{
	width: 598px;
	height: auto;
	margin-right: 0px;
	padding-right: 0px;
	/*border: 1px #ccc solid;*/
	margin-bottom: 12px;
}

.case_study .case_study_item .big_object img{
	width: 600px;
	height: auto;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.case_study_item .images a{
	display: block;
	float: left;
	position: absolute;
	margin-top:-90px;
	text-indent: -15000px;
	background-image: url('images/empty.png');
	width: 92px;
	height: 92px;
}

.case_study_item .images div.link{
	float: left;
}

/*.case_study_item .images div.link_4, .case_study_item .images div.link_3, .case_study_item .images div.link_5{
	padding-left: 1px;
}*/

.case_study_item .images img{
	display: block;
	width: 88px;
	height: 88px;
	margin-right: 12px;
/*	border: 1px #ccc solid; */
}

.case_study_item .images div.link_6 img{
	margin-right: 10px;
}

.case_study_item .images a:hover{
	width: 78px;
	height: 78px;
	border: 6px #ad4799 solid;
}

.case_study_item .images a:hover img{
	width: 77px;
	height: 80px;
}

.case_study_item .images .main_img_link, .case_study_item .images .main_img_link:hover{
	background-image: url('images/lightbox.jpg');
	width: 39px;
	height: 39px;
	border: 0;
	text-indent: -15000px;
	margin-top: -39px;
	margin-left: 559px;
	position: absolute;
	display: none;
}

/** PAGE */

.about{
	color: #666;
	padding-left: 20px;
	padding-right: 20px;
}
	
.alignleft{
	vertical-align: text-top;
	float: left;
	padding: 40px 20px 0 0;
	clear:both;
}

.alignright{
	vertical-align: text-top;
	float: right;
	padding: 30px  0 0 20px;
}

hr{
	display: block;
	clear: both;
	margin-top: 40px;
	border: 0;
	border-bottom: 1px dotted #9a9a9a;
	margin-bottom: 10px;
}

.about h5{
	padding: 2px 0 20px 0;
	color: #2c2c2c;
	font-size: 20px;
}

.about p{
	padding-bottom: 20px;
}