/*elements*/
body,html { color: #0e2523; font: small/125% Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background: white url(../chrome/bkbg.gif) repeat-x; margin: 0px; padding: 0px; width: 100%; height: 100%; min-height: 100% }
h1 { font-size: x-large; line-height: 1em; float: left; clear: left; margin: 0px; padding: 0px; display: inline }
h2 { color: #fa440f; font-size: medium; float: left; margin: 0px; padding: 0px; display: inline }
h3 { color: #647b79; font-weight: bold; font-size: small; float: left; clear: left; margin: 0px; padding: 0px; display: inline }
p { float: left; clear: left; margin: 0px; padding: 0px; display: inline }
/*containers*/
#container { float: left; clear: left; margin: 0px; padding: 0px; width: 100%; height: auto; display: inline }
#logo { background: url(../chrome/e_logo-trans.png) no-repeat 0px 0px; float: left; margin: 0px; padding: 0px; position: absolute; z-index: 4; top: 0px; left: 0px; width: 84px; height: 84px; display: inline }
/*top right*/
#contact { color: white; font: small/120%; text-decoration: none; background-color: black; text-align: right; float: left; margin: 16px 0px 0px; padding: 4px 0px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: white; width: 100%; display: inline }
#contact ul { font-size: small; list-style-type: none; float: right; margin: 0px; padding: 0px 3em 0px 0px; display: inline }
#contact li { color: #307b9e; font-size: small; float: left; display: inline }
#contact li a:visited { color: white; font: x-small/170%; text-decoration: none; float: left; margin: 0px; padding: 0px; display: inline }
#contact li a:active { color: white; font: x-small/170%; text-decoration: none; float: left; margin: 0px; padding: 0px; display: inline }
#contact li a:link { color: white; font: x-small/170%; text-decoration: none; float: left; margin: 0px; padding: 0px; display: inline }
#contact li a:hover { color: #307b9e; font: x-small/170%; text-decoration: none; float: left; margin: 0px; padding: 0px; display: inline }
/*banner*/
#banner { background: black url(../chrome/fulllogo.gif) no-repeat; float: left; clear: both; margin: 0px; padding: 0px; border-style: solid; border-width: 1px 0px 1px 0px; border-color: white; width: 100%; height: 100px; display: inline }
/* menu*/
#menu { font-size: small; line-height: 120%; background-color: #fa440f; text-align: left; float: left; margin: 0px; padding: 4px 0px; z-index: 3; width: 100%; display: inline }
#menu ul { float: right; margin: 0px; padding: 0px 3em 0px 0px; display: inline }
#menu li { color: #f90; font-weight: bold; font-size: x-small; list-style-type: none; float: left; margin: 0px; padding: 0px; display: inline }
#menu li a:visited { color: white; font-style: normal; font-weight: normal; font-size: small; text-decoration: none; list-style-type: none; float: left; margin: 0px; padding: 0px; display: inline }
#menu li a:active { color: white; font-style: normal; font-weight: normal; font-size: small; text-decoration: none; list-style-type: none; float: left; margin: 0px; padding: 0px; display: inline }
#menu li a:link { color: white; font-style: normal; font-weight: normal; font-size: small; text-decoration: none; list-style-type: none; float: left; margin: 0px; padding: 0px; display: inline }
#menu li a:hover { color: #f90; font-style: normal; font-weight: normal; font-size: small; text-decoration: none; list-style-type: none; float: left; margin: 0px; padding: 0px; display: inline }
/*wide column*/
#widecolumn { float: left; margin: 35px 0px 0px 1em; padding: 0px; width: 98%; display: inline }
#widecolumn h1 { margin: 0px; padding: 0px; width: 100% }
#widecolumn h2 { font-size: medium; clear: left; margin: 0.5em 0px 0px; padding: 0px; width: 100% }
#widecolumn h3 { color: #547d76; font-size: small; clear: left; margin: 0.5em 0px 0px; padding: 0px; width: 100% }
#widecolumn p { margin: 0.5em 0px 0px; padding: 0px; width: 95% }
#widecolumn .black { color: #547d76; font-weight: bold }
#widecolumn .orange { color: #fa440f }
#widecolumn .quote { color: black; font-weight: bold; padding: 4px 0px; border-style: solid; border-width: 1px 0px 1px 0px; border-color: #c3dfdc }
/*left column*/
#leftcolumn { float: left; margin: 35px 0px 0px 1em; padding: 0px; width: 55%; display: inline }
#leftcolumn h1 { margin: 0px; padding: 0px 0px 10px; width: 100% }
#leftcolumn h2 { font-size: large; clear: left; margin: 0.5em 0px 0px; padding: 0px; width: 100% }
#leftcolumn h3 { color: black; font-size: medium; clear: left; margin: 0.5em 0px 0px; padding: 0px; width: 100% }
#leftcolumn p { margin: 0.5em 0px 0px; padding: 0px; width: 95% }
#leftcolumn .black { color: #547d76 }
#leftcolumn .orange { color: #fa440f }
#leftcolumn .quote { color: black; font-weight: bold; padding: 4px 0px; border-style: solid; border-width: 1px 0px 1px 0px; border-color: #c3dfdc }
#leftcolumn ul { float: left; clear: left; margin: 0px 0px 0px 1em; padding: 0px; width: 100%; display: inline }
/*table*/
td .datacellone { background-color: #647b79 }
td .datacelltwo { background-color: black }
/*right column*/
#rightcolumn { float: left; margin: 35px 0px 0px 1%; padding: 0px; width: 35%; height: auto; display: inline }
#rightcolumn h1 { color: black; line-height: 125%; margin: 0px; padding: 0px; width: 100% }
#rightcolumn h2 { color: #0e2523; font-size: medium; clear: left; margin: 0.5em 0px 0px; padding: 0px }
#rightcolumn p { margin: 0.5em 0px 0px; padding: 0px 0px 0px 4px; width: 95% }
#rightcolumn .black { color: #547d76; font-weight: bold }
#rightcolumn .orange { color: #fa440f }
/*bio*/
.bio { float: left; margin: 0em 0px 0px; padding: 0px; border-style: solid; border-width: 1px; border-color: #355050 #fa4e1c #fa4e1c #355050; width: 95%; display: inline }
.floatright { float: right; margin: 0px; padding: 0px; display:inline }
#rightcolumn .bio h1 { color: black; font-size: large; float: right; margin: 0em; padding: 0px; width: 100px; display: inline }
.bio h2 { font-size: xx-small; float: right; clear: right; margin: 0em 5em 0em 0em; padding: 0px; display: inline }
.bio .black { color: #547d76; font-weight: bold }
.bio .orange { color: #fa440f }
/*case studies*/
.casestudies { background-color: #ebecec; float: left; margin: 2% 0% 0%; padding: 1% 1% 1% 2%; width: 94%; display: inline }
.casestudies h3 { color: #fa440f; margin: 0.5em 0px 0px; padding: 0px; width: 100% }
.casestudies p { color: #547d76; font-size: x-small; margin: 0px; padding: 0px; width: 100% }
.casestudies a:link { color: #4d796e; text-decoration: underline; display:inline }
.insetcasestudies { float: left; margin: 0px; padding: 0px; width: 50%; display: inline }
.insetcasestudiesphoto { float: right; margin: 30px 0px 0px; padding: 0px; width: 30% }
/*ad*/
#ad { float: left; margin: 1% 2% 0px; padding: 0px; width: 96%; display: inline }
/*hr*/
.hr { background-image: url(../chrome/hr.gif); float: left; clear: left; margin: 1em 0px; padding: 0px; width: 95%; height: 1px; display: inline }
/*footer*/
#footer { color: white; font-size: small; background-color: #29403e; text-align: right; float: left; clear: left; margin: 1% 0px 0px; padding: 4px 0px; width: 100%; display: inline }
#footer p { float: right; clear: left; margin: 0px; padding: 0px 1em 0px 0px; display: inline }
#footer a:active { color: white; text-decoration: none }
#footer a:visited { color: white; text-decoration: none }
#footer a:link { color: white; text-decoration: none }
#footer a:hover { color: #0e2523; text-decoration: none }
.highlight { background-color: #ffddb9; float: left; margin: 4px 0px 0px; padding: 0px 4px 4px 0px; width: 100%; height: auto; display: inline }
.highlight p { margin: 0px; padding: 0px 0px 0px 4px; width: 95% }