﻿@charset "utf-8";
html {overflow-y:scroll;}
html, body {position:relative;height:100%;}
body {font:82.01% Tahoma, Geneva, sans-serif;line-height:18px;margin-top:12px;}

* {margin:0;padding:0;}
a {outline:none;}
img {border:0;}
p {text-indent:26px;padding:0px 0px 12px;text-align:justify;}
ul {margin:10px 16px 10px 38px;}
li {padding:6px;}

#main {width:100%;height:100%;margin:0 auto;}
#left {position:absolute;height:100%;width:50%;float:left;background:url('img/bgr-left.gif') repeat-x;overflow:hidden;}
#right {position:absolute;height:100%;left:50%;width:50%;float:right;background:url('img/bgr-right.gif') repeat-x;overflow:hidden;}
.lefti {position:absolute;width:192px;height:522px;background:url('img/left.jpg') no-repeat 0% 0%;right:436px;}
.righti {position:absolute;width:192px;height:404px;background:#EBEBEB url('img/right.jpg') no-repeat 0% 0%;left:432px;}
#wrap {position:relative;min-height:100%;width:870px;margin:0 auto;overflow:hidden;}
* html #wrap {height:100%;overflow:visible;}

#head {height:404px;font-size:12px;background:url('img/bgr-left.gif') repeat-x;}
#menu {position:absolute;float:left;width:270px;background:#FFF;}
#logo {height:138px;background:#fcaf20;overflow:hidden;}
#logo img {padding:0 26px;background:#FFF;}
#menu ul {position:relative;margin:16px 0 0 38px;list-style:none;}
#menu ul li {padding:0;font-size:12px;}
#menu ul li.active {background:url('img/menu-bull.gif') no-repeat 100% 50%;}
#menu ul li a {display:block;padding:8px 0;width:216px;background:url('img/circle.gif') no-repeat 100% 50%;border-bottom:1px solid #DFDFDF;color:#000;text-decoration:none;}
#menu ul li a:hover {color:#f79f00;}
#menu ul li a.active {color:#f79f00;font-weight:600;}
#flash {padding-top:50px;text-align:right;}

#navi {position:relative;left:270px;height:116px;background:#EBEBEB;width:69%;color:#797979;}
#navi a {color:#797979;}
#crumb, #ecrumb {position:relative;margin:0 22px;font-size:11px;height:32px;}
#crumb {padding-left:14px;background:url('img/crum-bull.gif') no-repeat 0% 12px;line-height:32px;}

#content {float:left;width:100%;}
* html #content {margin-top:-82px;}
#block {float:left;padding:0px 0px 20px 0px;font-size:12px;}
#phone {position:absolute;left:30px;bottom:80px;}
#text {float:right;position:relative;width:550px;margin:0 0 20px 0;padding:10px 10px 10px 20px;background:#FFF;}
#text h1 {float:right;width:84%;clear:both;font:bold 22px Arial, Helvetica, sans-serif;margin:10px 0;text-align:right;}
#text h2 {clear:both;font:bold 18px Arial, Helvetica, sans-serif;margin:8px 0;}
#text h3 {clear:both;font:bold 16px Arial, Helvetica, sans-serif;margin:8px 0;}
#text h4 {clear:both;font:bold 14px Arial, Helvetica, sans-serif;margin:8px 0;}
#inmenu {margin:0;padding:0 0 10px;list-style:none;border-bottom:1px solid #858585;font-size:11px;}
#inmenu li {padding:0;}
#inmenu li a {padding-left:10px;background:url('img/circle.gif') no-repeat 0% 50%;color:#000;}
#inmenu li a:hover, #inmenu li a.active {color:#f79f00;}

#footer {clear:both;height:64px;border-top:1px solid #858585;color:#858585;font-size:12px;}
#footer a {color:#858585;}
#copy {float:left;padding:12px 0px 0px 10px;}
#addr {float:right;padding:12px 10px 0px 0px;}
#count {display:none;position:absolute;bottom:2px;right:10px;}

.none {}
.center {text-align:center;}
.left {float:left;}
.right {float:right;}
.both {clear:both;}
.tleft {text-align:left;}
.tright {text-align:right;}
.limg {float:left;padding:5px 6px 5px 0px;}
.rimg {float:right;padding:5px 0px 5px 6px;}
.bimg {display:block;border:1px solid #CCC;}
.decimal {list-style:decimal;}
.tlink {float:right;padding-right:14px;background:url('img/top-bull.gif') no-repeat 100% 60%;color:#f79f00;}
.rlink {float:right;margin-bottom:16px;padding-right:14px;background:url('img/crum-bull.gif') no-repeat 100% 60%;}
.capt {color:#858585;text-align:center;}
.capt a {color:#858585;}
.stbl {display:block;margin:8px 0;}
.ndent {text-indent:0;}

.blk {margin:190px 0 100px 10px;width:272px;background:#EBEBEB;}
.blk div.first-ele {padding:16px 10px 0 16px;background:url('img/blkt.gif') no-repeat top left;}
.blk strong {display:block;background:url('img/block.gif') no-repeat 0% 50%;padding-left:50px;}
.blk div.last-ele {padding:6px 10px 10px 28px;background:url('img/blkb.gif') no-repeat bottom left;}
.blk li {padding:3px 0;}

.services {clear:left;margin:20px 0;height:140px;}
.services img {position:relative;margin:0 0 10px;float:left;}
.services p {padding:10px 10px 0 220px;}

.softs {clear:left;margin:20px 0;height:90px;}
.softs img {position:relative;float:left;}
.softs p {padding:20px 10px 0 220px;}
