@charset "UTF-8";
body {margin:0; font-family: DIN, Schrift, Helvetica, Arial, Verdana, sans-serif; font-size: 11px; line-height:18px; background-color:#E8E8E8; }

a:link { color: #999999; text-decoration: none; }
a:visited {	color: #777777; text-decoration: none; }
a:hover { color: #6280AA; text-decoration: none; }
a:active { color: #60C1EF; }

#pageCage { width:770px; height:100%; float:left; display:inline; overflow:hidden; }
.nav { width:170px; height:100%; background-color:#89A8BC;  float:left; display:inline; position:fixed; left:0px; top:0px; bottom:0px; z-index:100; }
.nav div {float:left; display:inline; position:relative; }
.navShadow { width:15px; height:100%; background:url(images/images/navShadow.gif) repeat-y; float:right; display:inline; position:relative; }
.right { width:570px; left:200px; /*padding-left:312px;*/ position:relative; float:left; z-index:1; display:inline;}
.right div { float:left; display:inline; position:relative; }
.project { background:#FFFFFF; width:570px; }
.project .image { margin-left:10px; margin-right:10px; }
.projectEnd { width:580px; height:16px; background:url(images/projectEnd.gif) bottom left no-repeat; margin-bottom:50px; }
#logo { width:170px; height:72px; background-image:url(../images/logo.gif); position:absolute; float:left; display:block; bottom:0px; left: 0px; layer-background-color: #89A8BC; border: 1px none #000000; }
.header, .indexHdr { z-index:10; width:247px; margin:20px 0 10px 29px; padding:0; display:inline; }


.list { width:100%; float: left; font-size:10px ; color: #999999; text-indent: 0px; list-style-type: none; vertical-align: baseline; text-align: left; line-height: 180%; margin: 0px; padding: 0px; text-indent: 10px; z-index: 2; }
.list li { width:100%; float:left; }
.typeofproject { padding:10px 0 0 0; color: #91a6ba; font-weight: bolder; line-height: 13px;}
.scrolling { background-color:#c8d2dd; float:left; height:220px; width:170px; overflow:auto; padding:0px; margin:0px 0px 5px 0px; }
.menu { padding:6px 0px 0px 10px; color:#FFFFFF; display:inline; width:160px; }
.menu a:link, .menu a:visited { color:#FFFFFF; }
/*.menu a.email:link, .menu a.email:visited { color:#E8E8E8; }
.menu a:hover, .menu a.email:hover { color:#6280AA; } */
.menu .email, .menu a.email:link, .menu a.emailvisited { width:128px; height:31px; margin-top:5px; background-image:url(images/contact.gif); background-repeat:no-repeat; float:left; }

.menu a.email:hover { background-position:0px -32px; }
.topBox { float:left; width:527px; padding: 8px 35px 25px 8px; /*font-family:DIN, Helvetica, Arial, sans-serif;*/ color: #FFFFFF; line-height:150%; background:#89a8bc; }
.topBoxTitle {font-size: 20px; }
.topBox a:link, .topBox a:visited { color:#666; }
.topBox a:hover { color: #6280AA; text-decoration: none; }
.topBox a:active { color: #60C1EF; }
.topBoxEnd { height:20px; width:100%; margin-bottom:20px; background:#89a8bc; }
.topBoxEnd a { background:url(images/topBoxEnd.png) 0px 4px no-repeat; width:130px; height:20px; float:left; display:inline; position:relative; }
.topBoxEnd a:hover { background-position:0px -36px; }

.bluebox { background-color: #e9edf1; float: left; width: 515px; padding:5px 25px 35px 10px; margin-bottom:20px; margin-left:10px; font-family: Arial, Helvetica, sans-serif; font-size:11px ; color: #666666; line-height: 150%; }
.image {margin-bottom:20px;}
.spacer50px {width:400px; height:50px; float:left; display:inline; position:relative;}
.writing { color:#999999; width:500px; padding-left:10px; font-size:12px; line-height:20px; }
.writing a { font-weight:bold; }

.section { float:left; height:24px; padding:0px; margin:0px; }