/*  
*   Basic Styles
*   Author    -> MayVas <info@mayvas.com>
*   File type -> CSS2
*   License   -> GPL

----------------------  
  Document Structure
----------------------

  #1 - Wrapper Block
  #2 - Header Block
    #2.1 - Flash logo block
    #2.2 - Slogan block  
    #2.3 - Language Selector
    #2.4 - Top menu block
  #3 - Custom Block
  #4 - Content Container Block
    #4.1 - Left
    #4.2 - Main
      #4.2.1 - Image Galery
    #4.3 - Right
  #5 - Footer Block
  #6 - Navigation (Main Menu Module)
  #7 - Navigation (Submenu Module)
  #8 - Navigation Table (Main Menu Module)
  #9 - Geo map block
  #10 - Polls module 
  
*/



/* #1 -- Wrapper Block -- */
#wrapper{
  overflow: hidden;
  background: url(../images/clockman.jpg) top left no-repeat; 
}

/* #2 -- Header Block -- */
#header{

}
#header .inside{

}

/* #2.1 - Flash logo block - */
    .logoLinkBlock{
      display: block;
      width: 200px;
      height: 150px;
      float: right;
      padding: 5px 58px 0px 0px;
      
    }

/* #2.2 - Slogan block - */
    .sloganBlock{
      margin: 0px 0px 0px 25%;
      background: url(../images/time_cost.jpg) no-repeat 0px -20px;
      height: 150px;
      width: 200px;
    }

/* #2.3 - Language Selector - */
    .lngBlock{ position: absolute;top: 2px;  right: 10px;  z-index: 1000;  list-style-type: none;  margin: 0px;  padding: 0px; }
    .lngBlock li{  float: left;  padding: 3px 0px 0px 0px;  font-size: 11px;  color:#999999; }
    .lngBlock li.lngTitle{padding-right: 10px;}
    .lngBlock li.flag{ padding: 5px 5px 0px 0px; }
    .lngBlock li.flag a img{ border: 1px solid #999999; }


/* #2.4 - Top menu block - */
    #topMenu{
      color:#ffffff;
      height: 20px;
      overflow: hidden;
      font-size: 11px;
      margin-right: 200px;
    
    }
    #topMenu ul.level_1{
      float: right;
      margin: 0px;
      padding: 0px;
      list-style-type: none;
    }
    #topMenu ul.level_1 li{
      float: left;
      color:#ffffff;
      margin: 0px;
      padding: 0px;
      text-align: center;  
    }
    #topMenu ul.level_1 li a{
      display: block;
      padding: 4px 0px 4px 0px;
      background: url(../images/top_menu_sepline.jpg) no-repeat right top; 
      width: 90px;
      text-decoration: none;
      color:#999999;
    }
    #topMenu ul.level_1 li a:hover{
      color: #CC0000;
      text-decoration: underline;
    }
    #topMenu ul.level_1 li.lastItem a{
      background: none;
    }
    #topMenu ul.level_1 li p{
      display: block;
      padding: 4px 0px 4px 0px;
      margin: 0px;
      background: url(../images/top_menu_sepline.jpg) no-repeat right top; 
      width: 90px;
      text-decoration: none;
      color:#CC0000;
    }
    




/* #3 -- Custom Block -- */
#custom{

}



/* #4 -- Content Container Block -- */
#container{

}


/* #4.1 - Left - */
    #left{}
    #left .inside{padding-top: 20px;}
        /* Left content elements */
        #left .inside h1.geoMapHeader{  margin-left: 20px; }
        
        .departContBlock {
          margin: 0px;
          padding: 0px 0px 30px 0px;
          margin-left: 30px;
          /*background: url(../images/fonMail.jpg) bottom right #f9f3da no-repeat;*/
          font-size: 11px;
          border-bottom:1px solid #dddddd; 
        }
          
        .departContBlock p {padding: 10px 0px;margin: 0px;}
        .departContBlock h3{padding-bottom: 5px;}
        .departContBlock div{padding: 4px 0px 0px 0px;}
        
