* {
  margin: 0;
  padding: 0;
}
body {
  background-color: #262626;
  background-repeat: repeat-x;
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
}


.clear {
  clear: both;
}

h1, h2, h3, h4, h5, h6 { 
  font-weight: normal
}

fieldset {
  margin: 0px;
  padding: 0px;
  border: 0px;
  margin-top: 30px;
}

legend {
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  color: #4a4a4a;
  padding-bottom: 30px;
  font-weight: bold;
}

#layout {
  width: 100%;
  position: relative;
  clear: both;
  background-color: #fff;
}

  #layout.all {
    width: 100%;
    background-image: url("/images/all_bg.png");
  }

  #layout.page {
    background-image: url("/images/body_bg.png");
    background-repeat: repeat-x;
  }

  #layout_in {
    width: 960px;
    margin: 0 auto;
    position: relative;
    _overflow: hidden;
  }

#header {
  overflow: hidden;
}

  #header a.logo {
    display: block;
    width: 140px;
    height: 52px;
    background: url(/images/logo_bg.png) no-repeat top left;
    float: left;
  }

  #header .topmenu {
    overflow: hidden;
    width: 820px;
    float: right;
    height: 53px;
  }

    #header .topmenu a {
      display: block;
      height: 54px;
      float: right;
      line-height: 55px;
      font-size: 13px;
      color: #fff;
      margin: 0px 13px;
      float: right;
      text-decoration: none;
    }

      #header .topmenu a:hover {
        text-decoration: underline;
        background: none;
      }

#welcome {
  overflow: hidden;
  width: 960px;
  height: 333px;
  background: url(/images/welcome_bg.jpg) no-repeat top left;
  position: relative;
  left: -23px;
}

  #welcome div {
    width: 414px;
    height: 153px;
    overflow: hidden;
    margin: 72px 0 0 485px;
    font-size: 16px;
    font-family: "Trebuchet MS", sans-serif;
    text-align: right;
    line-height: 20px;
  }

  #welcome a {
    display: block;
    overflow: hidden;
    width: 242px;
    height: 53px;
    margin-left: 657px;
    text-align: center;
    font-size: 22px;
    line-height: 56px;
    background: url(/images/makenow_btn_bg.png) no-repeat top left;
    text-decoration: none;
    color: #000;
  }

    #welcome a:hover {
      text-decoration: underline;
      color: #000;
    }

#makenow {
  width: 960px;
  height: 107px;
  position: relative;
}

  #makenow div {
    font-size: 20px;
    font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
    text-align: right;
    width: 650px;
    float: left;
    color: #4c4c4c;
    overflow: hidden;
    margin-top: 26px;
    margin-left: 30px;
    line-height: 28px;
  }

  #makenow a {
    background: url(/images/makenow_btn_bg.png) no-repeat top left;
    width: 196px;
    height: 60px;
    float: right;
    overflow: hidden;
    margin: 25px 50px 0 0;
  }

  #makenow .free-30-days {
    position: absolute;
    top: 85px;
    left: 756px;
    color: #4c4c4c;
  }


/* FEATURES BOXES */
#features {
  width: 960px;
  height: 166px;
  float: left;
}

  .feature-box {
    width: 206px;
    float: left;
    padding-right: 25px;
    position: relative;
  }

    .feature-box h3 {
      position: absolute;
      left: 50px;
      top: 21px;
      color: #333333;
      font-size: 14px;
    }

    .feature-box img {
      position: absolute;
      top: 10px;
    }

    .feature-box p {
      font-size: 12px;
      color: #666;
      margin-top: 66px;
    }

  #features .analytics img {
    top: 13px;
  }

  #features .liveask {
    padding: 0;
    /* width: */
  }


/* CONTENT AREA */
#left_column {
  width: 360px;
  _overflow: hidden;
  float: left;
  margin-top: 12px;
}

  #reviews li {
    display: block;
    margin-bottom: 20px;
    width: 346px;
    padding: 1em 0 0em 0;
  }

    #reviews li img {
      width: 48px;
      height: 48px;
      float: left;
      padding-top: 5px;
    }

    #reviews li p {
      background-image: none;
      float: left;
      font-size: 13px;
      padding: 0;
      padding-left: 9px;
      width: 287px;
    }

    #reviews li span {
      clear: both;
      color: #777;
      display: block;
      line-height: 35px;
      font-style: italic;
    }

    #left_column .module_gray .top, #right_column .module_gray .top {
      height: 455px;
      margin-top: .7em;
      border: 3px solid #dae0e1;
      box-shadow: 0px 3px 12px #dae0e1;
      border-radius: 5px;
      -moz-border-radius: 5px;
    }

