body {color:#333; background:#fff; font:normal normal normal .9em/1.4em Helvetica, Arial, Sans-Serif;}
* {margin:0; padding:0; border:0; outline:0;}
a {color:#ee3324; text-decoration:none; cursor:pointer;}
li {list-style:none none outside;}
em {font-style:normal;}
strong em {font-weight:normal; text-transform:uppercase;}
p {margin:0 0 1.5em 0;}
h1 {position:absolute; left:0; bottom:0; font-size:1em; margin:0 0 7px 0; width:170px; height:64px;}
h1 a {width:170px; height:64px; display:block; text-indent:-900em; background:url(../img/logo.gif) left -88px no-repeat;}
h2 {width:528px; height:189px; background:url(../img/experience.png) center center no-repeat; margin:120px auto 0 auto; text-indent:-900em;}
h3 {font-size:2em; border-top:solid 1px #ee3324; padding:.3em 0 0 0; margin:0 0 1em 0;}
h4 {font-size:2em; margin:.3em 0 1em 0;}
h5 {font-size:1.8em; margin:.3em 0 .5em 0; font-weight:normal; line-height:1.3em;}
 .header {margin-bottom:.3em;}
ul.set-off {margin:0 0 1em 1.5em;}
 .set-off li {list-style:disc none outside; margin:0 0 .5em 0;}
ul.attr {margin:0 0 1.5em 0;}
 .attr li {margin:0 0 .5em 0; list-style:disc none inside;}
 .attr li em {color:#ee3324;}
ul.attr-none {margin:0 0 1.5em 0; width:50%; font-size:.9em;}
 .attr-none li {margin:0 0 .5em 0;}
.img-tr {position:absolute; right:1.1em; top:7em; width:300px;}
#header {position:absolute; top:1em; left:1em; z-index:2;}
  #header h1 {width:233px; height:88px; text-indent:-900em; position:relative; font-size:1em; margin:1em 0 1.5em 0; background:url(../img/logo.gif) left top no-repeat;}
ul.navigation {margin:0 0 0 10px;}
 .navigation > li {margin:0 0 1em 0;}
 .navigation li a {color:#fff; text-transform:uppercase; font-weight:bold; text-shadow:#ae2a21 0 1px 1px;}
 .navigation ul {display:none; line-height:1.3em; margin:0 0 0 .5em;}
 .navigation ul li {font-size:.7em;}
 .navigation ul li a {font-weight:normal;}
 .navigation li.active ul {display:block;}
ul.references {margin:0 0 0 1.5em;}
 .references li {width:40%; float:left; display:inline; margin:0 0 1em 0;}
 .references li.linear {clear:left;}
 .references li strong {color:#ee3324;}
#site {background:url(../img/body-bg.jpg) left top no-repeat; padding:30px; position:absolute; left:50%; top:50%; margin:-311px 0 0 -500px;}
#container {background:#ee3324 url(../img/container.gif) 170px top repeat-y; border:solid 10px #fff; position:relative; width:920px;}
#content {border:solid 7px #807f84; background:#fff; margin:0 0 0 180px; padding:1em; height:500px; position:relative;}
 #content.home {background:url(../img/crane.jpg) center top no-repeat; padding:1em;}

ul.personnel-select {width:407px; height:400px; background:url(../img/group.jpg) center top no-repeat; position:relative;}
 .personnel-select li.lydia a {text-indent:-900em; position:absolute; width:100px; height:300px; top:95px; left:150px;}
 .personnel-select.Lydia {background-position:center -400px;}
 .personnel-select li.patrick a {text-indent:-900em; position:absolute; width:100px; height:200px; top:65px; left:250px;}
 .personnel-select.Patrick {background-position:center -800px;}
 .personnel-select li.wayne a {text-indent:-900em; position:absolute; width:50px; height:80px; top:5px; left:220px;}
 .personnel-select.Wayne {background-position:center -1200px;}
 .personnel-select li.connie a {text-indent:-900em; position:absolute; width:50px; height:80px; top:5px; left:150px;}
 .personnel-select.Connie {background-position:center -1600px;}
 .personnel-select li.edward a {text-indent:-900em; position:absolute; width:150px; height:300px; top:45px; left:0px;}
 .personnel-select.Edward {background-position:center -2000px;}

img.contact {margin:0 0 1em 0;}
p.contact {text-align:right; width:600px;}
p.contact strong em {font-weight:bold; color:#ee3324;}

ul.personnel {width:200px; position:absolute; right:1em; top:2em; font-size:.7em; line-height:normal;}
 .personnel li {margin:0 0 .8em 0;}
 .personnel li strong {display:block;}
 .personnel li a {font-weight:bold; font-size:.8em;}

ul.scroll-links {width:30%; margin:2em 0 2em 1em;}
 .scroll-links li {margin:0 0 .5em 0;}
 .scroll-links li a {color:#333;}
.scroll-column {position:absolute; right:1em; top:2em; width:60%; padding:0 0 1em 1em; border-left:solid 1px #ccc;}
.scroll-column.acc {top:1em;}
.scroll-column.small {width:30%; position:relative; right:auto; top:auto; border:0; padding:0;}

dl.portfolio {margin:0 0 1em 0;}
 .portfolio dt strong.title {font-weight:normal; display:block; font-size:.9em; text-transform:uppercase;}
 .portfolio dt em {color:#ee3324; font-size:1.3em; font-weight:bold; padding:0 .5em 0 0;}
 .portfolio dt em.title {color:#666; font-weight:bold; font-size:.9em; text-transform:uppercase;}
 .portfolio dd {width:68%;}
 .portfolio dt img {width:100%;}
 .portfolio dd.thumbs {position:absolute; right:0; width:30%;}
 .portfolio dd.thumbs ul li {width:40%; margin:0 7% .5em 0; float:left; display:inline; overflow:hidden;}
 .portfolio dd.thumbs a img {width:100%;}
 .portfolio dd .slideshow {margin:0 0 1em 0; height:280px; overflow:hidden; width:95%;}
 .portfolio dd .slideshow img {height:280px;}

ul.contact {position:absolute; width:95%; bottom:0; left:0; border:solid 7px #fff; background:#638181; color:#fff; padding:.5em; font-size:.9em;}
 .contact li.logo {position:absolute; text-indent:-900em; right:-50px; top:-50px; width:205px; height:153px; background:url(../img/logo-hat.png) center center no-repeat;}
 .contact li em {font-size:.8em; text-transform:uppercase; margin:0 .8em 0 0;}
 .contact li strong {margin:0 1em 0 0;}
 .contact li.email {display:block; padding:0 0 0 1.3em; background:url(../img/email.gif) left center no-repeat;}
 .contact li.email a {color:#fff;}
 .contact li.address {position:absolute; right:10em; top:.5em; text-align:right;}
 .contact li.address span {display:block;}

.footer {visibility:hidden;}