/* `Reset
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212
----------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  background: #f8f1ec url(../img/bg_header.png) repeat-x 50% 0;
}
a {
  color: #9fd063;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
hr {
  border: 0 #f8f1ec solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}
img {
  display: block;
}

/* `Layout
----------------------------------------------------------------------------------------------------*/
.container {
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}
.container #logo {
  width: 340px;
  height: 100px;
  background-color: #353634;
}
.container #menu {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 640px;
  height: 100px;
  background-color: #353634;
}
.container #menu ul {
  position: absolute;
  bottom: 28px;
  right: 0;
  list-style: none;
}
.container #menu ul li {
  display: inline;
  padding: 0 0 0 20px;
}
.container #menu ul li a {
  font-weight: bold;
}
.container .top {
  width: 490px;
  height: 180px;
  padding: 60px 0 0 490px;
}
.container .top h1 {
  color: #716e5f;
  text-align: justify;
}
.container .content {
  width: 980px;
}
.container .content .head {
  padding: 0 0 20px 0;
  font-family: "a_StamperRg&BtRegular", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer {
  width: 100%;
  padding: 20px 0 10px 0;
  background: #a49d89 url(../img/bg_footer.png) repeat-x 0 0;
}
#footer .container .footer_column {
  width: 215px;
  margin-left: 20px;
}
#footer .container .footer_column ul {
  list-style: none;
}
#footer .container .footer_column ul li {
  margin: 0;
  font-size: 12px;
}
#footer .container .footer_column ul li.first {
  font-weight: bold;
}
#footer .container .footer_column ul li, #footer .container .footer_column ul li a {
  color: #353634;
}
#footer_small {
  width: 100%;
  height: 26px;
  background: #7a7869 url(../img/bg_footer_small.png) repeat-x 0 0;
}
#footer_small .container .back_to_top {
  height: 20px;
  padding: 7px 0 0 0;
  float: left;
  font-size: 10px;
  color: #f8f1ec;
  font-family: "AndaleMonoRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer_small .container .back_to_top a {
  color: #f8f1ec;
}


#footer_small .container #copy {
  height: 20px;
  padding: 6px 0 0 19px;
  background: transparent url(../img/bg_footer_small_logo.png) no-repeat 0 50%;
  float: right;
  font-size: 10px;
  color: #f8f1ec;
}
#footer_small .container #copy a {
  color: #f8f1ec;
}

/* `Pages */
.container .top {
  background: transparent url(../img/bg_top.png) no-repeat 0 0;
}
.container .content {
  margin: 40px 0 20px 0;
  color: #716e5f;
}
.container .content h1 {
  font-size: 22px;
  color: #857f70;
}
.container .content h2 {
  font-size: 20px;
  color: #857f70;
}
.container .content p, .container .content ul.text {
  padding: 0 0 7px 0;
  text-align: justify;
  font-family: "Georgia", "Book Antiqua", "serif";
  font-style: normal;
}
.container .content ul.links,
.container .content ul.links ul {
  list-style: none;
}
.container .content ul.links ul {
  margin-bottom: 20px;
}
.container .content ul.links li ul li {
  background: transparent url(../img/portfolio_project_square.png) no-repeat 0 4px;
  margin: 5px 0 0 20px;
  padding-left: 20px;
}
.container .content ul.links li a {
  color: #857f70;
}
.container .content .pb14 {
  padding-bottom: 14px;
}
.container .content ul.text li {
  margin-left: 25px;
  list-style: disc;
}
.container .content input.submit {
  background-color: #f0e4d2;
  border: 1px solid #c8beae;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  color: #716e5f;
  font-size: 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: auto;
}
.container .content input.submit:focus {
  color: #9fd063;
}

/* `Error page */
.container #content_error h2 {
  font-family: "a_StamperRg&BtRegular", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 0 20px 0;
}
.container #content_error p.error {
  padding: 0 0 20px 0;
  text-align: justify;
  font-family: "Georgia", "Book Antiqua", "serif";
  font-style: normal;
}

