html
{
height: 100%;
}

body
{
margin: 0; padding: 0;
font: 10px Verdana, Tahoma, Arial, sans-serif;
background: url("img/bg.jpg") repeat-y left top;
color: #333;
height: 100%;
}
body#index
{
background: #ebebd3 url("img/index_bg.gif") repeat-x center top;
}

div, table, p, ul, li, dl, dt, dd, h1, h2, h3, h4, form
{
margin: 0;padding: 0;
}

td, th
{
font: 11px Tahoma, Verdana, Arial, sans-serif;
text-align: left;
}
img
{
border: 0;
}

a
{
color: #040303;
text-decoration: underline;
}

#container
{
width: 729px;
padding: 0 0 0 21px;
background: #a1b5c8 url("img/container_bg.gif") no-repeat left top;
}
#header
{
height: 101px;
background: url("img/header_bg.gif") repeat-x left top;
}
#header h1
{
background: url("img/h1_bg.gif") no-repeat left top;
width: 230px;
height: 95px;
padding: 6px 0 0 9px;
float: left;
}
#header h1 a
{
display: block;
width: 101px;
height: 86px;
}
#header h1 span
{
display: none;
}

#header #navigation
{
float: right;
padding: 33px 5px 0 0;
}
#header #navigation li
{
list-style-type: none;
float: left;
width: 30px;
margin: 0 5px 0 0;
}
#header #navigation li a
{
display: block;
height: 16px;
}
#header #navigation li.sendmail
{
background: #cdd5de url("img/sendmail.gif") no-repeat left top;
}
#header #navigation li.home
{
background: #cdd5de url("img/home.gif") no-repeat left top;
}
#header #navigation li.sendmail a:hover
{
background: #fff url("img/sendmail.gif") no-repeat left top;
}
#header #navigation li.home a:hover
{
background: #fff url("img/home.gif") no-repeat left top;
}
#header #navigation li span
{
display: none;
}

#container h2
{
text-align: right;
padding: 5px 14px 0 0;
background: #fff url("img/container_h2_bg.gif") no-repeat left top;
height: 18px;
font: bold 10px Verdana, Tahoma, Arial, sans-serif;
color: #003f6b;
}

#main
{
background: #fff url("img/main_bg.gif") repeat-y left top;
border-bottom: 1px solid #003f6b;
}
#main.pictures
{
background: #fff url("img/main_pictures_bg.gif") repeat-y left top;
}

#menu
{
float: left;
width: 132px;
font: bold 10px Verdana, Tahoma, Arial, sans-serif;
}
#menu a
{
color: #003f6b;
text-decoration: none;
}
#menu a:hover
{
color: #006bb8;
}
#menu dl
{
background: url("img/menu_bg.gif") repeat-x left bottom;
padding: 5px 0 0 0;
}
#menu dt
{
background: url("img/menu_bg.gif") repeat-x left top;
padding: 5px 0 5px 9px;
text-transform: uppercase;
}
#menu dt.active
{
background: #f9f9fb url("img/menu_bg.gif") repeat-x left top;
}
#menu dd
{
background: #f9f9fb;
padding: 0 0 5px 20px;
}
#menu dd.c_sub { padding: 0pt 0pt 5px 23px; background: rgb(249, 249, 251) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;
	font-weight: normal;
}
#menu dd.c_suba { padding: 0pt 0pt 5px 23px; background: rgb(249, 249, 251) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;}

#text
{
float: right;
width: 553px;
padding: 18px 30px 20px 5px;
}

#text p
{
padding: 0 0 13px 0;
}

#text ul
{
padding: 0 0 15px 40px;
list-style-type: square;
}
#text ul.contacts
{
padding: 0 0 0 40px;
list-style-type: none;
}
#text ul.contacts li
{
padding: 0 0 15px 0;
}

#text .pictures
{
float: left;
width: 93px;
padding: 0 0 0 5px;
}
#text .pictures img
{
margin: 0 0 12px 0;
}
#text .text
{
float: right;
width: 325px;
padding: 2px 0 0 25px;
}

#text .products
{
padding: 15px 0 0 0;
}
#text .product
{
width: 244px;
text-align: center;
background: #f9f9fb;
padding: 25px 0 10px 0;
margin: 0 22px 12px 10px;
float: left;
}
* html #text .product
{
margin: 0 11px 12px 5px;
}
#text h3
{
font: 10px Verdana, Tahoma, Arial, sans-serif;
background: url("img/h3_bg.gif") repeat-x left bottom;
padding: 0 0 5px 0;
margin: 0 20px 10px 20px;
color: #003f6b;
}

#footer
{
background: #fff;
border-top: 1px solid #006bb8;
height: 20px;
color: #003f6b;
}
#footer a
{
color: #003f6b;
text-decoration: none;
background: url("img/footer_a_bg.gif") no-repeat left top;
padding: 0 0 0 8px;
}
#footer li
{
list-style-type: none;
float: left;
text-transform: uppercase;
font: bold 10px Tahoma, Verdana, Arial, sans-serif;
margin: 0 10px 0 0;
padding: 3px 0 0 0;
}
* html #footer li
{
margin: 0 5px 0 0;
}
#footer li.topofpage
{
background: url("img/topofpage.gif") no-repeat left top;
padding: 0;
width: 142px;
overflow: hidden;
margin: 0 350px 0 0;
}
#footer li.topofpage a
{
display: block;
height: 20px;
}
#footer li.topofpage span
{
display: none;
}

#index #container
{
background: url("img/index_container_bg.gif") no-repeat center top;
width: 776px;
margin: auto;
padding: 400px 0 0 0;
}
#index h1
{
display: none;
}
#index #menu
{
padding: 100px 0 0 0;
margin: 0;
height: 50px;
background: none;
width: auto;
}
#index #menu li
{
float: left;
list-style-type: none;
width: 194px;
text-align: center;
text-transform: uppercase;
}
#index #menu li a
{
color: #003f6b;
text-decoration: none;
}

.tuksums
{
clear: both;
}