﻿div#slider {
   margin: 0 auto 28px; 
   position: relative; 
   width: 800px;
}

	div#slider a.scrollButtons {
      position: absolute; 
      top: 150px; 
      cursor: pointer
   }

   div#slider a.scrollButtons.left {
      left: -42px;
   }
   div#slider a.scrollButtons.right {
      right: -42px
   }
	 
	/* .SCROLL */
	div#sliderScroll {
      position:relative;
      overflow:hidden;
      width: 800px;
      height: 317px;
      clear: both;
	  background:url(../img/back_MTZO.png) no-repeat;
	  border:2px solid #fff;
   }

      div#sliderContainer {
         width:20000em;
         position:absolute;
      }
		
		/* .PANEL */
		/* DIV.PANEL is close to DIV.FEATURED style from layout.css  */
		div#slider div#sliderScroll  div#sliderContainer div.panel {
         float: left;
         width: 800px;
         height: 320px; 
      } /* 1px padding for a good view */
			
         div#slider div#sliderScroll  div#sliderContainer div.panel div.info{
            float: left; 
            width: 380px;
			margin: 10px;
            position: absolute;
         }
            div#slider div#sliderScroll  div#sliderContainer div.panel div.info dl dt{
               float: left; 
               display: inline;
            }

            div#slider div#sliderScroll  div#sliderContainer div.panel ul.view{
               margin: 285px 0 0 20px;
               position: absolute;
               width: 400px;
            }
				div#slider div#sliderScroll  div#sliderContainer div.panel ul.view li{
               display: inline; 
               margin-right: 7px;
            }
				
			div#slider div#sliderScroll  div#sliderContainer div.panel div.stick img.new{
            float: right; 
            top: 241px; 
            position: relative; 
            z-index: 1000;
         }
			div#slider div#sliderScroll  div#sliderContainer div.panel div.stick img.afternew{

            float: right; 
            height: 269px; 
            right: -66px;
            padding: 14px; 
            position: relative; 
            width: 359px;
         }
			
			div#slider div#sliderScroll  div#sliderContainer div.panel div.stick img{
            /*background-color: #fff;*/ 
            float: right; 
            height: 297px; 
			margin: 10px;
            position: relative; 
            width: 387px;
         }
			div#slider div#sliderScroll  div#sliderContainer div.panel div.stick a:hover{
         }
            /*div#slider div#sliderScroll  div#sliderContainer div.panel div.stick a:hover img{
               opacity: .5; 
               filter:alpha(opacity=50);
            }*/
			div#slider div#sliderScroll  div#sliderContainer div.panel div.stick img{
				/*border:1px solid #959595;*/
            }

            

            
div#works{
	margin-left:-36px;
	margin-top: 30px;
	width:894px;
}
   a.carruselNav{
      width: 32px;
      height: 32px;

      color: #000;
      display: block;
      float: left;
	  cursor:pointer;
   }
 #carruselPrev{
         margin: 147px 0 0 0;
      }
      #carruselNext{
         margin: 147px 0 0 0;
      }

   #carrusel{
      position:relative;
      overflow:hidden;
      width: 810px;
      height: 320px;
      float: left;
   }
      #carruselItems{
         width:20000em;
         position:absolute;
      }
         #works .block{
            float: left;
            width: 830px;
            height: 320px;
         }
            #works  .thumb{
               float: left;
               width: 150px;
               height: 150px;
               margin: 4px;
			   border:2px solid #fff;
            }
               #works  .thumb img{
                  width: 150px;
                  height: 150px;
               }
.switch-view{
	position:relative;
	top:5px;
}
.view1 { color:#fff; background:#2c2727;}
.view2 { color:#fff; background:#0187b4;}
.view3 { color:#fff; background:#002500;}
.view4 { color:#fff; background:#4d2701;}
.view5 { color:#fff; background:#770000;}

#switch{
position:absolute;
/*
background:url(../img/bg_colors.png);
*/
width:150px;
height:35px;
top:20px;
right:20px;
text-align:center;
}