/* `Home page */
.container #top_ {
  background: transparent url(../img/home_bg_top.png) no-repeat 0 0;
}
.container #content_ {
  height: 740px;
  margin: 0;
  background: transparent url(../img/home_bg_content.png) no-repeat 0 0;
}
.container #content_ #select_version_button {
  height: 143px;
  padding: 6px 0 0 490px;
}
.container #content_ #select_version_button ul {
  position: relative;
  list-style: none;
}
.container #content_ #select_version_button ul li a#select_version {
  display: block;
  width: 201px;
  height: 35px;
  padding: 11px 0 0 21px;
  background: #f8f1ec url(../img/home_btn_version.png);
  font-size: 18px;
  font-weight: bold;
  color: #b2a590;
  text-shadow: #ffffff 1px 1px 0;
  text-decoration: none;
  opacity: .8;
}
.container #content_ #select_version_button ul li a#select_version:hover {
  opacity: 1;
}
.container #content_ #select_version_button ul li a#select_version:active {
  background-position: 0 -46px;
}
.container #content_ #select_version_button ul li ul.list {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 222px;
}
.container #content_ #select_version_button ul li ul.list li a {
  display: block;
  height: 29px;
  padding: 10px 0 0 20px;
  background: #f8f1ec url(../img/home_btn_version.png) no-repeat 0 -134px;
  font-size: 18px;
  font-weight: bold;
  color: #b2a590;
  text-shadow: #ffffff 1px 1px 0;
  text-decoration: none;
}
.container #content_ #select_version_button ul li ul.list li.svb_top a {
  height: 32px;
  padding-top: 10px;
  background-position: 0 -92px;
}
.container #content_ #select_version_button ul li ul.list li.svb_bottom a {
  height: 34px;
  padding-top: 8px;
  background-position: 0 -173px;
}
.container #content_ #select_version_button ul li ul.list li a:hover {
  background-position: 0 -257px;
  color: #716e5f;
}
.container #content_ #select_version_button ul li ul.list li.svb_top a:hover {
  background-position: 0 -215px;
}
.container #content_ #select_version_button ul li ul.list li.svb_bottom a:hover {
  background-position: 0 -296px;
}
.container #content_ #portfolio {
  height: 323px;
  margin-bottom: 40px;
}
.container #content_ #portfolio .portfolio_column {
  width: 300px;
  height: 323px;
  margin-left: 20px;
}
.container #content_ #portfolio .portfolio_column h2.portfolio_title {
  height: 34px;
  padding-top: 13px;
  background: transparent url(../img/home_bg_portfolio_head.png) repeat-x 0 100%;
  font-size: 22px;
  font-weight: bold;
  color: #857f70;
}
.container #content_ #portfolio .portfolio_column h2.portfolio_title a {
  color: #857f70;
  text-decoration: none;
}
.container #content_ #portfolio .portfolio_column .portfolio_img {
  height: 175px;
  padding-top: 18px;
}
.container #content_ #portfolio .portfolio_column .portfolio_descr {
  padding-top: 16px;
  text-align: justify;
  color: #716e5f;
}
.container #content_ #why_phpfaber {
  width: 340px;
  height: 210px;
  margin-left: 20px;
  text-align: justify;
  color: #716e5f;
}
.container #content_ #why_phpfaber p {
  font-family: "Georgia", "Book Antiqua", "serif";
  font-style: normal;
}
.container #content_ #testimonials {
  width: 340px;
  height: 210px;
  padding-left: 20px;
  background: transparent url(../img/bg_vl.png) repeat-y 0 0;
  text-align: justify;
  color: #716e5f;
}
.container #content_ #testimonials div.testi_block {
  font-family: "Georgia", "Book Antiqua", "serif";
  font-style: italic;
  margin-bottom: 8px;
}
.container #content_ #testimonials div .bqstart {
  float: left;
  font-size: 700%;
  color: #ebdcc1;
  width: 50px;
  height: 30px;
  margin-top: -12px;
}
.container #content_ #testimonials div .author {
  font-size: 10px;
}
.container #content_ #buttons {
  width: 240px;
  height: 210px;
  margin-left: 20px;
}
.container #content_ #buttons p {
  font-family: Tahoma;
}
.container #content_ #buttons ul {
  list-style: none;
}
.container #content_ #buttons ul li {
  margin-bottom: 20px;
}
.container #content_ #buttons ul li.last {
  margin-bottom: 0;
}

