/*elements*/
body,html                                 { color: #0e2523; font: small/125% Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background: white 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 }
#container  a:visited   { color: blue; font-size: small }
#container  a:active   { color: blue; font-size: small }
#container  a:link   { color: blue; font-size: small }
#container  a:hover   { color: #fa440f; font-size: small }
#logo  { float: left; margin: 26px 0px 0px 5px; padding: 0px; display: inline }

/*top right*/
#contact       { color: white; font: small/120%; text-decoration: none; background-color: #29403e; text-align: right; float: left; margin: 0px; padding: 4px 0px; 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%; height: auto; 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 }

/*left column*/
#leftcolumn        { float: left; margin: 30px 0px 0px 1em; padding: 0px; width: 55%; display: inline }
#leftcolumn h1         { font-size: 18px; float: left; margin: 0px; padding: 0px 0px 4px; width: 100%; display: block }
#leftcolumn h2     { font-size: medium; clear: left; margin: 1em 0px 0px; padding: 0px; width: 100% }
#leftcolumn h3     { color: #547d76; font-size: small; 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; font-size: 16px }
.flashphoto  { float: left; clear: left; margin: 4px 0px 0px; padding: 0px; display: inline }
/*right column*/
#rightcolumn     { float: left; margin: 30px 0px 0px 1%; padding: 0px; width: 35%; height: auto; display: inline }
#rightcolumn  h1            { color: black; font-size: medium; line-height: 120%; margin: 0.5em 0px 0px; padding: 0px; width: 95% }
#rightcolumn h2      { color: #0e2523; font-size: medium; clear: left; margin: 0.5em 0px 0px; padding: 0px; width: 95% }
#rightcolumn p        { float: left; clear: left; margin: 0.25em 0px 0px; padding: 0px; width: 95%; display: inline }
#rightcolumn .black   { color: #547d76 }
#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: left; margin: 0px; padding: 0px; width: 100px; display: inline }
#leftcolumn .bio h1         { color: black; font-size: medium; float: left; clear: none; margin: 0em; padding: 0px; width: 350px; 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% 2%; padding: 1%; 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 }

/*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: 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: 4% 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 }