#right_column {
  background: url(/images/screenshots_bg.png) no-repeat top left;
  width: 587px;
  _overflow: hidden;
  float: right;
  margin-top: 7px;
}

  #right_column div div{
    padding-top: 14px;
    width: 587px;
    height: 328px;
    text-align: center;
    vertical-align: middle;
  }

  #right_column div img{
    width: 559px;
    height: 316px;
    cursor: pointer;
  }

  .module_gray {
    /* background: url(/images/module_gray_bg.png) repeat-y left; */
    _overflow: hidden;
  }

    .module_gray h1 {
      color: #0099b5;
      font-size: 18px;
    }

    .module_gray .top {
      width: 448px;
      padding: 10px 10px 0 10px;
      /* background: url(/images/module_gray_top_bg.png) no-repeat top left; */
    }

      .module_gray .top h1 {
        margin-bottom: 1em;
      }

    .module_gray .bottom {
      width: 474px;
      height: 4px;
      background: url(/images/module_gray_bottom_bg.png) no-repeat top left;
      display: none;
    }


.module_blue {
  background: url(/images/module_blue_bg.png) repeat-y left;
  padding-bottom: 20px;
  overflow: hidden;
}

.module_blue2 {
  margin-bottom: 10px;
  overflow: hidden;
  background: #fff;
}

.module_blue .top, .module_blue2 .top {
  width: 454px;
  padding: 10px 10px 0 10px;
  background: url(/images/module_blue_top_bg.png) no-repeat top left;
}

  .module_blue .top p {
    margin: 1em 0;
  }

.module_blue2 .top { 
  background: url(/images/module_blue2_top_bg.png) no-repeat top left;
}

  .module_blue .bottom, .module_blue2 .bottom {
    width: 474px;
    height: 4px;
    background: url(/images/module_blue_bottom_bg.png) no-repeat top left;
  }

  .module_blue .bottom2 {
    background: url(/images/module_blue2_bottom_bg.png) no-repeat top left;
  }

  .module_blue h1 {
    font-size: 18px;
  }


.module_white_wide {
  background: #fff;
  overflow: hidden;
  padding-bottom: 20px;
}

  .module_white_wide .top {
    overflow: hidden;
    width: 919px;
    padding: 10px 20px 7px 20px;
    background: #fff url(/images/module_white_wide_top_bg.png) no-repeat top left;
  }

  .module_white_wide .bottom {
    width: 959px;
    height: 3px;
    background: url(/images/module_white_wide_bottom_bg.png) no-repeat top left;
  }

  .module_white_wide h1 {
    color: #0a76ba;
    font-size: 22px;
  }

  .module_white_wide h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }


.module_blue_wide {
  overflow: hidden;
  padding-bottom: 20px;
  background: #fff;
}

  .module_blue_wide .top {
    overflow: hidden;
    width: 919px;
    padding: 10px 20px 7px 20px;
    background: url(/images/designs-bg.gif) repeat-x top left;
  }

  .module_blue_wide .bottom {
    width: 959px;
    height: 4px;
    background: url(/images/module_blue_wide_bottom_bg.png) no-repeat top left;
  }


.module_wide {
  overflow: hidden;
  padding-bottom: 20px;
}

  .module_wide .green {
    background-color: #d2eeae;
    width: 941px;
    height: 81px;
    padding: 15px 0 0 20px;
    color: #424242;
  }

  .module_wide .green h1 {
    margin-bottom: 5px;
  }


.tarif {
  width: 960px;
  height: 330px;
  background: url(/images/tarifs_bg.png) no-repeat top left;
}
  .tarif thead tr th {
    height: 46px;
    font-weight: bold;
    font-size: 14px;
    width: 168px;
    color: #fff;
  }

    .tarif th.th1 {
      width: 288px;
    }

  .tarif td {
    height: 54px;
    text-align: center;
  }

    .tarif td.td1 {
      width: 258px;
      padding-left: 30px;
      text-align: left;
    }

  .tarif tr.footer td {
    height: 67px;
    padding-left: 10px;
  }

