/* -------------------------------------------
project:  Fertile Media
date:     03.03.09
------------------------------------------- */

html { margin: 0 0 1px; font-size: 100.01%; height: 100%; }
body { margin: 0; padding: 0; background: #1C1000; color: #555; font: 62.5%/1.25 Arial,Helvetica Neue,Helvetica,sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em Arial,Helvetica Neue,Helvetica,sans-serif; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 15px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
p { margin-bottom: 15px; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }

fieldset { border: none; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }
button::-moz-focus-inner { padding: 0; border: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

hr { overflow: hidden; height: 1px; margin: 15px 0; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px; }
* html hr { margin: -5px 0 8px !important; }

a { color: #369; text-decoration: none; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #000; font: normal 2.4em Arial,serif; }
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

h2.header-a { overflow:hidden; width:235px; height:81px; background:url('../images/header-replace.png') top left no-repeat; text-indent:-666em; }
h2.header-b { overflow:hidden; width:241px; height:83px; background:url('../images/header-replace1.png') top left no-repeat; text-indent:-666em; }
#col2 h2.header-c { font-size: 4em; letter-spacing: -2px; }

/* HELPERS
------------------------------------------- */
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }
legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
 .wrapper { width: 890px; margin: 0 auto; }

#root { margin: 0px auto -192px; min-height: 100%;height: auto !important; height: 100%; }
 #top { background:url('../images/top-bcg.png') top center repeat-x; }
  #top .wrapper { position: relative; height: 212px; background: url('../images/inner-top-bcg.png') top right no-repeat; }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
 #content { background: #fff; padding: 0 0 95px; }
  #content .wrapper {  width: 881px; margin-top: -5px; padding: 0 0 30px 9px; background-color:#fff;}
  #content.content-a .wrapper { margin-top: -15px; }
  #col1 { float: left; width: 264px; padding-top: 22px; }
  .content-a #col1 { float: left; width: 264px; padding-top: 45px; }
  #col2 { float: right; width: 573px; }

/* GENERAL
------------------------------------------- */
p.img-container a img { border:1px solid #000; display: block;}
p.img-container a:hover img { border:1px solid #d0c1a7;}

/* text containers */
.text-a p {  color: #5c5c5c; font-size: 1.1em; line-height: 1.45; }
 .text-a p a { color: #5c5c5c; text-decoration: underline; font-weight: bold; }
 .text-a .vcard p a { font-weight: normal; }
 .text-a p a:hover { text-decoration: none; }

#col2 .text-a p { color: #5c5c5c; font-family: Verdana, Geneva, sans-serif; }
#col2 .text-a h2 { font-size: 1.6em; color: #392600; }
#col2 .text-a h3 { margin-bottom: 0; color: #434343; font-weight: bold; font-size: 1.1em; font-family: Verdana, Geneva, sans-serif; }
.text-b p { color: #5c5c5c; font-size: 1.2em; line-height: 1.5; }
 .text-b p a { color: #5c5c5c; text-decoration: underline; font-weight: bold; }
 .text-b p a:hover { text-decoration: none; }
.text-b h3 { color: #1b1b1b; font-size: 1.2em; font-family: Verdana, Geneva, sans-serif; font-weight: bold; }
.text-c p { color: #434343; }

#col1 p { font-family: Verdana, Geneva, sans-serif; line-height: 1.45; }
#col1 p.image { padding: 15px 0 0 12px;  }
#col2 h2 { margin: 0; padding-bottom: 7px; color: #240800; letter-spacing: -1px; font-size: 2.5em; font-weight: bold; }

/* boxes */
.boxes { overflow: hidden; width: 100%; margin-bottom: 15px; }
 .box { float: left; width: 149px; height: 46px; margin: 0 18px 0 0; color: #fff; background: url(../images/boxes.png) top left no-repeat; font-weight: bold; font-size: 1.6em; line-height: 46px; text-align: center; text-transform: uppercase; }
 .box-b { background-position: bottom left; }

/* ELEMENTS
------------------------------------------- */

#top h1 { width: 266px; height: 213px; position: absolute; top: 0; left: 0; }
 #top h1 a { display: block; overflow:hidden; width: 266px; height: 213px; background: url('../images/logo.png') top left no-repeat; text-indent: -666em; }

/* navigation */
 #nav { position: relative; list-style: none; width: 550px; height: 154px; margin: 0 0 0 auto; padding: 0 23px 0 0; }
  #nav em { position:absolute; top:-666em; }

  #nav a { position:absolute; bottom:0; width:110px; height:32px; text-indent:-666em; overflow:hidden; background-image:url('../images/menu.png'); }

  #nav li.home a { left:1px; background-position: 0 0; }
  #nav li.home a:hover,
  #nav li.home a.current { background-position: 0 -32px; }

  #nav li.overview a { left:110px; background-position: -109px 0; }
  #nav li.overview a:hover,
  #nav li.overview a.current { background-position: -109px -32px; }

  #nav li.products a { left:220px; background-position: -219px 0; }
  #nav li.products a:hover,
  #nav li.products a.current { background-position: -219px -32px; }

  #nav li.portfolio a { left:330px; background-position: -329px 0; }
  #nav li.portfolio a:hover,
  #nav li.portfolio a.current { background-position: -329px -32px; }

  #nav li.get-in-touch a { left:440px; background-position: -439px 0; width: 111px; }
  #nav li.get-in-touch a:hover,
  #nav li.get-in-touch a.current { background-position: -439px -32px; }

  /* section navig */
  #nav-section { list-style: none; margin: 0 55px 0 0; padding: 0 0 5px 0; background: url(../images/brd1.png) bottom left repeat-x; }
  #nav-section.ns-a { border-bottom: 1px solid #e6e4dd; background: none; }
   #nav-section li { padding: 0 0 3px 10px; font-size: 1.4em; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }
    #nav-section li a { padding-left: 14px; color: #898989; text-decoration: none; }
    #nav-section li a:hover {  color: #1b1b1b; }
    #nav-section li a.current { color: #1b1b1b; background: url(../images/bullet2.png) center left no-repeat;  }

  /* secondary navigation */
  #nav-secondary { padding: 4px 0 0 10px; }
   #nav-secondary h2 { margin: 0 60px 3px 12px; padding: 0 0 5px 2px; background: url(../images/brd1.png) bottom left repeat-x; color: #392600; font-size: 1.6em; font-weight: normal; }
   #nav-secondary p { margin: 0; padding: 0 0 0 14px; }
   #nav-secondary ul { list-style: none; margin: 0; padding: 3px 0 0 0; }
   #nav-secondary li { padding-top: 2px; font-family: Verdana, Geneva, sans-serif; }
    #nav-secondary ul a { padding-left: 14px; color: #898989; text-decoration: none; }
    #nav-secondary ul a.current,
    #nav-secondary ul a:hover { color: #1b1b1b; }

    #nav-secondary ul a.current { color: #1b1b1b; }
/* end navigation */

/* works */
  #works {  min-width: 1px; margin: 0 0 0 -43px; padding: 11px 0 0 0; list-style: none; }
  * html #works { height:1px; }
   #works li { float: left; width: 265px; padding-left: 43px; font-size: 1.2em; }
    #works li p.img-container { float: left; margin: 0; padding: 0 10px 0 0; }
    #works li div { padding-top: 17px; }
     #works li p { margin: 0; color: #434343; font-family: Verdana, Geneva, sans-serif; }
      #works li p a { color: #434343; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-weight: bold; }

/* info- bar */
 #info-bar { overflow: hidden; clear:both; list-style:none; width: 924px; margin: 0 0 0 -43px; padding: 45px 0 17px 0; }
  #info-bar li { float: left; width: 265px; padding-left: 43px; font-size: 1em; }
   #info-bar li h2 { margin: 0; padding: 13px 0 2px 0; border-top: 8px solid #1b1b1b; color: #1b1b1b; font-size: 1.6em; font-weight: bold; }
   #info-bar li p { margin-bottom: 14px; color: #7c7c7c; font-size: 1.1em; font-family: Verdana, Geneva, sans-serif; }
    #info-bar li p a { color: #5c5c5c; font-weight: bold; text-decoration: underline; }
    #info-bar li p a:hover { text-decoration: none; }

/* products-list */
 #products-list { overflow: hidden; list-style: none; margin: 0 0 0 -16px; padding: 0;  }
 * html #products-list { width: 575px;  margin: -5px 0 0 -11px; }
  #products-list li { float:left; width: 180px; padding: 0 0 16px 16px; font-size: 1em; }
  * html #products-list li { float:left; width: 180px; padding: 15px 0 0 11px; font-size: 1em; }
   #products-list h2 { margin: 0 0 3px 0; padding: 0; font-size: 1.8em; color: #1b1b1b; }
   #products-list p { margin: 0 0 0 0; padding: 0; color: #5c5c5c; font-family: Verdana, Geneva, sans-serif; font-size: 1.1em; }
   #products-list p.more { margin: 3px 0 10px 0; }
    #products-list p img { display: block; }
    #products-list p a { color: #5c5c5c; font-weight: bold; text-decoration: underline; }
    #products-list p a:hover { text-decoration: none; }

/* testimonials */
 #col1 #testimonials { width: 200px; margin-left: 24px; padding: 10px 0 0 0; }
 #col1 #testimonials.tm-a { margin: 12px 0 0 10px; padding: 12px 0 0 14px; background: url(../images/brd1.png) top left repeat-x; }
  #testimonials h2 { margin: 0 0 2px 0; color: #434343; font-size: 1.6em; font-weight: bold; }
  #testimonials h3 { margin: 0 0 2px 0; color: #1b1b1b; font-size: 1.2em; font-weight: bold; }
  #testimonials h4 { margin: 0 0 2px 0; color: #444343; font-size: 1.2em; font-weight: normal; font-family: Verdana, Geneva, sans-serif; }
  #testimonials p { margin-bottom: 6px; padding-top: 2px; color: #5c5c5c; font-size: 1em; line-height: 1.4; }
  #testimonials ul { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 7px 0 11px 0; }
   #testimonials ul li { float: left; padding-right: 2px; font-size: 1.1em; }
    #testimonials ul li a { display: block; width: 19px; height: 19px; background: url(../images/testimonial-list-item.png) top right no-repeat; color: #5c5c5c; line-height: 19px; font-weight: bold; text-decoration: none; text-align: center; }
    #testimonials ul li a:hover,
    #testimonials ul li a.current { background-position: top left; color: #fff; }

/* contact-form */
 #contact-form { overflow: hidden; width: 100%; padding: 6px 0 0 0; }
  #contact-form .primary { float: left; width: 300px;  }
  #contact-form .secondary { float: right; width: 254px; padding: 12px 10px 0 0; }

  .form-items { list-style: none; margin: 0; padding: 0; }
   .form-items li { width: 100%; overflow: hidden; padding-top: 6px; color: #252f2f; font-family: Tahoma, Geneva, sans-serif; font-size: 1.1em; }
    .form-items li label { display: block; float:left; width: 80px; padding: 2px 0 0 5px; }
    * html .form-items li label { display: block; float:left; width: 80px; padding: 2px 6px 0 5px; }
    .form-items li.message label { padding-top: 30px; }
    .form-items li input { width: 194px; padding: 3px; float: right; border: 1px solid #ccc; }
    .form-items li select { width: 202px; padding: 3px; float: right; border: 1px solid #ccc; }
    .form-items li select#find-info { margin-top: 5px; }
    .form-items li textarea { width: 194px; height: 70px; padding: 3px; float: right; border: 1px solid #ccc; }
    .form-items li.submit { padding: 10px 0 0; }
 	 .form-items li.submit button { padding: 3px 5px; margin: 0 0 0 95px; }

  .vcard p { margin: 2px 0 0 0; }
   .vcard p a { text-decoration: none; }
   .vcard p a:hover { text-decoration: underline; }

/* map */
 #map { width: 562px; height: 149px; }

/* showcase */
 #showcase { padding: 30px 0 10px 0; }
 .showcase-navig { overflow: hidden; list-style: none; width: 200px; margin: 0; padding: 0 0 0 6px; }
  .showcase-navig li { float:left; padding-right:2px; }
   .showcase-navig li a { display: block; overflow: hidden; width: 28px; height: 48px; text-indent: -10001px; outline: none;}
   .showcase-navig li.prev a { background: url(../images/prev-btn.png) top left no-repeat; }
   .showcase-navig li.next a { background: url(../images/next-btn.png) top left no-repeat; }
   .showcase-navig li.counter { padding: 5px 0 0 10px; color: #7c7c7c; font-family: Verdana, Geneva, sans-serif; }

 #showcase .item { width: 521px; margin-bottom: 30px; padding: 6px; border: 1px solid #e6e4dd; position: relative; }
  html.js #showcase .item,
  html.js #showcase .item-a { display: none; }
  html.js #showcase .active { display: block; }
  #showcase .item .wrapper-a { position: relative; min-height: 10px; padding: 20px 12px 2px 12px; border: 1px solid #e6e4dd; background: #f6f6f6; }
  * html #showcase .item .wrapper-a { height: 10px; }
   #showcase .item .link { float: right; margin: 0; padding: 11px 7px 0 0; font-family: Verdana, Geneva, sans-serif; font-size: 1em; }
    #showcase .item .link a { color: #1b1b1b; }
   #showcase .item h2 { padding: 0 0 6px 10px; border-bottom: 1px solid #e1e1e1; color: #1b1b1b; font-size: 2em; }
    #showcase .item-content { width: 232px; min-height: 160px; padding: 11px 0 0 10px; }
    * html #showcase .item-content { height: 160px; }
     #showcase .item-content p { color: #5c5c5c; font-size: 1.1em; font-family: Verdana, Geneva, sans-serif; line-height: 1.45; }
    #showcase .item .image { position: absolute; bottom: -32px; right: -28px; width: 311px; height: 202px; background: url(../images/img-container.png) top left no-repeat; }
     #showcase .item .image p { position: absolute; top: 12px; left: 39px; }

  #showcase .item-a { width: 535px; }
   #showcase p.description { width: 535px; margin-bottom: 17px; color: #898989; font-size: 1.1em; text-align: right; }

/* footer */
#push {clear:both;height:188px;}

/*#footer { background: #392600 url('../images/footer-bcg.png') top left repeat-x; clear:both; height: 148px; margin-top:25px; } */
/* #footer .wrapper { padding-top:33px; } */
  #footer p { float: left; width: 45%; padding: 0 0 0 5px; color:#fff; font-size: 1.1em; }
  #footer ul { float: right; list-style: none; width: 45%; margin: 0; padding: 0 18px 46px 0; text-align: right; }
   #footer ul li { display: inline; font-size: 1.1em; padding-left: 5px;  }
   #footer ul li.first { background: none; }
    #footer ul li a { color: #fff; padding-right: 2px;}