html, body {height:100%;}
body {background: #ffffff url('../images/background_site_tile.jpg') repeat-x left 71px; margin: 0; font: 13px/15px Helvetica, Arial, sans-serif; color: #666;}
img {border: none;}
a {color: #666; text-decoration: underline;}
a:hover {text-decoration: none;}
form,
fieldset,
#footer input.submit {border: 0;}

form {border:0;}
table {margin: 0; padding: 0; border-collapse: collapse;}
td {margin: 0; padding: 0; vertical-align: top;}
.page {height: 100%; width: 100%; display: table;}
#page-wrapper {width: 100%; display: table-row;}
#footer-wrapper {width: 100%; display: table-footer-group;}
.footer-area,
.footer-area2 {height: 1%; display: table-row;}
.header-holder {width: 100%; border-bottom: 1px solid #333; background: #1e1e1e;}
.header-wrapper {margin: 0 auto;	width: 996px;}
#header {position: relative;padding: 23px 0 0; height: 47px; width: 100%; background: url('../images/header-bg.jpg') no-repeat;}
.top-nav ,
.login-nav {float: right; margin: 0; list-style: none;}
.top-nav {padding: 0 15px 0 0;}
.login-nav {padding: 0 30px 0 15px; background: url('../images/login-nav-bg.gif') no-repeat;}
.top-nav li,
.login-nav li {display: inline; float: left; padding: 6px 0; font-size: 12px; line-height: 14px; font-weight: bold;}
.top-nav li {margin: 0 8px}
.login-nav li {margin: 0 6px;}
.top-nav li a,
.login-nav li a {color: #fff; text-decoration: none;}
.top-nav li.active a,
.top-nav li a:hover,
.login-nav li.active a,
.login-nav li a:hover {color: #ffad36;}
.logo {position: absolute; top: 21px; left: 29px; height: 32px; width: 174px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat;}
.logo a {display: block; height: 32px;}
.info-block-holder {width: 100%; background: #151515 url('../images/banner_bg.jpg') repeat-x top left;}
.ad1 {margin: 0 auto; width: 996px;}
.ad1 img {display: block;}

.lite-box {text-align: center; padding: 120px 0; color: #fff; width: 632px; margin: 0 auto; position: relative;} 
.lite-box h1 {color: #fff; padding: 0 0 30px 0;}
.lite-box form {text-align: left;}
.lite-box form #startURL {border: 4px solid #B3B9C4; font-size: 16px; font-weight: bold; padding:10px; width:460px; margin:6px 0;}
.lite-box form #goButton {padding-left: 10px; position: absolute; bottom: 161px; right: 0px;}
#urlError {position: absolute;}

.features-holder {border-top: 1px solid #333; min-height: 313px; background: #000 url('../images/info-block-holder-bg.gif') repeat-x 0 100%;}
* html .features-holder {height: 313px;}
.features {overflow: hidden; margin: 0 auto; padding: 37px 8px 20px 8px; width: 980px;}
.features .feature {display: inline; float: left; margin: 0 0 0 26px; width: 215px;}
.feature img {display: block; margin: 0 0 4px 20px;}
.feature img.image1 {margin: 0 0 4px 0;}
.feature .title {display: block; margin: 0 0 8px; font-size: 13px; line-height: 15px; font-weight: bold; color: #fff;}
.feature p {margin: 0; font-size: 11px; line-height: 18px; color: #fff;}
.feature a {color: #fff;}
.main-wrapper {width: 100%; border-top: 9px solid #b6b6b6;}
#main {overflow: hidden; margin: 0 auto; width: 996px;}
.steps {padding: 66px 28px 130px; width: 940px;}
.main-holder {overflow: hidden; padding: 0 0 58px; width: 100%;}
.main-holder #content {margin: 30px 0 0;}
.heading {margin: 0 auto; padding: 74px 0 0 30px; height: 108px; width: 966px; background: #000 url('../images/learning-heading-bg.jpg') no-repeat right top;}
.heading-learning-center {background: #000 url('../images/learning-heading-bg.jpg') no-repeat right top;}
.heading-pricing-and-signup {background: #000 url('../images/pricing-heading-bg.jpg') no-repeat right top;}
.heading-feature-tour {background: #000 url('../images/feature-heading-bg.jpg') no-repeat right top;}
.heading-services-and-support {background: #000 url('../images/servicessupport-header-bg.jpg') no-repeat right top;}
.heading-plugin-gallery {background: #000 url('../images/plugin-header-bg.jpg') no-repeat right top;}
.heading h1 {margin: 0; font-size: 37px; line-height: 40px; font-weight: normal; color: #fff;}
#content {overflow: hidden; float: left; margin: 48px 0 0; padding: 0 53px 48px 25px; width: 600px;}
#content h1 {margin: 0 0 5px; font-size: 19px; line-height: 23px; font-weight: normal; color: #000;}
#content h2 {margin: 0; font-size: 14px; line-height: 16px; color: #000;}
#content h3 {margin: 0; font-size: 12px; line-height: 27px; color: #000;}
.intro {padding: 0 40px 0 0;}
.intro p {margin: 0; font-size: 15px; line-height: 27px;}
.articles-block {overflow: hidden; padding: 91px 0 0; width: 600px;}
.holder {overflow: hidden; width: 100%;}
.article {float: left; padding: 0 50px 30px 0; width: 250px;}
.article img {float: right; margin: 0 0 0 20px;}
.article p {margin: 0; line-height: 24px;}
#sidebar {float: right; margin: 48px 0 0; padding: 4px 27px 20px 49px; border-left: 1px solid #ccc; width: 241px;}
.sign-up-link,
.try-the-demo {display: block; margin: 0 0 16px 21px; height: 37px; width: 207px; font-size: 0; line-height: 0; text-indent: -9999px;}
.sign-up-link {background: url('../images/signup-link.gif') no-repeat;}
.try-the-demo {background: url('../images/trydemo-link.gif') no-repeat;}
.side-quote {margin: 83px 0 0; padding: 19px 0 0; width: 241px; background: url('../images/quote-top-bg.gif') no-repeat;}
.side-quote div {overflow: hidden; padding: 0 0 32px; width: 100%; background: url('../images/quote-bottom-bg.gif') no-repeat 0 100%;}
.side-quote q {display: block; text-indent: 58px; font-size: 12px; line-height: 24px; font-style: italic; quotes: none;}
.side-quote q:before {content: "";}
.side-quote q:after {content: "";}
.side-quote cite {display: block; margin: 1px 0 0; font-size: 11px; font-style: normal; color: #999; text-align: right;}
.side-quote cite span {float: right; padding: 14px 0 0;}
.side-quote cite img {float: right;}
.steps h2 {margin: 0 0 71px; font-size: 25px; line-height: 47px; font-weight: normal;}
.steps h3 {margin: 0 0 7px; font-size: 22px; line-height: 27px; color: #333;}
.steps p {margin: 0 0 10px; font-size: 14px; line-height: 24px;}
.economy-list {margin: 0; padding: 65px 0 50px 98px; width: 842px; list-style: none;}
.economy-list li {overflow: hidden; margin: 0 0 40px; width: 100%;}
.economy-list li img {float: left; margin: 0 40px 0 0;}
.economy-list li span {display: block; padding: 28px 0 0; font-size: 16px; line-height: 24px; color: #666;}
.steps .step {overflow: hidden; padding: 46px 0 70px; width: 100%; border-top: 4px solid #666;}
.steps .action {padding: 40px 0 20px; text-align: center;}
.steps .action strong {font-size: 15px;}
.steps .action img {display: block; margin: 12px auto 0;}
.visually img {margin: 0 0 40px;}
.steps .side-image {float: right; margin: 0 0 0 80px;}
.hosting-list {margin: 0; padding: 12px 0 0 45px; width: 500px; list-style: none;}
.hosting-list li {padding: 0 0 7px 13px; line-height: 24px; background: url('../images/tour-bullet.gif') no-repeat 0 11px;}
.ad2 {display: block; width: 940px; margin: 0 auto;}
.ad2 img {display: block;}
.main-holder #content {float: left; padding: 69px 30px 0 30px; width: 617px; background: url('../images/content-bg.gif') no-repeat 100% 0;}
.main-holder #content h1 {margin: 0 0 20px; font-size: 22px; line-height: 26px; color: #333; font-weight: bold;}
.main-holder #content h2 {margin: 60px 0 20px; font-size: 18px; line-height: 23px; font-weight: normal; color: #333333;}
.main-holder #content h3 {margin: 30px 0 10px; font-size: 13px; line-height: 24px; color: #454545;}
.main-holder #content p {margin: 0 0 10px; font-size: 15px; line-height: 25px; padding-right:56px; padding-top:10px;}
.main-holder #content a {color:#0099CC;}
.main-holder #content ul {list-style-type: square; padding-right:56px;}
.main-holder #content ul li {margin: 0 0 10px; font-size: 15px; line-height: 27px;}
.main-holder #content ol {padding-right:56px;}
.main-holder #content ol li {margin: 0 0 10px; font-size: 15px; line-height: 27px;}
.main-holder #content .text-block {padding: 0 70px 0 0;}
.main-holder #content .text-block p {margin: 0 0 47px;}
.main-holder #content .list {margin: 0; padding: 0 0 48px 38px; list-style: none;}
.main-holder #content .list li {padding: 0 0 10px 16px; font-size: 15px; line-height: 18px; background: url('../images/tour-bullet.gif') no-repeat 0 7px;}
.for-block {overflow: hidden; width: 617px;}
.for-block .box {float: left; padding: 0 35px 0 0; width: 273px;}
.for-block .box img {float: right; margin: 0 0 0 20px;}
.main-holder #content .for-block .box h3 {margin: 0 0 10px; font-size: 14px; line-height: 16px; color: #000;}
.main-holder #content .for-block .box p {margin: 0; font-size: 13px; line-height: 24px;}
.for-block .box .mark {display: block; color: #06c;}
.questions-box {padding: 5px 0 30px;}
.questions-box h2 {margin: 0 0 11px; font-size: 14px; line-height: 16px; font-weight: normal; color: #333;}
.questions-box p {margin: 0 0 22px; font-size: 11px; line-height: 22px; color: #555;}
.questions-box p .question {display: block; padding: 0 20px 0 0;}
.questions-box .email {color: #555; text-decoration: none;}
.questions-box .email:hover {text-decoration: underline;}
.side-box {padding: 20px 0 0;}
.side-box img {float: right; margin: 0 0 10px 15px;}
.main-holder #sidebar {overflow: hidden; float: right; margin: 30px 0 0; padding: 14px 28px 0 51px; border: 0; width: 240px;}
.side-nav {overflow: hidden; margin: 0; padding: 0 0 2px 0; width: 240px; list-style: none; background: url('../images/side-nav-bg.gif') repeat-x 0 100%;}
.side-nav ul {overflow: hidden; margin: 0; padding: 5px 0 5px 10px; width: 230px; list-style: none; background: url('../images/side-nav-bg.gif') repeat-x;}
.side-nav li {height: 1%; vertical-align: top; font-weight: bold; background: url('../images/side-nav-bg.gif') repeat-x;}
.side-nav ul li {float: left; width: 170px; padding: 0 0 1px; font-size: 11px; line-height: 13px; font-weight: normal; background: url('../images/side-nav-bg2.gif') repeat-x;}
.side-nav ul li:first-child {background: none;}
.side-nav li a {display: block; color: #666; text-decoration: none; margin-bottom: -2px; outline:none;}
.side-nav li.active ul li a,
.side-nav li ul li a {display: block; padding: 7px 0 6px 12px; color: #666; background: none; margin: -1px 0;}
.side-nav li.active a {position: relative; margin: 0; padding: 0; color: #fff; background: #09c url('../images/side-nav-hover-bg.gif') no-repeat left center;}
.side-nav li a:hover {position: relative; margin: 0; padding: 0; color: #0099cc;}
.side-nav li.active ul li a:hover,
.side-nav ul li a:hover {color: #0099cc!important;}
.side-nav li a {display: block; padding: 11px 0 11px 9px;}
.side-nav li.active a {display: block; padding: 11px 0 11px 9px; color:#fff; margin-bottom: -2px; background: url('../images/side-nav-hover-bg.gif') no-repeat left center;}
.side-nav li a:hover {display: block; padding: 11px 0 11px 9px; margin-bottom: -2px;}
.side-nav ul li a:hover {background: none; display: block; margin: -1px 0; padding: 7px 0 6px 12px;}
.side-nav li ul li.active a {color: #0099cc!important;}


.info {padding: 0 0 28px;}
.info-block {padding: 51px 0 47px;}
.bordered {margin: 35px 0 0; background: url('../images/border-line.gif') no-repeat 50% 0;}
.info-line {overflow: hidden; padding: 35px 15px 0; width: 966px;}
.info-note {float: left; padding: 0 32px 0 15px; width: 275px;}
.info-note img {float: right; margin: 0 0 0 20px;}
.info-block h2 {margin: 0 0 4px 30px; font-size: 21px; line-height: 25px; font-weight: normal; color: #000;}
.info-block .subtitle {display: block; margin: 0 0 10px 30px; font-size: 15px; line-height: 17px;}
.info-line h3 {margin: 0 0 8px; font-size: 14px; line-height: 16px; color: #000;}
.info-line p {margin: 0; line-height: 24px;}
.flex-box-middle {position: relative; float: left; margin: 0 -8px 0 0; width: 652px; background: url('../images/flex-box-middle-bg.gif') repeat-y;}
.flex-box-top {width: 652px; background: url('../images/flex-box-top-bg.gif') no-repeat;}
.flex-box {padding: 22px 20px 20px 30px; width: 602px; min-height: 152px; background: url('../images/flex-box-bottom-bg.gif') no-repeat 0 100%;}
* html .flex-box {height: 152px;}
.flex-box img {float: right; margin: 0 0 0 25px;}
.tour-box-middle {float: left; margin: -17px 0 0 79px; width: 220px; background: url('../images/tour-box-middle-bg.gif') repeat-y;}
.tour-box-top {width: 220px; background: url('../images/tour-box-top-bg.gif') no-repeat;}
.tour-box {padding: 30px 0 0 27px; width: 183px; min-height: 178px; background: url('../images/tour-box-bottom-bg.gif') no-repeat 0 100%;}
* html .tour-box {height: 178px;}
.tour-box .tour {position: relative; display: block; margin: 26px 0 0 -4px; padding: 10px 0 0 22px; height: 27px; width: 185px; color: #fff; text-decoration: none; background: url('../images/clienttour-link.gif') no-repeat;}
.signup-box1 {overflow: hidden; padding: 0 0 22px; width: 617px;}
.signup-box2 {overflow: hidden; padding: 50px 0 22px 115px; width: 502px;}
.main-holder #content .signup-box1 p {margin: 0; font-size: 15px; line-height: 24px;}
.signup-box1 .signup,
.signup-box2 .signup {overflow: hidden; float: right; margin: 14px 39px 0 50px; height: 44px; width: 153px; text-indent: -9999px; background: url('../images/signup-btn.gif') no-repeat;}
.signup-box1 .signup {margin: 14px 39px 0 50px;}
.signup-box2 .signup {margin: -6px 39px 0 10px;}
.main-holder #content .signup-box2 p {margin: 0; font-size: 13px; line-height: 19px;}
.signup-table {overflow: hidden; width: 581px; border-bottom: 1px solid #ccc;}
.signup-table tr {height: 52px; background: url('../images/signup-table-row-bg.gif') no-repeat;}
.signup-table tr.head {height: 58px; background: none;}
.signup-table td {padding: 0 2px 0 0; width: 101px; font-size: 14px; text-align: center; vertical-align: middle; font-variant: small-caps;}
.signup-table td.cell1 {width: 44px;}
.signup-table td.cell2 {padding: 0; width: 127px; font-size: 13px; text-align: left; font-variant: normal;}
.signup-table td.cell2 .asterisk {color:#999;}
.signup-table td.cell1 .area {position: relative; height: 1%;}
.signup-table td.cell1 .area .tooltip {display: none; position: absolute; top: 31px; left: 0; width: 282px;}
.signup-table td.cell1 .active .tooltip {display: block;}
.tooltip-top {height: 12px; width: 282px; font-size: 0; line-height: 0; background: url('../images/tooltip-top.png') no-repeat;}
.tooltip-middle {padding: 3px 10px 12px 15px; width: 320px; background: url('../images/tooltip-middle.png') repeat-y;}
.main-holder #content .tooltip-middle p {margin: 0; font-size: 13px; line-height: 18px; text-align: left;}
.tooltip-bottom {height: 2px; width: 282px; font-size: 0; line-height: 0; background: url('../images/tooltip-bottom.png') no-repeat;}
.signup-table td.cell1 img {margin: 0 10px 0 0; vertical-align: middle;}
.signup-table .head td {color: #fff; text-align: center; vertical-align: bottom;}
.signup-table .head td .title {display: block; padding: 6px 0 4px; font-size: 11px; background: url('../images/signup-table-head-bg.gif') no-repeat 0 100%;}
.signup-table .head .title .price {font-size: 14px;}
.signup-table .head .title em {font-style: normal; font-size: 10px;}
.signup-table .head .empty {background: none;}
.footer-holder {padding: 2px 0 0; background: #000 url('../images/footer-holder-bg.gif') repeat-x;}
.footer-area2 .footer-holder {background: none;}
#footer {margin: 0 auto; width: 996px;}
.nav-block {float: left; padding: 29px 0 0; width: 678px;}
.nav-block .nav {float: left; padding: 0 13px 0 20px;}
.nav-block ul {margin: 0; padding: 7px 0 0; list-style: none;}
.nav-block ul li {margin: 0 0 7px; font-size: 11px;}
.nav-block .nav strong {font-size: 11px; color: #bfbfbf;}
.nav-block .nav strong a {text-decoration:none; color: #bfbfbf;}
.nav-block ul li a {color: #fff; text-decoration: none; color: #5b5b5b;}
.newsletter-form {float: right; width: 268px; padding: 29px 0 38px 50px; background: url('../images/newsletter-form-bg.gif') no-repeat 0 28px;}
.newsletter-form strong {display: block; margin: 0 0 6px; font-size: 10px; color: #bfbfbf;}
.newsletter-form label {display: block; padding: 0 50px 0 2px; margin: 0 0 16px; font-size: 10px; line-height: 16px; color: #5b5b5b;}
.newsletter-form .text {padding: 3px 5px 4px; border: 2px solid #8e8e8e; width: 226px; font: bold 13px/15px Helvetica, Arial, sans-serif; color: #999;}
.newsletter-form .submit {display: block; margin: 7px 0 0; height: 25px; width: 102px; font-size: 0; line-height: 0; text-indent: -9999px; background: url(../images/subscribe-btn.gif) no-repeat; cursor: pointer;}
.basement-holder {background: #141414;}
.basement {margin: 0 auto; padding: 15px 40px 17px 20px; width: 936px;}
.footer-area2 .basement {padding: 7px 0 25px; width: 940px; border-top: 1px solid #858585;}
.bottom-nav {float: right; margin: 0; padding: 0; list-style: none;}
.bottom-nav li {float: left; padding: 0 3px 0 5px; font-size: 10px; line-height: 12px; color: #fff; background: url('../images/bottom-nav-sep.gif') no-repeat 0 50%;}
.bottom-nav li:first-child {background: none;}
.bottom-nav li.twitter {margin-right:12px;}
.bottom-nav li.second {background:none;}
.bottom-nav li a {color: #5b5b5b; text-decoration: none;}
.bottom-nav li a:hover {text-decoration: underline;}
.basement p {margin: 0; font-size: 10px; line-height: 12px; color: #5b5b5b;}


.toggler a {background: #D6EBFE; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding:8px; display: inline; text-shadow: 1px 1px 0 #FAFCFF; text-decoration: none;}

.create-account td {padding:0 10px 10px 0; line-height:30px;}
.create-account input {font-size:14px; font-family:helvetica, arial, sans-serif; color:#666; font-weight: bold; border:2px solid #CCC; padding:4px;}
.create-account input.large {width: 300px;}
.create-account input.small {width: 150px;}
.create-account .advice {font-size:11px;}
.create-account input.submit {border: 0; padding: 0px;}
#signup_feature .icon {padding-right:10px;}
.caption {font-size:12px; text-shadow: none; font-weight:normal; color: #666;}

.page-menu ul {
    margin:0 0 22px 0!important;
    padding:0;
    list-style-type: none!important;
    background-color:#FFF;
    padding:8px 8px 3px 18px;
    border-bottom:2px solid #CCC;
    border-top:2px solid #CCC;
    background-color:#F5F5F5;
	font-size:12px;
	font-weight:normal;
}

.page-menu ul li {
    font-size:11px!important;
    margin-bottom:2px!important;
    color:#999;
}

.page-menu ul li a {
    color:#666;
}

.validation-advice, .fail {color: #FF0000; font-size: 11px;}


.post {padding-bottom:35px; border-bottom:1px solid #CCC; margin-bottom:35px;}

.lite-pricing .sign-up-lite {float: right; width: 230px; font-size: 11px; color: #666666; margin-right: 20px;}
.lite-pricing .sign-up-lite a {display: block; text-align: center; background-color: #0099FF; color: #fff!important; text-decoration: none; font-size: 14px; font-weight: bold; padding: 10px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; margin-bottom: 8px;}
.lite-pricing .sign-up-lite a:hover {background: #000;}
.main-holder #content .lite-pricing h1 {font-weight: normal; font-size: 30px; line-height: 1.3em;}