a.openshop {
  display: block;
  width: 145px;
  height: 39px;
  background: url(/images/openshop_btn_bg.png) no-repeat top left;
}

a.openshop:hover {
  background: url(/images/openshop_btn_hover_bg.png) no-repeat top left;
}

#register_form {
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}

#register_form div label {
  display: block;
  float: left;
  width: 165px;
  line-height: 22px;
}

#register_form fieldset div {
  overflow: hidden;
  margin-bottom: 26px;
}

#register_form .top{
  width: 759px;
  padding: 50px 100px 0 100px;
  background: url(/images/register_form_top_bg.png) no-repeat top left;
  font-size: 14px;
}

#register_form .bottom {
  width: 959px;
  height: 53px;
  background: url(/images/register_form_bottom_bg.png) no-repeat top left;
}

#register_form h1 {
  color: #2f8897;
  font-size: 22px;
  margin-bottom: 30px;
}

#register_form .top div {
  overflow: hidden;
  clear: both;
  margin-bottom: 20px;
}

#register_form .top div label {
  display: block;
  width: 270px;
  height: 20px;
  font-size: 18px;
  float: left;
}

#register_form a.signup {
  display: block;
  width: 217px;
  height: 47px;
  overflow: hidden;
  background: url(/images/signup_btn_bg.png) no-repeat top left;
  margin-top: 30px;
}

#register_form a.signup:hover { 
  text-decoration: underline;
}

  #register_form span.error {
  color: #f00;
  display: block;
  font-size: 12px;
  padding-left: 150px;
}

  #register_form .top fieldset div {
  position: relative;
  overflow: visible;
}
  
#register_form input.normal {
  font-size: 13px;
  width: auto;
}

#shop_name, #user_name, #user_email, #user_password, #user_password_confirmation {
  width: 297px;
}

#domain_name {
  width: 287px;
}

.right_register {
  width: 434px;
  float: right;
  background-image: url("/images/register_bubl_bg.png");
  position: absolute;
  right: 0;
  top: 117px;
  margin: -10px 0;
}

  #register_form .right_register .right_text {
    margin: -35px 0px 5px 37px;
    padding: 0px 17px;
    z-index: 2;
    position: relative;
    color: #393937;
  }

  .right_register img {
    margin: 0px 0 -5px 0;
    padding: 0px;
    z-index: 4;
  }

  .right_register_text {
    background-color: #f2f0f1;
    border: 1px solid #eae6e7;
    position: absolute;
    right: 0px;
    top: 298px;
    width: 362px;
    padding: 16px;
  }

#shop_submit {
  width: 1px !important;
  height: 1px;
  border:0;
  background: #fff;
}

a.create_acc {
  display: block;
  width: 233px;
  height: 63px;
  text-align: center;
  color: #000;
  font-size: 22px;
  line-height: 65px;
  background: url(/images/create_acc_btn_bg.png) no-repeat top left;
  text-decoration: none;
  cursor: pointer;
}

a.create_acc:hover {
  text-decoration: underline;
}

#footer {
  height: 109px;
  padding: 0;
  height: 109px;
  font-size: 12px;
  background-image: url("/images/footer_bg.png");
  width: 100%;
}

  #footer hr {
    border: 0px;
    margin: 0px;
    padding: 0px;
    height: 1px;
    margin-bottom: 5px;
    background-color: #666;
    clear: both;
  }

  #footer a {
    margin: 0px 4px;
    color: #ccc;
    line-height: 100px;
    font-size: 13px;
  }

  #footer .site-name {
    float: left;
    color: #ccc;
    font-size: 13px;
    line-height: 100px;
  }

  #footer .footer-links {
    float: right;
  }
  
  #footer-innner {
    width: 960px;
    margin: 0 auto;
  }

.pages li {
  display: block;
}

.flash-notice, .flash-error {
  border: 1px dashed #9ae;
  padding: 10px;
}

.flash-notice {
  color: #2a2;
}

.flash-error {
  color: #a22;
}

.design-screens a {
  display: block;
  width: 250px;
  margin: 27px;
  float: left;
  text-align: center;
  height: 200px;
  overflow: hidden;
  border: 0;
}

.design-screens a, .design-screens a img {
  border: 0;
}

