@charset "utf-8";
/* CSS Document */



/* -------------------------------------- */
/* GENERAL/RESET CSS */
/* -------------------------------------- */
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,border, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;  }


ol, ul{ list-style:none;}
.floatleft { float:left;}
.floatright { float:right;}


/* -------------------------------------- */
/* CLEARFIX CSS */
/* -------------------------------------- */
.clear { clear:both; height:0px; font-size:0px;}
.clearfix:after {
    clear: both;
    display: block;
    content: " ";
    height: 0px;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hide these rules from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;



}
li.clearfix {
    display: list-item;
}



html {background: #fff url(../images/footer.jpg) bottom repeat-x;}


body {text-align: center; background: url(../images/bg-top.jpg) 0 98px repeat-x; font: 12px Arial, Helvetica, sans-serif; color: #3f4b50; line-height: 20px;margin:0;padding:0;}

body#dash { background: url(../images/bg-top-dash.png) 0 98px repeat-x;}

.clear {clear: both;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}



/*layout*/

#wrap,#head,#footer,#subnav {position: relative; text-align: left; width: 960px; margin: 0 auto;}

/*header*/



#head {width: 1136px; height: 206px; }

#head span#dash_title {position: relative; left: 320px; top: 38px; font-weight: bold; font-size: 20px; color: #909597;}

#logo {position: absolute; left: 88px; top: 15px;}

#logo,#logo a { height: 60px; width: 202px;}

#logo strong,#head h2,#uses span,#cust span, .sure span, .tour span,#pleft .box h2 span, #pleft .box h3 strong, .box .sign span,#pleft h1.hd span,#pright h1.hd span, #mid h2 span, #large h2 span, #small h2 span, #mega a span,#mega h2, #nav span, .st span,#home .more span,#home .follow span,#home .face span,#home .ftweet span,#quotes .next span,#hright .quest span,#hright .affil span,#hright .ccases span,#hright .dir span,#subnav .ar span,#slider .item h2,#slider .item h3,#buttons a span,#bann h2,#bann h3,#bann a span {display: none;}

#head fieldset {position: absolute; top: 5px; right: 84px;}

#head p,#head input {display: inline; vertical-align: middle}

#head p {padding: 0 0 0 5px;}

#head p a {color: #2b3339; text-decoration: none; padding: 0 6px;}

#head .bold {border-left: 1px solid #2b3339; font-weight: bold;}

#head p a:hover {color: #0095d3;}

#top {position: absolute; top: 42px; left: 460px; width: 700px; height: 50px; background: url(../images/top-menu.png) 0 0 no-repeat;}

#top li {display: block; padding-left:5px;padding-right:10px; height: 20px; text-align: center; float: left;}

#top a {display: block;  height: 20px; text-align: center; font-size: 18px; font-weight: bold; text-decoration: none; color: #909597;}

#top a:hover {color: #0095d3;}

#top .it1 {margin: 0 0 0 122px; display: inline;}

#top .it1 a {width: 78px; background: url(../images/top-menu.png) -122px 0 no-repeat;}

#top .it1 a:hover {background-position: -122px -50px;}

#top .it2 a {width: 110px; background: url(../images/top-menu.png) -200px 0 no-repeat;}

#top .it2 a:hover {background-position: -200px -50px;}

#top .it3 a {width: 97px; background: url(../images/top-menu.png) -310px 0 no-repeat;}

#top .it3 a:hover {background-position: -310px -50px;}

#top .it4 a {width: 104px; background: url(../images/top-menu.png) -407px 0 no-repeat;}

#top .it4 a:hover {background-position: -407px -50px;}

#top .it5 a {width: 91px; background: url(../images/top-menu.png) -511px 0 no-repeat;}

#top .it5 a:hover {background-position: -511px -50px;}

#left {width: 676px; float: left; padding: 25px 0;}

#left h2 {font: bold 21px Arial, Helvetica, sans-serif; color: #f1922a;}

#left h3 {font: bold 17px Arial, Helvetica, sans-serif; color: #f1922a;}

#left .para {padding-top:10px;}

#left h4 {font: bold 15px Arial, Helvetica, sans-serif; color: #f1922a; padding:0 0 10px 0;}

#left h5 {font: bold 13px Arial, Helvetica, sans-serif; color: #f1922a;}

#left p {padding: 3px 0 15px 0;}

#left ul,#left ol {padding: 15px 0 15px 30px;}

#left ul li {list-style-position: outside; list-style-image: url(../images/marketing/li.gif);}

#left ol li {list-style-position: outside; list-style-type: decimal;}

#left .comp {padding: 5px 0 15px 30px;}

#left .comp li {background: url(/images/marketing/bord-dot.gif) bottom repeat-x; list-style-image: none !important; list-style: none !important; clear: both; padding: 15px 0;}

#left .comp img {float: left;}

#left .comp h3 {font: bold 15px Arial, Helvetica, sans-serif; color: #308eba;}

#left .comp p {padding-bottom: 5px}

#left .more {background: url(/images/marketing/arr.gif) right center no-repeat; padding: 0 10px 0 0; font: bold 11px Arial, Helvetica, sans-serif; color: #30353c; text-decoration: none;}

#left .more:hover {text-decoration: underline;}

#left form {display: block;}

#left fieldset {padding: 30px;}

/*#left input, #left select, #left textarea {margin-left: 10px;}*/

#left .text {border: 1px solid #989898; background: #fff; font: 12px Arial, Helvetica, sans-serif; color: #3f4b50; padding: 3px;}

#left form div {clear: both; margin: 4px 0; position: relative;}

/*#left label, #left .cr p {margin: 0; width: 140px; text-align: right; float: left; font: bold 13px Arial, Helvetica, sans-serif; color: #3f4b50;}*/

/*#left .cr label {text-align: left; width: auto; float: none; font: 12px Arial, Helvetica, sans-serif; color: #3f4b50;}*/

#left .instr {background: url(/images/marketing/bord-dot.gif) bottom repeat-x; padding: 0 0 15px 0; margin: 0 0 20px 0;}

#left .instr img {float: left; margin: 0 10px 0 0; display: inline;}

#left .instr strong,#left .btn label strong {font-weight: bold; color: #308eba;}

#left .btn {padding: 20px 0 0 0;}

#left .btn label {width: auto; font: 12px Arial, Helvetica, sans-serif;}

#left .btn input {margin: 0 10px 0 0;}

#left .btn .button {float: right; margin: 0;}

/*#left td,#left th {border-left: 1px solid #fff; padding: 10px 15px; font: 12px Arial, Helvetica, sans-serif; color: #4b5154; background: #e6ecf0;}*/

/*#left table {margin: 10px 0;}*/

#left th {font: bold 13px Arial, Helvetica, sans-serif; color: #335264; background: #cee0ea; width: 100px;}

#left th.odd {background: #b1cddd;}

#left td.odd {background: #d9e4eb;}

#right {width: 253px; float: left; padding: 25px 0;margin-right:10px;}

.uses {display: block; padding: 10px 0 10px 60px; font: 12px Arial, Helvetica, sans-serif; color: #3f4b50; text-decoration: none;}

.uses strong {font: bold 14px Arial, Helvetica, sans-serif; display: block; padding: 0 0 5px 0;}

.uses:hover strong {color: #308eba;}

.ln1 {background: url(../images/uses-icons.png) 0 10px no-repeat;}

.ln1:hover {background: url(../images/uses-icons.png) -410px 10px no-repeat;}

.ln2 {background: url(../images/uses-icons.png) 0 -82px no-repeat;}

.ln2:hover {background: url(../images/uses-icons.png) -410px -82px no-repeat;}

.ln3 {background: url(../images/uses-icons.png) 0 -172px no-repeat;}

.ln3:hover {background: url(/images/marketing/uses-icons.png) -410px -172px no-repeat;}

.ln4 {background: url(/images/marketing/uses-icons-extra.png) 0 10px no-repeat;}

.ln4:hover {background: url(/images/marketing/uses-icons-extra.png) -408px 10px no-repeat;}

.ln5 {background: url(/images/marketing/uses-icons-extra.png) 0 -73px no-repeat;}

.ln5:hover {background: url(/images/marketing/uses-icons-extra.png) -406px -73px no-repeat;}

.ln6 {background: url(/images/marketing/uses-icons-extra.png) 0 -160px no-repeat;}

.ln6:hover {background: url(/images/marketing/uses-icons-extra.png) -408px -160px no-repeat;}

#wrap hr {border: none; height: 1px; background: url(/images/marketing/bord-dot.gif) repeat-x;}

#uses {background: url(/images/marketing/headings/uses.gif) no-repeat; height: 17px;}

#cust {background: url(/images/marketing/headings/customers.png) no-repeat; height: 20px; margin: 25px 0 0 0;}

#box {background: #ececec url(/images/marketing/box.gif) 0 -8px no-repeat; padding: 15px 0 0 0; margin: 15px 0 30px 0;}

#box div {background: url(/images/marketing/box.gif) 0 0 no-repeat; height: 8px; overflow: hidden; margin: 8px 0 0 0;}

#box img {margin: 5px 15px; vertical-align: middle;}

.sure {background: url(/images/marketing/not-sure.png) no-repeat; display: block; height: 106px;}

/*.tour {background: url(/images/marketing/tour.png) no-repeat; display: block; height: 87px; margin: 20px 0 0 0;}*/

#footer {height: 318px;}



#copy {clear: both; padding: 13px 0 0 0; text-align: center; font: 11px Arial, Helvetica, sans-serif; color: #85a6c0;}

#copy a {padding: 0 5px; font: 11px Arial, Helvetica, sans-serif; color: #85a6c0; border-left: 1px solid #85a6c0;}

#pleft {float: left; width: 253px; padding: 25px 0 40px 0;}

.box {background: url(/images/marketing/box-free.gif) repeat-y; width: 241px; margin: 15px 0 0 0;}

.box div {background: url(/images/marketing/free-foot.png) bottom no-repeat; padding: 0 0 20px 0;}

.box h2 {background: url(/images/marketing/headings/free.png) no-repeat; height: 68px;}

.box h3 {background: url(/images/marketing/headings/premium-feat.png) no-repeat; height: 98px; margin: 0 8px; text-align: center; font: bold 13px Arial, Helvetica, sans-serif; color: #6b7179;}

.box h3 span {display: block; padding: 40px 0 0 0;}

.box ul {padding: 0 8px;}

.box li {text-align: center; font: 14px Arial, Helvetica, sans-serif; color: #3f4b50; padding: 7px 0; border-bottom: 1px solid #dee0e2;}

.box .last {border: 0 none; padding: 7px 0 15px;}

.box li strong {font: bold 16px Arial, Helvetica, sans-serif; color: #a43311;}

#pleft #add {padding: 8px;}

#pleft #add li {border: 0 none; padding: 3px 0 3px 50px; font: 12px Arial, Helvetica, sans-serif; color: #33393b; text-align: left; background: url(/images/marketing/plus.gif) 30px center no-repeat}

.box .sign {background: url(/images/marketing/buttons/sign-up.png) no-repeat; width: 98px; height: 34px; display: block; margin: 5px 0 0 63px;}

#pleft #cust {margin-left: 8px;}

#pleft #box {background: #ececec url(/images/marketing/box-small.gif) 0 -8px no-repeat; padding: 15px 0 0 0; margin: 15px 0 30px 8px; width: 227px;}

#pleft #box div {background: url(/images/marketing/box-small.gif) 0 0 no-repeat; height: 8px; overflow: hidden; margin: 8px 0 0 0;}

#pleft #box img {margin: 5px 0 5px 15px; vertical-align: middle;}

#pleft h1.hd {background: url(/images/marketing/headings/basic.png) no-repeat; height: 33px; margin: 0 0 10px 8px;}

#pright h1.hd {background: url(/images/marketing/headings/pro.png) no-repeat; height: 33px; margin: 0 0 10px 8px;}

p.hd {background: url(/images/marketing/bord-dot.gif) top repeat-x; margin: 0 15px 0 8px; padding: 10px 0;}

p.hd strong {display: block; font: bold 16px Arial, Helvetica, sans-serif; color: #308eba;}

p.zd {background: url(/images/marketing/check.gif) left 5px no-repeat; font: 12px Arial, Helvetica, sans-serif; color: #747c7f; margin: 0 15px 0 8px; padding: 0 0 10px 18px;}

#pright p.zd {padding: 0 0 23px 18px;}

#pright {float: right; width: 690px; padding: 25px 0 40px 0;}

#pright .box {float: left;}

#large {background: url(/images/marketing/box-large.gif) repeat-y; width: 218px;}

#large div {background: url(/images/marketing/foot-large.png) bottom no-repeat; padding: 0 0 20px 0;}

#large h2 {background: url(/images/marketing/headings/large.png) no-repeat; height: 104px;}

#large ul {padding: 0 0 0 8px;}

#large .sign {margin: 10px 0 0 63px;}

#mid {background: url(/images/marketing/box-mid.gif) repeat-y; width: 247px; margin: 0;}

#mid div {background: url(/images/marketing/foot-mid.png) bottom no-repeat; padding: 0 0 20px 0;}

#mid h2 {background: url(/images/marketing/headings/midsize.png) no-repeat; height: 134px;}

#mid ul {padding: 0;}

#mid li {font: 17px Arial, Helvetica, sans-serif;}

#mid li strong {font: bold 22px Arial, Helvetica, sans-serif;}

#mid .sign {background: url(/images/marketing/buttons/sign-up-l.png) no-repeat; width: 113px; height: 40px; display: block; margin: 15px 0 0 63px;}

#small {background: url(/images/marketing/box-sm.gif) repeat-y; width: 223px;}

#small div {background: url(/images/marketing/foot-sm.png) bottom no-repeat; padding: 0 0 20px 0;}

#small h2 {background: url(/images/marketing/headings/small.png) no-repeat; height: 104px;}

#small ul {padding: 0 8px 0 0;}

#small .sign {margin: 10px 0 0 63px;}

#mega {background: url(/images/marketing/mega.png) bottom no-repeat; width: 692px; height: 201px; clear: both;}

#mega a {background: url(/images/marketing/contact-pricing.png) no-repeat; float: left; width: 155px; height: 14px; margin: 10px 0 0 40px; display: inline;}

#mega p {padding: 90px 0 0 40px; width: 420px;}

#mega p strong {font: bold 16px Arial, Helvetica, sans-serif; color: #308eba; display: block; padding: 0 0 5px 0;}

#lbox {width: 370px; float: left; margin: 25px 0 0 10px; display: inline;}

#rbox {width: 254px; float: right; margin: 15px 3px 0 0; display: inline;}

#home {background: url(../images/bg2.jpg) 0 98px repeat-x !important;}

#home #head {width: 1136px; height: 427px;}

#subnav {width: 1034px; height: 94px; background: url(../images/home-subnav.png) center bottom no-repeat;}

#subnav .ar {float: left; height: 19px; width: 19px; background: url(../images/arrows.png) 0 0  no-repeat; margin: 10px 0 0 50px; display: inline;}

#subnav .rf {background: url(../images/arrows.png) 0 -19px  no-repeat; margin-left: 5px;}

#subnav .lf:hover {background: url(../images/arrows.png) -19px 0  no-repeat;}

#subnav .rf:hover {background: url(../images/arrows.png) -19px -19px  no-repeat;}

#nav li,#nav li a {float: left; height: 42px;}

#nav .sn {margin:0 0 0 100px;display: inline; }


#nav .sn2 a { display: inline; width: 190px; background: url(../images/nav4.png)  -10px 0 no-repeat;}

#nav .sn2 a:hover,#nav .sn2 .active {background-position: -10px -42px;}

#nav .sn3 a {width: 163px; background: url(../images/nav4.png) -190px 0 no-repeat;}

#nav .sn3 a:hover,#nav .sn3 .active {background-position: -190px -42px;}

#nav .sn4 a {width: 172px; background: url(../images/nav4.png) -350px 0 no-repeat;}

#nav .sn4 a:hover,#nav .sn4 .active {background-position: -350px -42px;}

#home #wrap {margin-top: -10px;}

#hleft {width: 363px; float: left; padding: 0 0 30px 0}

#hleft .st {background: url(../images/expertise.jpg) no-repeat; height: 24px; margin: 0 0 10px 0;}

#hright {width: 555px; float: right; padding: 0 0 30px 0}

#hright .st {background: url(../images/expertise.jpg) no-repeat; height: 24px; margin: 0 0 20px 0;}

#home .uses {display: block; padding: 10px 0 10px 0px; font: 12px Arial, Helvetica, sans-serif; color: #3f4b50; text-decoration: none;}

#home .uses strong {font: bold 16px Arial, Helvetica, sans-serif; display: block; padding: 0 0 5px 0;}

#home .uses:hover strong {color: #308eba;}

#home .ln1 {background: url(../images/icons-2.png) 0 10px no-repeat;}

#home .ln1:hover {background: url(../images/icons-2.png) -400px 10px no-repeat;}

#home .ln2 {background: url(../images/icons-2.png) 0 -77px no-repeat;}

#home .ln2:hover {background: url(../images/icons-2.png) -400px -77px no-repeat;}

#home .ln3 {background: url(../images/icons-2.png) 0 -163px no-repeat;}

#home .ln3:hover {background: url(../images/icons-2.png) -400px -163px no-repeat;}

#home .ln4 {background: url(/images/marketing/icons-2.png) 0 -245px no-repeat;}

#home .ln4:hover {background: url(/images/marketing/icons-2.png) -400px -245px no-repeat;}

#home .more,#home .ftweet,#home .face,#quotes .next {background: url(/images/marketing/buttons/so-much-more.png) 0 0 no-repeat; display: block; width: 152px; height: 26px;}

#home .more {margin: 15px 0 0 0;}

#home .ftweet {background: url(/images/marketing/buttons/so-much-more.png) 0 -26px no-repeat; float: left; margin: 5px 10px 0 0; display: inline;}

#home .face {background: url(/images/marketing/buttons/so-much-more.png) 0 -52px no-repeat; float: left; margin: 5px 0 0 0; display: inline;}

#home .more:hover {background-position: -152px 0;}

#home .ftweet:hover {background-position: -152px -26px;}

#home .face:hover {background-position: -152px -52px;}

#home .follow {background: url(/images/marketing/headings/follow-us.gif) 0 0 no-repeat; width: 88px; height: 15px; margin: 20px 0 15px 0;}

#twitter_div {background: url(/images/marketing/tweet.png) 0 0 no-repeat; min-height: 50px; padding: 0 0 0 65px; font: 13px Arial, Helvetica, sans-serif; color: #3f4b50;}

#twitter_div a {display: block; font: 11px Arial, Helvetica, sans-serif; color: #818181; padding: 3px 0 0 0;}

#quotes {position: relative; width: 575px; height: 100px; overflow: hidden; z-index: 8;}

#quotes .clients {position: relative; margin: 0; width: 575px; height: 100px;}

#quotes img,#quotes .next {float: right; display: inline; margin: 0 0 0 20px; clear: right;}

#quotes .next {position: relative; z-index: 9; top: 60px; margin-top: 0px; width: 109px; background: url(/images/marketing/buttons/so-much-more.png) 0 -78px no-repeat;}

#quotes .next:hover {background-position: -109px -78px;}

#quotes .text {font: 17px Georgia, "Times New Roman", Times, serif; line-height: 22px; color: #2d3335; background: url(/images/marketing/quote.gif) 0 4px no-repeat; padding: 0 0 0 35px;}

#quotes .author {font: 13px Arial, Helvetica, sans-serif; color: #3f4b50; padding: 15px 0 0 0;}

#hright .incol {float: left; width: 350px;}

#hright .quest {background: url(/images/marketing/questions.png) no-repeat; width: 277px; height: 181px;}

#hright .quest a {float: left; width: 51px; height: 24px; margin: 140px 0 0 46px;}

#hright .affil {background: url(/images/marketing/affiliate.png) no-repeat; width: 276px; height: 103px; display: block; margin: 15px 0 0 0;}

#hright .pushdown_wrapper {position: relative; top: 100px; padding-bottom: 20px;}

#hright .ccases {background: url(/images/marketing/headings/customer-cases.gif) no-repeat; width: 149px; height: 16px; margin: 30px 0 0 0;}

#hright .dir {background: url(/images/marketing/headings/gsite-dir.png) no-repeat; width: 173px; height: 41px;}

/*home modification page css*/

#hright .webinarbutton{margin:50px 0 0 230px;}

.incol label {display: block; font: bold 13px Arial, Helvetica, sans-serif; color: #3f4b50; margin: 0 0 5px 0;}

.incol label span {font-weight: normal;}

.incol p {padding: 10px 70px 20px 0;}

.incol .txt {width: 200px; font: 13px Arial, Helvetica, sans-serif; color: #3f4b50; padding: 3px; margin: 0 0 15px 0; background: #fff; border: 1px solid #9f9f9f;}

#home #box {background: #ececec url(/images/marketing/box-wide.gif) 0 -6px no-repeat; padding: 6px 0 0 0; margin: 15px 0 30px 0;}

#box div {background: url(/images/marketing/box-wide.gif) 0 0 no-repeat; height: 6px; overflow: hidden; margin: 0;}

#box img {margin: 0 0 0 7px; vertical-align: middle;}

#slider {position: absolute; top: 98px; left: 88px; width: 1033px; height: 339px; overflow: hidden; z-index: 1000;}

#slider .item {position: relative; margin: 0; width: 1033px; height: 339px;}

/*#slider .sc1 {background: url(../images/banner.png) 0 0 no-repeat;border:none;}*/

#slider .sc2 {background:url(../images/banner2.png) 0 0 no-repeat;border:none;}

#slider .sc3 {background:url(../images/banner1.png) 0 0 no-repeat;border:none;}

#slider .sc4 {background:url(../images/banner.png) 0 0 no-repeat;border:none;}

#slider .sc5 {background:url(../images/banner.png) 0 0 no-repeat;border:none;}

#buttons {position: absolute; top: 340px; left: 81px; width: 420px; height: 85px; z-index: 10000; background: url(/images/marketing/or.png) 230px 32px no-repeat;}

#buttons .rd {float: left; width: 227px; height: 88px; background: url(/images/marketing/buttons/try-now-free.png) no-repeat;}

#buttons .bl {float: right; width: 157px; height: 45px; background: url(/images/marketing/buttons/plans-price.png) no-repeat; margin: 20px 0 0 0; display: inline;}

#bann {position: absolute; top: 98px; left: 70px; width: 968px; height: 108px; }

#bann.support {background: url(/images/marketing/bann/support.png) left center no-repeat;}

#bann.mega_request {background: url(/images/marketing/bann/mega_request.png) left center no-repeat;}

#bann.sign-up {background: url(/images/marketing/bann/sign-up.png) left center no-repeat;}

#bann.about {background: url(../images/about-new.png) left center no-repeat;margin-left:13px;}

#bann.team {background: url(/images/marketing/bann/team.png) left center no-repeat;}
#bann.media {background: url(/images/marketing/bann/media.png) left center no-repeat;}
#bann.news {background: url(/images/marketing/bann/news.png) left center no-repeat;}
#bann.careers {background: url(/images/marketing/bann/careers.png) left center no-repeat;}
#bann.partners {background: url(/images/marketing/bann/partners.png) left center no-repeat;}
#bann.advertise {background: url(/images/marketing/bann/advertise.png) left center no-repeat;}
#bann.contact {background: url(/images/marketing/bann/contact.png) left center no-repeat;}
#bann.social {background: url(/images/marketing/bann/socialcollab.png) left center no-repeat;}

#bann.price {background: url(/images/marketing/bann/1.jpg) left center no-repeat;}

#bann.cases {background: url(/images/marketing/bann/2.jpg) left center no-repeat;}

#bann.dash {background: url(/images/marketing/bann/dash.png) left center no-repeat;}

#bann.features {background: url(/images/marketing/bann/features.png) left center no-repeat;}

#bann.tour_bann {background: url(../images/tour.png) left center no-repeat;}

#bann.dir {background: url(/images/marketing/bann/dir.png) left center no-repeat;}

#bann.cases a, #bann.features a, #bann.tour_bann a, #bann.dir a, #bann.about a, #bann.mega_request a, #bann.support a {float: right; width: 225px; height: 84px; background: url(/images/marketing/buttons/try2.png) no-repeat; margin: 15px 0 0 0; display: inline;}

/*#bann div {background: url(/images/marketing/price-filler.jpg) right 0 no-repeat; width: 945px; height: 108px;}*/

#bann_menu {position: absolute; bottom: 1px; right: 0; width: 700px; height: 50px; }

#bann_menu li {text-align: center; font-size: 14px; font-weight: bold; color: #ffffff; display: block; margin-top: 18px; margin-right: 3px; width: 170px; height: 33px; text-align: center; float: left; background: url(/images/marketing/buttons/bann_tab_off.png) no-repeat top center;}

#bann_menu a {margin: 0px; height: 26px; background: none; text-decoration: none; width: 170px; color: #ffffff; position: relative; top: 8px;}

#bann_menu li.active {background: url(/images/marketing/buttons/bann_tab_on.png);}

#bann_menu li.active a {color: #30353c;}


/**Additional CSS Provided by Eighty8Four**/

/*Cases*/
#cases_slider_wrapper {height: 132px; width: 960px; position: relative; margin-top: 50px; margin-bottom: 50px; }

#cases_stage {margin: auto;  width: 940px; height: 132px; background: url(../images/cases_slider_bg.jpg) no-repeat top center; overflow: auto; overflow-x: hidden; overflow-y: hidden; position: relative;}

#cases_stage #listholder .clientList {width: 940px; margin-left: 3px; height: 132px;}

#cases_stage #listholder .clientList ul li {list-style: none; margin-top: 3px; padding: 0; border: 0; border-right: 1px #f5f3f3 solid; float: left; width: 205px; height: 126px; text-align: center; position: relative;}

#cases_stage #listholder .clientList ul li:hover {border: 1px #308eba solid; width: 204px; height: 126px;}

#cases_stage #listholder .clientList ul li img {margin-top: 15px;}

#cases_stage #listholder .clientList ul li span {position: absolute; bottom: 5px; left: 0; width: 200px; line-height: 14px;}

#cases_stage #listholder .clientList ul li a {text-decoration: none; font-family: Arial; font-weight: bold; color: #999999; font-size: 12px;}

#cases_stage #listholder .clientList ul li a sup{text-decoration: none; font-family: Arial; font-weight: bold; color:#999999; font-size: 8px;}

#cases_stage #listholder .clientList ul li:hover a {color: #308eba;}

#cases_stage #listholder .clientList ul li.hover {cursor: pointer;}

#slider-buttons {position: absolute; z-index: 1000; top: 0; left: -15px; width: 1000px;}

#slider-buttons a {height: 133px; width: 44px; text-decoration: none;}

#slider-buttons a.next {float: right; background: url(../images/next_arrow.png) no-repeat top center; position: absolute; z-index: 1000; right: 0;}

#slider-buttons a.previous {float: right; background: url(../images/previous_arrow.png) no-repeat top center; position: absolute; z-index: 1000; left: 0;}

#slider-buttons a:hover {background-position: bottom center;}



.subheader h2 {color: #308eba; font-size: 18px; position: relative;}

.subheader h3, #cases_right h3 {color: #30353c; font-size: 16px;}

.subheadertxt h1 {color: #F88C20; font-size: 22px; position: relative;padding-bottom:10px;}

.alert { width: 100%; height: 55px; margin: 15px 0; font-size: 18px;}

.alert p {color: red;}

.alert a { color: #308eba; text-decoration: none;}

#cases_left {width: 470px; float: left; margin-top: 15px; margin-bottom: 20px;}

#cases_left img {width: 470px;}

#cases_right {width: 470px; float: right; margin-top: 15px; margin-bottom: 20px; text-align: left;}

#cases_right p {margin-left: 15px;}

#cases_right a {font-weight: bold; color: #308eba; text-decoration: none;}

#cases_right h3, {color: #30353c; font-size: 16px; margin-left: 15px; margin-bottom: 10px; margin-top: 10px;}

#cases_right #plan {float: left; width: 234px; background: #e6ecf0; height: 150px;}

#cases_right #plan h4 {height: 25px; background: #cee0ea; padding-left: 15px; padding-top: 5px; color: #335264; font-size: 13px;}

#cases_right #plan p {line-height: 14px;}

#cases_right #features {background: #d9e4eb; height: 150px; width: 168px; margin: auto;}

#cases_right #features h4 {height: 25px; background: #b1cddd; padding-top: 5px; color: #335264; font-size: 13px;}

#cases_right #features p {line-height: 14px;}

#cases_right #config {float: right; width: 235px; background: #d9e4eb; height: 150px}

#cases_right #config h4 {height: 25px; background: #b1cddd; padding-left: 15px; padding-top: 5px; color: #335264; font-size: 13px;}

#cases_right #config p {line-height: 14px;}





/*dashboard*/
#dash_left {width: 470px; float: left; margin-top: 15px; margin-bottom: 20px;}

#dash_left img {width: 470px;}

span.red {color: red;}

span.green {color: green;}

#dash_left a { color: #308eba; text-decoration: none;}

#dash_left h3 {color: #30353c; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}

#dash_right {width: 470px; float: right; margin-top: 15px; margin-bottom: 20px; text-align: left;}

#dash_right a {font-weight: bold; color: #308eba; text-decoration: none;}

#dash_right h3 {color: #30353c; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}

#dash_right #clarity { margin-top: 10px; width: 440px; height: 60px; font-weight: bold; font-size: 20px; background: #cfe0ea; padding: 10px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#dash_right #clarity span {font-size: 16px;}




/*features*/
#floating_head {position: fixed; top: 0; width: 684px; background: url(/images/marketing/floating_header.png) no-repeat top center; margin-left: 3px; height: 69px; text-align: center; display: none;}

#feature_right {float: right; width: 253px; padding: 65px 0 40px 0;}

#feature_right h2 {color: #000000; font-size: 20px}

#feature_left {float: left; width: 690px; padding: 25px 0 40px 0;}

#table_wrapper {width: 684px; background: url(/images/marketing/feature_banner.png) no-repeat top center; margin: auto; padding-top: 89px; text-align: center;}

#table_wrapper ul {width: 684px;}

#table_wrapper ul h1 {width: 684px; height: 50px; background: url(/images/marketing/sub_feature_head.png) no-repeat top center; margin: 0px; color: #6b7179; font-size: 16px; padding-top: 10px;}

#table_wrapper ul li {display: block; width: 684px; height: 48px; background: url(/images/marketing/feature_table_bg.png) no-repeat top center; padding-top: 8px; color: #a43311; font-size: 16px; font-weight: bold;}

#table_wrapper ul li img.left {float: left; margin-left: 80px;}

#table_wrapper ul li img.right {float: right; margin-right: 80px;}

#table_wrapper ul li p{ width: 340px; margin: auto;}

#table_wrapper ul li.first {display: block; width: 684px; height: 46px; background: url(/images/marketing/feature_table_bg.png) no-repeat bottom center; padding-top: 0px;}

#table_wrapper ul li span {color: #3f4b50; font-size: 12px;}



/*tour*/
#tour_right {float: right; width: 253px; padding: 168px 1px 40px 0;}

#tour_right h3 {color: #308eba; font-size: 15px;}

#tour_right ul {margin-left: 8px; position: relative; z-index: 3;}

#tour_right ul li {margin-bottom: 11px; height: 33px; width: 151px; background: url(../images/finger_bg.png) no-repeat bottom left ; padding: 10px 0 0 15px;}

#tour_right ul li:hover {background: url(../images/finger_bg.png) no-repeat top left;}

#tour_right ul li.on {width: 164px; height: 41px; background: url(../images/finger_on.png) no-repeat top left; position: relative; left: -1px; padding: 18px 0 0 15px;}

#tour_right ul li.top {width: 157px; height: 41px; background: url(../images/finger_on_top.png) no-repeat top left; position: relative; left: -8px; padding: 18px 0 0 22px;margin-top:1px;}

#tour_right ul li a{font-size: 15px; font-weight: bold; color: #fff; }

#tour_right ul li.on a{font-size: 17px; font-weight: bold; color: #308eba;}


#tour_left {float: left; width: 690px; padding: 25px 0 40px 0; position: relative; z-index: 2;}

#tour_left h1 {color: #f1922a;}

#tour_left p {font-size: 14px;}

#tour_left span {font-size: 18px; color: #308eba; }

#tour_left .video_wrapper {width: 718px; height: 597px; background: url(../images/tourplayer_bg.png); padding-top: 25px;}

#tour_left .video_wrapper .holder {width: 645px; margin: auto; }

#tour_left .video_wrapper .holder #details {margin-top: 20px;}

#tour_left .video_wrapper .holder a.try_free {float: right;}

#tour_footer {width: 960px;}

#tour_footer h1 {color: #f1922a;}

#tour_footer p {font-size: 14px;}

#tour_footer .tourfooter_left {float: left; width: 320px; }

#tour_footer .tourfooter_center {width: 320px;  margin: auto;}

#tour_footer .tourfooter_right {float: right; width: 320px; }

#tour_footer .badge {background:#EFEFEF none repeat scroll 0 0; cursor:pointer; float:left; padding:5px 8px 10px;}

#tour_footer  h6 { color:#007DC2; overflow:hidden; padding:0 0 5px; white-space:nowrap; font-size:14px; line-height:21px;}

#tour_footer ul {border:3px solid #0096DB; float:left; width:240px;}

#tour_footer ul li, #tour_footer ul li span {display:block; float:left; height:60px; overflow:hidden; width:60px;}

#tour_footer span.tab {background:transparent url(/images/marketing/spotlight-tab-left.gif) no-repeat scroll left top; color:#FFFFFF; cursor:pointer; display:block; float:left; font-size:12px; height:25px; line-height:25px; margin-left:14px; padding:0 0 0 13px; position:relative; top:-10px;}

#tour_footer span.tab span { background:transparent url(/images/marketing/spotlight-tab-right.gif) no-repeat scroll right top; float:left; line-height:25px; padding:0 13px 0 0;}

#tour_footer span.tab span span {background:#0096DB none repeat scroll 0 0; overflow:hidden; padding:0 5px; text-align:center; white-space:nowrap; width:164px; }

#tour_footer p.summary { color:#808285; float:left; font-family:Tahoma,Arial,sans-serif; font-size:10px; font-weight:normal;line-height:normal; margin:0 0 7px 14px; width:200px;}



/*directory*/
#dir_wrapper {margin-top: 20px;}

#dir_left {width: 231px; float: left; }

#browse { background: url(/images/marketing/dir_browse_title.png) no-repeat top center; width: 231px; padding: 42px 0 7px 0;}

#accordion1 {background: url(/images/marketing/dir_browse.png) no-repeat bottom center; width: 231px; padding-bottom: 6px;}

#browse h3 {cursor: pointer; width: 218px; height: 26px; padding-top: 5px; margin-left: 7px; background: url(/images/marketing/dir_browse_header.png) no-repeat top center; text-align: center;}

#browse ul li {display: block; padding-left: 20px; width: 198px; margin-left: 7px}

#browse ul li:hover {background: #f0eeee;}

#browse ul li a {font-size: 12px; text-decoration: none; color:#0095d3; font-weight: bold;}

#browse2 { background: url(/images/marketing/dir_browse.png) no-repeat bottom center; width: 231px; padding: 0 0 7px 0;}

#accordion2 {background: url(/images/marketing/dir_browse2_title.png) no-repeat top center; width: 231px; padding-bottom: 0px; padding-top: 6px;}

#browse2 h3 {cursor: pointer; width: 199px; height: 49px; padding: 8px 10px; margin-left: 6px; margin-top: 1px; background: #717576; color: #fff;text-align: left; line-height: 15px;}

#browse2 h3 span {font-size: 12px; font-weight: normal; line-height: 15px;}

#browse2 p {display: block; padding-left: 20px; padding-top: 8px; width: 198px; margin-left: 7px}

#browse2 p a {font-size: 12px; text-decoration: none; color:#0095d3; font-weight: bold;}

#reflection {margin-left: 5px; position: relative; top: -5px;}

#dir_subnav {width: 709px; height: 22px; left: 251px; position: absolute;}

#dir_subnav h3 {width: 45px; float: left; margin-right: 10px;}

#dir_subnav input.text {float: right; background: url(/images/marketing/form_field_bg.png) repeat-x top center; border: 1px gray solid; height: 15px; padding: 5px; color: #c5c9ca; font-size: 12px; font-weight: bold; vertical-align: bottom;}

#dir_subnav ul{width: 495px; height: 22px; text-align: center; float: left; border-bottom: 1px #a6a9ac dotted;}

#dir_subnav ul li {display: block; width: 110px; height: 22px; float: left; text-align: center;}

#dir_subnav ul li.on {background: url(/images/marketing/buttons/subnav_tab.png) no-repeat top center;}

#dir_subnav ul li.on a {color: #fff;}

#dir_subnav a {display: block; width: 110px; height: 22px; color: #0095d3; text-transform: uppercase; font-size: 11px; font-weight: bold;}

#dir_subnav a:hover {text-decoration: underline;}

#dir_center {width: 498px; margin-left: 250px; margin-bottom: 20px ; position: relative; top: 50px;}

#dir_center a {color: #0095d3; }

.actions { margin-top: 5px; font-weight: bold; padding-left: 23px;}

.actions img {position: relative; top: 8px;}

.user_thumb {float:left;}

#groups .pages {color: #8a8a8a; position: relative; height:25px; margin-top: 20px;}

#groups .pages p {float: left; position: relative;}

#groups .pages ul {float: right;}

#groups .pages ul li {float: left; margin-right: 3px;}

#groups .featured { border:1px solid #D5D5D5; margin-bottom:16px; padding:10px; width: 495px;}

.featured #details table {width:220px;}

#groups .groupDetail #preview { border:1px solid #C0C0C0; float:right; height:240px; width:240px; }

.groupDetail #details table { border-collapse:collapse; border-top:1px solid #C0C0C0; margin-top:7px; width:240px;}

.featured #details table th, .groupDetail #details table td {width:110px;}

.groupDetail #details table th { text-align:left; vertical-align:top;}

.groupDetail #details table th, .groupDetail #details table td { border-bottom:1px solid #C0C0C0; font-size:11px; font-weight:normal; padding:7px 0 2px;}

.groupDetail #details table td { text-align:right; vertical-align:top;}

#groups .group { margin-top:16px; position: relative;}

#groups .group_wrapper {position: relative;}

.group .icon { background-color:#4BA6A7; border:1px solid #C0C0C0; float:left; height:90px; margin:0 10px 10px; width:90px;}

.group .details { color:#404040; line-height:14px; margin:0; margin-left: 90px; width:360px;}

#dir_right {width: 165px; float: right; margin-top: 48px;}


/**About**/

.about #left .callout {background: #e6ebed; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px; font-size: 15px; margin: 10px 0; line-height: 25px;}

.about #left a {color: #0095d4;}

.about #right ul {float: right;}

.about #right ul li {display: block; height: 39px; width: 200px; text-align:right;  }

.about #right ul li.on{ background: url(../images/about_subnav_on.png) no-repeat top left; width: 225px;padding-right:20px;}

.about #right ul li a {border-bottom: 1px #a6a9ac dotted; margin-left: 0px; display: block; height: 29px; width: 192px; font: 16px; font-weight: bold; color: #0095d4; padding: 10px 20px 0 13px;}

.about #right ul li.on a{ color:#fff;}

.about #right a.affil { background: url(/images/marketing/affiliate.png) no-repeat; width: 276px; height: 103px; display: none; margin: 15px 0 0 0;}

.about #right .affil span {display: none;}


/**Sign-Up**/

.sign-up #left .form_holder {width: 440px; line-height: 20px; margin: 35px auto;}

.sign-up #left h2 span {color: #30353c; font-size: 16px; width: 100%;}

.sign-up #left .form_holder label {float: left; text-align: left; margin-top: 5px; width: 170px;}

.sign-up #left .form_holder input.text {float: right; background: #fbfcfd url(/images/marketing/form_field_bg.png) repeat-x top left; height: 20px; vertical-align: bottom; border: 1px #9f9f9f solid;}

.sign-up #left .form_holder select {float: right; text-align: right; background: #fbfcfd url(/images/marketing/form_field_bg.png) repeat-x top left; height: 25px; width: 220px; vertical-align: bottom; border: 1px #9f9f9f solid; text-align: left; margin-right: 10px;}

.sign-up #left .form_holder p a {color: #0095d4;}


/** Mega_request**/

.mega_request #left label, .mega_request #left .cr p  {float: none; width: 100%; text-align: left;}

.mega_request #left input.text, .mega_request #left textarea {float: none; background: #fbfcfd url(/images/marketing/form_field_bg.png) repeat-x top left; text-align: left; margin-left: 0px; width: 230px;}

.mega_request #left form div {margin-top: 10px;}

.mega_request #left select { background: #fbfcfd url(/images/marketing/form_field_bg.png) repeat-x top left; text-align: left; margin-left: 0px; width: 135px;}




/**Support**/


.support a {color: #0095d4;}

.support #left ul li a, .support #left p a {font-weight: bold; font-size: 14px;}

.support #right ul li a {font-weight: bold; font-size: 14px;}

/* Error Messages */
#left div.errorExplanation h2,
#left div.errorExplanation ul {
    color: red;
}
#left div.errorExplanation p {
    padding: 0;
    margin: 5px 0;
}
#left div.errorExplanation ul {
    padding: 0;
    margin: 10px 35px;
}
#left div.errorExplanation li {
    list-style: square;
}
#left div.fieldWithErrors {
    display: inline;
    margin: 0;
    padding: 0;
}
li .live{ margin-top: 7px;}

#top .chat{margin-top:7px;}
#top li {margin-top:15px;margin-left: 28px;}
#slider .slide1{background:url(../images/top.jpg) no-repeat;}
.pad{}
.glow{background:url(../images/bg_glow.jpg) no-repeat;width:849px;height:336px;}
#left .content{padding-bottom:10px;}
#left .content .thomasimg{float:left;margin-right:20px}
#left .content p{width:530px;}
#left .bord {background: url(../images/bord-dot.gif)  repeat-x;  padding:0 0 15px 0;font-size:0}
#left   p{padding:0;}
#left .content .difftxt{font-size:10px;}
#cases_stage #listholder .clientList-new {width: 5px; margin-left: 3px; height: 132px;}
#serve #left td th{display:table-cell;vertical-align:inherit;}
#serve {position: relative; text-align: left; width: 960px; margin: 0 auto;margin-top:20px;}
#serve #left{width:980px;padding:0;font-size:12px;color:#3F4B50;}
#serve #left .style6 {font-family: Arial, Helvetica, sans-serif; font-size: x-large; color: #FFCBA8; }
#serve #left {margin:0}
#serve #left{margin:0;}

#serve #left  { width:687px; }
#serve #left .clscontul{font-size:15px; font-weight:bold; color:#ff9900; margin:0; padding:0;}
#serve #left .clscontul li {background: transparent url(../images/arrow.jpg) no-repeat 0 0.3em; padding:3px 0 0 20px; list-style:none;}
#serve #left .clsleftcol{ width:300px; float:left;}
#serve #left .clsleftcol span{font-size:14px; line-height:21px;color:#3F4B50;}
#serve #left .clsrightcol{ width:300px; float:left; padding:0 0 0 40px}
#serve #left .clsrightcol .righthead{padding:0 0 43px 0;}
#serve #left .clsrightcol .righthead h1{font-size:19px; text-align: center; line-height:30px;}
#serve #left .clsrightcol .righthead span{font-size:11px; font-weight:normal; text-align:center; }
#serve #left .clsheadbg{ background:#000000; margin:20px 0 0 0;}
#serve #left .clsheadbg h2{ padding:7px 0 7px 15px; color:#ffffff; font-size:15px; font-weight:bold;}
#serve #left .clstextul li{ background: transparent url(../images/bullet.jpg) no-repeat 0 0.8em; padding:5px 0 0 14px; font-size:12px; list-style:none;}
#serve #left .clstextul { padding:10px 0 0 0;}
#serve #left.style7 {font-family: Arial, Helvetica, sans-serif; font-size: x-large; color: #FFFFFF; }


#wrap .bgbox{background:url(../images/input-image.jpg) no-repeat; height:23px; border:0;margin-top:5px;}
#serve #left .msgbox{background:url(../images/textarea.jpg) no-repeat; width:207px;height:74px; border:0;margin-top:5px;}
#serve #left .textarea{background: none; height:65px; width:201px; border:none;  font-size:12px; color:#3F4B50;}
#serve #left .searchpos {padding:2px 3px 0 3px;}
#serve #left .inputbox{background: none; height:20px; width:201px; border:none;  font-size:12px; color:#3F4B50;  }
#serve #left .clickpad{font-size:15px;}
#serve #left .bottomline{border-bottom:4px solid #FF5B00;}
#serve #left form{ margin:0; padding:0;}
#serve #left #form input{ margin:0; padding:0;}

#serve #left .submitbtn{background:url(../images/submit-btn.jpg) no-repeat; width:207px; height:24px; cursor:pointer; border:0;}




/*CONTACT FORM CSS */

#contact #left{padding:0;width:676px;}
#webbinar-series #left{padding:0;width:800px;}
#contact #left table{margin:0;}

#contact-form h3{color:#000;font-weight:normal;font-size:16px;}

#contact-form .hiddenFields{display:none;}


#contact-form form fieldset{padding:0px;margin:0px 0px 15px 0px;border:0px;}
#contact-form form fieldset.bottom{border-bottom:2px solid #ccc;padding-bottom:20px;}
#contact-form form label{display:block;margin-bottom:3px;line-height:135%;}

#contact-form form fieldset.white{border-top:1px solid #fff;border-bottom:1px solid #fff;}
#contact-form form fieldset.whitetop{border-top:1px solid #fff;}
#contact-form form fieldset,form#loginsm fieldset{padding-top:15px;margin-bottom:0px;}

#contact-form .required{float:right;font-weight:normal;font-size:12px;}



#contact-form form label.inline{float:left;}

#contact-form form ol{margin:0px 0px 0px 0px;padding:0px 0px 0px 20px;}
#contact-form form ol li{margin:0px 0px 15px 0px;padding:0px;list-style:none;display:block;}

#contact-form form ol li.inline{margin:0px;padding:0px;float:left;width:40%;margin-bottom:15px;}
#contact-form form ol li.inlineclear{clear:both;margin:0px;padding:0px;float:left;width:40%;margin-bottom:15px;}
#contact-form form ol li.inline24{margin:0px;padding:0px;float:left;width:24%;margin-bottom:15px;}

#contact-form form ol li.block{display:block;clear:both;}

#contact-form form ol li.inline24 select{width:100px;}
#contact-form form ol li.inline24 input{width:80px;margin-top:2px;}
#contact-form form em{color:#FBB03B;font-weight:bold;}

#contact-form form input,#contentwrapper form select,#contentwrapper form textarea{width:200px;font-family:Arial, Helvetica, sans-serif; color:#444;}

#contact-form form textarea.address{height:68px;}
#contact-form form .file{width:300px;}
#contact-form form textarea.message{width:99%;}
#contact-form form input.radioinline{width:20px;}
#contact-form form input.cbinline{width:20px;}
#contact-form form input.submit1{background:url(../images/submit.jpg) no-repeat;border:none;width:86px;float:right;height:36px;cursor:pointer;}
#contact-form form input.submitlt{width:86px;}

#contact-form form p{margin-bottom:3px;}
#contact-form form p.inline{float:left;margin-right:5px;}

#contact-form form h4{border-top:2px solid #ccc;border-bottom:1px solid #ccc;font-size:14px;padding:4px;clear:both;margin:0px 0px 10px 0px;}

#contact-form form label{display:block;margin-bottom:3px;line-height:135%;}
#contact-form form label.inline{float:left;}
#contact-form form input{margin: 0px 5px 0px 0px;font-size:0.9em;color:#3F4B50;padding:1px;}
#contact-form form input.go{margin:0px 0px -7px 3px;}
#contact-form  h3{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin:0px 0px 15px 0px;padding:0px;}
#contact-form form input.radioinline {width:20px;}
#wrap .searchpos {padding:2px 3px 0 3px;}
#wrap  .inputbox{background: none; height:20px; width:201px; border:none;  font-size:12px; color:#3F4B50;  }
#wrap .msgbox{background:url(../images/textarea.jpg) no-repeat; height:74px; border:0;margin-top:5px;}
#wrap .textarea{background: none; height:65px; width:201px; border:none;  font-size:12px; color:#3F4B50;}
#wrap .bottomline{border-bottom:4px solid #FF5B00;}
#note #left{width:900px;}
#wrap form div {clear: both; margin: 4px 0; position: relative;}
#wrap .submitbtn{background:url(../images/submit-btn.jpg) no-repeat; width:207px; height:24px; cursor:pointer; border:0;}

#bann .services {background: url(../images/services.png)  no-repeat; margin-left:13px;width:650px;height:80px;}
#bann.contact {background: url(../images/contact.png) left center no-repeat;margin-left:13px;}
#bann.tour{background: url(../images/tour.png) left center no-repeat;margin-left:13px;}
#bann.cases {background: url(../images/cases.png) left center no-repeat;margin-left:13px;}
#bann.training {background: url(../images/training1.png) left center no-repeat;margin-left:13px;}
#bann.content {background: url(../images/content.png) left center no-repeat;margin-left:13px;}
#bann.support {background: url(../images/support.png) left center no-repeat;margin-left:13px;}
#bann.media {background: url(../images/media.png) left center no-repeat;margin-left:13px;}
#bann.testimonials {background: url(../images/testimonials.png) left center no-repeat;margin-left:13px;}
#bann.webinarseries {background: url(../images/webinat-series.png) left center no-repeat;margin-left:13px;}
#bann.dragon {background: url(../images/advanced-dragon-header.png) left center no-repeat;margin-left:13px;}
#bann.news-event {background: url(../images/news-events-img.png) left center no-repeat;margin-left:13px;}
#bann.news{background: url(../images/news--img.png) left center no-repeat;margin-left:13px;}
#cases_right p span{color:#40484D;line-height:120%;}
#listholder .clientList li span a{font-size:12px;color:red;}

/*Footer part CSS */


.copyright{padding:60px 0 0 0; color:#fff;font-size:12px;  text-align:center;}

#contfooter{  padding:35px 0 0 10px;}
#contfooter ul li strong{font-size:14px; }
#contfooter ul li strong a{padding:0 0 8px 0;color:#ffffff;font-size:14px;}
#contfooter ul li strong a:hover{text-decoration:underline;}
#contfooter ul {  float:left; width:150px;}
#contfooter ul li
{
    padding:3px 0 0 10px;
    display:block;
    color:#cccccc;

}
#contfooter ul li a{ color:#fff;text-decoration:none;font-size:12px;}
#contfooter ul li a:hover{text-decoration:underline;}


/*------------------content services-----------------*/

#content{width:676px }
#content p{width:436px;font-family:arial;font-size:12px;float:right;color:#3F4B50;padding:0 0px 25px 0;}
#content h3{font-family:arial;font-size:16px;font-weight:bold;color:#f8aa2b;padding:5px 0 0 0}
#content .text1{width:348px;font-family:arial;font-size:12px;float:left;color:#3F4B50;padding:10px 10px 0 0;}
#content .scale{padding:10px 0px 0 0;float:left;}
#content .text2{width:676px;font-family:arial;font-size:12px;color:#3F4B50;padding:10px 0px 0 0;}


/*------------------support services-----------------*/
#support{width:676px}
#support p{width:309px;font-family:arial;font-size:12px;float:left;color:#3F4B50;}
#support .picture{float:right;padding:0 0 0 5px }
#support h3{font-family:arial;font-size:16px;font-weight:bold;color:#f8aa2b;padding:15px 0 0 0;}
#support .text3{ float:right;width:539px;font-family:arial;font-size:12px;color:#3F4B50;padding:0px 0px 0 0;}


/*------------------training-----------------*/
#training{width:676px}
#webbinar{width:1064px;padding:20px 0 15px 0px;}
#webbinar h2{color:#F88C20;font-size:22px;padding-bottom:10px;position:relative;}
#webbinar h3{color: #F8AA2B;font-family: arial;font-size: 16px;font-weight: bold;padding: 5px 0px 0px;}
#training p{font-family:arial;font-size:12px;color:#3F4B50;}
#training .picture{padding:10px 0 0 0}

/*------------------services-----------------*/

#services {width:1064px}
#services p{width:522px;font-family:arial;font-size:12px;color:#3F4B50;float:left;padding-left:15px;}
#services .top{background:url(../images/topimg.jpg) no-repeat;width:311px;height:67px }
#services  .boxcontent{float:left;padding:10px 13px 0 0}
#services .top h2{color:#fff;text-align:center;padding-top:13px;}
#services .middle{background:url(../images/middlebg.jpg) repeat-y;width:311px;}
#services .middle  ul {margin:0;padding:0;width:303px;padding-left:02px}
#services .middle ul li{list-style:none;border-bottom:1px solid #dee0e2;text-align:center;font-family:arial;font-size:16px;font-weight:bold;color:#000000;padding:10px 0 10px 0;}
#services .middle .text5{text-align:center;font-family:arial;font-size:18px;color:blue;padding:10px 0 0 0}
#services .middle .text5 a{color:blue}
#bann .services .divider{float:left;padding-left:190px}
#bann .services .text6 {font-family:arial;font-size:14px;font-weight:bold;color:#000000;padding:10px 40px 0 0px;float:right;}


/*------------------community-----------------*/
#left .community .medicine{float:left;padding-top:30px;}
#left .text7{float:left;font-family:arial;font-size:12px;color:#3F4B50;width:430px;}
 .communityimg {background: url(../images/community.png) left center no-repeat;margin-left:13px;width:376px;height:35px}

#left .training-demo a{font-family:arial;font-size:18px;color:blue;padding:10px 0 0 0;color:blue;}

/*------------------vinoth training-----------------*/
#training  .head{ padding:15px 0 0 0 ;font-family:arial;font-size:16px;font-weight:bold;color:#f8aa2b;}
#training .text3 {padding:10px 0 0 0;font-family:arial;font-size:12px;color:#3F4B50;}

/*----------Webinar Series-----------*/

.seeAll a, .seeAll a:visited{text-align:right;padding:.10em .75em;margin:0;color:#fff;text-decoration:none;border:1px solid #333;background-color:#F48221;}
.seeAll a:hover{text-decoration:none;background: #666;border:1px solid #333;}

.webinarbtn{padding:0 20px 0 310px;}
.webinarservices{padding:20px 0 0 300px;}
.webinsrcases{padding:0 0 0 20px;}

/*----------News & Events----------*/
.newspart{width:450px;float:left;margin:20px 0 20px 0;}
.newspart ul{padding:8px;margin:15px 0px 0 0px;border:1px solid #ccc;height:300px;background:#ebebeb;}
.newspart ul li{background:url(../images/bullet-icon.jpg) no-repeat 0 0.5em;  display:block; list-style:none; padding-left:25px; padding-bottom:5px;padding-top:2px;font-size:15px;font-weight:bold;list-style:square;line-height:25px;}
.newspart ul li a{text-decoration:none;color:#3F4B50;}
.newspart ul li a:hover{text-decoration:underline;color:#F08F1A;}
.eventpart{width:450px; float:left;margin:20px 0 0 20px;}
.eventpart ul{padding:8px;margin:15px 0px 0 0px;border:1px solid #ccc;height:300px;background:#ebebeb;}
.eventpart ul h3{color:#3C3C3C;font-family: arial;font-size: 16px;font-weight: bold; padding: 5px 0px 10px 0px;text-decoration:underline;}
.eventpart ul li{background:url(../images/bullet-icon.jpg) no-repeat 0 0.5em;  display:block; list-style:none; padding-left:25px; padding-bottom:5px;padding-top:2px;font-size:15px;font-weight:bold;list-style:square;line-height:25px;}
.eventpart ul li a{text-decoration:none;color:#F08F1A;}
.eventpart ul li a:hover{text-decoration:underline;color:#F08F1A;}