/* CSS Document */

body { margin: 0; font: normal normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 16px; color: #000; background: #5681a3; }
p, h1 { margin: 0 0 15px 0; padding: 0 }

a:link, a:visited, a:active { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }

#bg { margin: 0 auto; padding-top: 80px; padding-bottom: 80px; width: 900px; background: url(../graphics/bg.gif) repeat-y; }
#bgBottom { margin: 0 auto; width: 900px; height: 25px; background: url(../graphics/bg_bottom.gif) no-repeat; }
#wrapper { margin: 0 auto; width: 750px; height: 500px; border: 1px solid #000; }
#header { margin: 0; float: left;  height: 500px; width: 285px; background: url(../graphics/hdr.jpg) no-repeat; }

#content { margin: 0; float: left; padding: 20px 20px 0 0; height: 480px; width: 445px; background: #e9f8ff; overflow: hidden; }
#content h1 { font-size: 16px; font-weight: bold; color: #005596; margin-bottom: 8px; }
#content h2 { font-size: 14px; color: #005596; margin-bottom: 0px; margin-top: 3px; }
#content h3 { float: left; margin: 0 15px 10px 15px; font-size: 12px; font-weight: bold; color: #005596; }
.prodImages { float: left; width: 81px; margin: 0 15px 0 0; }
.prodImages img { border: 1px solid #000; margin-bottom: 15px; }

#footer { width: 750px; margin: 5px auto 0 auto; text-align: right; }
#footer p { font-size: 11px; font-weight: 100; color: #FFF; }
#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { text-decoration: underline; }