
* { margin: 0; padding: 0; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border {border:none;}

.container { overflow: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }

html { background: #f4f4f4; font: 12px/20px Verdana, Arial, Helvetica, sans-serif; }
body { padding:0px; min-width:880px;}

a { color:#1b252c;}
a:visited {}
a:hover {color:#708091;}
a:active { }

#site { min-width:1000px;width: 100%; margin: 0 auto; padding:0px; background: #fff;background: url(../images/bg_main.jpg) top left;}
#header { padding:0; margin: 0; height:140px; background: #707f90 url(../images/bg_top.jpg) top left repeat-x;}
.top1 {height:110px; width:850px; background: url(../images/logo.jpg) top left no-repeat;min-width:700px;padding:0px;}
.top2 {float:right;height:107px; width:180px;color:#fff;text-align:center;padding-right:20px;overflow:visible;z-index:500;}
.top1 h1  {font: 14px Verdana, Arial, Helvetica, sans-serif; margin-bottom:3px; color:#fff; letter-spacing:5px;padding-left:140px;}
.top1 h2  {font:bold 13px Verdana, Arial, Helvetica, sans-serif; margin-top:-15px; color:#000; letter-spacing:1px;padding-left:140px;}
.top2 h2  {font:bold 16px Verdana, Arial, Helvetica, sans-serif; margin-top:10px; color:#000;}
.top2 h2 a  {text-decoration:underline;}

#col-left { position:absolute; left:0; top:200; width: 190px; padding-top:10px;}
#content { float: left;min-width:750px;}
#content2 { float: left;min-width:750px;width:100%;}
#footer { clear: both; padding-top:10px; background: #707f90 url(../images/bg_footer.jpg) top left repeat-x; height:26px; text-align:center;color:#000;}


.menu-h { overflow: hidden; border-left: 1px solid #ccc; font-weight:bold; min-width:900px; border-left: 2px solid #b2bbc4;}
.menu-h li { float: left; list-style: none; padding:5px 0px 5px 0px; width:14%; border-right: 2px solid #b2bbc4; color:#fff;text-align:center;}
.menu-h a, .menu-h a:hover { text-decoration:underline; color:#fff;}


/* Vertical Drop Down Menu
------------------------------ */

.menu-v-d { font-weight:bold;width:190px;padding-right:2px;}
.menu-v-d li { padding: 2px 0; display: block; position: relative; list-style: none; }
.menu-v-d li a { display: block; position: relative; text-decoration: none; padding-left: 10px; }

.menu-v-d li:hover { background: #394b61; }
.menu-v-d a:hover { color: #fff; }

.menu-v-d li ul { display: none; position: absolute; top: -1px; border-top: 1px solid #ccc; left: 100%; width: 100%; background: #fff; }
.menu-v-d li ul li { background: #fff; }

.menu-v-d li:hover ul ul,
.menu-v-d li:hover ul li:hover ul ul { display: none; }

.menu-v-d li:hover ul,
.menu-v-d li:hover ul li:hover ul,
.menu-v-d li:hover ul li:hover ul li:hover ul { display: block; }

.menu-v-d ul ul { left: 100%; }



.content h1, .content h2, .content h3, .content h4 { font: 1.7em Verdana, Arial, Helvetica, sans-serif; margin-bottom: .5em; color:#526478;}

.work {width:190px;margin:50px 0 0 0px; padding-left:10px;}
.work h2 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:0 0 10px -10px;padding:7px 10px 8px 15px; background:url(../images/bg_left_work.jpg) top left no-repeat; text-transform: uppercase;}

.content h2 { font-size: 1.5em; padding-top:10px;}
.content h3 { font-size: 1.3em; }
.content h4 { font-size: 1.1em; font-weight: bold; }

blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
pre, code { font: 1.2em/1.8 "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 1em; background: #eee; }
code { padding: .2em .5em; }

.content ul, .content ol { margin-left: 3em; line-height: 1.3em; }
.content ul li, .content ol li { margin-bottom: .2em; }

.icons a, .icon { padding-left: 20px; background-repeat: no-repeat; background-position: left center; }

.content p, .content ul, .content ol, .content table, blockquote, pre, .columns, .content img { margin-bottom: 1em; }

.content2 p { margin:0px;}
#content2 p { margin:0px;}

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }


table { border-collapse: collapse;}
table th, table td { border: 0px; padding:0; vertical-align: top; }

table td {  }
table.top {margin:20px 0 0 10px;}
table.top td {padding:0 5px 2px 0;}

table.no { border-collapse: collapse; width: 100%; }
table.no { border: 0px; padding:0px; vertical-align: top; }
table.no td { border: 0px; vertical-align: top;}

.tdmain {padding:10px 20px 0 10px;margin-right:20px;}
.tdmain td {padding-left:10px;}


.columns { width: 100%; overflow: hidden; padding-bottom:5px;}
.columns table { width: 100%; }


.prod { float: left; overflow: hidden; width:270px; height:220px; padding: 0px; margin:0 0 20px 20px; line-height: 1.3}
.prod2 { float: left; overflow: hidden; width:220px; height:330px; padding: 0 0 20px 10px; line-height: 1.3}
.prod2 .prod_text{ float: left; width:200px; padding: 0 0 10px 0; line-height: 1.3}
.prod2 .prod_text p{ padding: 0px;margin:0px;}
.prod p {padding: 0px;margin:0px;}



.w-50, .w-55, .w-60, .w-65, .w-70, .w-75, .w-80, .w-85, .w-90, .w-95, .w-100, .w-33, .w-66, .w-38, .w-62 { float: left; overflow: hidden; }

.col-content { padding: 0 0 20px 20px; }
.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }

.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 48%; }



.content img {padding: 2px; border: 1px solid #555; margin:5px 10px 5px 0; float:left;}
.content2 img {padding: 2px; border: 1px solid #555; margin:0 5px 0 5px;}
.content img.null-image { padding: 0!important; margin: 0!important; }
.work img { padding: 2px; border: 1px solid #555!important; margin:5px 10px 5px 0; float:left;}

.spacer {border:0; padding:0;margin:0;}
img.f-left { margin-right: 1em; }
img.f-right { margin-left: 1em; float:right;}


.content form { padding: .5em 0; }
.content fieldset { margin-bottom: 1em; border: none; }
.content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

.content .f-row { overflow: hidden; margin-bottom: .5em; }
.content label { float: left; text-align: right; width: 25.99%; padding: 0 2%; }
.content .f-inputs { padding-left: 30%; }

.f-actions { padding-top: 1em; border-top: 1px solid #ccc; }


input { vertical-align: middle }
.i-checkbox { margin-top: 3px; }
.i-text { width: 200px; padding: 0 1px; font: 1em sans-serif; }
.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }
.bread {font-weight:bold;background:#b9c8d1;padding:3px 10px 3px 10px;}
.params {font-weight:bold;background:#b9c8d1;padding:3px 10px 3px 10px;margin-botom:2px;}
.par {padding:0px 0 5px 30px;}
