body { height: 100%; background-color: #3d3837; margin: 0; }
body, table { font: 12px/1.3 Helvetica, Arial, sans-serif; color: white; }
img { border: 0; }

h2 { font-size: 12px; font-weight: bold; margin: 0 0 8px 0; }

td { width: 135px; padding: 3px 0; }
th { text-align: left; width: 70px; padding: 3px 0; font-weight: normal; }

a { color: white; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 0 0 5px 0; }
form { margin: 0; padding: 0; }
form p { margin: 4px 0 ; }
a#send { font-size: 13px; font-weight: bold; color: white; text-decoration: none; }

input, select { font: 11px Helvetica, Arial sans-serif; border: none; background-color: white; color: black; padding: 3px; }
input.text { width: 120px; }
input.wide { width: 320px; }

.field-error { background-color: #ffcdcd; }

#container { position: absolute; width: 721px; height: 508px; left: 50%; top: 50%; margin: -254px 0 0 -360px; }
#banner-main-horne { display: block; height: 107px; background: url(../images/banner-main-horne.gif); }
#banner-main-optitherm { display: block; height: 103px; background: url(../images/banner-main-optitherm-2.jpg); }

#content-top { height: 210px; background: #7E938D url(../images/logo-set.jpg) no-repeat 25px 0; position: relative; }
#horne-logo { position: absolute; left: 25px; top: 0; display: block; }
#horne-logo img { display: block; }
#awards-logo { position: absolute; right: 25px; top: 33px; display: none; }

#content-top p { float: left; margin: 130px 0 0 25px; width: 318px; }

#nav { position: absolute; bottom: 0; left: 25px; font-size: 10px; }
#nav a { display: block; float: left; border-bottom: 3px solid #7E938D; color: white; text-transform: uppercase; text-decoration: none; line-height: 1; padding: 0 7px 5px 7px; }
#nav a:hover,
#nav a.selected { border-color: #00b7ce; }

#content-bottom { position: absolute; bottom: 0; left: 0; height: 298px; width: 721px; background: url(../images/photo.jpg) no-repeat bottom; }

#content { display: none; position: absolute; bottom: 0; left: 15px; width: 420px; height: 270px; }
#transparency { position: absolute; top: 0; left: 0; width: 420px; height: 270px; background-color: #00adce; opacity: 0.8; filter: alpha(opacity=85); }
#content .inner { position: absolute; top: 10px; left: 10px; width: 400px; height: 250px; overflow: hidden; margin: 0; padding: 0; display: none; }
#content .active { display: block; }

#footer div { font-size: 10px; position: absolute; left: 50%; top: 50%; margin: 260px 0 0 -358px; line-height: 1; }
#contact { }
#atom { width: 717px; text-align: right; }

#no-javascript { background: #FFFFCC; color: #FF3300; padding: 7px; font-weight: bold; text-align: center; border-bottom: 1px solid #CBCC97;}