/* `Portfolio page */
.container #top_portfolio {
  background: transparent url(../img/portfolio_bg_top.png) no-repeat 0 0;
}
.container #content_portfolio {
  margin: 20px 0 20px 0;
}
.container #content_portfolio #portfolio_nav {
  position: relative;
  margin-bottom: 5px;
  text-align: right;
}
.container #content_portfolio #portfolio_nav a {
  display: inline-block;
  padding: 0 11px 0 10px;
  color: #716e5f;
  background: transparent url(../img/portfolio_bg_hl.png) repeat-y 100% 0;
}
.container #content_portfolio #portfolio_nav a#portfolio_nav_link_last {
  padding-right: 0;
  background: none;
}
.container #content_portfolio #portfolio_nav a.active {
  color: #9fd063;
}
.container #content_portfolio .hl_marker {
  width: 980px;
  height: 10px;
  background: transparent url(../img/bg_hl.png) no-repeat 0 100%;
  margin: 0 0 20px 0;
}
.container #content_portfolio .marker {
  position: relative;
  display: none;
  width: 17px;
  height: 10px;
  background: transparent url(../img/bg_markerg.png) no-repeat 0 0;
}
.container #content_portfolio .project {
  margin: 0 0 20px 0;
}
.container #content_portfolio .project p {
  padding: 0;
}
.container #content_portfolio .project .img_head {
  width: 972px;
  height: 117px;
  padding: 3px;
  border: 1px solid #7a7869;
  display: block;
  margin: 0 0 5px 0;
}
.container #content_portfolio .project h2 {
  font-family: "a_StamperRg&BtRegular", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  margin: 0;
  padding: 0;
}
.container #content_portfolio .project h2 a {
  color: #857f70;
  text-decoration: none;
}
.container #content_portfolio .project .col1 {
  width: 580px;
}
.container #content_portfolio .project .col2 {
  width: 400px;
}
.container #content_portfolio .project .col2 p {
  text-align: right;
  margin: 0;
  padding: 0;
}
.container #content_portfolio .project .col2 p a {
  text-decoration: none;
  border-bottom: 1px dashed #716e5f;
  font-size: 18px;
  color: #716e5f;
  padding-bottom: 1px;
}
.container #content_portfolio .project .img_tech {
  display: inline;
  margin-left: 5px;
}
.container #content_portfolio #more {
  background-color: #f0e4d2;
  border: 1px solid #c8beae;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  color: #716e5f;
  font-size: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 350px;
  height: 26px;
  text-align: center;
  margin: 0 auto;
  padding-top: 0px;
}
.container #content_portfolio #more a {
  display: block;
  width: 350px;
  height: 26px;
  text-align: center;
  margin: 0 auto;
  text-decoration: none;
  color: #716e5f;
}
.container #content_portfolio #project_container {
  width: 980px;
  background: transparent url(../img/portfolio_project_bg.png) repeat-y 0 0;
}
.container #content_portfolio #project_container #project_top {
  width: 980px;
  background: transparent url(../img/portfolio_project_bg_top.png) no-repeat 0 0;
}
.container #content_portfolio #project_container #project_top .proj_descr {
  width: 276px;
  padding: 15px 33px 0 19px;
}
.container #content_portfolio #project_container #project_top .proj_descr h1 {
  font-size: 22px;
  font-weight: bold;
  background: transparent url(../img/portfolio_project_arrow.png) no-repeat 0 8px;
  padding-left: 12px;
  margin-bottom: 14px;
}
.container #content_portfolio #project_container #project_top .proj_descr #proj_services {
  width: 276px;
  background: transparent url(../img/bg_hl2.png) no-repeat 0 0;
  margin: 6px 0 0 0;
  padding: 13px 0 0 0;
}
.container #content_portfolio #project_container #project_top .proj_descr #proj_services #img_tech0 {
  display: inline;
  margin-left: 0;
}
.container #content_portfolio #project_container #project_top .proj_descr #proj_services #img_tech1,
.container #content_portfolio #project_container #project_top .proj_descr #proj_services #img_tech2,
.container #content_portfolio #project_container #project_top .proj_descr #proj_services #img_tech3 {
  display: inline;
  margin-left: 12px;
}
.container #content_portfolio #project_container #project_top .proj_descr .proj_alts {
  width: 276px;
  margin: 13px 0 0 0;
}
.container #content_portfolio #project_container #project_top .proj_descr .proj_alts p {
  font: 14px/1.5 "AndaleMonoRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.container #content_portfolio #project_container #project_top .proj_descr .proj_alts ul {
  list-style: none;
}
.container #content_portfolio #project_container #project_top .proj_descr .proj_alts li {
  background: transparent url(../img/portfolio_project_square.png) no-repeat 0 6px;
  font: 14px/1.5 "AndaleMonoRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-left: 20px;
}
.container #content_portfolio #project_container #project_top .proj_descr .proj_alts a {
  color: #857f70;
}
.container #content_portfolio #project_container #project_top .proj_descr .proj_alts a.proj_link {
  text-decoration: none;
  border-bottom: 1px dashed #716e5f;
  font-size: 18px;
  color: #716e5f;
  padding-bottom: 1px;
}
.container #content_portfolio #project_container #project_top .proj_descr .prev_next {
  font: 10px "AndaleMonoRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 39px 0 10px 0;
}
.container #content_portfolio #project_container #project_top .proj_descr .prev_next .prev {
  float: left;
}
.container #content_portfolio #project_container #project_top .proj_descr .prev_next .next {
  float: right;
}
.container #content_portfolio #project_container #project_top .proj_imgs {
  width: 652px;
  padding: 4px 0 0 0;
}
.container #content_portfolio #project_container #project_top .proj_imgs .imgs_container {
  width: 648px;
  text-align: center;
}
.container #content_portfolio #project_container #project_top .proj_imgs .imgs_container img {
  display: block;
  margin: 3px auto 0 auto;
}
.container #content_portfolio #project_container #project_top .proj_imgs .imgs_container img#img_main_num0 {
  margin-top: 0;
}
.container #content_portfolio #project_bottom {
  width: 980px;
  height: 4px;
  background: transparent url(../img/portfolio_project_bg_bottom.png) no-repeat 0 0;
}

