/* CSS Document by flavicius*/
      /***************/
      .cleaner {
          width: 1px;
          height: 1px;
          line-height: 1px;
          font-size: 1px;
          clear: both;
          
      } 
      .clear-left {
          clear: left;
      }
      a {
          color: white;
          text-decoration: underline;
      }
      a:hover {
          color: rgb(167,167,167);
      }
      /*BODY nad BOX*/
      body, textarea {
          font: 13px Tahoma, "Lucida Grande CE", lucida, sans-serif;
      }    
      body {
          margin: 0;
          padding: 0;
          background: rgb(106,143,6) url('images/textur.png') repeat-x;
          position: relative;
          text-align: center;
          color: white;
      }      
      #contain {
          margin: 0 auto;
          width: 920px;
          background: black;
          position: relative;
          text-align: left;
      }   
      /*TOP RIBBON*/
      #ribbon-upper {
          background: url('images/top-ribbon.png') no-repeat bottom;
          padding: 0 0 0 27px;
          height: 137px;
          position: relative;
      }
      #ribbon-upper ul {
          float: left;
          width: 750px;
          margin: 28px 0 0 0;
          padding: 0;
      }
      #ribbon-upper ul li {
          float: left;
          margin: 0 13px;
          padding: 20px 0 0 0;
          position: relative;
          bottom: 20px;
          list-style: none;         
      }
      #ribbon-upper ul li.active {
        color: rgb(170,193,43);
          background: url('images/crown.gif') no-repeat top center;
      }
      #ribbon-upper ul li.active a {color: #AAC12B;}
      
      #ribbon-upper ul li.active:hover { 
      color: white; 
      }
      #languages {
          float: right;
          margin: 8px 40px 0 0;
      }
      #languages img {
          border: none;                  
      }   
      #languages a {
          display: block; 
          width: 20px;
          height: 18px;             
          overflow: hidden; 
          float: left;     
      }
      #languages a:hover {
          text-indent: -19px;
      } 
      /*links upper ribbon*/
      #ribbon-upper ul li a {
          font-size: 11px;
          font-weight: bold;
          color: rgb(127,128,130);
          text-decoration: none;
      }
      #ribbon-upper ul li a:hover {
          color: white;
      }
      
      /*logo*/
       #ribbon-upper h2 {
          position: absolute;                  
          width: 285px;
          height: 64px;
          font-size: 150%;
          font-weight: bold;
          clear: both;         
          bottom: 5px;         
          margin: 0;
          padding: 0;         
      }
      
      #ribbon-upper h2 a {
          position: absolute;
          display: block;
          height: 64px;
          width: 285px;
          color: white;      
          top: 0;
          left: 0;
      }
      #ribbon-upper h2 a span {
          position: absolute;
          top: 0;
          left: 0;
          width: 285px;
          height: 64px;
          background: url('images/logo.png') no-repeat;
          cursor: pointer;          
      }
      #text h3.info {
          color: rgb(127,128,130);
          margin: 50px 0 5px 0;
          font-size: 13px;
          font-weight: normal;
          border-top: 1px solid rgb(38,38,38);
          width: 325px;
      }
      #text h3 {
      font-size:13px;
      }
      /*MENU*/
      ul#menu {         
          margin: 0;
          padding: 0;   
          height: 88px;      
      }
      ul#menu li {
          margin: 0;
          padding: 0;
          float: left;
          list-style: none;        
      }
      ul#menu li a {
          height: 88px;
          display: block;
          line-height: 88px;
          color: white; 
          background: rgb(73,101,11);    
          text-align: center;  
          position: relative; 
      }
      ul#menu li a span {
          display: block;
          height: 88px;
          position: absolute;
          top: 0;
          left: 0;
          cursor: pointer;
      }
      /*menu links*/
      #menu li a.event span {background-image: url('images/menu/event.png'); width: 69px;}
      #menu li a.event {width: 69px;}
      
      #menu li a.catering span {background-image: url('images/menu/catering.png'); width: 84px;}
      #menu li a.catering {width: 84px;}
      
      #menu li a.sound-and-light span {background-image: url('images/menu/sound-and-light.png'); width: 124px;}
      #menu li a.sound-and-light {width: 124px;}
      
      #menu li a.crew span {background-image: url('images/menu/crew.png'); width: 60px;}
      #menu li a.crew {width: 60px;}
      
      #menu li a.outdoor span {background-image: url('images/menu/outdoor.png'); width: 83px;}
      #menu li a.outdoor {width: 83px;}
      
      #menu li a.outdoor span {background-image: url('images/menu/outdoor.png'); width: 83px;}
      #menu li a.outdoor {width: 83px;}
      
      #menu li a.ocean span {background-image: url('images/menu/ocean.png'); width: 68px;}
      #menu li a.ocean {width: 68px;}
      
      #menu li a.web span {background-image: url('images/menu/web.png'); width:54px;}
      #menu li a.web {width: 54px;}
      
      #menu li a.creative span {background-image: url('images/menu/creative.png'); width: 77px;}
      #menu li a.creative {width: 77px;}
      
      #menu li a.design span {background-image: url('images/menu/design.png'); width: 65px;}
      #menu li a.design {width: 65px;}
      
      #menu li a.video span {background-image: url('images/menu/video.png'); width: 59px;}
      #menu li a.video {width: 59px;}
      
      #menu li a.media span {background-image: url('images/menu/media.png'); width: 61px;}
      #menu li a.media {width: 61px;}
      
      #menu li a.management span {background-image: url('images/menu/management.png'); width: 116px;}
      #menu li a.management {width: 116px;}
      /*TEXT*/
      #text {
          background: url('images/gradient-background.png') no-repeat top;
          margin: 30px 0 0 10px;
          clear: both;
          padding: 22px 10px 5px 65px;
      }
      #text h1 a  {
          margin: 0;
          padding: 0;
          font-size: 20px;
          font-weight: normal;
          text-decoration: none;
      }
            #text h1 a:hover  {
          margin: 0;
          padding: 0;
          font-size: 20px;
          font-weight: normal;
          text-decoration: none;
          
      }
      #text #left {
          float: left;
          width: 420px;
          padding-top: 15px;    

      }
      #text #right {
          float: right;
          width: 300px;
          text-align: center;
          padding-right: 60px;
          margin-top: 60px;
      }
      #text #middle {
          float: left;
          width: 51px;  
          height: 460px;
          position: relative;
          left: 30px;
      }
      #text p {
      float: none;
      text-align: justify;
      }
      
      #zimg  {
      text-align:center;
      }
      #zimg a img{
      border: 0px;      
      }
      /*under headline - team kinx*/
      #text .under-h {
          margin: 6px 0 0 0;
          padding: 0 15px 0 0;
      }
      #text .under-h li {
          list-style: none;
          display: inline;
          padding: 0 5px 0 0;
          margin: 0 5px 0 0;
          border-right: 2px solid rgb(102,102,102);   
          line-height: 150%;   
      }      
      #text .under-h li a {
          color: rgb(106,143,6); 
          font-size: 13px;
          text-decoration: none;
          white-space: nowrap;
      }
      #text .under-h li a:hover {
          color: white; 
      }
      #text .under-h li a.uactive {
      color: white;
      text-decoration:underline;
      }
      /* scroll arrows */
      #text #middle a {
          position: absolute;
          left: 0;
          width: 25px;
          height: 25px;          
          display: block;    
          overflow: hidden;    
      }
      #text #middle a img {
            border: none;
      }
      #text #middle a:hover {
          text-indent: -28px;
      }
      
      #text #middle .up { top: 30px; }
      #text #middle .down { bottom: 0; }
      /*Detail - team kinx*/
      #text h2 {
          font-size:13px;
          font-weight: bold;     
          margin: 25px 0 5px 0;
          float: none;  
      }
      #text ul.detail {
          width: 240px;
          margin: 2px 3px;
          padding: 0;
          clear: left;
      }
      #text ul.detail li {
          list-style: none;
          margin: 2px 0;
      }
      #text img.foto-detail {
          float: right;
          margin-top: -20px;
      }
      #text #scrolling {
          height: 320px;
          overflow: hidden;
          margin-top: 10px;
      }
      #text #scrolling p {
          margin: 0 10px;
          padding: 10px 0;
      }
      #text #scrolling .foto-prace{
          float: left;
          margin: 0 5px 20px 5px;
      }
      #text #scrolling p.popis {
          float: left;
      }
      /*FOOTER*/
      #footer {
          clear: both;
          margin: 15px 8px 2px 8px;
          padding: 12px 20px 18px 100px;
          color: rgb(31,31,31);
          font-size: 10px;
          border-top: 1px solid rgb(31,31,31);
      }
      #right img {behavior: url(iepngfix.htc);}