/*elements*/
body,html                                    { color: #0e2523; font: small/125% Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background: black 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*/
#outer   { margin: 0px auto; padding: 0px; width: 980px; height: auto }
#container         { background: #355050 url(../chrome/creative_menu.jpg) repeat-x; float: left; clear: left; margin: 0px; padding: 0px; width: 980px; height: auto; display: inline }
#logo     { background: url(../chrome/black_e-trans.png) no-repeat 0px 0px; float: left; margin: 0px; padding: 0px; z-index: 5; top: 0px; left: 0px; width: 84px; height: 84px; display: inline }

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

/* menu*/
#menu       { font-size: small; line-height: 120%; text-align: left; float: left; margin: 0px; padding: 15px 0px 4px; z-index: 3; width: 980px; 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 }


/*footer*/
#footer         { color: white; font-size: small; background-color: #29403e; text-align: right; float: left; clear: left; margin: 0px; padding: 4px 0px; border-style: solid; border-width: 1px 0px 0px 0px; border-color: white; width: 980px; 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% }
#creative    { float: left; clear: left; margin: 0px auto; padding: 0px; width: 980px }

