/* general */
body { overflow-x: hidden; margin: 0px; padding: 0px; font-family: Arial; font-size: 11px; background: url("img/back_body.jpg") repeat-x; color: #4a4a4a; background-color: #e9e9e9; }
img { border: 0px; margin: 0px; padding: 0px; }
.clear { clear: both; }

/* top and menu */
#main { margin: 0 auto; width: 942px; background: url("img/back_main.jpg") bottom repeat-x; background-color: #ffffff; padding: 0px 10px 8px 10px; }
#top { border-bottom: 2px solid #bfbfbf; }
#logo { float: left; padding: 20px 0px 0px 50px; }
#upper { float: right; width: 628px; height: 23px; background: url("img/back_top.jpg") no-repeat; padding: 23px 0px 0px 5px; }
#upper .tel { padding-left: 15px; background: url("img/ico_tel.jpg") left no-repeat; margin-left: 10px; }
#upper .mail { padding-left: 15px; background: url("img/ico_mail.jpg") left no-repeat; margin-left: 10px; }
#upper a { color: #4a4a4a; }

#menu { float: right; width: 633px; height: 23px; margin-top: 12px; }
#menu .a { text-indent: -20000px; display: block; float: left; margin-right: 5px; height: 30px;  }
#menu .m1 { background: url("img/m1.jpg") left no-repeat; width: 76px; }
#menu .m1:hover { background: url("img/m1a.jpg") left no-repeat; width: 76px; }
#menu .m1a { background: url("img/m1a.jpg") left no-repeat; width: 76px; }
#menu .m2 { background: url("img/m2.jpg") left no-repeat; width: 84px; }
#menu .m2:hover { background: url("img/m2a.jpg") left no-repeat; width: 84px; }
#menu .m2a { background: url("img/m2a.jpg") left no-repeat; width: 84px; }
#menu .m3 { background: url("img/m3.jpg") left no-repeat; width: 94px; }
#menu .m3:hover { background: url("img/m3a.jpg") left no-repeat; width: 94px; }
#menu .m3a { background: url("img/m3a.jpg") left no-repeat; width: 94px; }
#menu .m4 { background: url("img/m4.jpg") left no-repeat; width: 75px; }
#menu .m4:hover {background: url("img/m4a.jpg") left no-repeat; width: 94px;}
#menu .m4a { background: url("img/m4a.jpg") left no-repeat; width: 94px; }
#menu .sitemap { float: right; padding-left: 15px; background: url("img/ico_site.jpg") left no-repeat; color: #0000D2; font-weight: bolder; margin-right: 20px; }
#menu .write { float: right; padding-left: 15px; background: url("img/ico_write.jpg") left no-repeat; color: #ef0101; font-weight: bolder; }
#menu .mar { margin-top: 7px; }
#nav { float: right; width: 623px; height: 16px; margin-top: 15px; background: url("img/back_nav.jpg") no-repeat; padding: 4px 0px 0px 10px; font-size: 10px; }
#nav a { color: #8d8d8d; text-decoration: none; }

#middle { height: 318px; background: url("img/top.jpg") top no-repeat; border-bottom: 2px solid #bfbfbf; margin-top: 1px; }
#middle2 { height: 209px; background: url("img/top2.jpg") top no-repeat; border-bottom: 2px solid #bfbfbf; margin-top: 1px; }
#midtex { width: 587px; padding: 219px 0px 0px 20px; color: #ffffff; }
#midtex2 { width: 587px; padding: 110px 0px 0px 18px; color: #ffffff; }
*html #midtex { padding-top: 210px; }
*html #midtex2 { padding-top: 101px; }
#midtex h1 { margin: 0px; text-indent: -20000px; background: url("img/h1.jpg") left no-repeat; width: 587px; height: 24px; }
#midtex2 h1 { margin: 0px; text-indent: -20000px; background: url("img/h1a.jpg") left no-repeat; width: 587px; height: 24px; }
#midtex p, #midtex2 p { margin: 7px 0px 7px 0px; padding: 0px; font-size: 12px; }
#midtex a, #midtex2 a { float: right; color: #ffffff; font-weight: bolder; }

/* footer */
#footmenu { position: relative; left: 50%; width: 929px; height: 36px; margin: 0 auto; background: url("img/back_footmenu.jpg") no-repeat; margin-left: -538px; padding: 13px 75px 0px 75px; }
#footmenu .copy { float: right; color: #ffffff; }
#footmenu a { float: left; color: #ffffff; text-decoration: none; margin-right: 15px; }
#foot { width: 947px; margin: 0 auto; background: url("img/back_foot.jpg") top no-repeat; padding: 7px 0px 10px 15px; }
#foot h3 { float: left; margin: 0px; text-indent: -20000px; background: url("img/trust_us.jpg") left no-repeat; width: 131px; height: 23px; margin-top: 11px; }
#foot a { float: left; margin-left: 30px; }

/* main page */
#offer { color: #000000; }
#offer .entry { width: 285px; height: 235px; background: url("img/back_entry.jpg") no-repeat; margin: 10px 0px 0px 14px; float: left; padding-right: 15px; }
*html #offer .entry { margin: 10px 0px 0px 13px; }
#offer .entry p { margin: 8px 0px 0px 0px; text-align: justify; }
#offer .entry ul { list-style-type: none; margin-left: 10px; padding: 0px; }
#offer .entry li { padding-left: 20px; margin-top: 5px; font-weight: bolder; }
#offer .back { background-color: #f5f2a3; padding: 3px; text-decoration: none; color:#000000; }

#offer .noback { padding: 3px; text-decoration: none; color:#000000; }

#offer .entry .l1,#offer .entry .l2,#offer .entry .l3 { display: block; float: right; color: #ffffff; text-decoration: none; font-weight: bolder; font-size: 12px; width: 160px; height: 24px; padding: 6px; margin-top: 17px;}
*html #offer .entry .l1,*html #offer .entry .l2,*html #offer .entry .l3 { margin-top: 0px; }
html* #offer .entry .l1,html* #offer .entry .l2,html* #offer .entry .l3 { margin-top: 0px; }
#offer .entry h2 { margin: 25px 0px 0px 0px; text-indent: -20000px; width: 281px; height: 28px; }
#offer .e1 h2 { background: url("img/h2a.jpg") left no-repeat; }
#offer .e1 li { background: url("img/li1.jpg") left no-repeat; }
#offer .e1 .l1 { background: url("img/a1.jpg") no-repeat;  }
#offer .e2 h2 { background: url("img/h2b.jpg") left no-repeat; }
#offer .e2 li { background: url("img/li2.jpg") left no-repeat; }
#offer .e2 .l2 { background: url("img/a2.jpg") no-repeat; }
#offer .e3 h2 { background: url("img/h2c.jpg") left no-repeat; }
#offer .e3 li { background: url("img/li3.jpg") left no-repeat; }
#offer .e3 .l3 { background: url("img/a3.jpg") no-repeat; }

/* contact page */
#form { width: 476px; height: 330px; background: url("img/back_form.jpg") no-repeat; float: left; margin: 4px 0px 35px 0px; }
#form h2 { margin: 0px; text-indent: -20000px; background: url("img/h2e.jpg") left no-repeat; width: 448px; height: 28px; margin: 19px 0px 10px 15px; }
#form form { margin: 0px; padding: 0px; }
#form .formentry { width: 191px; height: 41px; padding-left: 7px; background: url("img/input.jpg") bottom no-repeat; float: left; margin: 5px 15px; }
#form label { color: #000000; font-weight: bolder; }
#form .input { margin-top: 3px; border: 0px; width: 180px; }
#form .formentry2 { width: 432px; height: 105px; padding-left: 7px; background: url("img/input2.jpg") bottom no-repeat; float: left; margin: 5px 15px; }
#form textarea { margin-top: 3px; border: 0px; width: 423px; height: 83px; }
#form .send { margin-right: 27px; float: right; }
#form .error { color: #d70000; font-size: 10px; font-weight: bolder; }
#form .ok { color: green; font-size: 18px; font-weight: bolder; float: left; margin-left: 20px; }

#contact { width: 438px; float: right; margin-top: 22px; }
#contact h2 { margin: 0px; text-indent: -20000px; background: url("img/h2d.jpg") left no-repeat; width: 438px; height: 27px; }
#contact .contentry { width: 430px; border-bottom: 1px solid #f3f3f3; }
#contact span { display: block; float: left; line-height: 20px; }
#contact span a { color: #4a4a4a; }
#contact .title { width: 115px; height: 20px; color: #0b819d; padding-left: 20px; background: url("img/li4.jpg") left no-repeat; font-weight: bolder; }
#contact .c1 { background: url("img/back_ico1.jpg") right no-repeat; margin-top: 25px; height: 68px; } 
#contact .c2 { background: url("img/back_ico2.jpg") right no-repeat; margin-top: 5px; height: 45px; }
#contact .c3 { background: url("img/back_ico3.jpg") right no-repeat; margin-top: 5px; height: 40px; }
#contact .c4 { background: url("img/back_ico4.jpg") right no-repeat; margin-top: 5px; height: 45px; }

/* offer page */
#leftmenu { float: left; width: 236px; background: url("img/back_leftmenu.jpg") bottom no-repeat; background-color: #f3f3f3; border-right: 1px solid #bdbdbd; margin: 5px 0px 25px 0px; padding: 5px 0px; }
#leftmenu .m1 { width: 213px; height: 22px; display: block; margin: 0px; text-indent: -20000px; background: url("img/h2f.jpg") no-repeat; margin: 5px 0px 10px 10px; }
#leftmenu .m2 { width: 213px; height: 22px; display: block; margin: 0px; text-indent: -20000px; background: url("img/h2g.jpg") no-repeat; margin: 5px 0px 10px 10px; }
#leftmenu .m3 { width: 213px; height: 22px; display: block; margin: 0px; text-indent: -20000px; background: url("img/h2h.jpg") no-repeat; margin: 5px 0px 10px 10px; }
#leftmenu ul { list-style-type: none; margin-left: 0px; padding-left: 0px; }
#leftmenu li { margin: 3px 0px 3px 10px; }
#leftmenu li a { padding-left: 20px; background: url("img/li5.jpg") left no-repeat; height: 15px; display: block; text-decoration: none; color: #696969; font-weight: bolder; font-size: 12px; }
#leftmenu .select { color: #000000 !important; }
#leftmenu .hide { display: none; }
#content { float: right; width: 676px; margin: 30px 0px; line-height: 18px; text-align: justify; }
#content h1 { font-family:Georgia,Times,serif; font-size: 22px; margin: 0px; }
#content .right { float: right; margin: 0px 0px 10px 10px; }

/* projects page */
#middlemenu { margin: 8px 0px 30px 0px; }
#middlemenu a, #middlemenu img { margin: 0px; padding:0px; float: left; }
.rel { padding: 14px; }
.relimage { float: left; border: 1px solid #bdbdbd; padding: 2px; }
.reldesc { width: 700px; background: url("img/back_listhead.jpg") top no-repeat; float: right; height: 200px; color: #000000; }
.relname { float: left; font-size: 14px; color: #d70000; font-weight: bolder; padding-bottom: 0px; padding-left: 20px; background: url("img/li6.jpg") left top no-repeat; margin: 7px 0px 0px 5px; }
.relname span { font-size: 10px; }
.relmore { float: right; margin: 7px 5px 0px 0px; }
.reldesc .text { padding: 18px; background: url("img/bakc_listdesc.jpg") bottom no-repeat; clear: both; margin: 0px; }
.reltech { padding-left: 20px; background: url("img/back_ico5.jpg") left top no-repeat; display: block; width: 300px; float: left; margin-top: 10px; margin-left: 17px; }
.relcom { padding-left: 20px; background: url("img/back_ico6.jpg") left top no-repeat; display: block; float: left; margin-top: 10px; }
.relcont { clear: both; margin-left: 17px; }
#navi { margin: 20px 0px 75px 400px; }
#navi a { float: left; display: block; width: 19px; height: 19px;  background: url("img/back_a5.jpg") bottom no-repeat; font-size: 14px; color: #d70000; font-weight: bolder; text-decoration: none; padding: 15px 0px 0px 11px; }
#navi .select { background: url("img/back_a6.jpg") bottom no-repeat !important; }