body,html,p,ul,li,form,input,h1,h2,h3,h4,h5,h6,fieldset{ margin:0; padding:0; border:0; list-style:none; font-weight:500; }

body {
	background:#fff url('../images/bg.gif') top left repeat-y;
	/*font-family:'Museo Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	font-family:'museo-sans-1', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#808080;
	font-size:14px;
}

a {
	color:#66b3cd;
	text-decoration:none;
}
a:hover {
	color:#4798b3;
	text-shadow:0 0 3px rgba(102,179,205,.5);
}

#wrapper {
	width:960px;
}

#strip {
	width:155px;
	padding-left:5px;
	float:left;
	position:absolute;
}

#logo a {
	display:block;
	width:140px;
	height:113px;
	background:transparent url('../images/sprite.png') 0 0 no-repeat;
	position:fixed;
	top:30px;
	margin-left:5px;
	overflow:hidden; text-indent:-9999px;
}

hgroup h2,
hgroup h3 {
	width:700px;
	margin:27px 0 0 250px;	
}
hgroup h2 {
	font-size:18px;
}
hgroup h3 {
	font-size:16px;
	margin-top:10px;
}

#nav {
	position:fixed;
	top:202px;
	left:5px;
	width:155px;
}

#nav a {
	color:#fff;
	text-align:right;
	display:block;
	margin-right:10px;
	padding:8px 10px 8px 0;
	text-shadow:0 -1px 0 rgba(0,0,0,.2);
	background-color:rgba(0,0,0,.2);
}
#nav a:hover {
	background-color:rgba(0,0,0,.25);
}
#nav a.current {
	margin-right:0;
	padding-right:20px;
	background-color:rgba(0,0,0,.3);
}


#content {
	display:block;
	float:left;
	margin:99px 0 0 250px;
	padding-bottom:100px;
	width:700px;
}
#content.work {
	width:600px;
	margin:102px 0 0 350px;
	line-height:22px;
}
#content.work p {
	width:460px;
	padding-bottom:20px;
}

#content h1 {
	font-size:24px;
}
#content.work h1 {
	padding-bottom:25px;
}
#content h1.left-node {
	color:#bf6063;
}
#content h1.fps {
	color:#2971a5;
}
#content h1.kwolla {
	color:#00bfe5;
}
#content h1.bpe {
	color:#00b3bf;
}
#content h1.dena {
	color:#0056bf;
}
	
#content h2 {
	font-size:20px;
	margin:30px 0 10px;
}

#work li {
	float:left;
	font-size:12px;
	margin-top:30px;
}
#content #work li h2 {
	font-size:14px;
	margin:0;
}

#work li a {
	display:block;
	height:60px;
	padding:5px 0 0 80px;
	margin-right:100px;
	max-width:220px;
	min-width:140px;
	background:transparent url('../images/sprite.png') 0 0 no-repeat;
}
#work li a.end {
	margin-right:0;
}
#work li a p.details {
	color:#808080;
}
#work li a:hover p.details {
	text-shadow:none;
}

#work li a#left-node { background-position:0 -113px; }
#work li a:hover#left-node { background-position:0 -184px; }
#work li a#fps { background-position:0 -250px; }
#work li a:hover#fps { background-position:0 -315px; }
#work li a#kwolla { background-position:0 -380px; }
#work li a:hover#kwolla { background-position:0 -445px; }
#work li a#twittore { background-position:0 -510px; }
#work li a:hover#twittore { background-position:0 -575px; }
#work li a#bpe { background-position:0 -640px; }
#work li a:hover#bpe { background-position:0 -705px; }
#work li a#dena { background-position:0 -770px; }
#work li a:hover#dena { background-position:0 -835px; }


#work-nav {
	position:fixed;
	top:221px;
	left:170px;
	width:140px;
	font-size:12px;
}
#work-nav a {
	display:block;
	margin-bottom:1px;
}
#work-nav a:hover.current { text-shadow:none; }
#work-nav a.left-node.current { color:#bf6063; }
#work-nav a.fps.current { color:#2971a5; }
#work-nav a.kwolla.current { color:#00bfe5; }
#work-nav a.bpe.current { color:#00b3bf; }
#work-nav a.dena.current { color:#0056bf; }
