/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* structure */

body{}

#container{width:960px; margin:0 auto; padding:0}

#logonav{border-bottom:1px solid #333; margin:5px 0 0 0; padding:0; xheight:630px; xwidth:960px; line-height:0;}
	#logo{width:200px; float:left; padding:0; margin:0 0 0 10px; height:63px;}
		#logo h1{line-height:0; margin:0; padding:0;}

	#nav{xwidth:720px; xfloat:right; padding:0; xheight:63px; margin:0 10px 0 0; text-align:right;}
		xul#primarynav{width:720px;}
		ul#primarynav li{display:inline; margin-left:20px; height:60px; line-height:0;}
			#primarynav li.current{border-bottom:3px solid #fff; border-top:0; height:60px;}
			
			#monsters{background-color:#202020; height:40px; margin:70px 0 0 10px;}	
			
			#header h2{margin:0 10px 0 10px;}
			#header h3{margin:0 10px 60px 10px;}
			
			#logos{margin-top:10px;}
			
			#maincontent{width:650px; float:left; margin-left:5px;}
			#sidebar{width:224px; float:right; border-left:1px solid #333; padding-left:20px;}
		p{margin-bottom:20px;}
		p.major, p.lastbiog{margin-bottom:50px;}
		p.inner{margin-bottom:20px;}
		
		#footer{margin:40px auto 10px auto; width:960px; clear:both; border-top:1px solid #333; padding:20px 10px 0 10px}
			
			
		.biog, .lastbiog{float:right; width:570px;clear:right;}
		.bioimg{float:left; clear:left;}
		
		
		.onecasestudy, .clientlove, .thingswecareabout, .prettyworkwithoutahome{margin-bottom:60px; clear:both;}
		
		.prettyworkwithoutahome{clear:both;}
		
		.thingswecareabout{margin-top:60px;}
		.onecasestudy h3, .clientlove h3{display:inline;}
		.onecasestudy .button{float:right; margin-right:0;}
			
		.onecasestudy1, .onecasestudy2, .onecasestudy3{height:230px; width:280px; display:inline-block;}	
		.onecasestudy1 h3, .onecasestudy2 h3, .onecasestudy3 h3{display:inline; float:left;}
		.onecasestudy1 .button, .onecasestudy2 .button, .onecasestudy3 .button{display:inline; float:right;}
		
		#maincontentwide{width:940px;}
		.onecasestudy1{float:left; margin: 0 50px 50px 0;}
		.onecasestudy2{float:left; margin:0 0 50px 0;}
		.onecasestudy3{float:right; margin:0 0 50px 0;}
		
		#maincontentwide h3{font-size:12px; color:#fff; line-height:20px;}
		
		
		/* contact page */
		.contactdetails{margin-bottom:30px;}
		.contactdetails li{line-height:24px;}
		.left{display:inline-block; width:120px;}
		.indent{display:inline-block; left:100px; color:#B0B14E}
		
		fieldset{margin-top:24px;}
		fieldset li{line-height:32px;}
		
		.shortinputs{display:inline-block; float:left;}
		.shortinputsfloatright{float:right;}
		
		.shortinputs label{display:inline-block; width:120px;} 
		.shortinputsfloatright label{display:inline-block; width:90px;}
		
		fieldset input{color:#999;}
		
		ol{margin-bottom:1em;}
		
		.shortinputs input, .shortinputsfloatright input{width:180px;}
		textarea{clear:both; width:650px; height:100px;}
		
		legend, ol em{color:#B0B14E;}
		legend{}
		
		
		.casestudytitle img{}
		.worktitle{font-size:22px; margin-left:3px; vertical-align:top; line-height:39px;}
		
		#bigimage{float:left; width:488px;}
		#smallimages{float:right; width:142px;}
		#smallimages img{margin-bottom:11px;}
		
		
		
		#quote{clear:both; margin-bottom:20px; font-family:Georgia, Times, Times New Roman, Sans Serif;}
		
		blockquote{background-color:#111; padding:7px 15px 15px 15px; color:#fff; line-height:26px; font-family:Georgia, Times, Times New Roman, Sans Serif; margin:10px 0 5px 0;}
		blockquote p{padding:0; margin:0;}
		
		
		.weblink{clear:both; background-color:black; padding:15px; color:#B0B14E; font-size:14px; line-height:18px; margin:10px 0 20px 0;}
		
		
		blockquote em{color:#B0B14E; font-size:22px; font-style:none; text-decoration:none;}
		blockquote{font-style:italic; font-size:13px;}
				
		#workimages{}
		#quotee{font-style:bold; font-size:12px; color:#ccc;}
		#casestudy{}

		.categories{font-style:italic; font-size:11px; color:#777; font-family:Georgia, Times, Times New Roman, Sans Serif; }



/*main page*/
#introtext{margin:10px 0 0 10px; width:494px; font-size:12px; color:#eee; float:left;}
#introtext em{font-style:italic; color:#B0B14E}
#introtext strong{color:#fff; font-weight:bold;}
#introtext p{margin:10px 0 15px 0;}

.marginleft{margin-left:10px;}

.illomain{float:right; width:430px;}


#logos img{border:0 0 50px 0; margin:0;}


			
/* colour and typography*/

/* green is #B0B14E */
html{background-color:#202020;}
body{font-family: Geneva, "Lucida Sans","Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:12px; background-color:#202020; color:#eee; line-height:20px}
	
	#footer p{font-size:11px; margin-bottom:5px;}
	#footer .grey{color:#666; font-size:10px;}

#footer a{color:#fff; text-decoration:none;}
#footer a:link, #footer a:visited{border-bottom:1px solid #555;}
#footer a:hover{border-bottom:1px solid #B0B14E;}


.contactdetails a{color:#B0B14E; text-decoration:none;}
.contactdetails a:link, .contactdetails a:visited{border-bottom:1px solid #555;}
.contactdetails a:hover{border-bottom:1px solid #fff;}


#footer .icons{float:right;}
#footer .icons a, #footer .icons a:link, #footer .icons a:hover{border-bottom:0}

p.highlight, strong{color:#B0B14E; margin-bottom:0;}
strong{font-weight:bold;}


#sidebar{color:#ccc; font-size:11px;}

.clear{width:100%; height:1px; clear:both;}


h3.margintop{margin-top:60px;}

h3.blogtitle{font-size:20px; color:#fff; line-height:20px; margin-right:5px; display:inline;}
h3.blogtitle:hover{border-bottom:1px solid #fff;}
.entry{margin-top:1em;}
.entrydate{font-size:11px; margin-left:5px; color:#999;}

.oneblogpost{margin-bottom:100px;}

.commentsbar{font-size:11px; border-top:1px solid #333;}
.commentsbar a:hover{border-bottom:1px solid #fff;}

#yourcomments{border-top:1px solid #333; padding-top:10px;}
#otherpeoplescomments{margin-top:30px;}

.commenter{margin-bottom:3em;}

p.biog, p.lastbiog{font-size:11px; clear:right;}

		.onecasestudy h3{font-size:13px; color:#fff; line-height:20px;}
		.clientlove{font-style:italic; font-family:Georgia, Times, Times New Roman, Sans Serif; font-size:12px; color:#ccc; line-height:20px;}
		.onequote{color:fff; font-size:12px; font-style:normal;margin-top:10px;}
		.onequote h3{font-weight:bold;}
		.onequote a{color:#fff;}
		.onequote a:hover{color:#ddd}
	
	
		.thingswecareabout ul{font-size:10px; line-height:15px; color:#999;}
		
		.regular{font-style:regular;}

h2.casestudytitle{font-size:30px; font-style:italic; font-family:Georgia, Times, Times New Roman, Sans Serif; font-size:13px; color:#fff; line-height:20px; color:#B0B14E}


a{color:#B0B14E; text-decoration:none;}
a:link{}
a:visited{}
a:hover{}
a:active{}

hr{color:#333; border-top:1px solid #777;}