body {font-family:Arial;}
img {border:none;}
ul {list-style:none;}
body,ul,p {margin:0px auto;padding:0px;}

#container {width:950px;margin:0px auto;}

.lft {float:left;}
.rgt {float:right;}

#top {background: url(gfx/top_ctr.gif) repeat-x;width:100%;height:37px;margin-top:30px;position:relative;}
#top div.lft {background: url(gfx/top_lft.gif) no-repeat;width:5px;height:37px;}
#top div.rgt {background: url(gfx/top_rgt.gif) no-repeat;width:5px;height:37px;}
#top img {position:absolute;top:-18px;left:50px;}
#top ul {position:absolute;right:0px;}
#top ul li {float:left;display:inline;margin-right:20px;margin-top:10px;}
#top ul li a {float:left;color:#ffffff;font-size:14px;text-decoration:none;}
#top ul li a:hover {text-decoration:underline;}
#top ul #act {position:relative;top:-16px;}
#top ul #act #l {background: url(gfx/top_menu_act_lft.gif) no-repeat;width:6px;height:47px;float:left;}
#top ul #act #r {background: url(gfx/top_menu_act_rgt.gif) no-repeat;width:6px;height:47px;float:left;}
#top ul #act a {background: url(gfx/top_menu_act_ctr.gif) repeat-x;display:block;color:#515455;text-align:center;padding:15px;}

#intro {width:950px;height:224px;background: url(gfx/intro.jpg) no-repeat;margin-top:24px;position:relative;}
#intro div {position:absolute;}
#intro #let_us_design {width:538px;height:91px;background: url(gfx/let_us_design.gif) no-repeat;left:57px;top:46px;}
#intro #our_designs {width:482px;height:93px;background: url(gfx/our_designs.gif) no-repeat;left:57px;top:46px;}
#intro #high_quality {width:480px;height:91px;background: url(gfx/high_quality.gif) no-repeat;left:57px;top:46px;}
#intro #www {width:294px;height:180px;background: url(gfx/www.gif) no-repeat;right:12px;top:29px;}
#intro #tip {font-size:14px;color:#ffffff;bottom:21px;left:50px;}
#intro #tipr {background: url(gfx/tipbtn_rev.gif) no-repeat;width:17px;height:26px;cursor:pointer;bottom:16px;left:6px;}
#intro #tipf {background: url(gfx/tipbtn_fwd.gif) no-repeat;width:18px;height:26px;cursor:pointer;bottom:16px;left:23px;}

#content {float:left;width:100%;}
#content #lft {width:700px;margin-top:25px;padding-left:5px;float:left;}
#content #rgt {width:210px;margin-top:25px;padding-right:5px;float:right;}

#btm {float:left;background: url(gfx/btm_ctr.gif) repeat-x;width:100%;height:75px;position:relative;margin:20px auto 5px;color:#ffffff;font-size:11px;}
#btm div.lft {float:left;background: url(gfx/btm_lft.gif) no-repeat;width:7px;height:75px;}
#btm div.rgt {float:right;background: url(gfx/btm_rgt.gif) no-repeat;width:7px;height:75px;}

#btm #mnu {position:absolute;right:0px;}
#btm #mnu li {float:left;display:inline;margin-right:15px;margin-top:12px;}
#btm #mnu li a {float:left;color:#ffffff;font-size:12px;text-decoration:none;}
#btm #mnu li a:hover {text-decoration:underline;}

#btm #visit {position:absolute;left:10px;bottom:4px;}
#btm #visit ul {float:left;margin-left:5px;}
#btm #visit ul li {float:left;display:inline;margin-right:10px;background-color:#515455;border:1px solid #B3B3B3;padding:5px;}
#btm #visit ul li a {float:left;color:#ffffff;font-size:12px;text-decoration:none;}
#btm #visit ul li a:hover {text-decoration:underline;}
#btm #visit span {float:left;position:relative;top:7px;}

#address {font-size:10px;text-align:right;margin-right:5px;margin-bottom:10px;}

#copy {position:absolute;bottom:10px;right:10px;}

