html{
  background: #0F1E32;
}

body{ 
  margin: 0 auto;
  padding: 0;
  font: 10px/1.5 Verdana, Helvetica, sans-serif;
  background: #FFF;
  color: #546064;
}

img{
  border: 0;
  vertical-align: middle;
}

a{
  text-decoration: none;
  color: #63BDD2;
  border-bottom: 1px dotted #63BDD2;
  overflow: hidden;
}

a:hover{
  border-bottom: 1px dotted #222;
}

#header a{
  border: 0;
  color: #D7DADB;
}

#header a:hover{
  color: #63BDD2;
}

ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

blockquote{
  margin: 0;
  padding: 0;
}

h1{
  margin: 0;
  padding: 0 0 0 10px;
  width: 73px;
  white-space: nowrap;
}

h1 a{
  display: inline;
  height: 100px;
  width: 100px;
  text-indent: -9000px;
  background: url(../images/logo_v.jpg);
}

h2{
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 11px;
  color: #323232;
  font-weight: normal;
}

h3{
  margin: 0;
  padding: 0;
  font-size: 10px;
  color: #273547;
}

h3 span{
  color: #ABB1BA;
  font-weight: normal;
}

.container{
  margin-left: auto;
  margin-right: auto;
  width: 800px;
}

#big-content .container{
  width: 776px;
}

#header{
  background: #273547 url(../images/header.jpg) bottom repeat-x;
  padding: 12px;
}

#header ul{
  float: right;
  margin: -14px 0 0 0;
}

#header ul li:last-child{
  border: 0;
}

#header ul li{
  display: inline;
  margin: 0 5px 0 0;
  padding: 0 5px 0 0;
  border-right: 1px solid #A8ADB3;
}

#big-content{
  padding: 24px 12px 12px 12px;
  background: url(../images/content.jpg) top repeat-x;
}

.featured-project{
  margin: 0 -12px 0 0;
  width: 560px;
  height: 330px;
  float: right;
  text-align: left;
  overflow-y: auto;
}

.featured-project ul li{
list-style: lower-roman !important;
}

.featured-project a{
  border: 0;
}

.change-image{
  text-align: right;
}

.contact-form{
  padding: 0 0 0 12px;
  width: 566px;
  float: right;
  border-left: 1px solid #EEE;
}

.news-col{
  padding: 0 12px 0 0;
  width: 210px;
  height: 360px;
  overflow: auto;
  border-right: 1px solid #EEE;
  float: left;
}

.wide-left{
  padding: 0 12px 0 0;
  border-right: 1px solid #EEE;
  width: 381px;
  float: left;
}

.biography-col{
  padding: 0 12px 0 0;
  border-right: 1px solid #EEE;
  width: 190px;
  float: left;
}

.technology-col{
  padding: 0 0 0 12px;
  width: 166px;
  float: right;
}

.about-col{
  margin: 0 -12px 0 0;
  width: 376px;
  float: right;
}

#small-content{
  margin-top: -12px;
  padding: 12px;
  border-top: 1px solid #EEE;
}

.selected-work{
  margin: -12px -12px -22px 0; 
  padding: 12px;
  width: 541px;
  float: right;
  background: #F6F6F6;
}

.selected-work ul li{
  margin: 0 6px 0 0;
  float: left;
}

.collaborate{
  margin: -12px 0 -22px -12px; 
  padding: 12px 12px 37px 12px;
  width: 210px;
  float: left;
  background: #F6F6F6;
  border-right: 1px solid #EEE;
}

.collaborate a{
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

.collaborate a:hover{
  opacity: 1.0;
  filter: alpha(opacity = 100);
}

.collaborate img{
  display: inline;
  padding: 0 6px 0 0;
  vertical-align: middle;
  background: #F6F6F6;
}

.direct-contact{
  margin: -12px -12px -24px 198px;
  padding: 12px 12px 48px 12px;
  border-left: 1px solid #EEE;
  background: #F6F6F6;
}

.project-list{
  margin: -12px -12px -22px 0; 
  padding: 12px;
  width: 541px;
  float: right;
  background: #F6F6F6;
  border-left: 1px solid #EEE;
}

.project-list li{
  padding-right: 10px;
  width: 170px;
  float: left;
}

.project-list li a{
  padding: 3px 5px;
  display: block;
  color: #7F888B;
  border: 0;
}

.project-list li a:visited{
  background: #F2F6F7;
}

.project-list li a:hover{
  color: #4F707A;
  background: #ACE6EF;
}

.project-list li a.current{
  background: #AEDCE6;
  color: #546064;
}

#footer{
  padding-left: 10px;
  color: #D7DADB;
  background: #0F1E32 url(../images/footer.jpg) top repeat-x;
}

#footer p{
  padding: 25px 12px 6px 12px;
}

.email-link{
  color: #D7DADB;
  border: 0;
}

.email-link:hover{
  color: #63BDD2;
}

.email-link span{
  visibility: hidden;
}

.email-link:hover span{
  visibility: visible;
}

#header ul, #big-content, #small-content, .selected-work ul, .top-split{
  _height: 1%;
  display: inline-block;
}

#header ul:after, #big-content:after, #small-content:after, .selected-work ul:after, .top-split:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}