@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
img { border: none; }
body { font-family: "Arial"; font-size: 12px; background: #DCDCDC repeat-x; }
.brd { border: 1px solid #000; }
#container { width: 980px; margin: 0 auto; }
#container .main { width: 100%; float: left; display: inline; background: #FFF; margin-top: 20px; }
.main .top { width: 100%; float: left; display: inline; background: url(../../images/new2/top.gif) no-repeat; height: 20px; }
.main .mid { width: 938px; float: left; display: inline; background: url(../../images/new2/top.gif) no-repeat; margin-left: 21px; }
.main .bot { width: 100%; float: left; display: inline; background: url(../../images/new2/bot.gif) no-repeat; height: 15px; }
.row { width: 100%; float: left; display: inline; }

.mid .logo { width: 400px; float: left; display: inline; }
.mid .telnumber { width: 530px; float: left; display: inline; text-align: right; font-size: 28px; color: grey; font-weight:bold; }
.mid .number { width: 380px; float: left; display: inline; text-align: right;}
.mid .live { width: 150px; float: left; display: inline; text-align: right;}

.main .menu { width: 100%; float: left; display: inline; margin-top: 20px; }
.menu ul { width: 100%; float: left; display: inline; }
.menu ul li { float: left; display: inline; padding: 0 20px 0 20px;  background: url(../../images/new2/mid.gif) right no-repeat; height: 16px; line-height: 12px; }
.menu ul li a { text-decoration: none; color: #000; }
.menu ul li a:hover { text-decoration: underline; color: #0078ff; }

.mid .banner { width: 100%; float: left; display: inline; margin-top: 10px; }

.mid .content-left-gutter { width: 200px; float: left; display: inline; margin-top: 20px; }
.mid .content-right-gutter { width: 720px; float: left; display: inline; margin-left: 15px; margin-top: 20px; }

.mid .footer { width: 880px; float: left; display: inline; text-align: center; margin-top: 40px; margin-left: 20px; }

.content-left-gutter .buttons { width: 100%; float: left; display: inline; }
.buttons ul { width: 100%; float: left; display: inline; margin: 0; padding: 0; }
.buttons ul li { width: 100%; float: left; display: inline; height: 39px; margin: 0; padding: 0; margin-top: 3px; }

.leftcol .form { width: 100%; float: left; display: inline; height: 222px; background: url(../../images/new2/formbase.gif) no-repeat; margin-top: 20px;	 }
.form .con { width: 180px; float: left; display: inline; margin: 10px 0 0 10px;  }
.form .con h2 { font-size: 13px; font-weight: bold; }

#why a { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button1.jpg) bottom right; }
#why a:hover { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button1.jpg) top left; }

#how a { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button8.jpg) bottom right; }
#how a:hover { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button8.jpg) top left; }

#pricing a { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button3.jpg) bottom right; }
#pricing a:hover { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button3.jpg) top left; }

#email a { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button4.jpg) bottom right; }
#email a:hover { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button4.jpg) top left; }

#client a { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button5.jpg) bottom right; }
#client a:hover { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button5.jpg) top left; }

#about a { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button6.jpg) bottom right; }
#about a:hover { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button6.jpg) top left; }

#faq a { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button7.jpg) bottom right; }
#faq a:hover { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button7.jpg) top left; }

#roi a { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button2.jpg) bottom right; }
#roi a:hover { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button2.jpg) top left; }

#help a { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button9.jpg) bottom right; }
#help a:hover { width: 150px; height: 39px; float: left; display: block; background: url(../../images/new2/button9.jpg) top left; }

.package1 a { width: 231px; height: 139px; float: left; display: inline; background: url(../../images/new2/box1.gif) no-repeat; font-size: 20px; text-align: center; font-weight: bold; line-height: 36px; }
.package2 a { width: 231px; height: 139px; float: left; display: inline; margin-left: 10px; background: url(../../images/new2/box2.gif) no-repeat; font-size: 20px; text-align: center; font-weight: bold; line-height: 36px; }
.package3 a { width: 231px; height: 139px; float: left; display: inline; margin-left: 10px; background: url(../../images/new2/box3.gif) no-repeat; font-size: 20px; text-align: center; font-weight: bold; line-height: 36px; }
.package1 a, .package2 a, .package3 a { color: #000; text-decoration: none; }



.box { width: 233px; height: 115px; float: left; display: inline; }
.box2 { width: 233px; background: url(../../images/new2/line.gif) repeat-x; float: left; display: inline; margin-top: 10px; }
.box2 .content { width: 214px; float: left; display: inline; margin: 10px 0 0 10px; }
.content p { width: 100%; float: left; display: inline; border-top: 1px solid #000; padding-top: 10px; line-height: 18px; }
.content .more { width: 100%; float: left; display: inline; margin-top: 10px; padding-bottom: 10px; text-align: right; }

.box3 { width: 720px; background: url(../../images/new2/line.gif) repeat-x; float: left; display: inline; margin-top: 10px; }
.box3 .content3 { width: 700px; float: left; display: inline; margin: 10px 0 0 10px; }

.footerbox { width: 980px; text-align: center; margin: 0 auto;}
.footerbox .top { width: 100%; float: left; display: inline; height: 20px; background: url(../../images/new2/footertop.gif) top no-repeat; margin-top: 10px;}
.footerbox .middle { width: 980px; float: left; display: inline; background: #f6f6f6; }
.footerbox .middle .contt { width: 940px; float: left; margin-left: 20px;}
.contt p { float: left; display: inline; }

.footerbox .bottom { width: 100%; float: left; display: inline; height: 20px; background: url(../../images/new2/footerbot.gif) no-repeat; }