body { background:url("images/bodybg.gif") repeat-x #fff; font-family:verdana, arial, sans-serif; color:#433e36; font-size:100%; }
* { margin:0; padding:0; }
p { line-height:1.5em; margin:.25em 0 1em; }
ul { list-style:none; }
h1, h2, h3, h4 { font-family: "trebuchet MS", helvetica, arial, sans-serif; }
h1 { color:#607892; font-size:1.5em; margin-bottom:.5em; text-transform:lowercase; }
h2 { color:#8c441f; font-size:1.25em; margin:.5em 0; font-weight:normal; }
h3 { color:#607892; font-size:1.25em; }
a { color:#344a62; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:0; }

#home h1 { text-indent:-9999px; margin:0; }
#container { position:relative; margin:0 auto; width:1000px; background:url("images/content-shdw.gif") repeat-y; font-size:.9em; }
#holder { background:url("images/content-bg1.gif") no-repeat top; padding:0 10px; }
#port #holder { background:url("images/content-bg2.gif") no-repeat top; padding:0 10px; }
#branding { position:relative; height:150px; width:980px; }
#branding #logo { position:absolute; top:18px; right:10px; }

#nav_port { font-size:1.1em; padding:10px 0 0 10px; }
#nav_port ul li { line-height:2.125em; }
#nav_port ul li a:hover { text-decoration:none; font-weight:bold; } 
#nav_port ul li.on a { font-weight:bold; color:#8c441f; }
#nav_sub { position:absolute; bottom:10px; right:15px; }
#nav_sub ul li { color:#9db2cd; display:inline; padding:0 8px; border-right:1px solid #9db2cd; }
#nav_sub ul li a { color:#5e799c; }
#nav_sub ul li.last { border-right:0; padding-right:0; }
#portsection-nav { position:absolute; top:50px; left:150px; }
#portsection-nav img { margin-right:5px; }

#content { position:relative; padding:0 10px; }

/* footer */
#footer { position:relative; width:1000px; padding:40px 0 50px; height:160px; background:url("images/footerbg.gif") no-repeat bottom; }
#nav_section { margin-left:20px; }
#nav_section h4 { color:#b5aa85; font-size:1.25em; }
#nav_section .item { border-right:1px solid #dacea8; padding-right:5px; width:106px; height:130px; }
#nav_section .last { border-right:0; }
#nav_section .item p { font-family:arial, sans-serif; font-size:.75em; margin-top:1em; }
#nav_section .item span.link a { margin-top:10px; background:url("images/b-arrow.gif") no-repeat; padding:5px 0 12px 28px; font-size:.9em; font-weight:bold; color:#91a2b5; }
#nav_section .item span.link a:hover { background:url("images/b-arrow-o.gif") no-repeat; text-decoration:none; color:#354a62; }
#nav_section #section01 { position:absolute; top:80px; left:20px; }
#nav_section #section02 { position:absolute; top:80px; left:137px; }
#nav_section #section03 { position:absolute; top:80px; left:254px; }
#nav_section #section04 { position:absolute; top:80px; left:371px; }
#site_info { position:absolute; top:20px; right:20px; width:225px; font-size:.75em; color:#808080; }
#site_info h4 { color:#7693b7; font-size:1.825em; font-weight: normal; margin-bottom:20px; }
#site_info p { margin-top:1.5em; }
#site_info span { font-size:1.25em; line-height:2.25em; }

/* homepage */
#home #branding { background:url("images/homebg-top.jpg") no-repeat top; }
#home #content { background:url("images/homebg-mid.jpg") no-repeat top; }
#home #footer { background:url("images/homebg-btm.jpg") no-repeat top; height:200px; }
#content #home-msg { position:absolute; top:0; right:245px; width:245px; }
#content #home-msg h2 { font-size:1.875em; }
#content #home-msg p { font-size:1.1em; }
#home #feature { position:absolute; top:10px; right:20px; }
#home #feature h4 { color:#7693b7; font-size:1.25em; font-weight: normal; width:215px; margin-top:3.5em; }
#home #feature img { margin-bottom:10px; }

/* info pages */
#info #content { width:960px; min-height:300px; margin:0 10px; background-color:#f3f2f1; padding:0; }
#info #content h1 { width:700px; height:180px; padding:10px 0 0 15px; margin-bottom:0; color:#25384d; font-size:2em; }
#info #content h1#process { background:url("images/imghead01.jpg") no-repeat top; }
#info #content h1#services { background:url("images/imghead03.jpg") no-repeat top; }
#info #content h1#green { background:url("images/imghead02.jpg") no-repeat top; }
#info #content h1#about { background:url("images/imghead04.jpg") no-repeat top; }
#info #content h1#contact { background:url("images/imghead05.jpg") no-repeat top; }
#info #content h1.normal { height:50px; }
#info #content #detail { width:680px; padding:0 1em 1em; }
#info #content #nav_info { position:absolute; top:0; right:0; width:235px; background:url("images/sidenavbg.jpg") no-repeat top; min-height:300px; }
#info #content #nav_info h2 { background-color:#25384d; color:#fff; padding:.5em; margin:0; font-weight:bold; }
#info #content #nav_info ul { font-size:.95em; padding:.5em 0 2em; }
#info #content #nav_info ul li { padding:.5em; }
#info #content #nav_info ul li.on { background:url("images/bullet-red.gif") no-repeat 0 55%; padding-left:15px; margin-left:.5em; }
#info #content #nav_info ul li.sub { background:url("images/bullet-red.gif") no-repeat 0 8%; padding-left:15px; margin-left:.5em; }
#info #content #nav_info ul li.on a { color:#433e36; font-weight:bold; }
#info #content #nav_info ul li.on a:hover { text-decoration:none; }
#info #content #nav_info ul li.on ul { font-size:.9em; padding-bottom:0; }
#info #content #nav_info ul li.on ul li { padding:.25em 0 .25em 1em; }
#info #content #nav_info ul li.on ul li a { color:#344a62; font-weight:normal; }
#info #content #nav_info ul li.on ul li a:hover { text-decoration:underline; }
#info #content #nav_info ul li.on ul li.on { background:none; margin:0; }
#info #content #nav_info ul li.on ul li.on a { color:#433e36; font-weight:bold; }

#info #content .events { font-size:.9em; background-color:#bccbde; }
#info #content .events p, #info #content .events h3 { padding:0 .5em; }
#info #content .events h3 { color:#8c441f; margin-top:.5em; }

#info .process-steps { background:url("process/images/textbg.jpg") no-repeat; }
#info .process-steps #step-btns { position:absolute; top:32px; left:420px; }
#info .process-steps #detail { height:180px; margin:2em; }
#info .process-steps #detail p { width:640px; }
#info .process-steps #detail h2 span { color:#645e55; }
#info .process-steps #step-img { margin-left:30px; padding-bottom:20px; }

#team { height:200px; display:block; margin-left:15px; }
#team .item { float:left; width:110px; height:200px; padding-right:5px; font-size:.75em; }
#affiliations { width:640px; }
#affiliations td { vertical-align:middle; border-bottom:1px solid #d1c396; padding-left:15px; }
#affiliations td.logo { text-align:center; background-color:#fff; padding:10px 5px; }

/* portfolio */
body#port { background:url("images/bodybg2.gif") repeat-x; }
#port #content { width:940px; padding:10px; margin:0 10px; min-height:395px; background-color:#eeecea; }
#nav_photo { position:absolute; top:10px; left:530px; width:195px; }
#nav_photo img { display:inline; float:left; margin:1px 9px 9px 1px; }
#nav_photo img.on { border:1px solid #a1b7ce; margin:0 8px 8px 0; }
#port #detail { padding-left:205px; }
#port #detail p { font-size:.9em; }
#port #detail p.award { font-size:.75em; border-top:1px solid #a1b7ce; padding-top:.5em; }
#port h1 { color:#8c441f; font-size:1.4em; margin:.25em 0 .5em; }
#port #content .view { position:absolute; top:388px; left:10px; font-size:.8em; }
#port #content .view a:hover { text-decoration:none; }
#port ul.normal li { font-size:.9em; }

/* general */
ul.normal { margin-left:15px; line-height:1.5em; }
ul.normal li { list-style-type:disc; padding-bottom:.5em; }
.floatL { float:left; margin: 0 20px 20px 0; }
.divider { border-top:1px solid #d1c396; padding-top:.5em; margin-top:1em; }
table td { vertical-align:top; }
.sm, #content #home-msg p.sm { font-size:.8em; line-height:1.75em; }