@charset "utf-8";
/* CSS Document */

html, body { width: 100%; height: 100%; padding: 0px; margin: 0px; line-height: 150%; font-family: tahoma; color: #bbbbbb /*#d2cbcb*/; font-size: 12px; background: #000000;}
img { border: 0px; }
a { color: #bc1414; font-size: 12px; text-decoration: none }
a:hover { text-decoration: underline }
small { font-size: 10px; }

.clear { clear: both }
.float_left { float: left }
.float_right { float: right }

#wrapper { z-index: 5; width: 100%; margin: 0px; height: 100%; }

#left { width: 50%; height: 768px; background: url(images/left.jpg) repeat-x; z-index: 10; position: absolute; }
#page { width: 970px; height: 768px; background: url(images/background.png) no-repeat; margin: 0px auto; position: relative; z-index: 11;  }

#menu { width: 39px; height: 410px; position: absolute; top: 200px; left: 165px; margin: 0xp; padding: 0px; }
#menu a { display: block; font-size: 0px; background-image: url(images/menu_normal.png); width: 30px; line-height: 0px;color: #141414; }
#menu a:hover { background-image: url(images/menu_hover.png); text-decoration: none;}
#menu a:focus { outline: none; }
#menu a.active { background-image: url(images/menu_active.png); }
#menu a.contact  { background-position: 0px -120px; height: 70px; margin-top: 120px; }
#menu a.about  { background-position: 0px -190px;  height: 70px; }
#menu a.offer  { background-position: 0px -260px; height: 70px; }
#menu a.main  { background-position: 0px -330px; height: 70px; }

#box { width: 635px; height: 370px; position: absolute; top: 220px; left: 202px; }

div.textbox { position: absolute; margin: 25px 30px; text-align: justify; font-family: verdana }
div.contact { position: absolute; margin: 50px 70px; }
div.company_info { position: absolute; margin-top: 80px; margin-left: 320px;}