/**
 * @author Victor Zamfir <victor.zamfir@skipvine.ro>
 */

/**
 * bof yui 2 css reset
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img { 
  border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
q:before,q:after {
  content:'';
}
abbr,acronym { border:0; }
/**
 * eof yui 2 css reset
 */
 
body {
  background: #eaeaea;
}

body, input {
  font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

#wrapper {
  width: 960px; padding: 0 14px; margin: 0 auto;
  background: white; overflow: hidden;
}


/**
 * bof site header
 */
#header {
  position: relative; height: 368px; overflow: hidden;
}
.inner #header {
  height: 246px;
}
  #site_logo {
    background: url(../images/logo.gif) no-repeat center;
    display: block; width: 160px; height: 166px;
    text-indent: -10000px;
    position: absolute; top: 0px; left: 10px; z-index: 10;
  }
  
  #language_switcher {
    position: absolute; top: 10px; right: 10px;
  }
    #language_switcher a {
      float: left; width: 20px; height: 15px;
      padding: 5px 8px; margin-right: 5px;
    }
    #language_switcher a.active {
      background: url(../images/language-box-bg.jpg) no-repeat center;
    }
    
  #main_menu {
    position: absolute; top: 45px; right: 0; overflow: hidden;
  }
    #main_menu a {
      float: left; display: inline; text-decoration: none;
      background: url(../images/main-menu-separator.jpg) no-repeat center right;
      padding-right: 2px;
    }
    #main_menu a.last {
      background: none;
    }
      #main_menu a span {
        display; block; float: left;
      }
      #main_menu a.first span {
        background: url(../images/main-menu-inactive-item-left-bg.jpg) no-repeat left center;
        padding-left: 5px;
      }
      #main_menu a.first.active span, #main_menu a.first:hover span {
        background: url(../images/main-menu-active-item-left-bg.jpg) no-repeat left center;
      }
      #main_menu a.last span {
        background: url(../images/main-menu-inactive-item-right-bg.jpg) no-repeat right center;
        padding-right: 5px;
      }
      #main_menu a.active.last span, #main_menu a.last:hover span {
        background: url(../images/main-menu-active-item-right-bg.jpg) no-repeat right center;
        padding-right: 5px;
      }
        #main_menu a span span {
          background: url(../images/main-menu-inactive-item-middle-bg.jpg) repeat-x center !important;
          padding: 0 !important;
        }
        #main_menu a.active span span, #main_menu a:hover span span {
          background: url(../images/main-menu-active-item-middle-bg.jpg) repeat-x center !important;
        }
        #main_menu a span span span {
          background: none !important;
          height: 45px; line-height: 44px;
          font-weight: bold; color: #323232; font-size: 13px;
          padding: 0 25px !important;
        }
        #main_menu a.active span span span, #main_menu a:hover span span span {
          color: white;
        }
        #main_menu a.home span span span {
          background: url(../images/main-menu-home-icon-inactive.gif) no-repeat 10px center !important;
          padding-left: 30px !important;
        }
        #main_menu a.active.home span span span, #main_menu a.home:hover span span span {
          background: url(../images/main-menu-home-icon-active.gif) no-repeat 10px center !important;
        }
        
/**
 * eof site header
 */
 
#secondary_menu {
  position: relative; margin-top: 10px; height: 69px;
  background: url(../images/secondary-menu-midle-bg.gif) repeat-x center top;
  overflow: hidden;
}
  #secondary_menu .item {
    float: left; display: inline;
  }
  
    #secondary_menu .item a {
      float: left;
      text-decoration: none;
      padding-left: 5px;
    }
    #secondary_menu .item.active a, #secondary_menu .item:hover a {
      background: url(../images/secondary-menu-active-item-left-bg.gif) no-repeat left bottom;
    }
    
    #secondary_menu .item a span {
      float: left;
      padding-right: 5px;
    }
    #secondary_menu .item.active a span, #secondary_menu .item:hover a span {
      background: url(../images/secondary-menu-active-item-right-bg.gif) no-repeat right bottom;
    }
    
      #secondary_menu .item a span span {
        height: 38px; line-height: 38px;
        padding: 0 15px;
        font-weight: bold; color: #434343;
      }
      #secondary_menu .item.active a span span, #secondary_menu .item:hover a span span {
        background: url(../images/secondary-menu-active-item-midle-bg.gif) repeat-x center bottom;
        color: white;
      }
      
      #secondary_menu .item .submenu {
        display: none; position: absolute; top: 38px; left: 0; margin: 0 !important; padding: 0 !important;
        width: 100%; height: 31px;
        background: url(../images/secondary-menu-submenu-menu-bg.gif) repeat-x center bottom !important;
      }
      #secondary_menu .item.active .submenu {
        display: block; z-index: 400;
      }
      #secondary_menu .item:hover .submenu {
        display: block; z-index: 500;
      }
        #secondary_menu .item .submenu a {
          background: none !important;
          float: left; margin: 0 15px;
          font-weight: normal; height: 31px; line-height: 31px;
          color: white;
        }
        #secondary_menu .item .submenu a:hover {
          text-decoration: underline;
        }

