@charset "utf-8";
* {margin:0; padding:0}

/* STRUCTURE
------------------------------------------ */
body {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
text-align:left;
color:#000;
line-height:18px;
width:100%;
overflow-y:scroll;
}

#container{min-width:960px}
#header{width:100%; position:fixed; top:0; left:0; margin-top:30px; z-index:2; background-color:white}
#content{}

/* GENERAL
------------------------------------------ */
h1 {font-size:16px; margin-bottom:2px}
h2 {font-size:14px}

a {color:#7F9C00; text-decoration:none; outline-color:-moz-use-text-color; outline-style:none; outline-width:0}
a:hover {text-decoration:underline}
a img {border:none}

#menu_wrapper{background-color:white; padding:6px 0; margin:0 auto; width:940px}
#menu2_wrapper{background-color:white; padding:6px 0; width:100%; position:fixed; top:72px; left:0}

#name{float:left; width:140px}
#name a{color:#3E513F}

#menu{list-style:none; float:left; width:700px}
#menu li{display:inline}
#menu a.selected{color:#7F9C00}
#menu a{text-decoration:none; color:#262F29}
#menu a:hover{color:#7F9C00}

#menu2{list-style:none; width:940px; margin:0 auto}
#menu2 li{display:inline}
#menu2 a.selected{color:#7F9C00}
#menu2 a{text-decoration:none; color:#627E6A}
#menu2 a:hover{color:#7F9C00}

.anchors{list-style:none; width:940px; margin:0 auto}

#lang_menu{float:right; width:100px; list-style:none; font-size:11px; text-align:right}
#lang_menu li{display:inline; color:#CCC}
#lang_menu a{text-decoration:none; color:#999}
#lang_menu a:hover{text-decoration:underline}

#logo{margin:0 0 50px -4px}
#contact {margin-bottom:30px}

#greydot{margin-bottom:5px}
.grey{color:#999}
.bold{font-weight:bold}
.hidden{display:none}
.clearfloat{clear:both; height:0; font-size:1px; line-height:0}
.newline{clear:both}

#msg404{width:940px; margin:158px auto 144px auto}
#msg404 p{margin-bottom:10px}

.light_background{background-color:#FFF}
.grey_background{background-color:#F3F5F3}

#back_arrow{float:left; margin:6px 8px 0 0; display:inline; background: url(graphics/icons.png) no-repeat 0 -12px; width:9px; height:8px}
#left_arrow{float:left; margin:8px 4px 0 0; display:inline; background: url(graphics/icons.png) no-repeat -2px -6px; width:9px; height:6px}
#right_arrow{float:left; margin:8px 8px 0 0; display:inline; background: url(graphics/icons.png) no-repeat 0 0; width:9px; height:6px}
#bullet{float:left; margin:6px 6px 0 0; display:inline; background: url(graphics/icons.png) no-repeat 0 -19px; width:9px; height:6px}
#prevlink{float:left; margin:0 6px 0 0; display:inline}
#nextlink{float:left; margin:0 6px 0 0; display:inline}

/* HOME
------------------------------------------ */
#announcements{padding:18px 0 0 0; background-color:#E2EBE7; margin:-54px 0 90px 0}
.announcement{}
.newstitle{width:940px; margin:18px auto 0 auto; font-size:14px}
.newstext{width:940px; margin:18px auto 18px auto; padding-bottom:35px}
.newstext p{width:460px}
.border_bottom{border-bottom:1px solid #333; margin-bottom:36px}

/* PROJECTS
------------------------------------------ */
#projects{width:940px; margin:144px auto}
.project{float:left; margin:0 20px 18px 0; height:234px; background-color:#E8E5E3}
#projects .no_right_margin {margin-right:0}
.project-caption {padding:3px 7px}
.project a{color:#627E6A}
.project a:hover{color:#7F9C00; text-decoration:none}
.project-categories{color:#999; font-size:11px; width:280px; overflow:hidden; height:18px}
.project-categories a{color:#999}
.project-categories a:hover{color:#999; text-decoration:underline}
.project-caption p.project-title{width:280px}

/* PROJECTS DETAILS
------------------------------------------ */
#project-details{margin:144px 0 80px 0}
#pd-main-image{width:940px; margin:0 auto; text-align:center}
#pd-title-wrapper{background-color:#E6E8E6; padding:18px 0; margin:18px 0}
#pd-title{width:940px; margin:0 auto}
#pd-title h1{font-size:14px; font-weight:normal; line-height:18px}
#pd-title h1 a{color:#3E513F}
#pd-title h1 a:hover{color:#7F9C00; text-decoration:none}
#pd-text{width:940px; margin:0 auto}
#pd-text p{width:700px}
#pd-text p img{margin:0 10px 18px 0}
#prevnext-nav{width:940px; margin:80px auto 0 auto}
#prevnext-nav a{color:#262F29}

/* BLOG
------------------------------------------ */
#blog{width:940px; margin:0 auto 144px auto}
#blog-note{margin:75px 0 71px 0; color:#999; font-style:italic}
.blog_post{float:left; width:460px; margin:0 20px 90px 0}
.blog_post_title{font-size:14px}
.blog_post_title a{color:#3E513F}
.blog_post_title a:hover{color:#7F9C00; text-decoration:none}
#blog .no_right_margin {margin-right:0}
.blog_summary{margin-top:18px; padding-top:17px; border-top:1px solid #E6E8E6; color:#000}
.date{font-size:11px; color:#808080}

/* BLOG DETAILS
------------------------------------------ */
#blog-details{width:940px; margin:158px auto 144px auto}
#bd-title-wrapper{width:460px; margin:0 0 36px 480px}
#bd-title h1{font-size:14px; font-weight:normal; line-height:18px; color:#3E513F}
#bd-date{font-size:11px; color:#808080}
#bd-summary{margin-top:36px}
#bd-text p{width:700px}
#bd-text p img{margin:0 10px 18px 0}
#blog-topnav{width:940px; margin:0 auto}
#blog-topnav a{color:#262F29}
#prevnext-nav-blog{float:right; width:460px}

/* ABOUT
------------------------------------------ */
#page{width:940px; margin:144px auto 500px auto}
#page h2{width:100%; margin-bottom:18px; color:#3E513F; padding-bottom:18px; border-bottom:1px solid #E6E8E6; font-weight:normal}
#page p{width:520px; padding-right:0px}
#page img{}
#page p.test{width:300px; background-color:#FFAFAA; padding-right:0; text-align:right; float:right}

#contact_wrapper{background-color:#E6E8E6; padding:18px 0; margin:144px 0 -72px 0}
#contact{width:940px; margin:0 auto}