/* #4.2 - Main - */
    #main{}
    #main .inside{ margin: 0px 30px 0px 30px; line-height: 150%;padding: 20px 0px;}
    #main .inside .ce_text{text-align: justify;}
        /* Main content elements */
        .showAll{display: block;clear: both;padding: 5px 0px;}

        /* 4.2.1 - Internet Service page - */
        
        #DescBlock{
          margin-bottom: 15px;
        }
        #DescBlock h1{
          background: url(../images/quotebg.gif) #ffffff no-repeat 40px 30px;
          height: 30px;
        }
        #DescBlock p{
          background: #e3effb;
          margin: 0px;
          padding: 20px;
        }
        
        .webDevBlock,
        .webPromoBlock,
        .webSupBlock {
          width: 60%;padding-top: 10px;        
        }
        .webDevBlock p,
        .webPromoBlock p,
        .webSupBlock p{
          margin-left: 20px;
        }
        
        .webDevBlock h2{color: #914176;}
        .webPromoBlock h2{color:#84a031;}
        .webSupBlock h2{color:#9e3434;}
        .detailsLink{font-size: 11px;display: block;text-align: right;}
        
        /* 4.2.2 - Short web portfolio - */
        #portfolioShortList{
          padding-left: 30px;
          margin-bottom: 30px;
          padding-top: 20px;
        }
        .portfolioBlock{
          background: url(../images/fonBgr.jpg) center  center no-repeat red;
          width: 220px;
          text-align: center;
          height:100px;
          padding-top: 20px;
          float: left;
          margin-right: 10px;
          display: inline;
        }
        .portfolioBlock img{width: 180px; height:60px;}
        .portfolioBlock a{
          display: block;
          font-size: 11px;
        }
        
        
        .quickOrderLink{
          
          display: block;          
          width: 36%;
          height: 200px;
          float: right;
        }
        .quickOrderLink {padding-top: 50px;}
        .quickOrderLink h1{background: none;}
        .quickOrderLink p{font-size: 11px;padding: 0px 20px;margin: 0px;}
        
        /* 4.3.1 - Transport page - */
        .fotoGallery{}
        .fotoGalleryItem{background: url(../images/itemBgr.jpg) center  center no-repeat;width: 200px;height: 150px;float: left;}
        .fotoGalleryItem img{ width: 162px; height: 121px;margin: 13px 0px 0px 18px;}
        
        /* 4.4.1 - Visual page - */
        .bilboardBgr{background: url(../images/vizualBgr.jpg) right  center no-repeat;height: 288px;}
        .bilboardBgr p{padding-top: 80px;width: 360px;float: right;}

    
            
/* 4.3 - Right - */
    #right{}
    #right .inside{padding-top: 20px; margin: 0px 20px 0px 20px;}
        /* Right content elements */    




/* #5 -- Footer Block -- */
#footer{

}
#footer .inside{

}
.footerTable {
  background: url(../images/footer_shadow.gif) repeat-x top;
  width: 100%;
  line-height: 140%;
  font-size: 11px;
}
.footerTable tr td{
  padding: 20px 10px 0px 10px;
}
.footerTable tr td.lFb{
  width: 50%;
  text-align: center;
}
.footerTable tr td.cFb{
  text-align: center;
}
.footerTable tr td div{
  padding-bottom: 3px;
}
.footerTable tr td.rFb{
  width: 25%;
  text-align: center;
}



/* #6 -- Navigation (Main Menu Module) -- */
.mod_navigationMain {
  
}
.mod_navigationMain ul.level_1{
  
}
.mod_navigationMain ul.level_1 li{
  
}
.mod_navigationMain ul.level_1 li a{
  
}
.mod_navigationMain ul.level_1 li a:hover{
  
}
.mod_navigationMain ul.level_1 li.active{
  
}
.mod_navigationMain ul.level_1 li.active p.active{
  
}