/**
 * bof breadcrumbs
 */
#breadcrumbs {
  overflow: hidden; margin-top: 10px; padding-bottom: 5px;
}
  #breadcrumbs a, #breadcrumbs span {
    float: left; margin-right: 5px;
  }
  #breadcrumbs a {
    color: black;
    background: url(../images/link-dark-red-arrow.gif) no-repeat right center;
    padding-right: 10px;
  }
  #breadcrumbs span {
    color: #696969;
  }
/**
 * eof breadcrumbs
 */

/**
 * bof site content
 */
#main {
  margin-top: 10px;
  color: #696969;
  overflow: hidden;
}

#main .read-more {
  font-size: 11px; color: white;
  float: right; padding-right: 10px;
  background: url(../images/link-red-arrow.gif) no-repeat right center;
}

  .left-content {
    float: left; width: 700px;
  }
  .left-content.full {
    width: 960px;
  }
  
  .right-content {
    float: right; width: 230px;
  }
  
#main_content {
  overflow: hidden;
  float: right; width: 470px;
}
#main_content.expanded {
  float: none; width: 100%;
}
  #main_content h2 {
    font-weight: bold; font-size: 18px; color: #434343; margin-bottom: 20px;
    line-height: 25px;
  }
  
    #main_content h2.novelty {
      overflow: hidden; border-bottom: 1px solid #C4CACD;
    }
      #main_content h2.novelty .title {
        float: left;
      }
      #main_content h2.novelty .date {
        float: right; padding-left: 20px;
        background: url(../images/novelty-date-icon.gif) no-repeat left center;
        font-size: 11px; color: #6A6A6A; line-height: 25px;
      }
  
  #main_content .body {
    overflow: hidden;
  }
    #main_content .body strong {
      font-weight: bold;
    }
    
    #main_content .body a {
      color: black; text-decoration: none;
    }
    #main_content .body a:hover {
      text-decoration: underline;
    }
    
    #main_content .body em {
      font-style: italic;
    }
    
    #main_content .body p {
      margin-bottom: 5px; text-align: justify;
    }
    
    #main_content .body ul {
      margin: 10px 0;
    }
    #main_content .body ul li {
      list-style-type: disc; margin: 0 0 10px 20px;
    }
    
    #main_content .body .separator {
      margin: 15px 0; border-bottom: 1px dotted #a2a2a2;
      clear: both;
    }
    
    #main_content .body .col {
      width: 48%; overflow: hidden;
    }
    #main_content.expanded .body .col {
      width: 340px;
    }
    #main_content .body .lft.col {
      float: left;
    }
    #main_content .body .rgt.col {
      float: right;
    }
      #main_content .body .col .header-img {
        position: relative; margin-bottom: 10px;
      }
        #main_content .body .col .header-img img {
          display: block; width: 100%; height: 126px;
        }
        .inner #main_content .body .col .header-img img {
           width: 340px;
        }
        #main_content .body .col .header-img div {
          position: absolute; top: 0; left: 0;
          background: url(../images/content-img-overlay.gif) no-repeat center;
          width: 100%; height: 100%;
        }
        
    #main_content .body .simple-box {
      overflow: hidden; clear: both;
    }
      #main_content .body .simple-box .main-img {
        width: 30%;
      }
      #main_content .body .simple-box .full-img {
        width: 700px;
      }
      #main_content .body .simple-box .lft-align {
        float: left; margin: 0 10px 10px 0;
      }
      #main_content .body .simple-box .rgt-align {
        float: right; margin: 0 0 10px 10px;
      }
      
    
    
  #portfolio_slideshow_wrapper {
    position: relative; margin-top: 20px;
    width: 700px; height: 142px;
  }
  
  #portfolio_slideshow_wrapper .slideshow {
    width: 700px; height: 142px;
  }
    #portfolio_slideshow_wrapper .slideshow .slideshow-captions-visible {
      height: 40px !important; line-height: 40px !important;
      font-size: 12px; opacity: .7;
    }
    
    #portfolio_slideshow_wrapper .slideshow .slideshow-captions .read-more {
      margin-right: 30px;
    }
    
  #portfolio_slideshow_wrapper .top-mask {
    width: 100%; height: 8px; background: url(../images/portfolio-top-mask.gif) no-repeat center;
    position: absolute; top: 0; left: 0; z-index: 100;
  }
  #portfolio_slideshow_wrapper .bottom-mask {
    width: 100%; height: 8px; background: url(../images/portfolio-bottom-mask.gif) no-repeat center;
    position: absolute; bottom: 0; left: 0; z-index: 100;
  }
  
  #portfolio_slideshow_wrapper h3 {
    font-weight: bold; font-size: 14px; color: black; position: absolute; top: 10px; left: 10px;
    z-index: 100;
  }
  
