* {
	margin: 0;
	padding: 0;
}
#wrapper {
	width: 900px;
	margin: 0 auto 70px auto;
}
body {
	color: #333;
	background-color: #fff;
	border-top: 4px solid #fff;
}


/* >Type
-----------------------------------------------------------*/

body,
#home h3 em,
#about #secondary h3 {
	font-family: helvetica, arial, sans-serif;
}
h3, #work h2, #about h2, #challenges h2 {
	font-family: "helvetica neue", arial, sans serif;
}
p, ul, ol, dl, address, h3 {
	-webkit-text-stroke: 1px transparent;
}
@media only screen and (max-device-width:480px) {
	p, ul, ol, dl, address, h3 {
		-webkit-text-stroke: 0 black;
	}
}


/* >Anchors
-----------------------------------------------------------*/

a:link, a:visited {
	color: #6699cc;
	text-decoration: none;
	border-bottom: 1px solid #eee;
	padding-bottom: 2px;
}
a:hover, a:active {
	color: #FF7B00;
	border-bottom: 2px solid #f0f0f0;
}
a:hover, a:active, a:focus {
	-moz-outline-style: none;
}
#header p a {
	border-bottom: 0;
	padding: 0;
}
#header p#logo a:hover {
	filter: alpha(opacity=70);
	opacity: .7;
}


/* >Inline
-----------------------------------------------------------*/

hr {
	display: none;
}
#top,
p#letsTalk a span,
p#letsTalk,
#mainNav ul li a span,
#featuredProject h2,
a.non-html em {
	position: absolute;
	visibility: hidden;
}
#home {
	background: #fff url("/images/detail/focusBg.png") repeat-x 0 280px;
}
p {
	line-height: 1.8em;
	font-size: 14px;
	margin-bottom: 20px;
}
p.lead {
	font-size: 16px;
	color: #222;
}
em {
	font-style: normal;
	background-color: #FEF8BE;
	padding: 2px 0;
}
ul, ol, address {
	font-size: 13px;
}
address {
	line-height: 1.4em;
}
address strong {
	padding: 20px 0 7px 40px;
	background: url("/images/icons/office.png") no-repeat 0 50%;
}
h2 {
	margin-bottom: 22px;
}
#home h3 {
	font-size: 20px;
}
#home h3 em {
	font-size: 12px;
	color: #ccc;
	margin-left: 4px;
	background: transparent;
	font-weight: normal;
}
h3, #work h2, #about h2 {
	color: #4590BB;
	margin-bottom: 12px;
}
#pitch, #home h2, #work h1 span, #about h1 span, #challenges h1 {
	text-indent: -9000px;
}
#footer p a:link, #footer p a:visited,
p.top a:link, p.top a:visited  {
	color: #bbb;
}
#footer p a:active, #footer p a:hover,
p.top a:active, p.top a:hover {
	color: #FF7B00;
	border-bottom: 2px solid #f3f3f3;
}
#header:after, #featuredProject:after, #keyExpertise:after, #further:after, #content:after, #footer:after, #about #main:after, #about #secondary:after, #about #contact:after { 
	content: "."; 
	display: block; 
	height: 0;
	clear: both;
	visibility: hidden;
}
#header, #featuredProject, #keyExpertise, #further, #content, #footer, #about #main, #about #secondary, #about #contact {
	display: inline-block;
}
#header, #featuredProject, #featuredProject, #keyExpertise, #further, #content, #footer, #about #main, #about #secondary, #about #contact {
	display: block;
}
* html #header, * html #featuredProject, * html #keyExpertise, * html #further, * html #content, * html #footer, * html #about #main, * html #about #secondary, * html #about #contact {
	height: 1px;
}


/* >Header
-----------------------------------------------------------*/

#pitch {
	width: 640px;
	height: 120px;
	background: url("/images/home/pitch.png") no-repeat 0 0;
	margin-left: 45px;
}
#about #pitch {
	background: url("/images/about/pitch.png") no-repeat 0 0;
}
#work #pitch {
	background: url("/images/work/pitch.png") no-repeat 0 0;
	height: 128px;
	margin-top: -15px;
}
#header {
	padding-top: 106px;
	padding-bottom: 15px;
	position: relative;
}
#home #header {
	padding-bottom: 30px;
}
#header p {
	float: left;
}
#header a img {
	border: 0;
	margin-top: 10px;
}
#breadcrumbs {
	display: none;
}
#mainNav {
	position: absolute;
	right: 45px;
	top: 20px;
}
#mainNav ul {
	list-style: none;
	float: left;
}
#mainNav ul li {
	float: left;
}
#mainNav ul li a {
	display: block;
	height: 36px;
	width: 120px;
	margin-right: 10px;
	border: 0;
}
#mainNav ul li#navHome a {
	background: url("/images/nav/home.png") no-repeat 100% 50%;
}
#mainNav ul li#navWork a {
	background: url("/images/nav/work.png") no-repeat 100% 50%;
}
#mainNav ul li#navAbout a {
	background: url("/images/nav/about.png") no-repeat 100% 50%;
}
#home #mainNav ul li#navHome a {
	background: url("/images/nav/home.png") no-repeat 0 50%;
}
#work #mainNav ul li#navWork a {
	background: url("/images/nav/work.png") no-repeat 0 50%;
}
#about #mainNav ul li#navAbout a {
	background: url("/images/nav/about.png") no-repeat 0 50%;
}
#mainNav ul li#navHome a:hover {
	background: url("/images/nav/home.png") no-repeat 50% 50%;
}
#mainNav ul li#navWork a:hover {
	background: url("/images/nav/work.png") no-repeat 50% 50%;
}
#mainNav ul li#navAbout a:hover {
	background: url("/images/nav/about.png") no-repeat 50% 50%;
}


