html {height:100%;}
body {background:#fff; font:normal normal normal .9em/1.4em Arial, Sans-Serif; color:#666;}
* {margin:0; padding:0; outline:0; border:0;}
blockquote {color:#1c6390; position:absolute; left:1.7em; border-left:solid 10px #ddd; padding:0 0 0 .8em; width:410px; letter-spacing:.13em; font:normal normal normal 1.5em/1.3em Times,Times New Roman, Serif; text-transform:uppercase;}
blockquote p {margin:0;}
em {font-style:normal; font-weight:bold; color:#494949;}
a {text-decoration:none; color:#1c6390;}
ul li, ol li {list-style:none none outside;}
p {margin:0 0 .8em 0;}
#content, #header dl {min-width:800px; max-width:900px; width:80%;}
#header {background:#1b618d url(../images/header.gif) left top repeat-x; position:relative;}
#header dl {padding:0 2.5em; margin:0 auto; position:relative;}
#header dt {text-indent:-900em; font-size:1em; background:url(../images/logo.gif) left center no-repeat; height:44px; padding:1em 0; width:284px; position:relative; left:-1.5em;}
#content {position:relative; margin:3em auto 1em auto; padding:2em 2.5em; border:solid 1px #eee; border-top:0; border-bottom:0;}
#content:after {display:block; content:"."; clear:both; height:0; visibility:hidden;}
#navigation {position:absolute; right:0; bottom:0;}
#navigation li {display:inline; float:left; padding:0 0 1.9em 0;}
#navigation li.active {background:url(../images/arrow-nav.gif) center bottom no-repeat;}
#navigation li a {color:#fff; font-weight:bold; padding:0 1em;}
#subnavigation {border-right:solid 1px #ddd; float:left; display:inline; white-space:nowrap; position:relative; z-index:2; width:12em;}
#subnavigation li {display:list-item; padding:12px 1em; position:relative; height:100%; left:1px;}
#subnavigation li.active {border:solid 1px #ddd; padding:11px 1em; background:#fff; border-left:0; border-right:0;}
#subnavigation li a {color:#aaa;}
#subnavigation li.active a {color:#333;}
#portfolio {padding:0 0 0 2.5em; margin:0 0 0 12em;}
#portfolio dt {font-weight:bold; margin:0 0 1em 0; font-size:1.2em; color:#333;}
#portfolio dd {margin:0 0 0 1em;}
#portfolio .workplace {margin:2em 0 0 0;}
#portfolio .workplace dl {display:inline-block; width:100%; margin:0 0 2em 0;}
#portfolio .workplace dl:after {display:block; content:"."; clear:both; height:0; visibility:hidden;}
#portfolio .workplace dt {text-indent:-900em; font-size:1em; height:70px; width:200px; float:left; display:inline;}
.workplace dt.hp {background:url(../images/portfolio/place-hp.gif) center center no-repeat;}
.workplace dt.glg {background:url(../images/portfolio/place-glg.gif) center center no-repeat;}
.workplace dt.arc {background:url(../images/portfolio/place-arc.gif) center center no-repeat;}
.workplace dt.harcourt {background:url(../images/portfolio/place-harcourt.gif) center center no-repeat;}
.workplace dt.safescript {background:url(../images/portfolio/place-safescript.gif) center center no-repeat;}
#portfolio .workplace dd {margin:0 0 0 210px; font-size:.8em;}
#portfolio .work dl {display:inline-block; width:100%; margin:0 0 2em 0;}
#portfolio .work dl:after {display:block; content:"."; clear:both; height:0; visibility:hidden;}
#portfolio .work dt {font-weight:bold; font-size:1em; color:#1c6390; margin:0 0 1em 0;}
#portfolio .work dd { margin:0 0 0 400px; font-size:.8em;}
#portfolio .work dd.preview {width:380px; margin:0; float:left; display:inline; border:solid 1px #eee;}
dd.preview.basic {height:233px; background:url(../images/portfolio/interaction-basic.jpg) center center no-repeat;}
dd.preview.actor {height:381px; background:url(../images/portfolio/interaction-actor.jpg) center center no-repeat;}
dd.preview.hybrid {height:213px; background:url(../images/portfolio/interaction-hybrid.jpg) center center no-repeat;}
dd.preview.hierarchy {height:427px; background:url(../images/portfolio/interaction-hierarchy.jpg) center center no-repeat;}
dd.preview.admin {height:270px; background:url(../images/portfolio/wireframes-admin.jpg) center center no-repeat;}
dd.preview.consult {height:661px; background:url(../images/portfolio/wireframes-consult.jpg) center center no-repeat;}
dd.preview.news {height:470px; background:url(../images/portfolio/wireframes-news.jpg) center center no-repeat;}
dd.preview.film {height:756px; background:url(../images/portfolio/wireframes-film.jpg) center center no-repeat;}
dd.preview.hp {height:245px; background:url(../images/portfolio/prototype-hp.jpg) center center no-repeat;}
dd.preview.upd {height:245px; background:url(../images/portfolio/prototype-upd.jpg) center center no-repeat;}
dd.preview.water {height:478px; background:url(../images/portfolio/development-water.jpg) center center no-repeat;}
dd.preview.resume {height:837px; background:url(../images/resume.jpg) center center no-repeat;}
dd.preview.agile {height:173px; background:url(../images/scrum.jpg) center center no-repeat;}
#download {display:inline-block; width:100%;}
#download:after {display:block; content:"."; clear:both; height:0; visibility:hidden;}
#download dd {margin:0 0 0 630px;}
#download dd.preview {width:620px; margin:0; float:left; display:inline; border:solid 1px #eee;}
#download dt {font-weight:bold; margin:0 0 1em 0; font-size:1.2em; color:#333;}
#experience {float:left; display:inline; width:38%; margin:8em 0 0 0;}
#experience dt {color:#1c6390; margin:0 0 .2em 0; font-weight:bold;}
#experience dd {margin:0 0 2em 0; font-size:.9em;}
#resume {margin:-2em 0 0 440px; background:#efefef url(../images/pointer.gif) left -10px no-repeat; padding:2em 0 14em 4.5em; position:relative;}
#resume dt {margin:0 0 1.5em 0;}
#resume dt strong {display:block; color:#1c6390; padding:0 0 0 1.2em; background:url(../images/arrow-experience.gif) left center no-repeat; font:normal normal normal 1.5em/1.5em Times,Times New Roman, Serif;}
#resume dd p {font-size:.9em; margin:0 5em 1.5em 0;}
a.pdf {width:96px; height:24px; vertical-align:top; display:block; background:url(../images/btn-pdf.gif) center center no-repeat; text-indent:-900em;}
a.linked {width:96px; height:24px; vertical-align:top; display:block;  background:url(../images/btn-linked.gif) center center no-repeat; text-indent:-900em;}
.details {margin:0 0 2em 0; height:24px;}
.details li {display:inline; float:left; margin:0 1em 0 0;}
#population {position:absolute; color:#fff; right:0; width:450px; height:407px; background:url(../images/population.gif) center center no-repeat;}
#population dt {margin:5em 0 .2em 5em; font-weight:bold;}
#population dd {margin:0 3em 0 5em; }
#population dd p {font-size:.9em;}
#population dd ul li {font-size:.8em; margin:0 0 .8em 0; white-space:nowrap;}
#population dd ul li span {padding:0 .3em; color:#f1f1f1;}
#population dd ul li.servants {margin:0 0 .8em 1em;} #population dd ul li.students {margin:0 0 .8em 4.5em;} #population dd ul li.educators {margin:0 0 .8em 3em;} #population dd ul li.support {margin:0 0 .8em 6em;}