@charset "utf-8";
/* style.css */

/* reset */
body, p, ul, li, h1, h2, h3, p, form, div, img { margin: 0; padding: 0; }
a { color: #DB2E5A; text-decoration: underline; }
a:hover { color: #E25C7E; text-decoration: none; }
a img { border: none; }

span.ures { width: 0; display: none; visibility: hidden; }
div.ahover { position: absolute; background: #DB2E5A; }

body { background: #2C131E url('design/bg_body.jpg') repeat-y center center; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
#container { left: 50%; margin-left: -400px; position: absolute; top: 0; width: 800px; }
#head { background: url('design/bg_head.jpg') no-repeat top left; height: 360px; position: relative; }
#logo { position: absolute; width: 238px; height: 37px; top: 38px; left: 18px; background: url('design/bg_logo.jpg') no-repeat top left; }
#logo a { display: block; width: 238px; height: 37px; text-decoration: none; }
#menu { width: 480px; height: 25px; position: absolute; right: 30px; top: 50px; text-align: right; }
#menu a { color: #bbb; text-decoration: none; position: relative; padding: 0.5em 0.5em; z-index: 200; line-height: 1.5; }
#menu a:hover, #menu a.on { color: #fff; }
#menu img { margin: 0 7px -8px 7px; }
#flashcontent { position: absolute; bottom: 10px; right: 0; width: 480px; height: 130px; }
#hiddentexts { display: none; visibility: hidden; }

#body { margin-left: 0px; background: #000 url('design/bg_content.jpg') repeat-x left top; overflow: hidden;  }
#content { float: left; width: 510px; margin: 20px; background: #666 url('design/bg_content0.jpg') repeat-x top left; padding: 10px; }
#content h1 { color: #fff; letter-spacing: -1px; font-size: 24px; font-weight: normal; font-family: Arial; }
#content h2 { clear: both; color: #51192B; letter-spacing: -1px; font-size: 18px; font-weight: normal; font-family: Arial; margin-top: 15px; }
#content p { padding-top: 10px; }
#content p.quote { padding-top: 0px; margin-left: 30px; }
#content a { color: #fff; } #content a:hover { color: #fff; }

#imgroller { border: 5px solid #777; margin: 10px; width: 300px; height: 225px; left: 50%; margin-left: -150px; }
#imgroller img { width: 300px; height: 225px; }
img.productimage { border: 5px solid #777; float: right; margin: 0 10px; }
p.strong { font-weight: bold; color: #51192B; }

a.product { display: block; width: 153px; margin: 8px; text-decoration: none; color: #666; float: left; text-align: center; }
a.product img { border: 5px solid #777; margin-bottom: 5px; }
a.product:hover { color: #fff; }
a.product:hover img { border: 5px solid #fff; }
p.clear { height: 1px; clear: both; }

#right { width: 210px; float: left; color: #fff; margin-top: 20px; }
#right h1 { color: #fff; font-size: 20px; letter-spacing: -2px; font-weight: normal; }
#right p { padding-top: 10px; }
#right p.input input, #right form p.input textarea  { width: 200px; margin-top: 1px; border: 1px solid #FF3366; background: #333; color: #aaa; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#right p.input span { color: #FF3366; }
#right p.input textarea  { height: 50px; }
#right p.input input.true { border: 1px solid #FF3366; background: #333; color: #aaa; }
#right p.input input.false { border: 1px solid #ff0000; background: #400; color: #f00; }
#right p.submit { text-align: center; }
#right p.submit input { width: 106px; height: 30px; background: url('design/bg_submit.jpg') no-repeat center center; border: none; }
#content2 { clear: both; padding: 10px; background: #50464A url('design/bg_content2.jpg') repeat-x top left; color: #888; border-top: 1px solid #333; border-bottom: 1px solid #333; }
#content2 h1 { font-size: 30px; font-weight: normal; letter-spacing: -2px; width: 200px; float: left; }
#content2 p { padding-top: 5px; padding-bottom: 10px; }

#foot { padding: 10px; overflow: hidden; }

/* lecoin */
#lecoin { position: relative; height: 62px; overflow: hidden; width: 250px; float: left; }
#lecoin a { display: block; position: absolute; text-decoration: none; color: #666; font-family: Georgia, "Times Roman", serif; }
#lecoinlogo { width: 62px; top: 0; left: 0; width: 62px; height: 62px; }
#lecoinname { width: 70px; position: absolute; top: 10px; left: 70px; font-size: 20px; }
#lecoinslogan { width: 150px; position: absolute; top: 30px; left: 70px; font-size: 14px; }

/* logos */
#logos { width: 520px; float: left; text-align: right; }
#webbel { width: 520px; float: left; text-align: right; height: 25px; }