/* >Sections Generic
-----------------------------------------------------------*/

#header, #featuredProject, #keyExpertise, #further {
	padding-left: 40px;
	padding-right: 40px;
}
#header {
	padding-right: 0;
}

/* >Featured Projects
-----------------------------------------------------------*/

#featuredProject {
	padding-top: 35px;
	padding-bottom: 45px;
	padding-right: 0;
	height: 234px;
	background: url("/images/textreplacement/featured-project.gif") no-repeat 40px 50px;
}
#featuredProject h3 {
	margin-top: 25px;
}
#featuredProject h3 a {
	border: 0;
}
#featuredProject p {
	font-size: 15px;
	line-height: 1.8em;
	color: #444;
	width: 435px;
}
.projectSpotlight {
	padding-top: 35px;
	height: 244px;
	overflow: hidden;
}
.projectSpotlight h3 a.next:link, .projectSpotlight h3 a.next:visited {
	font-size: 11px;
	border: 0;
	margin-left: 5px;
	background-color: #BDD8E9;
	color: #000;
	padding: 3px 6px;
}
.projectSpotlight h3 a.next:hover, .projectSpotlight h3 a.next:active {
	color: #fff;
	background-color: #ACD0E5;
}
div.scroller { 
	width: 855px;
	overflow: hidden;
}
div.scroller div.section {
	width: 855px;
	height: 280px;
	overflow: hidden;
	float: left;
}
div.scroller div.content {
	width: 10000px;
}
#pdcSpot {
	background: url("/images/screenshots/pdc/spotlight.png") no-repeat 100% 100%;
}
#fcgfSpot {
	background: url("/images/screenshots/fcgf/spotlight.png") no-repeat 100% 100%;
}
#maSpot {
	background: url("/images/screenshots/ma/spotlight.png") no-repeat 100% 100%;
}
#nwrugSpot {
	background: url("/images/screenshots/nwrug/spotlight.png") no-repeat 100% 100%;
}
#staplesSpot {
	background: url("/images/screenshots/staples/spotlight.png") no-repeat 100% 100%;
}
#codegolfSpot {
	background: url("/images/screenshots/codegolf/spotlight.png") no-repeat 100% 100%;
}
#tttSpot {
	background: url("/images/screenshots/ttt/spotlight.png") no-repeat 100% 100%;
}
#mcSpot {
	background: url("/images/screenshots/mc/spotlight.png") no-repeat 100% 100%;
}
#r8urm8Spot {
	background: url("/images/screenshots/r8urm8/spotlight.png") no-repeat 100% 100%;
}


/* >Key Experise
-----------------------------------------------------------*/

#keyExpertise {
	padding-top: 55px;
	padding-bottom: 30px;
}
#keyExpertise h2 {
	background: url("/images/textreplacement/key-expertise.png") no-repeat 0 0;
	height: 25px;
}
#keyExpertise h3 a:link, #keyExpertise h3 a:visited {
	color: #4590BB;
}
#keyExpertise h3 a:hover, #keyExpertise h3 a:hover {
	color: #FF7B00;
}
#key1, #key2, #key3 {
	width: 250px;
	padding: 0;
	float: left;
}
#key2, #key3 {
	margin-left: 34px;
}
#keyExpertise {
	border-bottom: 3px solid #f3f3f3;
}


/* >Further
-----------------------------------------------------------*/

#further {
	padding-top: 45px;
}
#latestNews {
	width: 480px;
	float: left;
}
#latestNews h2 {
	background: url("/images/textreplacement/latest-news.png") no-repeat 0 0;
}
.newsShort {
	margin-bottom: 35px;
}
#home #getInTouch {
	width: 250px;
	float: right;
}
#getInTouch ul a {
	font-weight: bold;
	font-size: 15px;
}
#getInTouch h2 {
	background: url("/images/textreplacement/get-in-touch.png") no-repeat 0 0;
}
address {
	font-style: normal;
	margin: 15px 0 25px 0;
}
address em {
	color: #ccc;
	background: transparent;
	margin-left: 5px;
}
address em a {
	margin: 0 3px;
}
#getInTouch strong {
	font-size: 14px;
	display: block;
}
#getInTouch ul {
	list-style-type: none;
	line-height: 1.8em;
}
#getInTouch ul em {
	background-color: transparent;
	font-weight: bold;
	color: #ccc;
	margin-right: 4px;
	font-size: 15px;
}


