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

body { background: #eee url('design/bg_body.jpg') repeat-x top left; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
sup { font-size: 7px; }

#container { width: 780px; left: 50%; top: 0; margin-left: -380px; position: absolute; }
#head { height: 390px; position: relative; overflow: hidden; background: #eee url('design/bg_head.jpg') repeat-x top left; }
#image { position: absolute; top: 0; right: 0; width: 394px; height: 377px; background: url('design/img_head.jpg') no-repeat top left; }
#logo { position: absolute; top: 131px; left: 0; width: 250px; height: 33px; background: url('design/img_logo.jpg') no-repeat top left; }
#logo a { display: block; width: 250px; height: 33px; text-decoration: none; }
#menu { position: absolute; top: 215px; left: 0; width: 270px; }
#menu a { display: block; width: 240px; height: 23px; text-decoration: none; color: #666; border-top: 1px solid #ccc; padding-top: 7px; padding-left: 35px; text-transform: uppercase; font-family: "Arial Black"; letter-spacing: -1px; }
#menu a span { display: none; }
#menu a:hover { color: #f90; }
#menu a:hover span { display: inline; margin-right: 3px; }
#contacts { position: absolute; bottom: 33px; left: 20px; font-size: 16px; color: #bbb; }

#body { overflow: hidden; margin-bottom: 20px; }
#body .col1 { width: 410px; float: left; text-align: justify; }
#body .col2 { width: 360px; float: left; margin-left: 10px; text-align: justify; }
#body .col3 { width: 780px; text-align: justify; }
#body .design1 { width: 30px; margin-right: 5px; float: left; border-top: 2px solid #666; }
#body .content { border-top: 2px solid #f90; float: left; padding-top: 10px; }
#body .col1 .content { width: 375px; }
#body .col2 .content { width: 325px; }
#body .col3 .content { width: 745px; }
#body .col1 h1, #body .col2 h1, #body .col3 h1 { margin: 0; padding: 0; font-size: 14px; text-transform: uppercase; letter-spacing: -1px; font-family: "Arial Black"; font-weight: normal; }
#body .content h2 { margin: 0; padding: 0; margin-top: 10px; font-size: 12px; text-transform: uppercase; letter-spacing: -1px; font-family: "Arial Black"; font-weight: normal; }
#body .content h3 { margin: 0; padding: 0; margin-top: 10px; margin-left: 30px; font-size: 12px; text-transform: uppercase; letter-spacing: -1px; font-weight: bold; }
#body .content p.backq { margin-left: 30px; margin-top: 3px; padding-top: 0; }

#foot { clear: both; margin-left: 35px; border-top: 1px solid #ccc; margin-bottom: 20px; padding-top: 10px; }
#foot .right { width: 200px; float: right; text-align: right; }
#foot .right a { color: #999; font-size: 10px; text-decoration: none; }
#foot .right a img { border: none; }
#foot .right a:hover { color: #666; font-size: 10px; text-decoration: none; }
#foot .right img { margin-bottom: -3px; }

#body .content ul { list-style: none; margin: 0; padding: 0; }
#body .content ul li { font-weight: bold; margin-bottom: 5px; }
#body .content ul ul { margin-left: 20px; margin-bottom: 15px; }
#body .content ul ul li { font-weight: normal; } 
#body .content a { font-weight: bold; text-decoration: none; color: #f90; }
#body .content a span { display: none; }
#body .content a:hover { color: #666; }
#body .content a:hover span { display: inline; margin-right: 3px; }

#body .col4 { width: 350px; float: left; text-align: center; }

table.prices { width: 400px; }
table.prices tr.head th { background: #ccc; border-bottom: 2px solid #999; padding: 5px; text-align: left; text-transform: uppercase; letter-spacing: -1px; font-family: "Arial Black"; font-weight: normal; color: #fff; }
table.prices td { padding: 5px; vertical-align: bottom; }
table.prices td.price { width: 100px; text-align: right; }
table.prices tr.odd { background: #ddd; }
table.prices td.name { width: 200px; }