* {
	margin:0;
	padding:0;
}
html, body, #page { height: 100%; min-height: 100%; }
/*html>body, html>body #page { height: auto; }*/
body { 
margin: 0; 
padding: 0; 
}
body { font-size: 0.83em; font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { color: #f4802c; font-size: 20px; size: 4; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; margin-top: 0; margin-bottom: 25px; }
h2 { color: #698582; font-size: 1.1em; font-weight: bold; margin-top: 30px; margin-bottom: 10px; }
h2.underline { padding-top: 5px; border-top: 1px solid #698582; }
.companytype { font-size: 12px; font-weight: normal; }
h3 { font-size: 0.83em; font-weight: bold; clear: both; margin-top: 10px; }
h4 { font-size: 0.83em; font-weight: normal; font-style: italic; margin-top: 0; margin-bottom: 8px; }
h5 { font-size: 0.75em; margin-bottom: 20px; }
h6 { font-size: 0.75em; font-weight: normal; }
p { font-size: 0.83em; margin-top: 0; margin-bottom: 1em; }
p.backtotop { text-align: right; }
p.attribute { font-style: italic; text-align: right; margin-top: 0; margin-bottom: 30px; }
p.small { font-size: 0.75em; }
p.date { color: #ff7800; margin-top: 20px; margin-bottom: 2px; }
p.bottommenu { text-align: center; margin-top: 20px; padding-top: 10px; border-top: 1px solid #b4c2c1; }
.orange { color: #ff7800; }
.red { color: #f00; }
a { color: #698582; }
a:hover { color: #ff7800; }
a:visited { color: #698582; }
a:active { color: #698582; }
a:link { color: #698582; }
ul.nobullet { list-style-type: none; }
ul { font-size: 0.83em; margin-bottom: 12px; }
li { margin-left: 20px; }
img { border-color: transparent; border-style: none; outline-style: none; }
img.floatleft { float: left; padding-right: 10px; padding-bottom: 10px; }
img.float_portfolio { padding-right: 10px; padding-bottom: 10px; }
#page {  }
#left { background-color: #698582; position: absolute; top: 0; left: 0; width: 180px; height: 100%; z-index: 3; }
html>body #left { position: fixed; top: 0; left: 0; }
#menu { color: #fff; margin-top: 110px; }
#index, #people, #portfolio,  #philosophy, #process, #affiliates { display: none; }
#menu p { font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: right; margin: 0; padding: 0 30px 0 0; }
#menu a { color: #f0f3f3; font-size: 12px; text-decoration: none; }
#menu a:hover { color: #000000}

#admin { color: #fff; font-weight: bold; text-align: right; position: absolute; top: 20px; right: 20px; padding: 5px; border: solid 1px #e1e7e6; }
#admin p { font-size: 12px; margin-bottom: 5px; padding-right: 5px; }
#admin a { color: #f0f3f3; font-size: 12px; }
#admin a:hover { color: #000000; }

#legal { color: #fff; text-align: right; position: absolute; bottom: 10px; width: 140px; float: right; margin-left: 20px; }
#legal p { font-size: 10px; margin-bottom: 5px; }
#legal a { color: #fff; font-size: 10px; }
#middle { width: 450px; z-index: 2; margin-left: 200px; }
#header { height: 90px; padding-top: 20px; }
#logo {  }
#content { padding-bottom: 30px; }
#right { background-image: url(../i/right/ladder_rung.gif); background-repeat: repeat-y; background-position: 61px 391px; text-align: right; position: absolute; top: 0; right: 0; height: 100%; z-index: -1; }
.panel { color: #fff; font-size: 0.83em; background-color: #b4c2c1; float: right; margin-bottom: 20px; margin-left: 20px; padding: 5px 10px; }
html>body #right { position: fixed; top: 0; right: 0; }
#footer {  }
#hidden { display: none; }
table { font-size: 11px; border-collapse: collapse; }
td { vertical-align: top; }
tr.even { background-color: #f0f3f3; }
tr.odd { background-color: #e1e7e6; }
table.edit { width: 450px; border: solid 1px #698582; }
table.edit td { padding: 5px; }
table.edit th { font-weight: bold; background-color: #b4c2c1; padding: 5px; }
table.password { background-color: #b4c2c1; padding: 5px; }
table.password td { padding: 5px; vertical-align: middle; }
table.downloads { width: 450px; }
table.downloads td { padding: 5px; border: solid 1px #fff; }
table.downloads th { color: #fff; font-weight: bold; background-color: #698582; text-align: left; padding: 5px; }
table.portfoliopage { width: 100%; }
table.portfolio { width: 100%; margin-bottom: 20px; }
table.portfolio td { text-align: center; vertical-align: middle; width: 150px; padding: 10px 20px 10px 10px; border: solid 1px #b4c2c1; }
table.portfolio th { font-weight: bold; background-color: #e1e7e6; text-align: center; padding: 10px 20px 10px 10px; width: 150px; vertical-align: middle; border: solid 1px #b4c2c1; }
table.portfolio td.head { color: #fff; font-weight: bold; background-color: #698582; text-align: left; padding: 5px; border: solid 1px #b4c2c1; }
table.portfolio td.head a { color: #f0f3f3; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* added */
h2.underlinebottom { padding-top: 5px; border-bottom: 1px solid #698582; }
p.note { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: normal; padding-left: 30px; font-style: italic; }
table.list { width: 100%; margin-bottom: 20px; }
table.list td { text-align: left; vertical-align: middle; padding: 3px; border: solid 1px #b4c2c1; }
table.list th { color: #fff; font-weight: bold; background-color: #698582; padding: 5px; vertical-align: middle; text-align: left; border: solid 1px #b4c2c1; }
table.list td a { text-decoration: none; }
table.list td a:hover { color: #ff7800; text-decoration: underline; }
div.menu { font-size: 12px; width: 100%; margin-top: 0; margin-bottom: 1em; text-align: right; }
div.menu a { text-decoration: none; }
div.menu a:hover { color: #ff7800; text-decoration: underline; }
div.request { margin-bottom: .3em; color: #FF0000; width: 100%; text-align: right; }
table.downloads tr.head a { color: #ffffff; text-decoration: none; }
table.downloads tr.head a:hover { color: #ff7800; text-decoration: underline; }
table.form { width: 100%; margin-bottom: 3px; }
table.form td { text-align: left; vertical-align: middle; padding: 3px; }
p.middle { text-align: center }