@charset "UTF-8";
/* CSS Document */

@font-face{ font-family: 'share'; src: url('share/share.eot?'), url('share/share.woff') format('woff'), url('share/share.ttf') format('truetype'), url('share/share.svg#webfont') format('svg'); } 

body {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0; background:url(../images/white_bkg.gif) repeat-x #000;}

p {font-size:75%;}
h3 {font-size:100%;}
h1, h2 {margin:0; font-family:"share", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal;}

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

#page {width:960px; margin:0 auto;}

#header {width:960px; height:95px;}
#header-left {background:url(../images/k6.gif) no-repeat bottom; width:110px; height:95px;}
#header-left a {width:100%; height:100%; display:block;}
#header-right {}

.nav {background:#000; width:80px; border-top:3px solid #fff; padding:15px 10px 20px 20px; font-size:75%; float:left; display:inline; font-family:"share", "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.nav h3 {color:#fff; font-weight:normal; padding:0; margin:0; cursor:pointer; }
.nav h3 a {color:#fff; text-decoration:none;}
.nav h3:hover, .nav h3 a:hover {background:#999; display:block;}
.nav ul {padding-bottom:10px;}
.nav li a {color:#999; text-decoration:none;}
.nav li a:hover {background:#fff;}

#content {width:960px;}
#projects {width:840px; margin:0px 0px 0px 0px; position:relative; top:-70px; left:3px; float:left; display:inline;}
#project-thumbs li {width:273px; float:left; display:inline; margin:0px 3px 3px 0px; font-family:"share", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:85%; text-align:right;}
#project-thumbs li a:hover {opacity:.8;}

#about-wrapper {background:#000; width:740px; height:450px; color:#fff; padding:50px;}
#about-wrapper a {color:#fff; text-decoration:none;}
#about-wrapper a:hover {text-decoration:underline;}

#project-description {width:840px; overflow:hidden;}
#project-description p {color:#fff; padding-right:25px;}
#project-description h1, #project-description h2 {color:#fff;}
#project-description h1 {margin-top:10px;}
#project-description a {color:#fff;}
#col1 {width:420px; float:left; display:inline; padding: 15px 0px 0px 0px;}
#col2 {width:420px; float:right; display:inline; padding: 15px 0px 0px 0px;}