/* `Services page */
.container #top_services {
  background: transparent url(../img/services_bg_top.png) no-repeat 0 0;
}
.container #content_services {
  margin: 40px 0 20px 0;
}
.container #content_services p {
  padding: 0 0 7px 0;
  text-align: justify;
  font-family: "Georgia", "Book Antiqua", "serif";
  font-style: normal;
  color: #716e5f;
}
.container #content_services ul {
  position: relative;
  list-style: none;
}
.container #content_services ul .services_button {
  width: 280px;
}
.container #content_services #web-design_services {
  margin: 0 30px 20px 20px;
}
.container #content_services #web-development_services {
  margin: 0 30px 20px 20px;
}
.container #content_services #graphic-design_services {
  margin: 0 20px 20px 20px;
}
.container #content_services ul .services_button a {
  display: block;
  width: 280px;
  height: 30px;
  padding: 6px 0 0 20px;
  background: #f8f1ec url(../img/services_btn_column.png) no-repeat 0 0;
  font-size: 18px;
  text-decoration:none;
  color: #716e5f;
  opacity: .8;
}
.container #content_services .services_button a:hover {
  opacity: 1;
}
.container #content_services .services_button ul {
  margin: 10px 0 0 25px;
  list-style-type: disc;
  list-style-image:url(../img/bg_dot.png);
  font-size: 17px;
  color: #716e5f;
}
.container #content_services .hl_marker {
  width: 980px;
  height: 10px;
  background: transparent url(../img/bg_hl.png) no-repeat 0 100%;
  margin: 0 0 20px 0;
}
.container #content_services .marker {
  position: relative;
  display: none;
  width: 17px;
  height: 10px;
  background: transparent url(../img/bg_markerg.png) no-repeat 0 0;
}
.container #content_services #services_block #web-design_block {
  display: block;
  background: transparent url(../img/services_bg_block_design.png) no-repeat 95% 100%;
  margin: 0 0 20px 0;
  padding-bottom: 13px;
}
.container #content_services #services_block #web-development_block {
  display: block;
  background: transparent url(../img/services_bg_block_development.png) no-repeat 95% 100%;
  margin: 0 0 20px 0;
  padding-bottom: 13px;
}
.container #content_services #services_block #graphic-design_block {
  display: block;
  background: transparent url(../img/services_bg_block_graphic.png) no-repeat 95% 100%;
  margin: 0 0 20px 0;
  padding-bottom: 13px;
}