/* >About / Work
-----------------------------------------------------------*/

#about h1 {
	margin-top: 15px;
}
#work, #about {
	border-top: 4px solid #4590BB;
}
#work h2, #about h2 {
	font-size: 24px;
	margin-top: 45px;
}
#work h2 a {
	font-size: 13px;
	font-weight: normal;
	margin-left: 6px;
	border: 0;
}
#work h2 em {
	font-size: 13px;
	font-weight: normal;
	margin-left: 6px;
	border: 0;
	padding: 0;
	background: transparent;
	color: #777;
}
#work h2 a:link, #work h2 a:visited {
	color: #777;
}
#work h2 a:hover, #work h2 a:active {
	color: #333;
}
#work img {
	border: 10px solid #EAEAEA;
	margin-bottom: 25px;
}
#work #main, #about #main {
	padding-left: 40px;
	padding-right: 30px;
}
h1 {
	border-bottom: 3px solid #e9e9e9;
	height: 45px;
}
#work h1 span, #about h1 span {
	display: block;
}
#work h1, #about h1 {
	background: url("/images/detail/diagonal.gif");
}
#work h1 span {
	background: url("/images/textreplacement/some-we-made-earlier.gif") no-repeat 40px 70%;
}
#about h1 span {
	background: url("/images/textreplacement/the-skinny.gif") no-repeat 40px 100%;
}
#work p#letsTalk {
	visibility: visible;
	top: 100px;
	right: 47px;
}
#work p#letsTalk a {
	display: block;
	width: 65px;
	height: 65px;
}
#work p#letsTalk a:hover {
	opacity: .3;
	filter: alpha(opacity=30);
	background: #fff;
}
.project {
	position: relative;
}
.project p {
	width: 620px;
}
.projectShot a {
	border: 0;
}
.projectShot a img {
	filter: alpha(opacity=100);
	opacity: 1;
}
.projectShot a:hover img {
	filter: alpha(opacity=70);
	opacity: .7;
}
.project .supplied {
	position: absolute;
	top: 43px;
	right: 0px;
	width: 160px;
}
.project .supplied p {
	width: 100%;
	margin-top: 20px;
	padding-left: 17px;
	font-size: 11px;
}
.project .supplied h3 {
	color: #000;
	font-weight: normal;
	padding-left: 17px;
}
.project .supplied ul {
	list-style-type: none;
	color: #777;
}
.project .supplied ul li {
	margin-bottom: 6px;
	background: url("/images/detail/bullets/grey-circle.gif") no-repeat 0 3px;
	padding-left: 17px;
	font-size: 13px;
}
.project .top {
	font-size: 11px;
}
#about #main {
	width: 60%;
	float: left;
	margin-bottom: 30px;
}
#about #secondary {
	width: 29%;
	float: right;
	padding-top: 45px;
}
#about #main h3 {
	color: #000;
	font-weight: normal;
	margin-top: 25px;
}
#about #contact {
	clear: both;
	padding: 0 40px;
	border-top: 3px solid #F3F3F3;
	margin-top: 100px;
	margin-bottom: 35px;
}
#about #contact #map {
	border: 10px solid #efefef;
	width: 520px;
	height: 280px;
	float: left;
}
#about #contact #map iframe {
	width: 100%;
	height: 100%;
}
#about #contact #getInTouch {
	width: 215px;
	float: right;
	padding-top: 25px;
}
#about #secondary h2 {
	color: #333;
	font-weight: normal;
	margin-bottom: 22px;
}
#about #secondary h3 {
	font-weight: bold;
	font-size: 15px;
	color: #7c7c7c;
}
#about #secondary ul {
	list-style-type: none;
	margin-bottom: 35px;
	color: #777;
}
#about #secondary ul li {
	margin-bottom: 7px;
	background: url("/images/detail/bullets/grey-circle.gif") no-repeat 0 3px;
	padding-left: 17px;
}
#appDev h3 {
	padding: 14px 0 14px 55px;
	background: url("/images/icons/development.png") 0 50% no-repeat;
}
#frontEnd h3 {
	padding: 23px 0 13px 55px;
	background: url("/images/icons/front-end.png") 3px 50% no-repeat;
}
#infrastructure h3 {
	padding: 14px 0 14px 55px;
	background: url("/images/icons/support.png") 0 50% no-repeat;
}




/* >Footer
-----------------------------------------------------------*/

#footer {
	color: #888;
	margin-top: 25px;
	padding: 20px 0 0 40px;
	border-top: 2px solid #f0f0f0;
	position: relative;
}
#footer #registered {
	font-size: 11px;
	color: #aaa;
}
#footer p {
	margin-bottom: 4px;
}
#footer a {
	font-size: 11px;
}
#fullTop {
	width: 15%;
	text-align: right;
	position: absolute;
	right: 30px;
	top: 20px;
}
#home #footHome, #work #footWork, #about #footAbout {
	color: #4590BB;
	font-size: 13px;
	font-weight: bold;
}