@font-face {
  font-family: 'ALS Rubl';
  src: url('/rouble.eot');
}

@font-face {
  font-family: 'ALS Rubl';
  src: url('/rouble.ttf') format('truetype');
}

* {
  margin: 0;
  padding: 0;
}
.separator {
  clear: both;
  display: block;
}
html, body {
	color: #5a5a5a;
  background: #FFFFFF;
  font: 14px/21px Georgia, "Times New Roman", Times, serif;
  height: 100%;
}
img { border: none; }
:focus { outline: none; }
a { color: #888; }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
h1 {
  color: #0b0c0c;
	font-size: 32px;
	line-height: 28px;
}
.promo {
	font-size: 18px;
  font-style: italic;
}
h1 + .promo {
  color: #ce001d;
  font-style: normal;
  display: block;
  margin: 5px 0 15px;
}
h2 { 
  font-size: 24px; 
  color: #0b0c0c;
}
h3, h4 { font-size: 12px; }
h5, h6 { font-size: 10px; }

p { margin: 13px 0; }
.left { float: left; }
.right { float: right; }

.content {
	margin: 0 auto;
	width: 1000px;
  position:relative;
}
.all {
  background: url(/img/plus.png) 0 0 no-repeat;
  color: #a3a3a3;
  float: right;
  font-style: italic;
  line-height: 18px;
  padding: 0 10px 5px 25px;
}
.order {
  background: url(/img/button.png) 0 0 no-repeat;
  display: block;
  height: 67px;
  margin: 30px 0 0;
  text-indent: -9999px;
  width: 238px;
}
span.dot { position:absolute; text-indent: -1000em; }
span.rubl { font-family: 'ALS Rubl'; }
.wave {
  background: url(/img/wave.png) bottom left repeat-x;
  border: 0px none;
  height: 5px;
  padding: 8px 0;
}
/*------------------------------ WRAPPER ------------------------------*/
#wrapper {
  min-height: 100%;
}
  #hFooter {
    height: 200px;
  }
/*------------------------------ HEADER ------------------------------*/
#header {
  background: url(/img/header-bg.png) top repeat-x;
  padding: 30px 0 0 0;
}
  #header .content {
    background: url(/img/wave.png) bottom left repeat-x;
    height: 184px;
  }
  #header a { text-decoration: none; }
  #header .logo {
    background: url(/img/logo.png) top left no-repeat;
    color: #414141;
    display: block;
    float: left;
    font: 14px/24px Calibri, Verdana, Ariel, sans-serif;
    height: 40px;
    padding: 26px 0 0 45px;
    text-indent: -9999px;
    width: 200px;
	margin-top: 10px;
  }
  #header .promo {
    color: #5c595a;
    font-size: 14px;
    line-height: 19px;
    float: left;
    font-style: italic;
    margin: 35px 0 0 10px;
    width: 440px;
  }
  #header .phone {
    background: url(/img/phone.png) 0 2px no-repeat;
    color: #ababab;
    height: 22px;
    float: right;
    font-size: 16px;
    margin-top: 22px;
    margin-right: 10px;
    padding-left: 25px; 
    padding-bottom: 10px;
  }
    #header .phone span {
      color: #202121;
      font-size: 32px;
    }
  #header .feedback {
    color: #a3a3a3;
    float: right;
    font-style: italic;
    margin-right: 10px;
    text-decoration: underline;
  }
  #header .nav {
    clear: both;
    font-size: 14px;
    line-height: 26px;
    list-style: none;
    position: relative;
    top: 42px;
    left: 50px;
  }
    #header .nav li {
      color: #cfcfcf;
      float: left;
    }
      #header .nav a {
        color: #1db4dc;
        display: block;
        float: left;
        font-size: 18px;
        height: 40px;
        line-height: 30px;
        margin: 0 22px;
        padding: 0 15px;
        text-decoration: underline;
      }
        #header .nav a:hover, #header .nav a.active {
          background: url(/img/nav-active.png) top center no-repeat;
          color: #fff;
          text-decoration: none;
        }
/*------------------------------ CONTENT ------------------------------*/
#last-works {
  background: url(/img/wave.png) bottom left repeat-x;
  padding: 40px 0;
}
  #last-works h2 {
    color: #202121px;
    font-size: 34px;
    line-height: 24px;
    padding-bottom: 15px;
  }