#contextual_content {
  float: left; width: 206px;
}
  #contextual_content h3 {
    background: url(../images/contextual-content-header-bg.gif) no-repeat center;
    height: 27px; line-height: 27px;
    font-weight: bold; color: white; font-size: 14px;
    padding-left: 20px;
  }
  #contextual_content ul {
    background: url(../images/contextual-content-list-bg.jpg) repeat-y right center;
    width: 172px; padding: 7px 10px 15px 10px;
  }
    #contextual_content ul li {
      border-bottom: 1px solid #d9d9d9;
    }
    #contextual_content ul li.last {
      border-bottom-width: 0;
    }
      #contextual_content ul li a {
        text-decoration: none; color: #696969; font-size: 13px; text-align: right;
        display: block; height: 40px; line-height: 40px;
        padding-right: 15px; margin-right: 5px;
        background: url(../images/link-dark-red-arrow.gif) no-repeat right center;
      }
      #contextual_content ul li a:hover {
        text-decoration: underline;
      }
      #contextual_content ul li a.active {
        font-weight: bold; color: #8c1a13;
      }
  
  .right-content .box {
    background: url(../images/simple-box-middle-bg.jpg) repeat-y center top;
    margin-bottom: 20px;
  }
  .right-content .box h3{
    background: url(../images/simple-box-top-bg.gif) no-repeat center top;
  }
    .right-content .box h3 span {
      display: block;
      height: 41px; line-height: 41px;
      font-size: 14px; font-weight: bold; color: #434343;
      margin-left: 14px;
    }
    .right-content .box .inner {
      background: url(../images/simple-box-bottom-bg.gif) no-repeat center bottom;
    }
    .right-content .box .inner .body {
      min-height: 150px; padding: 15px;
    }
    
    .right-content #news_box h3 span {
      background: url(../images/news-icon.gif) no-repeat 170px 9px;
    }
      .right-content #news_box .body .novelty {
        border-bottom: 1px dotted #ababab; padding-bottom: 10px; margin-bottom: 10px;
        overflow: hidden;
      }
      .right-content #news_box .body .novelty.last {
        border-width: 0; padding: 0; margin: 0;
      }
        .right-content #news_box .body .novelty .date {
          margin-bottom: 5px; overflow: hidden;
        }
          .right-content #news_box .body .novelty .date span {
            font-weight: bold; color: #484848;
            float: left; padding-right: 15px;
            background: url(../images/news-clock.gif) no-repeat right center;
          }
          
        .right-content #news_box .body .novelty .novelty-body {
          text-align: justify;
        }
        .right-content #news_box .body .novelty .read-more, #main .read-more.dark {
          margin-top: 5px;
          background-image: url(../images/link-dark-red-arrow.gif); color: black !important;
        }
    
    .right-content #map_box h3 span {
      background: url(../images/awards-icon.gif) no-repeat 170px 9px;
    }
      .right-content #map_box .body {
        padding-top: 0; position: relative;
      }
      .right-content #map_box .body .map-trigger {
        display: block; background: url(../images/award.jpg) no-repeat center;
        width: 181px; height: 127px;
        position: absolute; bottom: 21px; left: 25px;
      }
  
  #clients_authentication_box, #call_center_box {
    height: 46px;
    margin-bottom: 20px; padding-left: 10px;
  }
    
  #clients_authentication_box {
    display: block; text-decoration: none;
    background: url(../images/clients-authentication-box.gif) no-repeat center;
    font-size: 14px; font-weight: bold; color: white;
    line-height: 46px;
  }
  
  #call_center_box {
    background: url(../images/call-center-box.gif) no-repeat center;
    line-height: 20px;
    color: black;
  }
    #call_center_box span {
      display: block;
    }
    #call_center_box .indicator {
      font-size: 11px;
    }
    #call_center_box .phone_nr {
      font-size: 14px; font-weight: bold;
    }