.design-screens a:hover {
  background-color: transparent;
}

.design-screens h3 {
  margin-top: 27px;
  margin-left: 27px;
  font-weight: bold;
}

ul.normal {
  list-style-type: none;
  margin: 1em 0;
}

ul.normal li {
  margin-bottom: 1.5em;
}

ul.normal li p {
  padding-left: 1.5em;
  background-image: url("/images/bull.png");
  background-repeat: no-repeat;
  background-position: 5px 6px;
}

.blog-main {
  width: 663px;
}

.blog-main .top {
  width: 647px;
  background-image: url(/images/module_blog_top_bg.png);
  padding: 8px;
}
.post {
  padding-bottom: 28px;
}
.post-name {
  background-color: #ecf4f6;
  border: 1px solid #e1ecf0;
  border-bottom: 1px solid #b3dae1;
  display: block;
  height: 30px;
  line-height: 30px;
  width: 629px;
  position: relative;
  padding-left: 16px;
}

.link-post-name {
  text-decoration: none;
}

.post-small {
  padding-bottom: 40px;
}

.blog-main h1.post-name {
  color: #4e8d96;
  text-decoration: none;
  font-size: 16px;
}

.post-content {
  padding: 1em;
  padding-bottom: .5em;
  color: #4e4e4e;
}

.post-content ul, .post-content ol {
  padding: .5em 1em;
}

.post-content p {
  margin-bottom: 1em;
}

.post .date {
  float: right;
  color: #196774;
  padding-right: 17px;
  font-size: 12px;
}

.blog-right {
  width: 283px;
  position: absolute;
  right: 0;
  top: 0;
}

.blog-right .top {
  background-image: url("/images/blog_right_bg.png");
  width: 267px;
  padding: 12px 16px;
  background-color: #f8f8f8;
}

.blog {
  position: relative;
}

.blog-right .top h3 {
  color: #5c5c5c;
  font-weight: bold;
}

.blog-right .top ul {
  margin: 18px 0px;
  list-style-type: none;
}

.blog-right .top ul li {
  display: block;
  margin: 11px 0px 13px;
  text-indent: 18px;
  background-image: url("/images/blog_right_bull.png");
  background-repeat: no-repeat;
  background-position: 1px 7px;
}

.blog-right .top ul hr {
  border: 0px;
  height: 1px;
  background-color: #e2e2e2;
  width: 268px;
  margin-left: -8px;
}

.blog-right .top ul li a {
  text-decoration: none;
  background-color: transparent;
  color: #555555;
}

.blog-right .top ul li a:hover {
  text-decoration: underline;
}

.blog-right a img {
  border: 0;
  background-color: transparent;
}

.blog-right a:hover {
  background-color: transparent;
}

.terms ul {
  margin: 1em 1.8em;
}

.terms h1 {
  margin: 1.2em 0;
}

.terms h2 {
  margin: 18px 0px;
}

.terms h3 {
  margin: 10px 0px;
}

.terms p {
  margin-bottom: 1em;
}

address.contacts {
  font-style: normal;
}

address.contacts {
  margin: 2em 0;
  font-size: 1em;
  line-height: 2em;
}

address.contacts p {
  margin: .5em 0;
}

.feedback-form {
  background-color: #e9f1d7;
  padding: .5em 2em;
  margin-top: 3em;
  width: 470px;
}

.feedback-form p {
  margin: .5em 0;
}

.feedback-form #feedback_name, .feedback-form #feedback_mail {
  width: 300px;
}

.feedback-form textarea {
  height: 150px;
  width: 450px;
}

.feedback-form h3 {
  font-size: 1.2em;
  color: #666;
  font-weight: bold;
}

.feedback-error {
  color: #f22;
}

#disqus_thread {
  padding-top:  30px;
}

/*

#dsq-content .dsq-options {
  background: none !important;
}
*/

#disqus_thread h3 {
  font-size: 1em;
  font-weight: bold;
  color: #aaa;
}

.connect_icon {
  display: block;
  margin: 10px 0;
  text-decoration: none;
  position: relative;
  width: 243px;
  padding: 3px;
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
}

.blog-right .connect_icon:hover {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border: 1px solid #fafafa;
}

.connect_icon span {
  text-decoration: underline;
  position: absolute;
  top: 60px;
  color: #222;
  left: 139px;
}

