html, body { margin: 0; padding: 0; height: 100%; }
html { overflow-y: scroll; }
h1, h2, h3, h4, p, ul, li, hr { margin: 0; padding: 0; }

body { background:#ebf0f3; }

h1 { font-family:helvetica, verdana, sans-serif; font-size:32px; line-height:40; color:#3687b3; float:left; margin:0 0 0 20px; }
h2 { font-size:32px; line-height:40px; color:#abd6ee; margin:19px 0 0 20px; }
h3 { font-size:22px; line-height:28px; color:#3687b3; margin:8px 0 0 20px }
h4 { font-family:Verdana, Geneva, sans-serif; font-size:14px; line-height:20px; color:#484848; text-shadow: 0px 1px 0px #FFF; margin:0 0 0 10px; }
p { font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; color:#484848; text-shadow: 0px 1px 0px #FFF; margin:0 0 0 10px; }
p a { color:#484848; font-weight:bolder; text-decoration:none; }
p a:hover { color:#286586; }
.highlite { color:#3687b3; }
.comment { color:#9a9a9a; }

a { color: #484848; }
h1 a { color: #3687b3; text-decoration:none; }

img { border:0; }

#wrap { margin:0 auto; width:800px; }
#container { width:760px; background:#d7dadf; float:left; padding:19px 19px 30px 19px; box-shadow: inset 0px 0px 6px #666; -moz-box-shadow: inset 0px 0px 6px #666; -webkit-box-shadow: inset 0px 0px 6px #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #999999; }
#footer { width: 800px; height: 30px; float: left; }
#slider_frame { width:758px; height:268px; float:left; background:#FFF; margin:0 0 30px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #FFF; -moz-box-shadow: 0px 2px 8px #666; -webkit-box-shadow: 0px 2px 8px #666; }

#navigation { margin:50px 0 32px 0; width:800px; height:39px; float:left; overflow:hidden; }
#navigation ul { float:right; margin:0 20px 0 0; }
#navigation li { float:left; margin:0 0 0 11px; list-style:none; }
#navigation ul li a { height:39px; width:39px; display: block; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; }

.headline_container { width:758px; height:68px; float:left; background:#FFF; margin:0 0 30px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #FFF; box-shadow: 0px 2px 8px #666; -moz-box-shadow: 0px 2px 8px #666; -webkit-box-shadow: 0px 2px 8px #666; }
.headline_container_small { width:758px; height:38px; float:left; background:#FFF; margin:0 0 20px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #FFF; box-shadow: 0px 2px 8px #666; -moz-box-shadow: 0px 2px 8px #666; -webkit-box-shadow: 0px 2px 8px #666; }

ul { margin:5px 0 10px 25px; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:18px; color:#484848; text-shadow: 0px 1px 0px #FFF; list-style:url(../images/bullet_lite.png); float:left; }
li { margin:10px 0 }
li a { color:#484848; font-weight:bold; text-decoration:none; }
li a:hover { color:#286586; }

.home { background-image: url(../images/navi_home.gif); }
.home:hover, .home.active { background-image: url(../images/navi_home_hover.gif); }
.folio { background-image: url(../images/navi_folio.gif); }
.folio:hover, .folio.active { background-image: url(../images/navi_folio_hover.gif); }
.about { background-image: url(../images/navi_about.gif); }
.about:hover, .about.active { background-image: url(../images/navi_about_hover.gif); }

.thumb_frame { width:479px; height:267px; float:left; background:#FFF; margin:0 12px 30px 0; padding:9px 0 0 9px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #FFF; box-shadow: 0px 2px 8px #666; -moz-box-shadow: 0px 2px 8px #666; -webkit-box-shadow: 0px 2px 8px #666; }
.description { float:left; width:258px; height:auto; padding:10px 0 0 0; }
.hr { width:258px; height:1px; overflow:hidden; margin:20px 0 30px 0; float:left; background: -webkit-gradient(linear, 100% 100%, 80% 100%, from(#d7dadf), to(#999), color-stop(.3,#d7dadf)); position:relative; left:-12px; background-color:#8d8d8d; }

.project_container { width:760px; height:auto; float:left; margin:10px 0; }
.project_frame { width:479px; height:auto; float:left; background:#FFF; margin:0 12px 30px 0; padding:9px 0 9px 9px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #FFF; box-shadow: 0px 2px 8px #666; -moz-box-shadow: 0px 2px 8px #666; -webkit-box-shadow: 0px 2px 8px #666; }

.factbox { width:278px; height:auto; float:right; background:#FFF; margin:0 0 30px 30px; padding:0 0 25px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #FFF; box-shadow: 0px 2px 8px #666; -moz-box-shadow: 0px 2px 8px #666; -webkit-box-shadow: 0px 2px 8px #666; }
.factbox img { margin:9px 9px 10px 9px; float:left; }

.category_spacer { margin-bottom:60px; }
.return { clear:both; padding-top:30px; }