div.slides {position:relative;margin-top:20px;}
div.slides img {position:absolute;top:6px;right:20px;}
div.slides div.frame {position:absolute;top:88px;width:100%;height:47px;background-color:#E9EBEB;}
div.slides div.frame div.lft {background: url(gfx/webslides_lft.gif) no-repeat;width:8px;height:47px;}
div.slides div.frame div.rgt {background: url(gfx/webslides_rgt.gif) no-repeat;width:8px;height:47px;}
div.slides div.pic {background: url(gfx/webslides.jpg) no-repeat;width:311px;height:201px;position:relative;left:20px;top:0px;}

div.pack div.tp, div.pack div.bt {width:100%;height:7px;font-size:1px;}
div.pack div.tp {background: url(gfx/packct.gif) repeat-x left top;}
div.pack div.bt {background: url(gfx/packcb.gif) repeat-x left bottom;position:relative;}
div.pack div.lt, div.pack div.rt, div.pack div.lb {width:7px;height:7px;}
div.pack div.lt {float:left;background: url(gfx/packlt.gif) no-repeat left top;}
div.pack div.rt {float:right;background: url(gfx/packrt.gif) no-repeat right top;}
div.pack div.lb {float:left;background: url(gfx/packlb.gif) no-repeat left bottom;}
div.pack div.in {border-left:1px solid #E5E7E8;border-right:1px solid #E5E7E8;padding:0px 3px;}
div.pack div.cnt {background: url(gfx/packbkg.gif) repeat-x left bottom;padding:0px 7px 10px;}
div.pack div.price {color:#D31A1A;margin-top:30px;}
div.pack div.box {position:absolute;right:-47px;bottom:-12px;background: url(gfx/box.gif) no-repeat;width:130px;height:144px;}
div.pack p {color:#2671B2;font-size:18px;text-indent:2px;border-bottom:1px solid #E5E7E8;padding-bottom:5px;margin-bottom:5px;}
div.pack ul {font-size:12px;line-height:20px;color:#515455;}
div.pack img {margin-top:20px;}

div.smenu {border-top:5px solid #2772B2;background: #F5F6F7 url(gfx/smenu_bkg.gif) repeat-y;margin-top:30px;}
div.smenu ul {padding:5px 5px 0px 11px;}
div.smenu ul li {background: url(gfx/smenu_sep.gif) no-repeat left bottom;padding:8px 3px;}
div.smenu ul li a {text-decoration:none;font-size:13px;color:#515455;}
div.smenu ul li a:hover {text-decoration:underline;}
div.smenu div {background: url(gfx/smenu_btm.jpg) no-repeat;height:109px;}

div.comment {border:1px solid #E5E7E8;padding:0px 8px 10px 100px;background:#F6F7F8 url(gfx/comment.gif) no-repeat 7px 50%;margin-top:20px;height:130px;}
div.comment div.nav {text-align:right;}
div.comment div.nav a {border:1px solid #E5E7E8;background-color:#ffffff;text-decoration:none;padding:0px 8px;}

h1.hline {font-size:24px;border-bottom:1px solid #B3B3B3;font-weight:normal;margin-top:0px;margin-bottom:15px;color:#226CAD;}
h2.hline {font-size:18px;font-weight:normal;color:#515455;margin-top:30px;margin-bottom:6px;}

div.req {text-align:right;font-size:14px;margin-top:15px;margin-right:15px;}

div.example {float:left;width:100%;margin:20px 0px;}
div.example div.screen {float:left;width:298px;height:220px;background: url(gfx/frame.gif) no-repeat;margin-right:10px;}
div.example div.screen img {margin-left:5px;margin-top:5px;}
div.example h4 {margin-top:5px;margin-bottom:0px;font-size:18px;font-weight:normal;}
div.example span {font-size:14px;}
div.example div.desc {margin-top:10px;}
div.example ul li {line-height:20px;}

div.package {margin-left:10px;background: url(gfx/logos.jpg) no-repeat right 30px;}
div.package h3 {margin-bottom:0px;font-size:18px;font-weight:normal;color:#226CAD;}
div.package h4 {margin-top:10px;margin-bottom:3px;font-size:16px;}
div.package ul li {line-height:20px;}

table.form {font-size:13px;color:#515455;margin-top:30px;margin-bottom:30px;}
table.form th {font-weight:normal;width:200px;text-align:left;}
table.form input,table.form textarea {border:1px solid #E0E2E3;padding:5px;}
table.form input {width:150px;}
table.form textarea {width:400px;height:150px;}
table.form input.sbm {border:none;background: url(gfx/send_now_btn.gif) no-repeat;width:95px;height:32px;cursor:pointer;}
table.form  span#emsg {display:inline;color:#D31A1A;margin-left:5px;}

div#error {margin-top:20px;color:#D31A1A;font-size:13px;text-align:center;}
div#ok 	{margin-top:20px;font-size:13px;border:1px solid #E5E7E8;text-align:center;background-color:#F6F7F8;padding:15px 10px;}

.text {font-size:13px;color:#515455;line-height:25px;text-align:justify;}
.font_blue {color:#226CAD;}
.font_orange {color:#F87E07;}