.cat {
  text-decoration: none;
}

.read_more {
  margin-top: 10px;
  font-size: 40px;
}

#play_a {
  width: 768px;
  height: 516px;
  display: block;
  background-color: #5da;
}

.fon-mutn, .fon {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.fon-mutn {
  background-color: #444;
  opacity: 0.7;
}

.player {
  width: 768px;
  height: 516px;
  margin: 100px auto;
  padding: 15px;
  padding-bottom: 9px;
  position: relative;
  background-color: #000;
}

.border-r, .border-l, .border-t {
  height: 522px;
  width: 6px;
  position: absolute;
  top: 9px;
  left: 9px;
  background-image: url("/images/video-border-bg.png");
}

.border-r {
  left: auto;
  right: 9px;
}

.border-t {
  height: 6px;
  width: 779px;
  top: 9px;
}

#chatter {
  display: none;
  position: absolute;
  right: -10px;
  top: 47px;
  height: 30px;
  width: 90px;
  background-color: #8d9;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}

#welcome h1 {
  display: none;
}

#register_form .register_designs {
  width: 400px;
  margin: 0;
}

.register_designs div {
  float: left;
  height: 100px;
  width: 100px;
  padding: 5px;
  margin: 5px 11px 5px 0px;
  -webkit-box-shadow: 0px 0px 8px #aaa;
  -moz-box-shadow: 0px 0px 8px #aaa;
  position: relative;
  padding-bottom: 15px;
  border: 1px solid #ccc;
}

.register_designs input {
  float: left;
  position: absolute;
  bottom: 10px;
  left: 45px;
}

.register_designs img {
  width: 100px;
  float: left;
}

.leadoffbox {
	overflow: hidden;
	margin: 0 0 20px 0;}

.leadoffbox .opennow {
	overflow: hidden;
	float: left;
	width: 450px;
	height: 91px;
	padding: 0 15px 0 15px;
	font-size: 1.4em;
	background: #dbeeae url("/images/leadoff-bg.gif") 0 0 no-repeat;}

.leadoffbox .opennow h2 {
	font-size: 1.5em;
	margin: 21px 0 17px 0;}

.leadoffbox .opennow a {
	overflow: hidden;
	display: block;
	float: right;
	width: 150px;
	height: 41px;
	padding-top: 15px;
        padding-bottom: 6px;
	margin-top: 15px;
	text-decoration: none;
	text-align: center;
	color: #333333;
	background: #dbeeae url("/images/opennow-btn.jpg") 0 0 no-repeat;}

.leadoffbox .infobox {
	overflow: hidden;
	float: right;
	width: 411px;
	height: 76px;
	padding: 15px 10px 0 45px;
	background: #dbeeae url("/images/leadoff-info-bg.gif") 0 0 no-repeat;}

.par_greeting {
	padding: 30px 10px 0 10px !important;
	line-height: 35px;
	height: 65px !important;
	font-size: 35px;
	text-align: center;}

ul.par_info {
	overflow: hidden;
	float: left;
	width: 573px;
	margin-bottom: 50px;
	list-style: none;
	background: #f2fcdb url("/images/par_info-bg1.gif") 0 0 no-repeat;}

ul.par_info li {
	margin: 20px 10px 0 18px;
	padding: 0 0 0 18px;
	font-size: 16px;
	font-style: italic;
	line-height: 25px;
	background: transparent url("/images/par_info-bullet.gif") 0px 7px no-repeat;}

ul.par_info li span{
	color: #407902;}

ul.par_info .bound {
	float: left;
	width: 573px;
	height: 5px;
	margin: 20px 0 0 0;
	padding: 0;
	background: transparent url("/images/par_info-bg2.gif") 0 0 no-repeat;}

address.par_info {
	display: block;
	float: right;
	overflow: hidden ;
	width: 372px;
	padding-top: 15px;
	margin-left: 15px;
	font-size: 16px;
	font-style: normal;
	line-height: 30px;
	background: #fbffdd url("/images/par_addr-bg1.gif") 0 0 no-repeat;}

address.par_info strong {
	margin: 0 0 0 15px;}

address.par_info .bound {
	float: left;
	width: 372px;
	height: 5px;
	margin: 10px 0 0 0;
	background: transparent url("/images/par_addr-bg2.gif") 0 0 no-repeat;}