/* (c) Copyright 2008 Together London Limited. http://togetherlondon.com */


/* home page */

body.home #wrap{
	background-position:0 328px;
}

body.home #header{
	height:328px;
	background:#000 url("/images/slices/homeBackground.gif") top right no-repeat;
}

body.home #header #logo{
	margin-top:230px;
}

body.home #intro{
	left:2%;
	bottom:auto;
	top:50px;
	width:38%;
	font-size:1.3em;
}
body.home #intro p{
	line-height:1.15;
}

body.home h1{
	font-size:2em;
	margin-bottom:0.5em;
}
body.home h2{
	font-size:1.3em;
}
body.home h1 + p{
/*	font-size:1em;*/
	/* first para same as rest on home */
}

body.home img.decoration{
	float:left;
	margin:10px 17px 5px 0;


}



body.home #secondary ul{
	font-size:0.9em;
}
body.home #secondary ul h2{
	font-size:1.1em;
}
body.home #secondary ul a{
	border:none;
}
body.home #secondary ul span{
	border-bottom:1px solid #999;
}
body.home #secondary ul p{
	margin-top:5px;
	line-height:1.2;
}

body.home #secondary ul li{
	margin-bottom:40px;
}

/* tweets */

body.home #secondary #tweetList{
	font-size:1em;
	overflow:hidden;  /* protect against long urls etc. in tweets */
}
body.home #secondary #tweetList li{
	margin-bottom:10px;
}

body.home #secondary #tweetList span{
	border:none;
	color:#888;
	font-size:0.85em;
}

/* work */

body.Work #primary{
	width:57%;
}

body.Work h4{
	color:#555;
	margin-bottom:1em;
}

ul.work li a img{
	position:absolute;
	left:0; top:10px;
}
#primary ul.work li{
	position:relative;
	background:none;
	border-top:1px solid black;
	padding-top:10px;
	padding-left:350px;
	min-height:200px;
	height:200px; /* IE6 */
}
ul.work > li{
	height:auto;
}

ul.work p{
	line-height:1.2;
}

body.Work img.screenshot{
/*	border:1px solid #ccc;*/
}

/* people */

body.People #primary{
	width:57%;
}


#primary ul.people{
	margin:0;
}

ul.people li h3{
	font-size:1.05em;
	margin-bottom:0.5em;
}
ul.people li h4{
	margin-bottom:1em;
}

ul.people li a img{
	position:absolute;
	left:0; top:10px;
}
#primary ul.people li{
	position:relative;
	background:none;

	border-top:1px solid black;
	padding:10px 0 0 350px;
	min-height:220px;
	height:220px; /* IE6 */
}
ul.people > li{
	height:auto;
}

p.portrait{
	float:left;
	margin:3px 15px 10px 0;
/*	width:200px;*/
}

/* contact */

#map{
	margin-bottom:1em;
	width:100%;
	height:300px;
}


#mapInfoWindow{
	width:90%;
	text-align:center;
}

p.companyDetails{
	font-size:0.9em;
	
}

p.adr a{
	border:none;
	color:#000;
}


/* blog */
p.postmetadata, p.poweredBy{
	font-size:0.85em;
	line-height:1.4;
	margin-bottom:1.2em;
}

body.blog h1 a{
	color:#000;
}

body.blog hr{
	border-width:1px 0 0 0;
	margin:15px 0 20px 0;
}

body.blog div.post img.alignright{
	float:right;
	margin-left:10px;
}

/* blog comments */
form#commentform
{
	padding: 10px 0;
}

ol.commentlist{
	margin-top:1em;
}
ol.commentlist small{
	font-size:0.85em;
}
ol.commentlist li{
	margin-left:1.5em;
}
ol.commentlist p{
	font-size:1em;
	margin-bottom:0.6em;
}
#commentform{
	width:400px;
}

/* blog sidebar */

ul.sidebar ul{
	margin-bottom:1em;
	font-size:0.85em;
}

ul.sidebar ul li{
	margin:0 0 0.5em 0;	
}

ul.sidebar p{
	font-size:0.85em;
}


/* banners */

body.Designrequireschange #header{
	background-image:url("/images/slices/approach.gif");
}

body.Collaborate #header{
	background-image:url("/images/slices/collaboration.gif");
}

body.Projectmanagement #header{
	background-image:url("/images/slices/projectmanagement.gif");
}

body.Gettingoutoftheway #header{
	background-image:url("/images/slices/outoftheway.gif");	
}

body.Usercentred #header{
	background-image:url("/images/slices/usercentred.gif");	
}

body.Hypecontrol #header{
	background-image:url("/images/slices/hypecontrol.gif");	
}

body.Webstandards #header{
	background-image:url("/images/slices/webstandards.gif");	
}

body.Disciplines #header{
	background-image:url("/images/slices/disciplines.gif");	
}

body.Userresearch #header{
	background-image:url("/images/slices/research.gif");	
}

body.Strategy #header{
	background-image:url("/images/slices/strategy.gif");	
}

body.Informationarchitecture #header{
	background-image:url("/images/slices/ia.gif");	
}

body.Userexperiencedesign #header{
	background-image:url("/images/slices/ux.gif");	
}

body.Contentstrategy #header{
	background-image:url("/images/slices/contentstrategy.gif");	
}

body.Contentmanagement #header{
	background-image:url("/images/slices/cm.gif");	
}

body.Technicalarchitecture #header{
	background-image:url("/images/slices/technical.gif");	
}

body.People #header{
	background-image:url("/images/slices/people.gif");	
}

body.Work #header{
	background-image:url("/images/slices/work.gif");	
}