/*------------------------------ ARTICLE ------------------------------*/
#article {
  float: right;
  margin: 47px 0;
  padding: 0 10px 0 0;
  width: 750px;
}	
  #article .text {
    float: left;
    margin: 0 0 0 10px;
  }
  #article .comments {
    float: right;
    width: 210px;
  }
    #article .comments .item {
      margin: 25px 0 0 0;
    }
    #article .comments .url {
      color: #d8334a;
      text-decoration: none;
    }
  #article .bid {
    /*background: url(/img/wave.png) 0 0 repeat-x;*/
    clear: both;
    overflow: hidden;
    padding: 20px 0 0 0;
  } 
    #article .bid .item {
      float: left;
      margin: 0 45px 0 15px;
      width: 200px;
    }
      #article .bid .last {
        margin-right: 0;
      }
    #article .bid .title {
      color: #0b0c0c;
      font-size: 24px;
      line-height: 24px;
    }
      #article .bid .title .price {
        color: #ce001d;
        font-size: 18px;
      }
    #article .bid ul {
      margin: 20px 0 5px;
      padding-left: 15px;
    }
    #article .bid .more {
      color: #1eb3db;
      font-weight: bold;
    }
    
  #article table.order_form {
    color: #24b7dd;
  }
    #article table.order_form input, #article table.order_form select {
      width: 200px;
    }
    #article table.order_form input[name="sb_order"] {
      background: #33bcdf;
      border: none;
      color: #fff;
      margin: 30px 0 0;
      padding: 6px 30px;
      text-transform: uppercase;
    }
  #article .services .item {
    margin: 0 0 25px;
  }
    #article .services .more, #article .services .order {
      background: none;
      color: #cf0824;
      display: inline;
      height: auto;
      margin: 0 20px 0 0;
      text-indent: 0;
      width: auto;
    }
    #article .services .title, #article .services .title a {
      color: #2db8dd;
    }
    #article .services .title + p {
      margin-top: 0;
    }
  #article .site-creation .item {
    margin: 0 0 25px;
  }
    #article .site-creation ul {
      list-style: inside;
      margin: 5px 0;
    }
    #article .site-creation .order {
      background: none;
      color: #cf0824;
      display: inline;
      height: auto;
      margin: 0 0 0 40px;
      text-indent: 0;
      width: auto;
    }
    #article .site-creation .title, #article .site-creation .title a {
      color: #2db8dd;
    }
    #article .site-creation .price {
      color: #d1112c;
      font-size: 20px;
    }
  #article .comments_page { 
    font-size: 14px;
    overflow: hidden;
  }
    #article .comments_page .item {
      overflow: hidden;
      margin: 15px 0 40px;
      width: 750px;
    }
    #article .comments_page .title {
      color: #000;
      text-transform: uppercase;
    }
    #article .comments_page .logo {
      text-align: center;
      float: left;
      overflow: hidden;
      width: 200px;
      margin-right: 10px;
    }
    #article .comments_page .full {
      margin: 15px 0 20px;
    }
    #article .comments_page .signature {
      font-style: italic;
    }
    
  #article .article_page { 
    font-size: 14px;
    overflow: hidden;
  }
    #article .article_page .item {
      overflow: hidden;
      margin: 15px 0 40px;
      width: 750px;
    }
    #article .article_page .title {
      float: left;
      font-size: 18px;
      line-height: 24px;
      color: #000;
    }
    #article .article_page .date {
      float: right;
      font-size: 18px;
      line-height: 24px;
      color: #d3203a;
    }
    #article .article_page .logo {
      text-align: center;
      float: left;
      overflow: hidden;
      width: 200px;
      margin-right: 10px;
    }
    #article .article_page .short {
      margin: 15px 0 20px;
    }
    #article .article_page .more {
      color: #d3203a;
    }
/*------------------------------ PORTFOLIO ------------------------------*/
.portfolio .item {
  clear: both;  
  font-size: 18px;
  overflow: hidden;
  margin-bottom: 30px;
}
  .portfolio h1 a { 
    color: #0b0c0c;
    text-decoration: none;
  }
  .portfolio .item .desc {
    float: left;
    width: 250px;
    margin-right: 10px;
  }
  .portfolio .item a img {
    max-width: 470px;
  }
  .portfolio .desc p {
    margin: 25px 0 0;
  }
  .portfolio .desc .red {
    color: #ce001d;
  }
