@charset "UTF-8";

body {
	background-color: #9E9C87;
	font-size:62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

* {
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
	color: #6574b5;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.clearfloats {}

#pagewrapper {
	background-image: url(../images/core/white-back-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	min-height: 500px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#pagewrapper div#inner {
	background-image: url(../images/core/white-back-top.gif);
	background-repeat: no-repeat;

}

#nav {
	padding-top: 10px;
	padding-left: 10px;
}

#nav ul {
	list-style-type: none;
}

#nav ul li {
	display: block;
	float: left;
}

#nav ul li a {
	display: block;
	height: 136px;
	width: 136px;
	float: left;
}

#nav ul li.profile a {
	background-image: url(../images/core/profile-btn.gif);
	background-repeat: no-repeat;
}

#nav ul li.wedo a {
	background-image: url(../images/core/we-do-btn.gif);
	background-repeat: no-repeat;
}

#nav ul li.partners a {
	background-image: url(../images/core/partners-btn.gif);
	background-repeat: no-repeat;
}

#nav ul li.portfolio a {
	background-image: url(../images/core/portfolio-btn.gif);
	background-repeat: no-repeat;
}

#nav ul li.contact a {
	background-image: url(../images/core/contact-btn.gif);
	background-repeat: no-repeat;
}

#nav ul li.on a {
filter: alpha(opacity=50);
	opacity: 0.5;
	}

#nav ul li a span {
	position: relative;
	top: -1000px;
}

#nav ul li a:hover {
filter: alpha(opacity=50);
	opacity: 0.5;
	}

#pagebody {
	padding-right: 60px;
	padding-left: 278px;
	clear: both;
	position: relative;
	padding-top: 47px;
	padding-bottom: 20px;
}

#pagebody img.logo {
	position: absolute;
	top: 40px;
	left: 50px;
}

#pagebody div.twitterfeed {
/*	position: absolute;
	top: 170px;
	left: 50px;*/
}

#pagebody h1 {
	font-family: "Trebuchet MS";
	color: #E74D20;
	font-size: 1.8em;
	font-weight: normal;
	padding-bottom: 1.4em;
}

#pagebody h2 {
	font-family: "Trebuchet MS";
	color: #E74D20;
	font-size: 1.8em;
	font-weight: normal;
	padding-bottom: 0.4em;
	}
	
	.home div#pagebody h2 {font-size: 2em;}
	
.home #pagebody h2.tweets {
	font-family: "Trebuchet MS";
	color: #9E9C87;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 5px;border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8B8A74;
}

#pagebody h3 {
	font-weight: normal;
}

#pagebody p {
	font-size: 1.1em;
	line-height: 1.4em;
	padding-bottom: 1.2em; 
}

.home div#pagebody p {
	font-size: 1.1em;
	line-height: 1.4em;
	padding-bottom: 2.1em; 
}



#pagebody p.home {}

#pagebody a {}

#pagebody a:hover {}

#pagebody ul {
	font-size: 1.1em;
	line-height: 1.4em;
	padding-left: 14px;
	
	}

#pagebody ul li {
	padding-bottom: 0.8em;
}

#pagebody ul.return {
	list-style-type: none;
	margin: 0px;
	position: absolute;
	top: 6px;
	left: -3px;
}

#pagebody ul.return li a {
	color: #9E9C87;
}

#pagebody ul.return li a:hover {
	color: #F58A1F;
}

#pagebody ul.callouts {
	position: absolute;
	left: 10px;
	top: 210px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#pagebody ul.callouts li {
	position: relative;
	width: 136px;
	padding-bottom: 2px;
}

#pagebody ul.callouts li a {
}

#pagebody ul.callouts li a:hover {}

#pagebody ul.callouts li div {
	position: absolute;
	top: 0px;
	height: 399px;
	width: 545px;
	left: 136px;
	visibility: hidden;
}

#pagebody ul.callouts li div#guardian {
	top: -140px;
}

#pagebody ul.callouts li div#dailymail {}

#pagebody ul.callouts li div#observer {
	top: -280px;
}

.projectlist {
	position: absolute;
	left: 10px;
	top: 640px;
}

.projectlist a {
	background-image: url(../images/JH-Arrow.gif);
	background-repeat: no-repeat;
	display: block;
	padding-right: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-position: 132px;
}

#pagebody ul.navtwo {
	list-style-type: none;
	margin: 0px;
	padding: 0px; padding-top: 195px; padding-bottom: 35px;
}

.home #pagebody ul.navtwo {
	padding-top: 50px; padding-bottom: 35px;
}


.portfolio #pagebody ul.navtwo {
 padding-top: 0px;
}

#pagebody ul.navtwo li {display: block; float: left;}

#pagebody ul.navtwo li a {
	display: block;
	float: left;
	padding-left: 32px;
	height: 24px;

	background-repeat: no-repeat;
	background-position: left top; margin-left: 10px; color: #000; padding-top: 4px;
}

.portfolio  #pagebody ul.navtwo li {float: none;}

.portfolio  #pagebody ul.navtwo li a {
	
	float: none;

}

#pagebody ul.navtwo li:first-child a {margin-left: 0px;}

#pagebody ul.navtwo li a:hover {}

#pagebody ul.navtwo li.blog a {	background-image: url(../images/blog.gif);}

#pagebody ul.navtwo li.linkedin a {	background-image: url(../images/linked-in.gif);}

#pagebody ul.navtwo li.projects a {	background-image: url(../images/projects.gif);}

.hidden {display: none;}

.tweet {}

#pagebody .tweet ul {
	list-style-type: none; margin: 0px; padding: 0px;
}

.tweet ul li {
	display: block;
	/*padding-left: 54px;
	position: relative;
	min-height: 48px;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8B8A74; padding-top: 6px;
	
	background-image:url(../images/twitter_bird.png);
	background-repeat: no-repeat;
	background-position: left top; display: block; padding-bottom: 0px;
}

.tweet ul li a.tweet_avatar {
	display: block;
position: absolute; left: 0px; margin-right: 6px;
}

.tweet ul li span.tweet_time {}

.tweet ul li span.tweet_join {}

.tweet ul li span.tweet_text {}

.tweet ul li span.tweet_text a {}

/*.portrait { position: relative; width: 380px;}*/

.portrait img { position: absolute; left: 144px; }

.home div#pagebody div ul li {
	background-image:url(../images/twitter_bird.png);
	background-repeat: no-repeat;
	background-position: left top;
}


.home div#pagebody div ul li p {padding-bottom: 0px; margin-bottom: 0px; 	}

.tweet ul li p small {
	display: block;
	color: #8B8A74; padding-top: 6px;
}