@charset "utf-8";
html, table, tr, td, div, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, from, select, input {margin:0px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif;}
html {margin:0px auto; padding:0px; width:100%;}
body {margin:0px auto; padding:0px; width:100%; background-color:#FFF; *background-image:url(/img/bg_html.jpg)!important; *background-image:url(/img/bg_html.jpg); background-image:url(/img/bg_html.jpg); background-repeat:repeat-x; background-position:center top;}
body, table, td, div {color:#000; font-size:11px; line-height:150%; font-family:Arial, Helvetica, sans-serif;}
a {color:#000; font-size:11px; text-decoration:none;}
a:link, a:visited {color:#000; font-size:11px; text-decoration:none;}
a:hover, a:active {color:#F30; font-size:11px; text-decoration:underline;}
#clearboth {margin:0px auto; padding:0px; clear:both; width:100%; font-size:1px; height:10px;}
.whitebgcolor {background-color:#FFF;}
/* header */
#header {margin:0px auto; padding:0px; clear:both; width:980px; height:119px;}
#header #logo {float:left; margin:25px 0px 0px 10px; width:170px; height:45px; *background-image:url(/img/logo.jpg)!important; *background-image:url(/img/logo.jpg); background-image:url(/img/logo.jpg); background-repeat:no-repeat; background-position:left top;}
#header #logo h1 {font-size:16px; text-indent:-998px; display:block; overflow:hidden;}
#header #logo h1 a {text-indent:-999px; display:block; overflow:hidden; cursor:hand; width:170px; height:45px;}
#header #logo h1 a:hover {*background-image:url(/img/logo1.jpg)!important; *background-image:url(/img/logo1.jpg); background-image:url(/img/logo1.jpg); background-repeat:no-repeat; background-position:left top;}
#header #slogan {float:right; margin:40px 10px 0px 0px; width:370px; height:20px; line-height:18px; text-align:center; *background-image:url(/img/bg_slogan.jpg)!important; *background-image:url(/img/bg_slogan.jpg); background-image:url(/img/bg_slogan.jpg); background-repeat:repeat-x; background-position:left top;}
#header #slogan h2 {font-size:11px;}
#header #navigationbg {margin:0px auto; padding:0px; clear:both; width:980px; height:39px; *background-image:url(/img/bg_navigationbg.jpg)!important; *background-image:url(/img/bg_navigationbg.jpg); background-image:url(/img/bg_navigationbg.jpg); background-repeat:no-repeat; background-position:center top;}
#header #navigationbg #navigation {margin:0px;}
#header #navigationbg #navigation li {float:left; list-style:none; line-height:39px; border-right:solid 1px #B3B3B3;}
#header #navigationbg #navigation li a {font-size:12px; font-weight:bold; display:block; outline:none; padding:0px 18px; *background-image:url(/img/bg_navigation.gif)!important; *background-image:url(/img/bg_navigation.gif); background-image:url(/img/bg_navigation.gif); background-repeat:no-repeat;}
#one {padding:0px 18px; background-position:0px 0px;}
#one:hover {color:#F30; text-decoration:none; background-position:0px -41px;}
#header #navigationbg #navigation li.current #one {background-position:0px -41px;}
#two, #three, #four, #five, #six, #serven, #eight {padding:0px 18px; background-position:0px 0px;}
#two:hover, #three:hover, #four:hover, #five:hover, #six:hover, #serven:hover, #eight:hover {color:#F30; text-decoration:none; background-position:-10px -41px;}
#header #navigationbg #navigation li.current #two, #header #navigationbg #navigation li.current #three, #header #navigationbg #navigation li.current #four, #header #navigationbg #navigation li.current #five, #header #navigationbg #navigation li.current #six, #header #navigationbg #navigation li.current #serven, #header #navigationbg #navigation li.current #eight {background-position:-10px -41px;}
/* bodybox */
#bodybox {margin:0px auto; padding:0px; clear:both; width:980px; background-color:#FFF;}
#bodybox #banner {margin:0px auto; width:980px; height:282px; background-color:#FFFFFF; *background-image:url(/img/bg_banner.jpg)!important; *background-image:url(/img/bg_banner.jpg); background-image:url(/img/bg_banner.jpg); background-repeat:no-repeat; background-position:center top;}
#bodybox #banner #position {position:absolute; float:left; margin:70px 0px 0px 40px; width:420px;}
#bodybox #banner #position h3 {color:#222; font-size:21px; line-height:150%;}
#bodybox #banner #position #satisfaction {color:#333; font-size:12px; font-weight:bold; line-height:200%;}
#bodybox #banner #position #passion {color:#333; font-size:12px; font-weight:bold; line-height:200%;}
#bodybox #banner #position #learnmore {margin-top:5px; line-height:200%;}
#bodybox #banner #bannerswf {float:right; width:450px;}
#bodybox #bodynav {margin:0px auto; width:980px; height:60px; background-color:#FFFFFF; *background-image:url(/img/bg_bodynav.jpg)!important; *background-image:url(/img/bg_bodynav.jpg); background-image:url(/img/bg_bodynav.jpg); background-repeat:repeat-x; background-position:center top;}
#bodybox #bodynav #left {float:left; width:20px; height:60px; *background-image:url(/img/bg_left.jpg)!important; *background-image:url(/img/bg_left.jpg); background-image:url(/img/bg_left.jpg); background-repeat:repeat-x; background-position:left top;}
#bodybox #bodynav #right {float:right; width:20px; height:60px; *background-image:url(/img/bg_right.jpg)!important; *background-image:url(/img/bg_right.jpg); background-image:url(/img/bg_right.jpg); background-repeat:repeat-x; background-position:right top;}
#bodybox #bodynav #announcement {float:left; width:600px; padding-left:20px; color:#FF3300; font-size:11px; font-weight:bold; line-height:34px; *background-image:url(/img/icon1.jpg)!important; *background-image:url(/img/icon1.jpg); background-image:url(/img/icon1.jpg); background-repeat:no-repeat; background-position:left 10px;}
#bodybox #bodynav #announcement a {color:#333; font-size:10px; font-weight:normal; text-decoration:underline;}
#bodybox #bodynav #announcement a:hover {color:#FF6600; font-size:10px; font-weight:normal; text-decoration:underline;}
#bodybox #bodynav #solution {float:left; text-align:right; width:320px; font-size:11px; font-weight:bold; line-height:34px;}
#bodybox #bodynav #solution a {color:#333; font-size:11px; font-weight:bold;}
#bodybox #bodynav #solution a:hover {color:#FF3300; text-decoration:underline;}
#bodybox #bodycontent {margin:0px auto; width:980px; height:250px; background-color:#FFFFFF; *background-image:url(/img/icon2.jpg)!important; *background-image:url(/img/icon2.jpg); background-image:url(/img/icon2.jpg); background-repeat:no-repeat; background-position:10px top;}
/*ie7 & other*/
#bodybox #bodycontent #aboutus {margin-left:12px; float:left; width:248px; height:250px; *background-image:url(/img/icon2.jpg)!important; *background-image:url(/img/icon2.jpg); background-image:url(/img/icon2.jpg); background-repeat:no-repeat; background-position:right top;}
#bodybox #bodycontent #aboutus h4 {margin:5px 0px 10px 10px; font-size:15px; color:#F30;}
#bodybox #bodycontent #aboutus p {margin:0px 10px 10px 10px; font-size:11px; color:#333; line-height:155%; text-align:left;}
#bodybox #bodycontent #aboutus p#more {margin-right:15px; padding-right:12px; text-align:right; font-weight:bold; *background-image:url(/img/icon3.jpg)!important; *background-image:url(/img/icon3.jpg); background-image:url(/img/icon3.jpg); background-repeat:no-repeat; background-position:right 4px;}
#bodybox #bodycontent #aboutus p#more a {color:#333;}
#bodybox #bodycontent #aboutus p#more a:hover {color:#F30;}
#bodybox #bodycontent #seosolution {float:left; width:248px; height:250px; *background-image:url(/img/icon2.jpg)!important; *background-image:url(/img/icon2.jpg); background-image:url(/img/icon2.jpg); background-repeat:no-repeat; background-position:right top;}
#bodybox #bodycontent #seosolution h4 {margin:5px 0px 10px 10px; font-size:15px; color:#F30;}
#bodybox #bodycontent #seosolution p {margin:0px 10px 10px 10px; font-size:11px; color:#333; line-height:155%; text-align:left;}
#bodybox #bodycontent #seosolution p#more {margin-right:15px; padding-right:12px; text-align:right; font-weight:bold; *background-image:url(/img/icon3.jpg)!important; *background-image:url(/img/icon3.jpg); background-image:url(/img/icon3.jpg); background-repeat:no-repeat; background-position:right 4px;}
#bodybox #bodycontent #seosolution p#more a {color:#333;}
#bodybox #bodycontent #seosolution p#more a:hover {color:#F30;}
#bodybox #bodycontent #websiteconstruction {float:left; width:248px; height:250px; *background-image:url(/img/icon2.jpg)!important; *background-image:url(/img/icon2.jpg); background-image:url(/img/icon2.jpg); background-repeat:no-repeat; background-position:right top;}
#bodybox #bodycontent #websiteconstruction h4 {margin:5px 0px 10px 10px; font-size:15px; color:#F30;}
#bodybox #bodycontent #websiteconstruction p {margin:0px 10px 10px 10px; font-size:11px; color:#333; line-height:155%; text-align:left;}
#bodybox #bodycontent #websiteconstruction p#more {margin-right:15px; padding-right:12px; text-align:right; font-weight:bold; *background-image:url(/img/icon3.jpg)!important; *background-image:url(/img/icon3.jpg); background-image:url(/img/icon3.jpg); background-repeat:no-repeat; background-position:right 4px;}
#bodybox #bodycontent #websiteconstruction p#more a {color:#333;}
#bodybox #bodycontent #websiteconstruction p#more a:hover {color:#F30;}
#bodybox #bodycontent #newscontactus {float:right; margin-right:12px; width:202px; *background-image:url(/img/bg_newscontactus.jpg)!important; *background-image:url(/img/bg_newscontactus.jpg); background-image:url(/img/bg_newscontactus.jpg); background-repeat:repeat-y; background-position:-202px 0px;}
#bodybox #bodycontent #newscontactus h4 {clear:both; width:100%; height:22px; *background-image:url(/img/bg_newscontactus.jpg)!important; *background-image:url(/img/bg_newscontactus.jpg); background-image:url(/img/bg_newscontactus.jpg); background-repeat:no-repeat;}
#bodybox #bodycontent #newscontactus h4#white {clear:both; color:#FFF; font-size:15px; line-height:22px; text-indent:10px; background-position:0px 0px;}
#bodybox #bodycontent #newscontactus h4#gray {clear:both; color:#333; font-size:15px; line-height:22px; text-indent:10px; background-position:0px -22px;}
#bodybox #bodycontent #newscontactus #newslist {text-align:left; height:115px; padding:0px 8px;}
#bodybox #bodycontent #newscontactus #newslist p {color:#333; text-align:left; line-height:127%; margin-top:5px;}
#bodybox #bodycontent #newscontactus p#onlinecontact {text-align:center; height:70px; padding-top:7px;}
#bodybox #bodycontent #newscontactus #bottom {height:10px; font-size:1px; *background-image:url(/img/bg_newscontactus.jpg)!important; *background-image:url(/img/bg_newscontactus.jpg); background-image:url(/img/bg_newscontactus.jpg); background-repeat:no-repeat; background-position:0px -44px;}
#bodybox #bodycontent #newscontactus #bottom1 {height:5px; font-size:1px; *background-image:url(/img/bg_newscontactus.jpg)!important; *background-image:url(/img/bg_newscontactus.jpg); background-image:url(/img/bg_newscontactus.jpg); background-repeat:no-repeat; background-position:0px -54px;}
/*ie6*/
#bodybox #bodycontent #aboutus1 {margin-left:6px; float:left; width:248px; height:250px; *background-image:url(/img/icon2.jpg)!important; *background-image:url(/img/icon2.jpg); background-image:url(/img/icon2.jpg); background-repeat:no-repeat; background-position:right top;}
#bodybox #bodycontent #aboutus1 h4 {margin:0px auto; width:94%; font-size:15px; color:#F30;}
#bodybox #bodycontent #aboutus1 p {margin:0px auto; width:94%; font-size:11px; color:#333; line-height:155%; text-align:left;}
#bodybox #bodycontent #aboutus1 p#more {margin:0px auto; width:90%; text-align:right; font-weight:bold; *background-image:url(/img/icon3.jpg)!important; *background-image:url(/img/icon3.jpg); background-image:url(/img/icon3.jpg); background-repeat:no-repeat; background-position:right 4px;}
#bodybox #bodycontent #aboutus1 p#more a {color:#333; padding-right:8px;}
#bodybox #bodycontent #aboutus1 p#more a:hover {color:#F30; padding-right:8px;}
#bodybox #bodycontent #seosolution1 {float:left; width:248px; height:250px; *background-image:url(/img/icon2.jpg)!important; *background-image:url(/img/icon2.jpg); background-image:url(/img/icon2.jpg); background-repeat:no-repeat; background-position:right top;}
#bodybox #bodycontent #seosolution1 h4 {margin:0px auto; width:94%; font-size:15px; color:#F30;}
#bodybox #bodycontent #seosolution1 p {margin:0px auto; width:94%; font-size:11px; color:#333; line-height:155%; text-align:left;}
#bodybox #bodycontent #seosolution1 p#more {margin:0px auto; width:90%; text-align:right; font-weight:bold; *background-image:url(/img/icon3.jpg)!important; *background-image:url(/img/icon3.jpg); background-image:url(/img/icon3.jpg); background-repeat:no-repeat; background-position:right 4px;}
#bodybox #bodycontent #seosolution1 p#more a {color:#333; padding-right:8px;}
#bodybox #bodycontent #seosolution1 p#more a:hover {color:#F30; padding-right:8px;}
#bodybox #bodycontent #websiteconstruction1 {float:left; width:248px; height:250px; margin-right:10px; *background-image:url(/img/icon2.jpg)!important; *background-image:url(/img/icon2.jpg); background-image:url(/img/icon2.jpg); background-repeat:no-repeat; background-position:right top;}
#bodybox #bodycontent #websiteconstruction1 h4 {margin:0px auto; width:94%; font-size:15px; color:#F30;}
#bodybox #bodycontent #websiteconstruction1 p {margin:0px auto; width:94%; font-size:11px; color:#333; line-height:155%; text-align:left;}
#bodybox #bodycontent #websiteconstruction1 p#more {margin:0px auto; width:90%; text-align:right; font-weight:bold; *background-image:url(/img/icon3.jpg)!important; *background-image:url(/img/icon3.jpg); background-image:url(/img/icon3.jpg); background-repeat:no-repeat; background-position:right 4px;}
#bodybox #bodycontent #websiteconstruction1 p#more a {color:#333; padding-right:8px;}
#bodybox #bodycontent #websiteconstruction1 p#more a:hover {color:#F30; padding-right:8px;}
#bodybox #bodycontent #newscontactus1 {float:right; margin-right:6px; width:202px; *background-image:url(/img/bg_newscontactus.jpg)!important; *background-image:url(/img/bg_newscontactus.jpg); background-image:url(/img/bg_newscontactus.jpg); background-repeat:repeat-y; background-position:-202px 0px;}
#bodybox #bodycontent #newscontactus1 h4 {clear:both; width:100%; height:22px; *background-image:url(/img/bg_newscontactus.jpg)!important; *background-image:url(/img/bg_newscontactus.jpg); background-image:url(/img/bg_newscontactus.jpg); background-repeat:no-repeat;}
#bodybox #bodycontent #newscontactus1 h4#white {clear:both; color:#FFF; font-size:15px; line-height:22px; text-indent:10px; background-position:0px 0px;}
#bodybox #bodycontent #newscontactus1 h4#gray {clear:both; color:#333; font-size:15px; line-height:22px; text-indent:10px; background-position:0px -22px;}
#bodybox #bodycontent #newscontactus1 #newslist {text-align:left; height:115px; padding:0px 8px;}
#bodybox #bodycontent #newscontactus1 #newslist p {color:#333; text-align:left; line-height:127%; margin-top:5px;}
#bodybox #bodycontent #newscontactus1 p#onlinecontact {text-align:center; height:70px; padding-top:7px;}
#bodybox #bodycontent #newscontactus1 #bottom {height:10px; font-size:1px; *background-image:url(/img/bg_newscontactus.jpg)!important; *background-image:url(/img/bg_newscontactus.jpg); background-image:url(/img/bg_newscontactus.jpg); background-repeat:no-repeat; background-position:0px -44px;}
#bodybox #bodycontent #newscontactus1 #bottom1 {height:5px; font-size:1px; *background-image:url(/img/bg_newscontactus.jpg)!important; *background-image:url(/img/bg_newscontactus.jpg); background-image:url(/img/bg_newscontactus.jpg); background-repeat:no-repeat; background-position:0px -54px;}

/* footer */
#footer {margin:0px auto; padding:0px; clear:both; width:980px; height:50px; line-height:30px; border-top:solid 7px #DCDCDC; background-color:#FFF;}
#footer a {color:#333;}
#footer p#company {float:left; margin-left:10px; color:#333; text-align:left; font-weight:bold; text-transform:uppercase;}
#footer p#company span {color:#F30;}
#footer p#copyright {float:right; margin-right:10px; color:#333; text-align:right; text-transform:uppercase;}
/* pagebox */
#pagebox {margin:0px auto; padding:0px; clear:both; width:980px; background-color:#FFF;}
#pagebox #banner {margin:0px auto; width:980px; height:200px; background-color:#FFFFFF; *background-image:url(/img/bg_banner1.jpg)!important; *background-image:url(/img/bg_banner1.jpg); background-image:url(/img/bg_banner1.jpg); background-repeat:no-repeat; background-position:center top;}
#pagebox #banner #position {position:absolute; margin:40px 0px 0px 40px; width:420px;}
#pagebox #banner #position h3 {color:#444; font-size:18px; line-height:140%;}
#pagebox #banner #position #satisfaction {color:#444; font-size:11px; font-weight:bold; line-height:190%;}
#pagebox #banner #position #passion {color:#444; font-size:11px; font-weight:bold; line-height:190%;}
#pagebox #banner #position #learnmore {margin-top:5px; line-height:190%;}
#pagebox #pageinner{margin:0px auto; padding:0px; clear:both; width:980px; overflow:auto;*background-image:url(/img/bg_innerleft.jpg)!important;*background-image:url(/img/bg_innerleft.jpg);	background-image:url(/img/bg_innerleft.jpg);background-position:left top;background-repeat:repeat-y;}
#pagebox #innerleft {float:left; width:210px;}
#pagebox #innerleft h4 {clear:both; width:100%; height:22px; line-height:22px; clear:both; font-size:14px; text-indent:10px; text-transform:capitalize; *background-image:url(/img/bg_innerleft2.gif)!important; *background-image:url(/img/bg_innerleft2.gif); background-image:url(/img/bg_innerleft2.gif); background-position:0px 0px; background-repeat:no-repeat;}
#pagebox #innerleft #list {padding-top:5px; *background-image:url(/img/bg_innerleft2.gif)!important; *background-image:url(/img/bg_innerleft2.gif); background-image:url(/img/bg_innerleft2.gif); background-position:-210px -22px; background-repeat:repeat-y; overflow:auto;}
#pagebox #innerleft #list p{width:94%; margin:0px auto; padding-bottom:5px;}
#pagebox #innerleft #list p#contact {text-align:center; padding:7px 0px;}
#pagebox #innerleft #bottom {clear:both; font-size:1px; height:13px; *background-image:url(/img/bg_innerleft2.gif)!important; *background-image:url(/img/bg_innerleft2.gif); background-image:url(/img/bg_innerleft2.gif); background-position:0px -22px; background-repeat:no-repeat;}
#pagebox #innerright {float:right; width:755px; *background-image:url(/img/bg_innerright.gif)!important; *background-image:url(/img/bg_innerright.gif); background-image:url(/img/bg_innerright.gif); background-position:center 10px; background-repeat:no-repeat;}
#pagebox #innerright h4 {clear:both; font-size:15px; margin:5px 0px 30px 30px; text-transform:capitalize;}
#pagebox #innerright h3 {clear:both; font-size:16px; margin:5px 0px 5px 0px; text-transform:capitalize; color:#333;}
#pagebox #innerright #pageintro {clear:both; margin:10px auto; padding:2px 5px; color:#333;line-height:18px; text-align:left; border:dashed 1px #CCC;}
#pagebox #innerright #pageintro strong {color:#F30;}
#pagebox #innerright #pagecontent {clear:both; margin:0px auto; width:98%; color:#333; font-size:9pt; line-height:23px; text-align:left; min-height:500px; _height:500px;}
#pagebox #innerright #pagecontent h5 {color:#F30; text-decoration:underline; color:#333;}
#pagebox #innerright #pagecontent p {margin-bottom:15px; color:#333;}
#pagebox #innerright #pagecontent p a {font-size:9pt; text-decoration:underline; color:#333;}
#pagebox #innerright #editbot {clear:both; text-align:right; margin:10px 0px 0px 10px; padding:3px 0px; border-top:dashed 1px #CCC;}
#pagebox #innerright #editbot a {text-decoration:underline; color:#333; margin-right:2px;}
.plist {clear:both; margin:0px auto 15 auto; padding:5px; width:98%; color:#333; line-height:18px; border-bottom:dashed 1px #CCC; text-transform:none;}
.plist a {color:#333; font-size:9pt; text-transform:none;}
#pagelist {border-top:solid 1px #eee; height:30px; padding-top:5px; margin:0px auto; width:100%; font-size:11px;}
#pagelist a {margin:0px auto; color:#C00; padding:0px 1px;}
#pagelist input {color:#000; width:30px; height:14px; font-size:11px; line-height:12px; border:solid 1px #999;}