/*------------------------------------------------------------------------------------
  Global Styles
------------------------------------------------------------------------------------*/
* {
  padding:0;
  margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
.hide, .print-logo{ display:none; }
.clear{ clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden; }
a img{ border:none; }
.clearfix{ height:1%;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearfix {height: 1%;}

/*------------------------------------------------------------------------------------
  Main Layout & Styling
------------------------------------------------------------------------------------*/

body{
  background:#fff;
}

#wrap{
  margin:0 auto;
  padding-bottom:100px;
  width:400px;
}

#header{
  position:relative;
  height:120px;
}

h2#logo{
  position:absolute;
  top:60px;
  margin:0;
  padding:0;
  border:none;
}
h2#logo a{
  display:block;
  width:249px;
  height:56px;
  text-indent:-9999px;
  text-decoration:none;
  background:url(../images/logotype.gif) 0 0 no-repeat;
}

ul#nav{
  position:absolute;
  top:23px;
  left:-4px;
  margin:0;
}
ul#nav li{
  margin:0;
  list-style-type:none;
  display:inline;
}
ul#nav li a{
  padding:2px 4px;
  color:#6d6a66;
  text-decoration:none;
  text-transform:uppercase;
}
ul#nav li a:hover{
  background:#eaeaea;
}
ul#nav li a.selected{
  color:#000;
}
ul#nav li a.selected:hover{
  background:transparent;
}

/*------------------------------------------------------------------------------------
  Typography
------------------------------------------------------------------------------------*/

body{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:12px;
  color:#333;
}

a{
  color:#549dcf;
  text-decoration:none;
}
a:hover{
  color:#0c6eb3;
}

p{
  line-height:1.6;
}

h1{
  margin:18px 0 -6px 0;
  text-transform:uppercase;
  font-size:30px;
  font-weight:normal;
  color:#ccc;
}

h2{
  margin:32px 0 0 0;
  padding-bottom:2px;
  font-size:14px;
  font-weight:normal;
  color:#333;
  border-bottom:1px solid #eaeaea;
}

ul.skillset{
  margin:1em 0;
  padding:10px;
  background:#f1f1f1;
}
ul.skillset li{
  margin:0;
  float:left;
  width:50%;
  padding:1px 0;
  list-style-type:none;
  font-size:11px;
  text-transform:uppercase;
  color:#666;
}
ul.skillset li strong{
  font-weight:normal;
  color:#333;
}
ul.skillset li em{
  font-style:normal;
  color:#999;
}

.sample{
  margin:3em 0 1em;
  border:2px solid #eaeaea;
}
.first-sample{
  margin-top:1em;
}
.sample small{
  padding:4px 5px 5px 5px;
  display:block;
  font-size:10px;
  background:#f1f1f1;
  border-top:1px solid #eaeaea;
}
.sample a{
  color:#999;
}