html, body { position: relative; height: 100%; }
body, input, select, td, textarea, th { color: #505050; font-family: Arial; font-size: 13px; }
body, form { margin: 0; padding: 0; }
img, table { border: 0 none; }
a { color: #3B8AC7; text-decoration: underline; }
a:hover { color: orange; text-decoration: underline; }
p { margin: 0 0 1em 0; padding: 0; }
table { border-collapse: collapse; }
td, th { padding: 0; }
td { vertical-align: top; }
textarea { overflow: auto; }
ul { margin: 0; padding: 0 0 0 16px; }
#main { margin: 0 auto; width: 890px; }
#header { height: 76px; padding: 12px 0 0 0; }
.logo { float: left; margin: 4px 0 0 10px; }
.login { background: url("../images/hb.jpg") left top no-repeat; display: block; float: right; height: 58px; width: 188px; }
.login:hover { background: url("../images/hbr.jpg") left top no-repeat; }
#content { background: #DEDEDE url("../images/hbg.gif") left top no-repeat; padding: 8px 8px 0 8px; }
#menu_t { height: 66px; padding: 0; }
#menu_t li { display: inline; float: left; list-style: none; }
#menu_t li a { text-decoration:none; color: #FFFFFF; display: block; float: left; font-weight: bold; height: 35px; padding: 26px 0 0 0; text-align: center; width: 108px; }
#menu_t li a { background: url("../images/mcbg.gif") left top no-repeat; }
#menu_t li a:hover { background: url("../images/mcbgr.gif") left top no-repeat; text-decoration: none; }
#menu_t li a.activ { background: url("../images/mcbgr.gif") left top no-repeat; }
#menu_t li.left a { background: url("../images/mlbg.gif") left top no-repeat; width: 112px; }
#menu_t li.left a:hover { background: url("../images/mlbgr.gif") left top no-repeat; }
#menu_t li.left a.activ { background: url("../images/mlbgr.gif") left top no-repeat; }
#menu_t li.right a { background: url("../images/mrbg.gif") left top no-repeat; width: 112px; }
#menu_t li.right a:hover { background: url("../images/mrbgr.gif") left top no-repeat; }
#menu_t li.right a.activ { background: url("../images/mrbgr.gif") left top no-repeat; }
#left { float: left; font-size: 12px; width: 328px; }
#left h2 { margin: 0 0 -7px 2px; position: relative; }
#left h2 img { vertical-align: top; }
#left .gl { background: url("../images/gl.gif") left top repeat-x; height: 1px; font-size: 1px; margin: 2px 10px; }
#menu_l { padding: 0; }
#menu_l li { background: #F4F4F4 url("../images/gl.gif") left bottom repeat-x; list-style: none; padding: 0 0 1px 0; }
#menu_l li a { display: block; line-height: 30px; padding: 0 0 0 20px; }
#menu_l li a:hover { background: #1C5388; color: #FFFFFF; text-decoration: none; }
#menu_l li a.activ { background: #1C5388; color: #FFFFFF; }
#menu_l li.nbg { background-image: none; }
.awards { background: url("../images/abg.gif") left top no-repeat; height: 148px; margin: 0 0 8px 0; text-align: center; }
.awards #awards { height: 91px; margin: 0 auto; padding: 22px 0 0 0; width: 307px; }
.date { font-weight: bold; }
.link a{ color: #3B8AC7; text-decoration: underline; }
.link a:hover { color: orange; text-decoration: underline; }
.link img { vertical-align: middle; }
#right { float: left; width: 546px; }
#right h2 { background: url("../images/rh2bg.gif") left top repeat-x; height: 36px; margin: 0 2px; padding: 15px 0 0 25px; }
#right h3 { font-size: 18px; font-weight: normal; margin: 0 0 1em 0; }
#right .gl { background: url("../images/gl.gif") left top repeat-x; height: 1px; margin: 0 0 1em 0; }
#menu_r { float: right; margin: 0 -8px 0 0; padding: 0 0 0 14px; position: relative; }
html>body #menu_r { margin: 0 -16px 0 0; }
#menu_r li { list-style: none; padding: 0 0 2px 0; }
#menu_r li a { display: block; height: 58px; width: 179px; }
#menu_r li.free_tial a { background: url("../images/b1.jpg") left top no-repeat; }
#menu_r li.free_tial a:hover { background: url("../images/b1r.jpg") left top no-repeat; }
#menu_r li.experience a { background: url("../images/b2.jpg") left top no-repeat; }
#menu_r li.experience a:hover { background: url("../images/b2r.jpg") left top no-repeat; }
#menu_r li.pricing a { background: url("../images/b3.jpg") left top no-repeat; }
#menu_r li.pricing a:hover { background: url("../images/b3r.jpg") left top no-repeat; }
#menu_r li.contact_us a { background: url("../images/b4.jpg") left top no-repeat; }
#menu_r li.contact_us a:hover { background: url("../images/b4r.jpg") left top no-repeat; }
.bg { background: url("../images/bg.jpg") left top no-repeat; color: #9CC4DF; height: 184px; margin: 0 2px; padding: 77px 0 0 32px; }
.bg2 { background: url("../images/bg2.jpg") left top no-repeat; color: #9CC4DF; height: 182px; margin: 0 2px; padding: 79px 0 0 278px; }
.bg img, .bg2 img { margin: 0 0 16px 0; vertical-align: top; }
#menu_b { font-size: x-small; clear: both; height: 27px; padding: 32px 0 0 0; text-align: center; }
#menu_b a { color: black; font-weight: bold; margin: 0 10px; }
#menu_b a:hover { color: orange; font-weight: bold; margin: 0 10px; }
#footer { background: url("../images/fbg.gif") left top no-repeat; color: #9A9A9A; height: 49px; margin: 0 -1px; padding: 34px 0 0 26px; position: relative; width: 849px; }
.roll { margin: 0 -16px 0 -20px; padding: 10px 18px; }
.roll2 { background: #E4E4E4; margin: 0 -16px 0 -20px; }
.roll .tl, .roll .tr, .roll .bl, .roll .br { background: none; }
.roll2 .tl { background: url("../images/tl.gif") left top no-repeat; }
.roll2 .tr { background: url("../images/tr.gif") right top no-repeat; }
.roll2 .bl { background: url("../images/bl.gif") left bottom no-repeat; }
.roll2 .br { background: url("../images/br.gif") right bottom no-repeat; padding: 10px 18px; width: 279px; }
/* bg */
.lmbg { background: url("../images/lmbg.gif") left top repeat-y; margin: 0 0 8px 0; width: 323px; }
.lbbg { background: url("../images/lbbg.gif") left bottom no-repeat; padding: 22px 20px 16px 24px; }
.rmbg { background: url("../images/rmbg.gif") left top repeat-y; width: 546px; }
.rbbg { background: url("../images/rbbg.gif") left bottom no-repeat; padding: 26px 18px 20px 28px; }