/* 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, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; line-height:1em; font-family:inherit; text-align:left; vertical-align:baseline;}
a img, :link img, :visited img{border:none;}
ol, ul{list-style:none;}
a:focus{-moz-outline-style:none;}

html{height:100%; overflow-y:scroll; margin-bottom:0; background:url('/images/bg.png');}
body{font:14px/20px arial, sans-serif; color:#444; text-align:center; background:url('/images/top.png') repeat-x top center;}

/*= Typography */
h1{font-size:16px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dadada;}
	h1 span{font-size:12px; color:#7d7d7d; display:block;}
	h1 span.type{font-size:14px; line-height:18px; color:#000;}

p{line-height:20px; margin-bottom:20px;}
p.introduction{font-weight:bold;}
p.caption{font-style:italic; color:#7d7d7d;}

a{color:#ab3b25;}
a:hover{color:#333;}

em{font-style:italic;}
strong{font-weight:bold;}

/*= Layout */
#wrapper{width:940px; padding:80px 0 0 0; margin:0 auto;}
	#header{position:relative; margin:0;}
	
	#nav{float:right; margin-top:14px;}
	#nav ul li{display:inline;}
		#nav a{font-size:14px; color:#000; background:url('/images/navigation.png') no-repeat left top; display:block; float:left; text-indent:-999em; width:51px; height:21px; line-height:21px; margin-left:30px;}
		#nav .work a:hover{background-position:-33px left;}
		.work #nav .work a{background-position:left -66px;}		

		#nav .about a{background-position:-82px top; width:49px;}
		#nav .about a:hover{background-position:-82px -33px;}
		.about #nav .about a{background-position:-82px -66px; width:49px;}

		#nav .contact a{width:68px; background-position:top -161px;}
		#nav .contact a:hover{background-position:-161px -33px;}
		.contact #nav .contact a{background-position:-161px -66px;}
		
	#content{float:left; width:100%; margin-bottom:20px;}
			.col_1, .col_2, .col_3{float:left; width:300px; margin-right:20px;}
			
	#footer{clear:both; padding-top:40px; background:#a5a5a5 url('/images/footer.png') repeat-x left top; height:100px;}
		#footer p{background:url('/images/copyright.png') no-repeat left top; text-indent:-999em; width:160px; height:13px; margin:0 auto; width:940px;}
			
/*= Pages */

/* Home */
p#introduction{background:url('/images/sell.png') no-repeat left top; text-indent:-999em; height:102px; margin:60px 0;}

/* Case Studies */
#case-studies{float:left; width:100%;}
#case-studies li{float:left; width:100%; clear:left; margin-bottom:40px; padding-bottom:20px; background:url('/images/divider.png') no-repeat left bottom;}
	#case-studies div{float:left; width:300px; margin-top:20px; margin-right:20px;}
 .last{margin-right:0 !important;}
		#case-studies h2{text-indent:-999em; background:url('/images/titles.png') no-repeat left top; height:65px; width:100%; margin-bottom:20px;}
		#case-studies .ieep h2{background-position:left -200px;}
		#case-studies .ensoft h2{background-position:left -398px;}	
		#case-studies .hereorthere h2{background-position:left -596px;}	

		#case-studies img{margin-bottom:20px; display:block;}
	
		a.visit{display:block; text-indent:-999em; background:url('/images/view-site.png') no-repeat left top; height:28px; width:97px;}
		a.visit:hover{background-position:left -48px;}

/* Further Work */
h2.few, h2.contact{clear:both; height:23px; margin-bottom:40px; text-indent:-999em; background-position:left top;}
h2.few{background:url('/images/few-others.png') no-repeat; width:532px;}

#further-work{float:left; padding-bottom:20px; margin-bottom:40px; background:url('/images/divider.png') no-repeat left bottom;}
	#further-work li{float:left; width:220px; margin-right:20px;}
		#further-work img{margin-bottom:20px;}

		h3{height:34px; margin-bottom:20px; text-indent:-999em;}
		.eis h3{background:url('/images/eis.png') no-repeat left top;}
		.dom h3{background:url('/images/dominick.png') no-repeat left top;}
		.jwo h3{background:url('/images/jwo.png') no-repeat left top;}
		.talks h3{background:url('/images/talks.png') no-repeat left top;}		

/* Contact */
h2.contact{background:url('/images/contact.png') no-repeat; width:194px;}

a.email, a.cv{display:block; height:27px; text-indent:-999em;}
a.email{background:url('/images/email.png') no-repeat left top; width:258px;}
a.cv{background:url('/images/cv.png') no-repeat left top; width:269px;}
a.email:hover, a.cv:hover{background-position:left -48px;}

/* About */
#recommendations{float:left; width:100%;}
#recommendations li{float:left; width:300px; margin-left:20px; min-height:200px;}