
body { color: #231f20; font-family: Tahoma, Verdana, Arial; font-size: 12px; }

a { color: #231f20; text-decoration: none; }
a:hover { color: #0e76bc; text-decoration: underline; }

img { border: 0; }

html, body, form { padding: 0; margin: 0; }

div.body { width: 1003px; margin: 0 auto; position: relative; }

div.side-left { float: left; width: 224px; }
div.side-center { float: left; width: 560px; background: url(../img/bg-center-top.gif) no-repeat left top; }
div.side-right { float: left; width: 218px; padding-top: 319px; }

a.logo { margin-left: 51px; }
a.logo img { margin-top: 34px; }

ul.menu-left { list-style: none; margin: 0; padding: 20px 32px 0 31px; }
ul.menu-left li { display: block; padding: 0; margin: 0; border-bottom: 1px solid #e9e9e9; height: 41px; }
ul.menu-left li.last { border-bottom: 0 none; }
ul.menu-left li a,  ul.menu-left li div{ height: 41px; line-height: 14px; background: url(../img/menu-left-cur.gif) no-repeat 5px center; padding-left: 24px; display: table-cell; vertical-align: middle; *display: block; *height: auto;}
ul.menu-left li a, ul.menu-left li div{ margin-top: expression(((this.parentElement.offsetHeight/2)-(parseInt(this.offsetHeight)/2) -2) <0 ? "0" : (this.parentElement.offsetHeight/2)-(parseInt(this.offsetHeight)/2) -2 +'px'); }
ul.menu-left li a:hover { background-image: url(../img/menu-left-cura.gif); color: #0e76bc; }
ul.menu-left li.selected a { background-image: url(../img/menu-left-cura.gif); color: #0e76bc; }
ul.menu-left li.selected a:hover { text-decoration: none; }

div.side-left a.banner { margin-left: 24px; }
div.side-left a.banner img { margin-top: 21px; }

div.side-center a.home { display: block; margin: 8px 0 0 1px; height: 19px; line-height: 19px; background: url(../img/home.gif) no-repeat left 0; width: 60px; padding-left: 24px; }

div.side-center div.space { height: 93px; }

div.menu-hor { background: url(../img/bg-menu-hor-top.gif) no-repeat left top; width: 494px; padding: 20px 24px 0px 27px; position: relative; overflow: hidden; }
div.menu-hor h1 { color: #434244; margin: 0; padding: 0; font-size: 13px; font-weight: bold; text-transform: uppercase; background-color: #e1e0e0; height: 25px; line-height: 25px; text-indent: 17px; }
div.menu-hor ul { list-style: none; margin: 0; padding: 10px 0 0 0; width: 494px; }
div.menu-hor ul li { display: block; width: 247px; float: left; height: 30px; }
div.menu-hor ul li a, div.menu-hor ul li div { display: block; height: 30px; line-height: 14px; color: #5ba2d8; font-weight: bold; background: url(../img/menu-hor-cur.gif) no-repeat 3px center; padding-left: 15px; display: table-cell; vertical-align: middle; *display: block; *height: auto; }
div.menu-hor ul li a, div.menu-hor ul li div { margin-top: expression(((this.parentElement.offsetHeight/2)-(parseInt(this.offsetHeight)/2) -2) <0 ? "0" : (this.parentElement.offsetHeight/2)-(parseInt(this.offsetHeight)/2) -2 +'px'); }
div.menu-hor ul li a:hover { background-image: url(../img/menu-hor-cura.gif); color: #000; }
div.menu-hor ul li.selected div  { background-image: url(../img/menu-hor-cura.gif); color: #000; }
div.menu-hor img.bottom { display: block; margin-left: -27px; position: relative; z-index: 1; }
div.menu-hor div.left { width: 1px; height: 205px; left: 0; background-color: #dddddf; top: 25px; position: absolute; }
div.menu-hor div.right { width: 1px; height: 205px; right: 0; background-color: #dddddf; top: 0; bottom: 21px; position: absolute; }

div.content { padding: 10px 34px 15px 32px; line-height: 16px; z-index: 1; position: relative; min-height: 450px; _height: 450px; _background: url(../img/white.gif) repeat-x top; }
div.content h1 { margin:0; padding: 7px 0 5px; color: #f1592a; font-size: 12px; text-transform: uppercase; }
div.content p { text-align: justify; margin: 0; padding: 5px 0 5px; }
div.content hr { height: 1px; }
div.content img.float-left { float: left; padding-right: 10px; padding-top: 3px; }
div.content img.float-right { float: right; padding-left: 10px; padding-top: 3px; }

div.corner { width: 202px; background: #e6e6e6 url(../img/bg-corner-top.gif) no-repeat top; }
div.corner img.bottom { display: block; }
div.corner h1 { color: #5ba2d8; font-size: 18px; font-weight: normal; margin: 0 19px 10px 17px; padding: 12px 0 8px; border-bottom: 1px solid #fff; text-transform: uppercase; }
div.corner ul { margin: 0; padding: 5px 20px 0 17px; list-style: none; }
div.corner ul li { background: url(../img/corner-cur.gif) no-repeat 0 4px; margin: 0; padding: 0 0 17px 15px; }
div.corner ul li.last { padding-bottom: 0; }

div.gallery-list { width: 202px; padding: 20px 0 0; text-align: center; }
div.gallery-list img { width: 170px; padding: 3px; border: 1px solid #e3e3e3; }
div.gallery-list .img { height: 113px; }
div.gallery-list p { margin: 0; padding: 0 0 8px; }
div.gallery-list a { font-size: 11px; }

div.footer { font-size: 11px; color: #8e8e8e; height: 32px; line-height: 32px; padding: 0 36px 0 12px; margin-top: 7px; clear: both; }
div.footer span { display: block; float: right; position: relative; }
div.footer img { margin-left: 10px; position: absolute; margin-top: 2px; *margin-top: -6px; }


div.top-bg { background: url(../img/footer-bg.png) no-repeat; height: 5px; position: absolute; top: 0; width: 100%; overflow: hidden; }
*html div.top-bg { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='img/footer-bg.png'); }
div.bottom-bg { background: url(../img/footer-bg.png) no-repeat; height: 32px; position: absolute; bottom: 0; width: 100%; }
*html div.bottom-bg { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='img/footer-bg.png'); }

div.contact { position: absolute; margin-left: 744px; top: 15px; width: 250px; }
div.contact a { display: block; margin: 4px 0 4px; }
div.contact a.latter { background: url(../img/latter.gif) no-repeat; height: 22px; line-height: 22px; padding-left: 42px; }
div.contact a.icq { background: url(../img/icq.gif) no-repeat; height: 26px; line-height: 26px; padding-left: 42px; }
div.contact span span { font-size: 18px; }
div.contact span.phone { display: block; color: #f1592a; font-size: 25px; padding-left: 42px; height: 35px; line-height: 35px; margin: 4px 0 4px; background: url(../img/phone.gif) no-repeat; }

div.fon { position: absolute; width: 442px; height: 411px; background: url(../img/fon.png) no-repeat; bottom: 0; margin-left: 100px; z-index: -1; }
*html div.fon { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='img/fon.png'); }

div.banner-top { text-align: center; padding-right: 7px; }

ul.preview { list-style: none; margin: 0; padding: 20px 0 0; }
ul.preview li { float: left; width: 262px; margin: 0 17px 10px 0; height:200px; position: relative;  background: url(../img/prew-bg.gif);}
ul.preview li h1 { color: #5ba2d8; font-size: 14px; text-transform: uppercase; margin: 0; padding: 5px 0; height: 39px; line-height: 18px; display: table-cell; vertical-align: middle; }
ul.preview li a.cur { position: absolute; display: block; width: 50px; height: 29px; bottom: 0; right: 0; }
ul.preview li a.cur:hover { background: url(../img/preview-a.gif) no-repeat; }
ul.preview li.clear { background-image: none; height: 50px; width: auto; display: block; }
ul.preview li.second { margin-right: 0; }
div.prew-main{  background: url(../img/prew-top.gif) no-repeat; height:159px; overflow:hidden;  padding: 12px 25px 0 33px; }
div.prew-btm {height:29px; width:262px; background: url(../img/prew-btm.gif) no-repeat;}

.clear { clear: both; overflow: hidden; }

div.gallery { display:block;}
.gallery ul { padding:0; margin:0; list-style:none; width:430px; }
.gallery li { float:left; padding:0; margin:0; width:202px; height:145px;}

.menu-decis ul{ list-style:none; margin:0; padding:0;}
.menu-decis li { float:left; width:150px; margin:10px; text-align:center;}
.menu-decis img { width:150px;}
.menu-decis li a{	line-height: 14px; color: #5ba2d8; font-weight: bold;}
.menu-decis li a:hover{	color: #000;}

.menu-wintypes ul{ list-style:none; margin:0; padding:0;}
.menu-wintypes li { float:left; width:100px; margin:10px; text-align:center; height:110px;}
.menu-wintypes img { vertical-align: text-top;}
.menu-wintypes li a, .table-window-types a{font-size:11px;	line-height: 14px; color: #5ba2d8; font-weight: normal;}
.menu-wintypes li a:hover, .table-window-types a:hover{	color: #000;}