/* #7 -- Navigation (Submenu Module) -- */
.mod_navigationSub {

}
.mod_navigationSub ul.level_1{
  list-style-type: none;
  margin: 0px 0px 7px 30px;
  padding: 0px;
}
.mod_navigationSub ul.level_1 li{
  margin: 0px;
  padding: 7px 0px 5px 10px; 
  background: url(../images/point.gif) no-repeat 0px 10px;
  font-size: 11px;
  border-bottom: 1px solid #dddddd; 
}
.mod_navigationSub ul.level_1 li.last{
  
}
.mod_navigationSub ul.level_1 li p{
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

.mod_navigationSub ul.level_1 li a{
  text-decoration: none;
}
.mod_navigationSub ul.level_1 li a:hover{ 

}






/*
.mod_navigation .level_1 {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 99.999%;
  background: url() #dddddd;
  height: 200px;
  display: block;
}
.mod_navigation .level_1 li.submenu{
  float: left;
  display: block;
  width: 24.999%;
  height: 200px;
  margin: 0px;
  padding: 0px;  
}

.mod_navigation .level_1 .submenu .submenu{
  display: block;
  background: url() #000000;
  width: 200px;
  text-decoration: none;
  color:#ffffff;
  
}
.mod_navigation .level_1 .submenu .level_2{
  display: none;
}
*/







/* #8 -- Navigation Table (Main Menu Module) -- */
table.infoTable{width:100%;background: #fff;}
table.infoTable tr td{ width:20%; vertical-align:top; background-color:#ffffff;}
table.infoTable tr.menuBlock td {   height:28px;}

table.infoTable tr.menuBlock td.visualtItem { background: url(../images/visual_menu_corner.gif) no-repeat left top #222222;}
table.infoTable tr.menuBlock td.printItem {background: url(../images/print_menu_corner.gif) no-repeat left top #222222;}
table.infoTable tr.menuBlock td.transportItem {background: url(../images/transport_menu_corner.gif) no-repeat left top #222222;}
table.infoTable tr.menuBlock td.webltItem {background: url(../images/web_menu_corner.gif) no-repeat left top #222222;}
table.infoTable tr.menuBlock td.marketingItem {background: url(../images/marketing_menu_corner.gif) no-repeat left top #222222;}

table.infoTable tr.menuBlock td a{ display: block;padding: 7px 0;  text-align: center;  color:#fff;  text-decoration: none; }
table.infoTable tr.menuBlock td a:hover{ background: #111111 url(../images/white_arrow.gif) no-repeat 15px center; }
table.infoTable tr.visualBlock td{ height:130px; border:1px solid #949494; padding: 3px;  font-size: 11px; }
table.infoTable tr.visualBlock td a{ text-decoration: none; color:#444444;}
table.infoTable tr.visualBlock td a:hover{ color:#b80808; text-decoration: underline; }

table.infoTable tr td.visualAdvert { background: url(../images/visual_banner_bgr.jpg) no-repeat bottom right; }
table.infoTable tr td.transportAdvert { background: url(../images/transport_banner_bgr.gif) no-repeat bottom right; }
table.infoTable tr td.webAdvert { background: url(../images/webdesign_banner_bgr.gif) no-repeat bottom right; }
table.infoTable tr td.marketingAdvert { background: url(../images/market_banner_bgr.jpg) no-repeat bottom right; }
table.infoTable tr td.printAdvert { background: url(../images/print_banner_bgr.jpg) no-repeat bottom right; }

table.infoTable tr td ul { list-style-type: none;  margin: 0; padding: 10px 0px 0px 10px; }
table.infoTable tr td ul li{ padding: 3px 0 3px 10px; background: url(../images/arrow.gif) no-repeat left center;}



/* #9 -- Geo map block -- */
.geoSeviceBlock{ background:url(../images/mapbg.gif) repeat-x; }
.geoSeviceBlock .geoMap{ background:url(../images/map.gif) no-repeat right top;  padding: 10px 190px 0 10px; height: 172px;}
.geoSeviceBlock .geoDesc{ margin: 10px 0px 0px 20px; line-height: 20px; }
.artClientHeader{margin: 60px 0px 0px 10px;}



/* #10 -- Polls module -- */
.mod_quickpoll{ padding: 0px 0px 10px 0px;  width: 220px; }
.mod_quickpoll .formbody{ font-size: 11px; }
.mod_quickpoll .totaltext{ }
.mod_quickpoll .stoptext{ font-weight: bold; font-size: 11px; }
.mod_quickpoll .graph{ font-size: 11px; }
.mod_quickpoll .graph div{}

.mod_quickpoll .graph .results .color1 { color:#FFFFFF; background-color:#333333; text-align:center;}
.mod_quickpoll .graph .results .color2 { color:#000000; background-color:#99CC33; text-align:center;}
.mod_quickpoll .graph .results .color3 { color:#000000; background-color:#99CCFF; text-align:center;}
.mod_quickpoll .graph .results .color4 { color:#000000; background-color:#FFFFCC; text-align:center;}
.mod_quickpoll .graph .results .color5 { color:#000000; background-color:#FFCCCC; text-align:center;}
.mod_quickpoll .graph .results .color6 { color:#000000; background-color:#CCCCFF; text-align:center;}

.mod_quickpoll .title{ font-size: 13pt; background: url(../images/dotted_arrow.gif) left center no-repeat; padding: 0px 0px 10px 20px; margin: 0px;font-weight: normal; }
.mod_quickpoll .description{ padding: 10px 0px 10px 0px; font-weight: bold;  font-size: 11px;  line-height: 120%; }
.widget .radio_container input{  float: left;  margin-right: 5px; }
.widget span{display: block; padding: 5px 0px; }
.mod_quickpoll .formbody .radio_container span label{
   display: table;
    /* IE FIX */
    _display: block;
    _height: 30px;
}
.mod_quickpoll .submit_container{ clear: both;  margin-top: 10px; }



/* #11 -- Portfolio module -- */
#portfolioBlock{}
#portfolioBlock .ce_image{
  float: left;
  width: 31%;
  margin-left: 10px;
  border-bottom: 1px solid #ddd ;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#portfolioBlock .ce_image a{
  font-size: 11px;
  display: block;
  text-align: center;
}












































/*-- CLIENT SLIDESHOW --*/
.clientSlideContainer{
  text-align: left;
}
.clientSlideContainer div{
  width: 219px;
}




/* -- QUICK POLL -- */


/* -- FOOTER TABLE -- */



/* -- SITE NAVIGATION -- */
#siteNav{
  padding-bottom: 20px;
  font-size: 11px;
  font-weight: bold;
}