.project {
  width: 750px;
}
.project .desc {
  font-size: 18px;
  padding: 0 10px;
}
  .project .desc .red {
    color: #ce001d;
  }
  .project .promo + p > img {
    max-width: 750px;
  }
  #article .project .desc .text {
    float: right;
    margin: 0;
    width: 410px;
  }
.pager {
  color: #454545;
  float: right;
  font: 12px Tahoma;
  word-spacing: 10px;
  margin-bottom: 5px;
}
  .pager a { color: #454545; text-decoration: none; }
  .pager .active {
    background: url(/img/pager.png) center no-repeat;
    padding: 3px 8px;
    text-align: center;
  }
/*------------------------------ ASIDE ------------------------------*/
#aside {
  float: left;
  padding: 0 10px;
	width: 200px;
}
  #aside .nav {
    font-size: 15px;
    line-height: 36px;
    list-style: none;
    margin: 40px 0;
  }
    #aside .nav a {
      color: #000;
      text-decoration: underline;
    }
  #aside .offer {
    margin-top: 80px;
  }
    #aside .offer .item {
      margin-top: 24px;
    }
    #aside .offer .title {
      color: #1eb3db;
    }
    #aside .offer p {
      font-size: 13px;
      line-height: 19px;
    }
    
/*------------------------------ FOOTER ------------------------------*/
#footer {
	background: #e0e0e0;
  font: 12px/24px Tahoma, Ariel, sans-serif;
	margin-top: -140px;	
}
	#footer .content {
		height: 105px;
    padding-top: 35px;
	}
  #footer .logo {
    background: url(/img/logo.png) top left no-repeat;
    color: #9c9494;
    display: block;
    float: left;
    height: 40px;
    margin-right: 42px;
    padding: 27px 0 0 41px;
    text-decoration: none;
    text-indent: -9999px;
    width: 158px;
	text-align: right;
  }
  #footer .contacts {
    color: #9c9494;
    float: left;
    margin: 5px;
    line-height: 21px;
  }
    #footer .contacts .title {
      color: #676565;
      text-decoration: underline;
    }
  #footer .nav {
    list-style: none;
    font-size: 12px;
    float: right;
    margin: 5px 0 0 0px;
    width: 520px;
  }
    #footer .nav li {
      float: left;
      margin: 0 10px;
    }
    #footer .nav a {
      color: #676565;
    }
      #footer .nav a:hover, #footer .nav a.active {
        color: #9c9494;
        text-decoration: none;
      }
  #footer .counters {
    display: block;
    float: right;
    margin-top: 20px;
    position: relative;
    width: 520px;
  }
    #footer .counters img {
      margin: 0 10px;
    }
/*------------------------------ CAROUSEL ------------------------------*/
#carousel img {
  max-height: 290px;
  max-width: 430px;
}
.jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-container-horizontal {
  width: 915px;
  padding: 10px 45px;
}
.jcarousel-clip {
  overflow: hidden;
}
.jcarousel-clip-horizontal {
  width:  870px;
  height: 290px;
  margin-left: 25px;
}
.jcarousel-item {
  width: 435px;
  height: 290px;
}
.jcarousel-item-horizontal {
  margin-left: 0;
  margin-right: 5px;
}
.jcarousel-direction-rtl .jcarousel-item-horizontal {
  margin-left: 5px;
  margin-right: 0;
}
.jcarousel-item-placeholder {
  background: #fff;
  color: #000;
}
/**
*  Horizontal Buttons
*/
.jcarousel-next-horizontal {
  position: absolute;
  top: 125px;
  right: 0;
  width: 61px;
  height: 61px;
  cursor: pointer;
  background: transparent url(/img/next-horizontal.png) no-repeat 0 0;
}
.jcarousel-direction-rtl .jcarousel-next-horizontal {
  left: 5px;
  right: auto;
  background-image: url(/img/prev-horizontal.png);
}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active {
  cursor: default;
}
.jcarousel-prev-horizontal {
  position: absolute;
  top: 125px;
  left: 0;
  width: 61px;
  height: 61px;
  cursor: pointer;
  background: transparent url(/img/prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-direction-rtl .jcarousel-prev-horizontal {
  left: auto;
  right: 5px;
  background-image: url(/img/next-horizontal.png);
}
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
  cursor: default;
}