body, html {
  background:#21292e;
  color:#999;
  font-family:Tahoma, sans-serif;
  font-size:93%;
  line-height:140%;
}

p {
  margin-bottom:1em;
}

img {
  behavior:url(iepngfix.htc);
}

a, a:visited {
  color:#16b3df;
}

.u-dashed {
  color:#16b3df;
  border-bottom:1px dashed #16b3df;
  cursor:pointer;
}

.fc {
  zoom:1;
}

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

#tint {
  position:absolute;
  left:0;
  top:0;
  z-index:100;
  background:url('../img/tint.png');
  display:none;
}

div#wrapper {
  
}

div.header {
  height:195px;
  padding:0 24px;
  background:url('../img/hdr.png') no-repeat 24px top;
}

div.main {
  padding:0 0 0 60px;
}

div.step {
  float:left;
  /*position:relative;*/
  height:385px;
}

div.step .step-pad {
  padding:15px 0 0 23px;
}

div.step .step-num {
  width:46px;
  height:46px;
  overflow:hidden;
  /*position:relative;*/
  margin:0 -46px -46px -23px;
}

div.step .title {
  padding:13px 0 0 25px;
  margin-bottom:14px;
  width:300px;
}

.step .content {
  height:318px;
  display:block;
  background:url('../img/step-brd.gif') repeat-y left;
}

.step .content .sc-pad {
  padding:12px 25px 50px 25px;
}

.step .gallery {
  width:450px;
  height:575px;
  position:relative;
  margin-top:-205px;
  float:left;
  z-index:150;
  margin-bottom:-155px;
}

.step .gallery-toggler {
  position:absolute;
  height:38px;
  margin:284px 0 0 17px;
  z-index:50;
}

.above {
  z-index:150 !important;
}

.site-types .gallery-toggler {
  margin:271px 0 0 0;
}

.step .gallery-toggler img {
  display:block;
}

.step .gallery-toggler div {
  cursor:pointer;
}

div.step h2 {
  color:#627484;
  font-size:160%;
  height:23px;
  overflow:hidden;
}

#step-1 h2 {
  zoom: expression(
    runtimeStyle.zoom = 1,
    insertAdjacentHTML('afterBegin','<span style="display: block;line-height: 1em;"><img src="img/step-1-ttl.png" alt="" /></span>')
  );
}

#step-1 h2:before{
	content: url(../img/step-1-ttl.png);
	display: block;
	line-height: 1em;
}

#step-2 h2 {
  zoom: expression(
    runtimeStyle.zoom = 1,
    insertAdjacentHTML('afterBegin','<span style="display: block;line-height: 1em;"><img src="img/step-2-ttl.png" alt="" /></span>')
  );
}

#step-2 h2:before{
	content: url(../img/step-2-ttl.png);
	display: block;
	line-height: 1em;
}

#step-3 h2 {
  zoom: expression(
    runtimeStyle.zoom = 1,
    insertAdjacentHTML('afterBegin','<span style="display: block;line-height: 1em;"><img src="img/step-3-ttl.png" alt="" /></span>')
  );
}

#step-3 h2:before{
	content: url(../img/step-3-ttl.png);
	display: block;
	line-height: 1em;
}

#step-4 h2 {
  zoom: expression(
    runtimeStyle.zoom = 1,
    insertAdjacentHTML('afterBegin','<span style="display: block;line-height: 1em;"><img src="img/step-4-ttl.png" alt="" /></span>')
  );
}

#step-4 h2:before{
	content: url(../img/step-4-ttl.png);
	display: block;
	line-height: 1em;
}

#step-5 h2 {
  zoom: expression(
    runtimeStyle.zoom = 1,
    insertAdjacentHTML('afterBegin','<span style="display: block;line-height: 1em;"><img src="img/step-5-ttl.png" alt="" /></span>')
  );
}

#step-5 h2:before{
	content: url(../img/step-5-ttl.png);
	display: block;
	line-height: 1em;
}

#step-1 {
  width:334px;
}

#step-1 .content {
  width:304px;
  float:left;
}

