html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; height: 100%; width: 100%; color: #333333; background: url('/img/bg.jpg') #DEDEDE; font-family: Arial, Verdana, Helvetica, Tahoma; font-size: 75%; vertical-align: center;}
#body {width: 100%; min-width: 770px; height: 100%;} /*width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 770)? "770px" : "100%" && ((document.documentElement.clientWidth || document.body.clientWidth) > 1280)? "1280px" : "100%"); min-width: 770px; max-width: 1280px;*/


/* --------- Links --------- */

a {color: #CC0000;}
a:hover { color: #FF0000;}


/* --------- Headers --------- */

h1 {clear: both; color: #CC0000; font-size: 250%; font-weight: normal; margin: 0 0 25px 0; line-height: 1.2em; font-family: Arial, Tahoma, Helvetica, Verdana;}
h1 a {color: #CC0000; font-style: normal;}
h2 {clear: both; color: #000000; font-size: 130%; font-weight: normal; margin: 0.9em 0 0.3em 0; font-family: Arial, Verdana, Helvetica, Tahoma;}
h2.h-main {clear: both; color: #000000; font-size: 170%; font-weight: normal; margin: 0 0 0.3em 0; font-family: Arial, Verdana, Helvetica, Tahoma;}
h2.h-in {clear: none; float: left; color: #000000; font-size: 130%; font-weight: normal; margin: 0; font-family: Arial, Verdana, Helvetica, Tahoma;}
h2 a {color: #000; font-style: normal; text-decoration: none; border-bottom: #CC0000 1px dotted;} /* border-bottom: #FF6666 1px solid;*/
h2 a:hover {color: #FF0000; font-style: normal; text-decoration: none; border-bottom: #FF0000 1px dotted;}
h3 {clear: both; color: #000000; font-size: 110%; font-weight: bold; margin: 0.9em 0 0em 0; font-family: Arial, Verdana, Helvetica, Tahoma;}
h3 a {color: #000000;}


p {padding: 0; margin: 0 0 1em 0;}
ul, ol {line-height: 1.5em;}
blockquote { width: 90%; background: #F9F9F9 url('/img/bg-blockquote.gif') left bottom; border-right: #C7C7C7 1px solid; border-left: #fff 1px solid; border-top: #fff 1px solid; font-family: Georgia, Verdana, Arial, Helvetica, Tahoma; font-style: italic; color: #3F3F3F; font-size: 100%; line-height: 1.4em; padding: 20px 30px 20px 30px; margin: 20px 0 20px 0px;}
strong { font-weight: normal; }

/* --------- Fonts --------- */

.yellow {color: #FFCC00;}
.grey {color: #999;}
.smallgrey {font-size: 93%; color: #4B4B4B;}
.small {font-size: 93%;}
.intro {font-size: 120%;}
a.hd {color: #333333; text-decoration: none;}
.phone {font-size: 170%; color: #000000; padding-bottom: 10px;}
.red-middle {font-size: 14px; font-weight: bold; color: #CC0000; text-decoration: none; } /* border-bottom: #FF6666 1px solid;*/
.nobr { white-space: nowrap; }


/* --------- Forms --------- */

input:focus, textarea:focus { background-color: #FFFFCC; }


/* --------- Blocks --------- */

.br {width: 100%; height: 1px; clear: tour;}

#top {z-index: 3; position: relative; width: 100%; height: 141px; background: repeat-x url('/img/bg-top.jpg'); border-bottom: #B6B6B6 1px solid;}
#logo {position: absolute; left: 5%; top: 45px; width: 201px; height: 45px;}
#logo a {background: url('/img/logo.gif') no-repeat left top; display:block; width: 201px; height: 45px; text-indent:-1000em; outline:0;}
#menu-block {position: absolute; left: 37%; top: 47px; width: 58%; height: 40px; padding: 0px 0px 0px 10px;}
#menu {z-index: 2; position: absolute; width: 100%; margin: 0; padding: 0; font-family: Arial, Tahoma, Verdana; font-size: 120%;}
ul#menu li {width: 33%; height: 40px; margin: 0; padding: 0; float: left; list-style: none; background: url('/img/button-menu.gif') no-repeat;}
#menu li a {position: relative; display: block; width: 131px; text-align: center; color: #000000; margin: 10px 0 0 0; }
.active { font-weight: bold; text-decoration: none; color: #9F6A00;}
.active-link { font-weight: bold; color: #9F6A00;}

#splash {position: relative; width: 100%; height: 270px; background: url('/img/bg-content.jpg') repeat-x; border-top: #EFEFEF 1px solid;}
#splash-lines {width: 100%; height: 260px; background: url('/img/bg-lines.png') repeat-x; }
#splash-left {position: absolute; top: 25px; width: 33%; text-align: center;}
#splash-center {position: absolute; left: 33%; top: 51px; width: 33%; text-align: center;}
#splash-right {position: absolute; left: 66%; top: 15px; width: 33%; text-align: center;}

#content-main {position: relative; padding-top: 20px; width: 100%; height: 260px; background: url('/img/bg-content-bottom.jpg') bottom repeat-x; border-bottom: #9D9D9D 1px solid;}
#content-main-left {position: absolute; left: 5%; width: 30%; padding: 0px 10px 0px 0px; line-height: 1.8em;}
#content-main-right {position: absolute; left: 37%; width: 58%; padding: 0px 10px 0px 10px; line-height: 1.4em;}

.variant-button {height: 40px; width: 156px; margin: 0px 0px 0px 10px; padding: 0; float: left; background: url('/img/variant-button.gif') center no-repeat;}
.variant-link {margin: 13px 0px 0px 12px; padding: 0;}
.variant-text {width: 85%; margin: 55px 10px 0px 22px; padding: 0px 0px 10px 0px;}

#content {position: relative; width: 100%; background: url('/img/bg-content.jpg') repeat-x; border-top: #EFEFEF 1px solid;}
#content-bottom {position:relative; width:100%; height:80px; margin:15px 0 0 0; background:url('/img/bg-content-bottom.jpg') bottom repeat-x; border-bottom:#9D9D9D 1px solid;}
#left {position: relative; float:left; left:5%; width:55%;}
#left-content { float: left; position: relative; left: 50px; margin:3em 0 0 0; width: 95%; line-height: 1.6em; font-size: 120%;}
#right {float: right; top: 73px; width: 30%;}

ul#navigation {margin: 0.7em 0 0 0; padding: 0 15px 0 15px;}
ul#navigation li { margin:0em 0 0.4em 0; padding: 0 0 0.5em 0; font-size:1.2em; list-style-type: none; border-bottom: #f9f9f9 1px dashed;} 
ul#navigation li a {color: #000; text-decoration: none; border-bottom: #FF0000 1px solid;}
ul#navigation li a:hover {color: #FF0000; text-decoration: none; border-bottom: #FF0000 1px solid; }
ul#navigation li strong { color: #000; }
ul#navigation li strong a { color: #000;}
ul#navigation li strong a:hover { color: #FF0000; text-decoration: none; border-bottom: #FF0000 1px solid;}
ul#navigation li ul { margin:0.7em 0 0 0em; padding: 0 0 0 1.5em;}
ul#navigation li ul li { font-size: 0.9em; list-style-type: none; border: 0;}

.r-corners-submenu { float:left; width:250px; position:relative; overflow:hidden; margin:2.5em 0 4em 0em; padding:10px 0; }
.r-corners-submenu .content { background:#DADADA; padding:10px 10px; }
.r-corners-submenu .cn{ position:absolute; width:20px; height:20px; left:-10px; top:-10px; background:url('/img/r-corners-submenu.png'); }
.r-corners-submenu .cn.tr, .r-corners-submenu .cn.br { margin-left:100%; }
.r-corners-submenu .cn.bl, .r-corners-submenu .cn.br { top:auto; }
.r-corners-submenu .cn{ background:url('/img/r-corners-submenu-3.png'); }
.r-corners-submenu .cn.tl, .r-corners-submenu .cn.bl { width:100%; } 

.r-corners-f9 {float:left; width:100%; position:relative; overflow:hidden; padding:10px 0; margin: 10px 0 10px 0; }
.r-corners-f9 .content{ background:#f9f9f9; padding:5px 30px; font-family: Georgia, Verdana, Arial, Helvetica, Tahoma; color: #3F3F3F; line-height: 1.4em; } /* font-style: italic;*/
.r-corners-f9 .cn{ position:absolute; width:20px; height:20px; left:-10px; top:-10px; background:url('/img/r-corners-f9.png'); }
.r-corners-f9 .cn.tr, .r-corners-f9 .cn.br { margin-left:100%; }
.r-corners-f9 .cn.bl, .r-corners-f9 .cn.br { top:auto; }
.r-corners-f9 .cn{ background:url('/img/r-corners-f9-2.png'); }
.r-corners-f9 .cn.tl, .r-corners-f9 .cn.bl { width:100%; }

#footer {position: relative; width: 100%; height: 140px; margin: 0; background: url('/img/bg-footer.jpg') repeat-x; border-top: #EBEBEB 1px solid;}
#copy {position: absolute; left: 5%; width: 45%; top: 40px; line-height: 1.6em; }
#counters {position: absolute; left: 5%; top: 75px;}
#contacts {position: absolute; left: 80%; width: 20%; top: 40px; line-height: 1.6em;}
#phone {position: absolute; line-height: 1.6em; text-align: left;}


/* --------- Tables --------- */

table.variant-table {border: 0; border-collapse: collapse; width: 100%; height: 190px; padding: 0; margin: 0; }
td {padding: 0; margin: 0; }
td.variant-tl {margin: 0; padding: 0; width: 12px; height: 12px; background: url('/img/c-grey-tl.gif') left top no-repeat;}
td.variant-tc {margin: 0; padding: 0; height: 12px; background: #DADADA; border-top: #F1F1F1 1px solid;}
td.variant-tr {margin: 0; padding: 0; width: 12px; height: 12px; background: url('/img/c-grey-tr.gif') right top no-repeat;}
td.variant-br {margin: 0; padding: 0; width: 12px; height: 12px; background: url('/img/c-grey-br.gif') right bottom no-repeat;}
td.variant-bc {margin: 0; padding: 0; height: 12px; background: #DADADA; border-bottom: #B1B1B1 1px solid;}
td.variant-bl {margin: 0; padding: 0; width: 12px; height: 12px; background: url('/img/c-grey-bl.gif') no-repeat; background-position: left bottom; }
td.variant-l-content {margin: 0; padding: 0; width: 12px; background: #DADADA; border-left: #F1F1F1 1px solid;}
td.variant-r-content {margin: 0; padding: 0; width: 12px; background: #DADADA; border-right: #B1B1B1 1px solid;}
td.variant-content {margin: 0; padding: 0; background: #DADADA; vertical-align: top;}

table.variant-content-table {border: 0; border-collapse: collapse; width: 100%; height: 140px; margin: 10px 0 0 0; padding: 0;}
td.variant-content-l {width: 33%; vertical-align: top;}
td.variant-content-c {width: 33%; vertical-align: top;}
td.variant-content-r {width: 33%; vertical-align: top;}
td.variant-content-border {width: 2px; background: repeat-y url('/img/border-grey-2px.gif');}


table {border: 0; border-collapse: collapse; width: 100%;}
td {padding: 0;}
table.price {border: 0; border-collapse: collapse; margin: 10px 0 0 0; border-top: #C9C9C9 1px dotted; border-left: #D6D6D6 1px dashed;}
table.price td { padding: 5px; }
.price-title { font-weight: bold; text-align: center; font-size: 90%; background: #DEDEDE; border-bottom: #EBEBEB 1px dotted; border-right: #EBEBEB 1px dashed; }
.price-value { width: 10%; text-align: center; font-size: 90%; border-bottom: #C9C9C9 1px dotted; border-right: #D6D6D6 1px dashed; }
.price-name { width: 30%; font-size: 75%; border-bottom: #C9C9C9 1px dotted; border-right: #D6D6D6 1px dashed; line-height: 1.3em; }