/* reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
a { text-decoration:none }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */
div.clear { clear: both; }
div.hide { display: none; }


/* *************************************************************************************************/


/* general layout */
body { background: #000 url(../imgs/bg.jpg) repeat-x; text-align: center; padding: 0 0 40px 0; }
div#wrapper { width: 750px; background: #fff url(../imgs/bg-bottom.jpg) no-repeat bottom; text-align: left; border-right: 3px solid #ff0303; border-bottom: 3px solid #ff0303; border-left: 3px solid #ff0303; padding: 0 5px 5px 5px; margin: -0 auto; }
* html div#wrapper { margin: -20px auto; }
a#header { display: block; width: 750px; height: 83px; background: #fff url(../imgs/header.gif) no-repeat; position: relative; }
div#banner { width: 750px; height: 151px; background: #fff url(../imgs/banner.gif) no-repeat; }
div#col1 { width: 403px; float: left;  }
div#col2 { width: 332px; float: right; }
h3 { margin: 15px 20px 15px 10px; }
* html h3 { margin: 15px 20px; }
h2 { margin: 15px 20px; }
* html h2 { margin: 15px 20px; }
li { margin: 10px 15px 10px 25px; list-style: disc outside; }
* html li { margin: 10px 15px 10px 35px; }

p { margin: 10px; }
div#afterform { margin: 25px; background: #efefef; padding: 10px; border: 1px solid #555;}
p.formcontact { text-align: center; margin: 23px 0 10px 0; }

/* typography */
body { font-size:100%; }
p { font:0.8em/1.3em normal Arial, Helvetica, sans-serif; } /* 16x.875=14 */
p.formcontact { font-size:0.75em; color: #c00; } /* 16x0.75=12 */
* html body { font-size:16px; }
h3 { font: 1em/1.3em normal Arial, Helvetica, sans-serif; color: #222; font-style: italic; }
h2 { font: 1.37em/1.3em normal Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color: #c00; letter-spacing: .03em; }
li { font: .9em/1.3em normal Arial, Helvetica, sans-serif; color: #222; }
* html li { font-size: .85em; }
label { font: .7em/1.3em normal Arial, Helvetica, sans-serif; color: #006; }
a { color: #006; text-decoration: none; }
a:hover { text-decoration: underline; }
div#afterform a { text-decoration: underline; }

a.showmehow { display: block; width: 139px; height: 21px; background: url(../imgs/showmehow.gif) no-repeat; position: absolute; right: 0; bottom: 5px; }
a.download { display: block; width: 361px; height: 21px; background: url(../imgs/download.gif) no-repeat; margin: 20px 0 10px 21px; }

/* *************************************************************************************************/