#step-2 {
  width:632px;
}

#step-2 .content {
  
}

#step-3 {
  width:302px;
}

#step-3 .content {
  width:272px;
  /*overflow:hidden;*/
  float:left;
}

#step-3 .sc-pad {
  padding-left:17px !important;
}

#step-3 .price {
  margin-left:8px !important;
}

#step-4 {
  width:664px;
}

#step-4 .content {
  width:664px;
}

#step-5 {
  width:470px;
  background:url('../img/bg-r.png') no-repeat right 80px;
}

#step-5 .content {
  width:450px;
  float:left;
}

div.logo {
  width:135px;
  height:42px;
  overflow:hidden;
  position:absolute;
  margin:-24px 0 0 79px;
}

.site-types {
  margin:0 0 -40px 17px;
}

.site-types .col {
  float:left;
  background:url('../img/step-brd.gif') repeat-y left;
  height:318px;
}

.site-types .first {
  background:none;
}

.site-types .col-pad {
  padding:12px 25px 50px 10px;
}

.site-types .first .col-pad {
  padding-left:0;
}

.site-types .col-content {
  height:312px;
  float:left;
  margin-bottom:-20px;
}

#s-col-1 {
  width:160px;
}

#s-col-1 .col-content {
  width:160px;
}

#s-col-2 {
  width:188px;
}

#s-col-2 .col-content {
  width:188px;
}

#s-col-3 {
  width:215px;
}

#s-col-3 .col-content {
  width:215px;
}

.col-title {
  margin:0 0 17px 8px;
}

.site-types .price {
  margin:0 0 0 8px;
}

ul.features {
  list-style:none;
  padding:0;
  margin:0 -10px 1em 8px;
}

ul.features li {
  margin:0 0 .2em 0;
  padding:0 0 0 21px;
  white-space:nowrap;
}

ul.features-green {
  color:#a6cb67;
}

ul.features-green li {
  background:url('../img/plus-green.gif') no-repeat left .3em;
}

ul.features-blue {
  color:#77c7ff;
}

ul.features-blue li {
  background:url('../img/plus-blue.gif') no-repeat left .3em;
}

ul.features-red {
  color:#f16653;
}

ul.features-red li {
  background:url('../img/plus-red.gif') no-repeat left .3em;
}

ul.features-yellow {
  color:#ffd860;
}

ul.features-yellow li {
  background:url('../img/plus-yellow.gif') no-repeat left .3em;
}

table.clients {
  margin:0 0 25px 0;
}

table.clients img {
  position:relative;
}

table.clients td {
  vertical-align:middle;
  padding:0 20px 0 0;
}

.white, .white a, .white a:visited {
  color:#fff;
  text-decoration:none;
}

.more-clients {
  width:410px;
}

div#bottom-bg {
  position:absolute;
  z-index:30;
  width:274px;
  height:128px;
  background:url('../img/bg-b.png') no-repeat left top;
  margin-left:23px;
}

div.navigation {
  position:absolute;
  left:404px;
  top:17px;
  width:420px;
  height:177px;
}

div.navigation .home-link {
  width:11px;
  height:10px;
  position:absolute;
  left:-28px;
  top:7px;
  background:url('../img/home.gif') no-repeat left top;
  cursor:pointer;
}

div.navigation .brd {
  height:158px;
  width:2px;
  background:url('../img/nav-brd.gif') repeat-y;
  margin:4px 0 0 13px;
  position:relative;
}

ul.nav-links {
  list-style:none;
  margin:0;
  padding:0;
  color:#556776;
  font-size:93%;
  height:27px;
  overflow:hidden;
}

ul.nav-links li {
  float:left;
  padding:1px 8px 0 27px;
  height:26px;
}

ul.nav-links li span {
  border-bottom:1px dashed #556776;
  cursor:pointer;
}

ul.nav-links li.lnk-2 {
  background:url('../img/lnk-2.png') no-repeat left top;
}

ul.nav-links li.lnk-3 {
  background:url('../img/lnk-3.png') no-repeat left top;
}