/* `Contacts page */
.container #top_support {
  background: transparent url(../img/contacts_bg_top.png) no-repeat 0 0;
}
.container #content_support {
  margin: 40px 0 20px 0;
  background: transparent url(../img/bg_vl.png) repeat-y 480px 0;
}
.container #content_support #contacts {
  width: 450px;
  margin: 0 10px 0 20px;
  font-family: "Georgia", "Book Antiqua", "serif";
  font-style: normal;
  font-size: 20px;
  line-height: 36px;
  color: #716e5f;
}
.container #content_support #contacts div {
  padding-left: 60px;
}
.container #content_support #contacts #contacts_email {
  background: transparent url(../img/contacts_icon_email.png) no-repeat 0 50%;
}
.container #content_support #contacts #contacts_skype {
  background: transparent url(../img/contacts_icon_skype.png) no-repeat 0 50%;
}
.container #content_support #contacts #contacts_phone {
  background: transparent url(../img/contacts_icon_phone.png) no-repeat 0 50%;
}
.container #content_support #contacts #contacts_address {
  background: transparent url(../img/contacts_icon_address.png) no-repeat 0 5px;
}
.container #content_support #contacts #contacts_doc {
  background: transparent url(../img/contacts_icon_doc.png) no-repeat 0 5px;
}
.container #content_support #contacts label {
  display: inline-block;
  vertical-align: top;
  width: 100px;
}
.container #content_support #contacts span {
  display: inline-block;
  margin-left: 0;
}
.container #content_support #contacts #contacts_map {
  width: 450px;
  height: 313px;
  margin: 10px 0 0 0;
  background: transparent url(../img/map.png) no-repeat 0 0;
}
.container #content_support #contacts #contacts_doc label {
  display: block;
  vertical-align: top;
  width: 390px;
}
.container #content_support #contacts #contacts_doc span {
  display: block;
  margin-left: 0;
}
.container #content_support #contacts #contacts_doc img {
  display: inline;
  margin-top: 10px;
}
.container #content_support #contacts #contacts_doc img.first {
  margin-right: 10px;
}
.container #content_support #form {
  width: 460px;
  margin: 0 0 0 30px;
  font-family: "Georgia", "Book Antiqua", "serif";
  font-style: normal;
  font-size: 20px;
  line-height: 46px;
  color: #716e5f;
}
.container #content_support #form h1 {
  font-size: 20px;
  line-height: 36px;
  padding-bottom: 10px;
}
.container #content_support #form div {
}
.container #content_support #form div label {
  display: inline-block;
  vertical-align: top;
  width: 180px;
}
.container #content_support #form div input, .container #content_support #form div textarea {
  font-family: "Georgia", "Book Antiqua", "serif";
  font-style: normal;
  font-size: 20px;
  color: #716e5f;
  border: 1px solid #c8beae;
  background-color: #f4ecdf;
  width: 270px;
}
.container #content_support #form div textarea {
  height: 100px;
  margin-top: 9px;
  margin-bottom: 3px;
  font-size: 14px;
}
.container #content_support #form div.error input, .container #content_support #form div.error textarea {
  background-color: #FCC;
  border: 1px solid #cd0a0a;
}
.container #content_support #form div.input .error-message {
  color: #ff0000;
  margin: -18px 0 0 180px;
  font-size: 14px;
}
.container #content_support #form div input.submit {
  margin-left: 180px;
  padding: 1px 15px 1px 15px;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {
  font-size: 26px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/
ol {
  list-style: decimal;
}
ul {
  list-style: disc;
}
li {
  margin-left: 0; /*30px*/
}
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
  margin-bottom: 0; /*20px*/
}

/* `Grids
----------------------------------------------------------------------------------------------------*/
.grid {
  display: inline;
  float: left;
  position: relative;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* `Font-Faces
----------------------------------------------------------------------------------------------------*/
@font-face {
  font-family: 'a_StamperRg&BtRegular';
  src: url('a_strb__-webfont.eot');
  src: local('☺'), url('a_strb__-webfont.woff') format('woff'), url('a_strb__-webfont.ttf') format('truetype'), url('a_strb__-webfont.svg#webfonthreupovM') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AndaleMonoRegular';
  src: url('andalemo-webfont.eot');
  src: local('☺'), url('andalemo-webfont.woff') format('woff'), url('andalemo-webfont.ttf') format('truetype'), url('andalemo-webfont.svg#webfontTpHNhOVX') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* `Fancybox (Jquery plugin)
----------------------------------------------------------------------------------------------------*/
#fancybox-overlay {
  background: #353634;
}
#fancybox-outer {
  background: #f8f1ec;
}