/**
 *  eof site content
 */
 
 
/**
 * bof site footer
 */
#footer {
  margin-top: 30px; height: 50px;
  background: url(../images/footer-top-border.gif) repeat-x center top;
  position: relative; overflow: hidden;
}
  #footer .menu {
    position: absolute; left: 0; top: 15px;
  }
    #footer .menu a {
      font-size: 11px; color: #656565; float: left;
      border-right: 1px solid #d1d1d1; padding-right: 5px; margin-right: 5px;
    }
    #footer .menu a.last {
      border-width: 0;
    }
    
  #footer #copyright {
    padding-top: 15px; margin: 0 auto; 
    text-align: center; font-size: 11px; color: #919191;
  }
  
  #footer .creator {
    background: url(../images/logo-skipvine.jpg) no-repeat right center;
    display: block; padding-right: 105px; height: 13px; line-height: 13px;
    position: absolute; top: 15px; right: 0;
    font-size: 11px; color: #616161;
    text-decoration: none;
  }
/**
 * eof site footer
 */
 

#list_of_news .novelty-excerpt {
  margin-bottom: 35px; overflow: hidden;
}

#news_paginator {
  overflow: hidden; margin-top: 10px;
}
  #news_paginator .pagination {
    float: left;
  }
  #news_paginator .pagination-description {
    float: right;
  }
    #news_paginator .pagination a, #news_paginator .pagination span {
      display: block; float: left; margin-right: 3px; padding: 2px 5px;
      font-weight: bold; color: black;
      border: 1px solid #797979;
    }
    #news_paginator .pagination .current-page {
      background-color: #797979; color: white;
    }
    #news_paginator .pagination a {
      text-decoration: none;
    }
    #news_paginator .pagination a:hover {
      text-decoration: underline;
    }
 
    
.project {
  border-top: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF;
  padding: 5px 0;
  overflow: hidden;
}
  .project h3 {
    font-size: 16px; font-weight: bold; color: #434343; margin-bottom: 5px;
  }
  .project .project-body {
    
  }
    .project .project-body .img {
      float: left; width: 160px;
    }
    .project .project-body .description {
      float: right; width: 270px;
    }
      .project .project-body .description ul {
      }
        .project .project-body .description ul li {
          list-style-type: disc; margin: 0 0 8px 0;
        }
      .project .project-body .description p {
        margin-bottom: 5px; text-align: justify;
      }
    
    
#glossary_terms_tabs {
}
  #glossary_terms_tabs .tabSet {
    overflow: hidden;
  }
    #glossary_terms_tabs .tabSet li {
      float: left; display: inline;
      text-align: center;
      border-bottom: 1px solid #bfbfbf;
    }
    
    #glossary_terms_tabs .tabSet li.active {
      background: url(../images/letter-border.jpg) no-repeat center;
    }
    #glossary_terms_tabs .tabSet li.active {
      border-bottom-width: 0;
    }
      #glossary_terms_tabs .tabSet li a {
        color: #1b1b1b;
        display: block; width: 17px; height: 29px; line-height: 29px;
      }
      #glossary_terms_tabs .tabSet li.on a {
        cursor: pointer; font-weight: bold;
      }
      #glossary_terms_tabs .tabSet li.active a {
        font-weight: bold; color: #1b1b1b;
        width: 24px; font-size: 16px;
      }
      #glossary_terms_tabs .tabSet li.inactive a {
        color: #9d9d9d;
      }
  
    #glossary_terms_tabs .panelSet {
      padding: 5px;
    }
      #glossary_terms_tabs .panelSet .panel {
        width: 430px;
      }
        #glossary_terms_tabs .panelSet .glossary-term {
          border-bottom: 1px dashed #bfbfbf;
          padding: 5px;
          color: #696969;
        }
          #glossary_terms_tabs .panelSet .glossary-term h3 {
            font-size: 13px; font-weight: bold;
            color: #434343;
          }
            #glossary_terms_tabs .panelSet .glossary-term .glossary-definition {
            }
          
        
        