ul.nav-links li.lnk-4 {
  background:url('../img/lnk-4.png') no-repeat left top;
}

ul.nav-links li.lnk-5 {
  background:url('../img/lnk-5.png') no-repeat left top;
}

ul.nav-links li.lnk-2-act {
  background:url('../img/lnk-2-a.png') no-repeat left top;
}

ul.nav-links li.lnk-3-act {
  background:url('../img/lnk-3-a.png') no-repeat left top;
}

ul.nav-links li.lnk-4-act {
  background:url('../img/lnk-4-a.png') no-repeat left top;
}

ul.nav-links li.lnk-5-act {
  background:url('../img/lnk-5-a.png') no-repeat left top;
}

ul.nav-links li.act span {
  border:none;
  color:#819296;
  cursor:default;
}

.gallery .pic-title {
  height:207px;
  color:#c2b6aa;
}

.gallery .pic-title table td {
  height:207px;
  vertical-align:bottom;
}

.gallery .pic-title table .links {
  margin-bottom:1em;
  zoom:1;
}

.gallery .pic-title table .links:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.gallery .pic-title table .links p {
  margin-bottom:0 !important;
}

.gallery .pic-title h1 {
  font-size:210%;
  margin-bottom:14px;
  line-height:100%;
}

.gallery .pic-title .name {
  color:#866f57;
}

.gallery .pic-title .occupation {
  color:#aa9a89;
}

.gallery .pic-title .location {
  color:#c2b6aa;
}

.gallery .next {
  width:46px;
  height:46px;
  position:absolute;
  left:427px;
  margin-top:335px;
  background:url('../img/arr-next.png') no-repeat left top;
  cursor:pointer;
  z-index:150;
}

.gallery .prev {
  width:46px;
  height:46px;
  left:-23px;
  margin-top:335px;
  position:absolute;
  background:url('../img/arr-prev.png') no-repeat left top;
  cursor:pointer;
  z-index:150;
}

.site-types .gallery .next, .screenshot-gallery .next {
  background:url('../img/arr-next-2.png') no-repeat left top;
}

.site-types .gallery .prev, .screenshot-gallery .prev {
  background:url('../img/arr-prev-2.png') no-repeat left top;
}

.gallery .close {
  width:46px;
  height:46px;
  left:202px;
  margin-top:535px;
  position:absolute;
  background:url('../img/close.png') no-repeat left top;
  cursor:pointer;
}

.gallery .pic {
  width:450px;
  height:317px;
  overflow:hidden;
}

.gallery .pic img {
  display:block;
}

.site-types .gallery .pic img, .screenshot-gallery .pic img {
  border:10px solid #2b343b;
}

.gallery p.description {
  margin:0 0 14px 0;
}

.gallery div.links {
  margin-bottom:12px;
}

.gallery div.links a, .gallery div.links a:visited {
  color:#f4ebe2 !important;
  text-decoration:none;
}

.gallery .site-link {
  float:right;
  margin-top:2px;
}

img.ico {
  position:relative;
  top:2px;
  margin-left:4px;
}

.gallery .slide {
  display:none;
  position:absolute;
}

/* Forms */

.form-item {
  zoom:1;
  margin-bottom:.6em;
}

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

.form-item label {
  width:125px;
  float:left;
  padding:.22em 10px 0 0;
  text-align:right;
}

.form-item .form-text, .form-item .form-textarea {
  float:left;
  padding:.25em 0;
  *padding:.25em 0 .5em 0;
}

.feedback-form {
  background:#2b343c;
  width:450px;
  height:410px;
  overflow:hidden;
  position:relative;
  top:110px;
}

.feedback-form .ff-pad {
  padding:20px 15px;
}

.feedback-form .form-text, .feedback-form .form-textarea {
  width:285px;
  color:#919597;
}

.feedback-form .form-submit {
  margin:8px 0 0 130px;
}

.form-error {
  color:#f46331;
  font-size:130%;
  position:absolute;
  top:75px;
}

/* End of Forms */

img.flag {
  position:relative;
  top:-3px;
  padding:0 0 0 4px;
}