* { font-size: 100.01%; margin: 0; padding: 0;}
html, body {height: 100%;}
body {font-family: Arial, sans-serif; background: #fff url(leftcol-bg.gif) 0% 0% repeat-y; color: #000; line-height: 1.4; font-size: 0.75em;}

a {color: #133b8a; text-decoration: underline;}
a:hover {color: #2F61BD; text-decoration: underline;}

h2, h3, h4 {margin: 1em 0 0.5em; line-height: 1.2;}
h2 {font-size: 1.33em; color:#133b8a;}
h3 {font-size: 1.17em; color:#010101;}
h4 {font-size: 1.08em; color:#010101;}

h1 {font-size:1.42em; background:#4271ce url(shadow.jpg) bottom left no-repeat; color:#FFFFFF; padding:2px 10px 10px 20px; display:block; width:250px; margin:0 0 1em;}
* html h2,
* html h3,
* html h4 {margin-top: expression( !this.previousSibling || ( this.previousSibling && this.previousSibling.nodeName.match(/^H[1-4]$/) ) ? 0 : '1em' );}
h2:first-child, h3:first-child, h4:first-child {margin-top: 0;}
h1+h2, h1+h3, h1+h4, h2+h3, h2+h4, h3+h4 {margin-top: 0;}

hr {margin: 7px 0; height: 1px; border: none; background: #ccc; color: #ccc;}
* html hr {margin: 0;}
*+html hr {margin: 0;}

ul, ol {margin: 0 0 0.65em 2em; line-height: 1.3em;}
li {margin: 0 0 0.2em 0;}
dl {margin: 0.5em 0 0.65em 0;}
dt {font-weight: bold; margin: 0.5em 0 0 0;}
dd {margin: 0 0 0 2em;}

p {margin: 0 0 0.65em 0;}

table {border-collapse: collapse; border-spacing: 0; border: none;}
td, th {padding: 0; border: none; vertical-align: top;}

*:focus {outline: none;}
img {border-width: 0;}

.clear {clear: both; min-height: 0; height: 0; line-height: 0; font-size: 0;} 
.a-left {text-align: left;}
.a-center {text-align: center;}
.a-right {text-align: right;}

.f-left {float: left;}
.f-right {float: right;}
img.f-left {margin-right: 1.5em;}
img.f-right {margin-left: 1.5em;}
img.bord {border:1px solid #ccc;}

form {padding: .5em 0;}
fieldset {margin-bottom: 1em; border: none;}
legend {margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; padding-left: 30%;}
.f-row {overflow: hidden; margin-bottom: .5em;}
label {float: left; text-align: right; width: 25.99%; padding: 0 2%;}
.f-inputs {padding-left: 30%;}
* html .f-inputs {padding-left: 0; height: 1%;}
.f-actions {padding-top: 1em;}
* html .f-actions {padding-left: 30%; zoom: 1;}

input, select, input {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px;}
input {vertical-align: middle;}
.i-checkbox {margin-top: 3px;}
.i-text {width: 280px; padding: 1px;}
.i-select {width: 284px; padding: 1px;}
.button {padding: 0 .25em; width: auto; overflow: visible; cursor: pointer;}
textarea {overflow: auto;}

.clearfix:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* main */
#main {min-height: 100%; background: url(right-bg.jpg) 100% 0% repeat-y; position:relative;}
* html #main {height: 100%;}

#footer {height: 50px; margin-top: -50px; position:relative;}
.empty {width: 100%; height: 70px; clear: both;}

#container {width: 100%; float: right; margin-left: -226px;}
#center {margin-left: 226px;}
#content {margin-right: 270px; padding-top:2em;}
#leftcol {float: left; width: 180px;}
#rightcol {float: right; width: 220px;}

/* top */
#header {height:138px; background: url(top-bg.jpg) 0% 0% repeat-x;}
#logo {float: left;}
#logo img {margin:21px 0 0 24px;}
#top-contact {color:#fff; margin:18px 0 0 30px; height:28px;}
#top-pic {background: #4E9BE1 url(top-pic.jpg) 100% 0% no-repeat; width:449px; height:168px; position:absolute; right:0; top:0; font-size:0;}

.header {padding-right: 480px;}

/* leftcolumn */
#menu {width:178px;}
#menu h2 {margin:0; height:32px; background: url(menu-bg.gif) 0% 0% repeat-x; padding-left:8px; font-size:0;}
#menu h2 a {display:block; height:32px; cursor:pointer; text-decoration:none; color:#fff; font-size:10pt; font-weight:bold; line-height:32px;}
#menu h2 a:hover {color:#fff;}

#menu ul {list-style: none; margin: 4px 15px 0 15px;}
#menu li {list-style: none; margin: 0; font-size:9pt; text-transform: lowercase; padding-bottom:4px; line-height:1.1;}
#menu li a {color:#fff; text-decoration:none;} 
#menu li a:hover {color:#fff; text-decoration:underline;}
#menu li a.act {font-weight:bold;}

#menu h2.about {background: url(menu1-bg.jpg) 0% 0% repeat-x; height:31px;}
#menu h2.about a {background: url(1.gif) 100% 0% no-repeat; height:31px; line-height:31px;}

#menu h2.articles a {background: url(7.gif) 100% 0% no-repeat;}
#menu h2.catalog a {background: url(2.gif) 100% 0% no-repeat;}

#menu h2.dealers {height:31px;}
#menu h2.dealers a {background: url(3.gif) 100% 0% no-repeat; height:31px; line-height:31px;}
#menu h2.photo a {background: url(4.gif) 100% 0% no-repeat;}
#menu h2.service a {background: url(5.gif) 100% 0% no-repeat;}
#menu h2.library a {background: url(6.gif) 100% 0% no-repeat;}

/* righcolumn */
#rightcol .content {padding:30px 40px 0 40px;}
.ban {margin-bottom:15px;}

/* home content */
#newsblock {margin-top:4em;}
#newsblock .news {float: left; width: 49%;}
#newsblock .news h2 {font-size: 1.08em; margin: 0.3em 0 0.2em 0;}
.first {padding-right: 1.5em;}
.last {padding-left: 1.5em;}
.date {font-size: 0.92em; color: #133b8a;}

table.banblock {margin-top:3em; line-height:1.2; font-size:11pt;}
table.banblock td {text-align:center; vertical-align:middle; background: url(ban-bg.jpg) 50% 0% no-repeat; height:67px;} 
table.banblock td a {text-decoration:none;}

/* footer */
#footer #copy {float: left; width: 226px;}
#footer #copy div {margin:5px 0 0 15px;}
#footer #copy div a,#footer #copy div a:hover {color:#000;} 
#footer #bot-conact {margin-top:25px;}

/* content */
ul.list {list-style-type: none; font-size: 1.17em; margin: 0;}
.links {margin-bottom: 15px;}

.articles {margin: 0 0 1em 0;}
.articles h2 {margin: 0.2em 0 0.2em; font-size: 1.08em; font-weight:normal;}
.articles ul {list-style: none;}
.articles p {margin: 0;}

.pic_left {float: left; margin: 10px 20px 5px 0; width: 150px;}
.pic_left p {font-size: 0.92em;	width: 140px; margin: 0 0 0 5px;}

.small {font-size: 0.92em;}
.bold {font-weight: bold;}
.red {color: red;}
.photo_name {margin: 3px 0; font-size: 0.92em; font-weight: bold;}
.big {font-size: 1.17em; color: #675E39;}

.sitemap {margin-bottom: 0.65em; font-size: 1.17em;}
.sitemap ul {list-style: none; font-size: 0.93em;}
.sitemap ul ul {list-style: none; font-size: 0.92em;}

table.tbl {border-collapse: collapse; font-family: Tahoma, sans-serif; clear: both; border: 1px solid #ccc; margin: 0.5em 0;}
table.tbl th {padding: 3px 5px; font-size: 0.92em; border: 1px solid #ccc;}
table.tbl td {padding: 2px 5px; border: 1px solid #ccc; vertical-align: top;}

table.tbl-bord {border-collapse: collapse; border: 1px solid #ccc;}
table.tbl-bord td {border: 1px solid #ccc;}

/* columns */
.columns2 .col {float: left; width: 49%;}
.columns3 .col {float: left; width: 33%;}
.columns4 .col {float: left; width: 25%;}
.col-content {padding-right: 1.5em;}
.col-first {padding-left: 0!important;}
.col-last {padding-right: 0!important;}

.hlinks {
	font-size: 12px;
	color: #fff;
	float: right;
	padding-top: 16px;
	text-align: right;
}
.hlinks a {
	color: #fff;
}
.hlinks a:hover {
	text-decoration: none;
}