* { padding: 0; margin: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 14px;
    line-height: 1.4;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #737373;
    background: #f0f0f0;
    text-align: left;
}

a { color: #317c85; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

h3 { font-size: 18px; font-weight: normal; color: #3f3f3f; margin-bottom: 8px; }

input, textarea, select { font-family: Arial, Helvetica, Sans-Serif; resize: none; }
textarea { overflow: auto; }
.field-holder { height: 35px; position: relative; margin-right: 15px; float: left; display: inline; background: url(images/field.gif) no-repeat 0 0; }
.textarea-holder { height: 155px; position: relative; margin-right: 5px; float: left; display: inline; background: url(images/textarea-field.gif) no-repeat 0 0; }
.field-holder input,
.textarea-holder textarea { float: left; font-size: 18px; color: #5e5e5e; border: 0; padding: 7px 5px 6px 10px; height: 22px; background: none; }
.textarea-holder textarea { height: 142px; }
.field-holder .end,
.textarea-holder .end { display: block; width: 5px; height: 35px; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; top: 0; right: -5px; background: url(images/field-end.gif); }
.textarea-holder .end { height: 155px; background: url(images/textarea-field-end.gif); }
.field-error { color: #b72a00 !important; }
.checkbox, .radio { width: 27px; height: 27px; display: block; }
.ez-checkbox { float: left; display: inline; margin-right: 5px; }

.btn { display: block; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; border: 0; background: no-repeat 0 0; }
.btn:hover { background-position: 0 bottom; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left { float: left !important; display: inline; }
.right { float: right !important; display: inline; }

.center { width: 960px; margin: 0 auto; position: relative; padding: 0 10px; }

#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -285px; }

#topbar { position: fixed; top: 0; width: 100%; z-index: 1000; background: url(images/topbar.gif) repeat-x 0 0; height: 41px; }
#topbar, #topbar .center { height:41px; background: url(images/topbar.gif) repeat; }
#topbar .center { padding-top: 7px; height: 34px; }

#main-nav { float: left; position: relative; margin: 0 0 0 -12px; }
#main-nav li { float: left; display: inline; list-style-type: none; margin-right: 15px; }
#main-nav li a { float: left; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; height: 26px; background: no-repeat 0 0; }
#main-nav li a:hover { background-position: 0 bottom; }
#main-nav li a.features { width: 80px; background-image: url(images/nav-features.gif); }
#main-nav li a.pricing { width: 68px; background-image: url(images/nav-pricing.gif); }
#main-nav li a.about { width: 66px; background-image: url(images/nav-about.gif); }
#main-nav li a.contact { width: 76px; background-image: url(images/nav-contact.gif); }
#main-nav li a.signup { width: 76px; background-image: url(images/nav-signup.gif); }

#search { float: right; display: inline; width: 229px; margin-left: 10px; background: url(images/search-field.gif) no-repeat; }
#search .field { float: left; font-size: 12px; color: #858585; border: 0; padding: 5px 8px 4px; height: 15px; width: 185px; background: none; }
#search .btn { float: left; display: inline; width: 28px; height: 24px; background-image: url(images/search-btn.gif); }

#member-login { float: right; display: inline; width: 101px; height: 26px; background-image: url(images/btn-member-login.gif); }

#sub-header { background: #f9f9f9; font-size: 16px; line-height: 26px; }
#sub-header .center { background: #f9f9f9; overflow: hidden; padding-top: 35px; padding-bottom: 40px; }
#sub-header div.right { width: 294px; font-size:14px;}
#sub-header h2 { float: left; display: inline; }

#header, #header .center { background: url(images/header.jpg) repeat-x center bottom; }
#header .center { padding-top: 95px; height: 171px; }
body.home #header .center { height: 317px; }

body.signin #header .center { height: 284px; }
body.signin #logo { padding-top: 52px; }

#logo { width: 285px; font-size: 0; line-height: 0; position: relative; margin-left: -4px; }
#logo a { display: block; height: 117px; text-indent: -4000px; background: url(images/logo.png) no-repeat 0 0; }

#web-preview { background: url(images/web-preview.png) no-repeat 0 0; position: absolute; bottom: 0; right: 0; z-index: 1; }

#domain-box { width: 646px; position: absolute; top: 88px; right: 7px; z-index: 10; }
body.home #domain-box { top: 216px; right: auto; left: 9px; }
#domain-box form { height: 106px; background: url(images/domain-box.png) no-repeat; padding: 21px 0 0 31px; line-height: 35px; }
#domain-box form h3 { margin-bottom: 2px; }
#domain-box form label { float: left; margin-left: 2px; font-size: 18px; color: #1b1b1b; }
#domain-box form .btn { float: left; display: inline; width: 155px; height: 37px; background-image: url(images/btn-claim-your-domain.png); margin-left: 18px; position: relative; }

#footer-push { height: 285px; }
#footer { background: url(images/footer.gif) repeat-x 0 0; color: #4e4e4e; }
#footer .center { height: 260px; background: url(images/footer.gif) repeat-x 0 0; padding-top: 25px; }
#footer div.left { width: 575px; padding-right: 25px; }
#footer div.right { width: 320px; }
#footer .nfo { border-top: solid 1px #cacaca; font-size: 12px; line-height: 18px; color: #3f3f3f; padding-top: 15px; margin: 25px -25px 0 0; position: relative; }
#footer .nfo .sep { margin: 0 10px; }
#footer a:hover { background: url(images/dot.gif) repeat-x 0 bottom; text-decoration: none; }

h2.txt-subheader { width: 640px; height: 111px; background: url(images/h2-subheader.gif) no-repeat 0 0; }
h2.txt-features { width: 112px; height: 22px; background: url(images/h2-features.gif) no-repeat 0 0; }
h2.txt-pricing { width: 88px; height: 30px; background: url(images/h2-pricing.gif) no-repeat 0 0; }
h2.txt-about { width: 424px; height: 32px; background: url(images/h2-about.gif) no-repeat 0 0; margin-bottom: 30px; }
h2.txt-contact { width: 143px; height: 22px; background: url(images/h2-contact.gif) no-repeat 0 0; margin-bottom: 36px; }
h2.txt-signup { width: 101px; height: 30px; background: url(images/h2-signup.gif) no-repeat 0 0; margin-bottom: 28px; }
h2.txt-memberlogin { width: 178px; height: 29px; background: url(images/h2-member-login.gif) no-repeat 0 0; margin-bottom: 14px; }
h2.txt-forgot-password { width: 205px; height: 29px; background: url(images/h2-forgot-password.gif) no-repeat 0 0; margin-bottom: 14px; }


.blogs-list ul { float: left; display: inline; position: relative; margin: -8px 0 0 -8px; }
.blogs-list .item { float: left; display: inline; list-style-type: none; width: 160px; height: 80px; line-height: 1.2; margin-bottom: 6px; cursor: pointer; }
.blogs-list .item .avatar { float: left; display: inline; width: 65px; height: 65px; background: url(images/blogs-list-item-avatar.png) no-repeat 0 0; padding: 2px; margin-right: 8px; }
.blogs-list .item .city { font-size: 12px; color: #707070; margin-top: 5px; }
.blogs-list .item-hover { background: url(images/blogs-list-item-hover.png) no-repeat 0 0; }
.blogs-list .item-hover a { background: url(images/dot.gif) repeat-x 0 bottom; text-decoration: none; }
.blogs-list .item .cnt { position: relative; z-index: 10; padding: 6px 7px 5px; height: 69px; overflow: hidden; }

#main { padding-top: 30px; padding-bottom: 50px; background: url(images/sidebar-bg.gif) no-repeat 650px 0; }
body.home #main { background: none; }
body.signup #main { background: url(images/signup-sidebar-bg.gif) no-repeat 489px 0; }

#content { float: left; display: inline; width: 630px; }
body.signup #content { width: 480px; }
#sidebar { float: right; display: inline; width: 280px; font-size: 12px; line-height: 18px; padding: 0 20px; }
body.signup #sidebar { width: 440px; }
#sidebar h3 { color: #1f4850; }

.features-list { width: 986px; margin: 10px -12px 10px; position: relative; }
.features-list h2 { margin-bottom: 20px; margin-left: 12px; }
.features-list .item { float: left; display: inline; list-style-type: none; width: 304px; height: 285px; padding: 10px; margin: 0 7px 10px 0; font-size: 12px; line-height: 18px; cursor: pointer; }
.features-list .last { margin-right: 0; }
.features-list .item-hover { background: url(images/features-item-hover.png) no-repeat 0 0; }
.features-list .item .image { width: 303px; height: 144px; margin-bottom: 20px; position: relative; }
.features-list .item .image .btn-read-more { position: absolute; left: 89px; top: 59px; display: none; }
.features-list .item-hover .image .btn-read-more { display: block; }
.features-list .item .image { -moz-opacity:.85; filter:alpha(opacity=85); opacity:.85; }
.features-list .item-hover .image { -moz-opacity: 1; filter:alpha(opacity=100); opacity: 1; }
.features-list .item .image img { width: 303px; height: 144px; }
.features-list .item h3 { position: relative; }
.features-list .item h3 a:hover,
.features-list .item-hover h3 a { background: url(images/dot.gif) repeat-x 0 bottom; text-decoration: none; }
.features-list .item .feature-1 { background: url(images/feature-1_fullfeature-thumb.png) no-repeat 0 0; }
.features-list .item .feature-2 { background: url(images/feature-2.png) no-repeat 0 0; }
.features-list .item .feature-3 { background: url(images/feature-3.png) no-repeat 0 0; }
.features-list .item .feature-4 { background: url(images/feature-4_Comments-thumb.png) no-repeat 0 0; }
.features-list .item .feature-5 { background: url(images/feature-5_BrandConsistancy-thumb.png) no-repeat 0 0; }
.features-list .item .feature-6 { background: url(images/feature-6.png) no-repeat 0 0; }

#contact .row { margin-bottom: 15px; }
#contact .field { width: 460px; }
#contact textarea.field { width: 580px; }
#contact .btn { float: right; display: inline; margin: 5px 30px 0 0; }

.btn-read-more { width: 120px; height: 32px; background-image: url(images/btn-read-more.png); }
.btn-read-more:hover { background-position: 0 0; }
.btn-send-message { width: 155px; height: 37px; background-image: url(images/btn-send-message.png); }
.btn-register { width: 155px; height: 37px; background-image: url(images/btn-register.png); }
.btn-signup { width: 95px; height: 37px; background-image: url(images/btn-signup.png); }
.btn-login { width: 71px; height: 37px; background-image: url(images/btn-login.gif); }
.btn-lookup { width: 87px; height: 37px; background-image: url(images/btn-lookup.gif); }

.stylish-select ul.newList { left:-9999px; }
.newListSelected { color: #5e5e5e; font-size: 18px; background: url(images/custom-select.gif) no-repeat 0 0;  width: 349px; height: 33px; padding: 2px; z-index: 100; cursor: pointer; }
.selectedTxt { overflow: hidden; line-height: 33px; height: 33px; padding: 0 37px 0 10px; height: 100%; cursor: pointer; }
ul.newList { list-style: none; position: absolute; top: 38px  !important; left: 0; overflow: auto; z-index: 110; width: 350px; background: #fff; border: solid 1px #b8b8b8; }
ul.newList li a { padding: 3px 8px; display: block; }
ul.newList li a:hover { text-decoration: none; background: #68a399; color: #fff !important; }
.newListHover { color: #393939 !important; }
.newListSelHover, .newListSelFocus {  }

#signup { width: 450px; }
#signup .row { margin-bottom: 15px; }
#signup .row .question-tip { margin: 7px 0 0 9px; }
#signup .field { width: 330px; }
#signup .domain-choose .field { width: 220px; }
#signup .domain-choose label { float: left; font-size: 18px; color: #1b1b1b; line-height: 35px; margin-left: 3px; }

.captcha { width: 352px; overflow: hidden; }
.captcha .cnt { float: left; width: 316px; height: 105px; background: url(images/captcha.gif) no-repeat 0 0; }
.captcha .buttons { float: left; width: 36px; height: 105px; }
.captcha .buttons a { display: block; font-size: 0; line-height: 0; text-indent: -4000px; width: 36px; height: 35px; background: url(images/captcha-buttons.gif) no-repeat 0 0; }
.captcha .buttons a.refresh:hover { background-position: right 0; }
.captcha .buttons a.sound { background-position: 0 -35px; }
.captcha .buttons a.sound:hover { background-position: right -35px; }
.captcha .buttons a.question { background-position: 0 -70px; }
.captcha .buttons a.question:hover { background-position: right -70px; }

.question-tip { display: block; width: 19px; height: 19px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/question-tip.png) no-repeat 0 0; }

.pricing { width: 964px; margin: 0 -2px; position: relative; }
.pricing .headers { height: 66px; background: url(images/pricing-headers.gif); }
.pricing .headers p { background: url(images/pricing-headers.gif) no-repeat 0 0; float: left; display: inline; height: 62px; font-size: 0; line-height: 0; text-indent: -4000px; width: 162px; }
.pricing .headers p.expert { width: 160px; background-position: -162px 0; }
.pricing .headers p.pro { background-position: -322px 0; }

.pricing .prices { height: 72px; background: url(images/pricing-prices.gif) no-repeat 0 0; padding: 7px 0 0 481px; font-size: 16px; font-weight: bold; color: #272727; }
.pricing .prices li { float: left; display: inline; width: 160px; text-align: center; }
.pricing .prices .btn { margin: 3px auto 0; }

.pricing-table { background: url(images/pricing-table-bg.gif) repeat-y center 0; padding: 0 3px; color: #3f3f3f; }
.pricing-table tr td { text-align: center; line-height: 20px; padding: 7px; background: #fff url(images/pricing-table-td.gif) repeat-y 0 0; width: 146px; }
.pricing-table tr td.first { width: 464px; text-align: left; background-image: none !important; }
.pricing-table .question-tip { margin-right: 8px; }
.pricing-table tr.even td { background: #f0f0f0 url(images/pricing-table-even-td.gif) repeat-y 0 0; }
.pricing-table tr th { background: #a0a0a0; color: #fff; text-transform: uppercase; padding: 7px 10px; text-align: left; font-weight: normal; }
.pricing-table tr.last td.first { background-image: url(images/pricing-table-tr-last.gif) !important; background-repeat: no-repeat; background-position: 0 bottom; }

.small-pricing { width: auto; margin: -2px 0 -3px; width: 445px; }
.small-pricing .headers { background: url(images/small-pricing-headers.gif); height: 48px; }
.small-pricing .pricing-table { background-image: url(images/small-pricing-table-bg.gif); }
.small-pricing .pricing-table tr td { width: 56px; }
.small-pricing .pricing-table tr td.first { width: 215px; }
.small-pricing .prices { font-size: 14px; background-image: url(images/small-pricing-prices.gif); padding-left: 234px; }
.small-pricing .prices li { width: 70px; }
.small-pricing .prices li p { padding-top: 4px; }

.error-block { border: solid 1px #ffaa91; background: #ffdacf; color: #b72a00; font-size: 16px; padding: 15px 20px; }
.error-block { -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
.error-block ul { margin: 10px 0 0 10px; font-size: 14px; }
.error-block ul li { padding-left: 10px; list-style-type: none; background: url(images/error-block-list.gif) no-repeat 0 8px; }

#slide-popup { height: 100%; position: relative; }
#slide-popup .header { text-align: center; width: 800px; height: 62px; background: url(images/popup-header.gif) no-repeat 0 0; margin: -10px -9px 0 -9px; position: relative; }
#slide-popup .header h2 { font-size: 24px; font-weight: normal; line-height: 62px; color: #070707; }
#slide-popup .close { display: block; font-size: 0; line-height: 0; text-indent: -4000px; width: 27px; height: 27px; position: absolute; top: 10px; right: 10px; }
#slide-popup .close { background: url(images/close.gif) no-repeat 0 0; }
#slide-popup .close:hover { background-position: 0 bottom; }
#slide-popup .block { padding: 9px 1px 0 0; }
#slide-popup .carousel { width: 781px; overflow: hidden; position: relative; min-height: 561px; }
#slide-popup .carousel .exp { font-size: 12px; color: #3f3f3f; line-height: 18px; padding: 12px; }
#slide-popup .carousel img { display: block; }
#slide-popup .carousel h3 { color: #0f0f0f; }
#slide-popup .carousel h3 span { font-size: 14px; font-weight: bold; color: #787878; }
#slide-popup .carousel li { float: left; display: inline; width: 781px; min-height: 561px; }
#slide-popup .carousel .jcarousel-clip { width: 781px; min-height: 561px; }
#slide-popup .carousel .jcarousel-prev,
#slide-popup .carousel .jcarousel-next { height: 100%; width: 50%; display: block; position: absolute; top: 0; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; }
#slide-popup .carousel .jcarousel-next { right: 0; background: url(images/btn-next.png) no-repeat right 222px; }
#slide-popup .carousel .jcarousel-prev { left: 0; background: url(images/btn-prev.png) no-repeat 0 222px; }

.success-block { border: solid 1px #aaFF91; background: #daffcf; color: #009900; font-size: 16px; padding: 15px 20px; }
.success-block { -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
.success-block ul { margin: 10px 0 0 10px; font-size: 14px; }
.success-block ul li { padding-left: 10px; list-style-type: none; background: url(images/error-block-list.gif) no-repeat 0 8px; }

.note-block { border: solid 1px #aaa; background: #ddd; color: #000000; font-size: 16px; padding: 15px 20px; }
.note-block { -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
.note-block ul { margin: 10px 0 0 10px; font-size: 14px; }
.note-block ul li { padding-left: 10px; list-style-type: none; background: url(images/error-block-list.gif) no-repeat 0 8px; }

#signin { width: 416px; height: 243px; position: absolute; top: 88px; right: 122px; }
#signin .error-block ,#signin .success-block { position: absolute; top: 17px; width: 312px; padding-top: 10px; padding-bottom: 10px; }
#signin form { width: 352px; height: 211px; background: url(images/signin.png) no-repeat 0 0; padding: 32px 32px 0; }
#signin .field-holder { margin-bottom: 15px; }
#signin .field { width: 332px; }
#signin .btn { float: right; display: inline; position: relative; z-index: 100; }
#signin p { position: relative; }
#signin p a:hover { background: url(images/dot.gif) repeat-x 0 bottom; text-decoration: none; }


#box404 { 
	padding:20px;
	text-align:center;
	font-size:1.5em;
	background:#FFF;
-moz-border-radius: 15px; border-radius: 15px; -webkit-border-radius: 15px;
}
#box404 h1 {
	margin-bottom:15px;
}