/** bof contact **/
#contact_form_wrapper {
  margin-top: 20px; clear: both;
}
  #contact_form_wrapper .error_list {
    color: red; margin: 0 !important;
  }
    #main_content #contact_form_wrapper .error_list li {
      margin: 5px 0 0 0 !important;
      list-style-type: none !important;
    }
  
  #contact_form_wrapper .field {
    float: left; width: 300px; margin-right: 20px; margin-bottom: 20px;
  }
  #contact_form_wrapper .field.right {
    margin-right: 0;
  }
    #contact_form_wrapper .field label, #contact_form_wrapper .textarea label {
      font-weight: bold; display: block; height: 30px; line-height: 30px;
    }
    #contact_form_wrapper .field input {
      border: none;
      background: url(../images/contact-input.jpg) no-repeat center;
      width: 290px; height: 24px; padding: 7px 5px 0 5px;
      font-size: 14px; font-family: Arial, Helvetica, sans-serif;
    }
    
  #contact_form_wrapper .textarea {
    clear: both;
  }
    #contact_form_wrapper .textarea textarea {
      width: 610px; height: 175px; border: none;
      background: url(../images/contact-textarea.jpg) no-repeat center;
      font-size: 14px; font-family: Arial, Helvetica, sans-serif;
      padding: 7px 5px 0 5px;
    }
    
  #contact_submit {
    float: right; margin-top: 20px; margin-right: 80px;
    background: url(../images/contact-submit.jpg) no-repeat center; border: none; 
    cursor: pointer; font-size: 14px;
    width: 73px; height: 32px;
  }
/** eof contact **/

#show {
  margin-bottom: 100px;
}

#banner {
  position: absolute; top: 100px;
  height: 268px; width: 100%;
}

.inner #banner {
  height: 145px;
}

#tagline {
  position: absolute; z-index: 1000; top: 230px; left: 300px;
  width: 510px; height: 74px;
}

  #tagline span {
    display: block; position: absolute; text-indent: -10000px;
    height: 37px;
    opacity: 0;
    filter: alpha(opacity = 0);
  }
    #tagline .one {
      width: 362px; top: 0; left: 0;
      background: url(../images/tagline-one.png) no-repeat center;
    }
    #tagline .two {
      width: 125px; bottom: 0; left: 0;
      background: url(../images/tagline-two.png) no-repeat center;
    }
    #tagline .three {
      width: 138px; bottom: 0; left: 125px;
      background: url(../images/tagline-three.png) no-repeat center;
    }
    #tagline .four {
      width: 247px; bottom: 0; right: 0;
      background: url(../images/tagline-four.png) no-repeat center;
    }
    
#list_of_references {
  margin-top: 30px;
}
  #list_of_references .reference {
    width: 112px; height: 56px;
    float: left; display: inline;
    overflow: hidden;
    background: url(../images/reference-border.jpg) no-repeat center;
    margin: 0 20px 20px 0;
  }
  #list_of_references .last {
    margin-right: 0;
  }
    #list_of_references .reference a{
      display: block; text-decoration: none;
    }
    #list_of_references .reference .logo {
      width: 100px; margin: 3px 6px 0 6px;
    }
    
.ref-tip {
  background-color: white; padding: 5px;
  border: 1px solid #ABABAB; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
  .ref-tip .tip-text {
    display: none;
  }
  
.ref-big-box {
  background: url(../images/ref-big-box-border.jpg) no-repeat center;
  display: block; width: 300px; height: 100px;
}
  .ref-big-box img {
    float: left; margin: 5px 0 0 5px;
    width: 290px; height: 90px;
  }