html,body {background-color:#ffffff; }
body{font-family:Georgia,serif!important;color:#666666;}
a,a:link,a:active,a:visited,a:hover{color:#333!important;}
#wrapper{margin:auto;margin-top:35px;}
#wrapper, #content, #slideshow, #slideshow .pics, #info, #footer {width:860px;}
#projects{float:left;padding-top:50px;width:70px;font-size:11px;}
#projects li{text-align:right;padding-right:10px;margin-bottom:16px;line-height:15px;}
#projects li.active a{text-decoration:line-through!important;}
#header{font-size:11px;margin-bottom:10px;overflow:hidden;clear:both;}
#header h1{float:left;font-size:20px;font-family:Georgia,serif;font-weight:normal;}
#header div.contact{font-size:12px; float:right;bottom:-8px;position:relative;font-family:Georgia,serif !important;font-weight:100;}
#header h2{float:right;}
#header h1 a{text-decoration:none;}
#header a.about{font-size:11px;display:block;float:left;padding-top:5px;}
#content{float:left; overflow:hidden; }

body#about #content .column {float:left; width:250px; height:500px;  margin-bottom: 10px; padding: 0px 10px;  border-right: 1px solid #ddd;}
body#about #content .column:first-child { margin-left: 10px; padding-left:0;}
body#about #content .column:last-child { border-right:none; padding-right:0;}
body#about #content .column p {font-size: 13px; line-height:18px; margin-bottom: 10px;}
body#about #content .column ul {margin-left: 10px;}
body#about #content .column ul li { font-size: 13px; line-height:18px;}
body#about #content {clear:both; }

.about{clear:left;float:left;margin-top:8px;font-size:11px;width:670px;}
.about p{display:inline;line-height:13px;}

#slideshow{height:500px;z-index:0;overflow:hidden!important;background:#ccc;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#slideshow li {width:860px; text-align:center;}
#slideshow img {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.clickable {cursor:pointer;}
.pics{overflow:hidden;height:500px;padding:0;margin:0; text-align:center;}
.pics img{height:500px;top:0;left:0; margin:auto;}

span.caption {display:none;}
#content{position:absolute;height:500px;clear:both;overflow:hidden;}


#info {cursor:pointer; background:rgba(9, 9, 9, .7); height:100%; display:none; position:absolute; bottom:0; color:#fff; width:100%;  line-height:16px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#info div.caption {font-size: 91px; padding: 10px; position:absolute; left:10px; bottom: 0px; line-height:95px}
#info.hide {display:none; background:transparent}
#info.hide div.caption {display:none}
#info div.caption a {color:#ccc!important}

#nav {float:right; margin-top: 5px; margin-right:15px; }
#nav a{font-size:18px;color:#ddd!important;text-decoration:none;margin-left:3px;}
#nav a:focus{outline:none;color:#000!important;text-decoration:none;}
#nav a.activeSlide{color:#000!important;}

#footer{padding-bottom:10px;text-align:center;font-size:12px;color:#666!important;overflow:hidden;line-height:23px;border-top:1px dotted #ccc; margin-top:525px; padding-top:10px;}
#footer strong {font-weight:bold;}
#footer a{color:#666!important; margin-right: 10px;}
#footer a.active {text-decoration:line-through!important;}