#diaporama                      { float: left; width: 916px; height: 335px; position: relative; overflow: hidden; padding: 0 40px;  }

#diaporama .viewport            { width: 916px; height: 286px; float: left; overflow: hidden; position: relative; }
#diaporama .overview            { list-style: none; position: absolute; width: 916px; left: 0; top: 0; }
#diaporama .overview li         { float: left; margin: 0 43px 0 0; padding: 0; height: 286px; width: 916px;}
#diaporama .pager-wrap          { clear: both; position: absolute; top: 300px; left: 40px; width: 916px; height: 17px; padding: 0 0 0 0;  }

#diaporama .pager               { float: left; text-align:center; width:100%;}
#diaporama .pager li            { display:inline-block;  height:17px; margin:0 2px;}

#diaporama .buttons             { width:66px; height:66px; position:absolute; z-index:1000; top:97px; background-repeat:no-repeat; background-position:left top;}
#diaporama .next                { transition:0s; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; -ms-transition: 0s; right:7px; background-image: url(../images/arrow-right.png); }
#diaporama .prev                { transition:0s; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; -ms-transition: 0s; left:7px;  background-image: url(../images/arrow-left.png);}
#diaporama .next:hover          { background-position: left -66px;  }
#diaporama .prev:hover          { background-position: left -66px;  }
#diaporama .disable             { background-position: left -132px; }
#diaporama .disable:hover       { background-position: left -132px; }

#diaporama .pager .pagenum      {  width: 17px;  height: 17px; display: inline-block; line-height: 0; font-size: 0; overflow: hidden; }
#diaporama .pagenum:link,
#diaporama .pagenum:visited     { background: url(../images/bullet.jpg) no-repeat right top; }
#diaporama .pagenum:active,
#diaporama .pagenum:hover,
#diaporama .pager .active       { background-position: left top; }


#last-projects                      { float: left; width: 961px; height: 114px; position: relative; overflow: hidden; padding: 25px 0 14px 35px; background:url(../../../images/layout/bg-last-projects.png) no-repeat left top;  }

#last-projects .viewport            { width: 925px; height: 114px; float: left; overflow: hidden; position: relative; }
#last-projects .overview            { list-style: none; position: absolute; width: 925px; left: 0; top: 0; }
#last-projects .overview li         { float: left; margin: 0; padding: 0; height: 114px; width: 246px; background:url(../../../images/layout/bg-lastprojects-sep.png) no-repeat right top; text-align:center;}
#last-projects .overview li a       { float: left; margin: 0; padding: 0; height: 110px; width: 180px; text-align:center; border:1px solid #ffffff; background: #ffffff; overflow:hidden;}
#last-projects .overview li a:hover {  border:1px solid #186282; }
#last-projects .pager-wrap          { display:none; clear: both; position: absolute; top: 300px; left: 40px; width: 916px; height: 17px; padding: 0;  }

#last-projects .pager               { float: left; text-align:center; width:100%; display:none;}
#last-projects .pager li            { display:inline-block;  height:17px; margin:0 2px;}
#last-projects .buttons             { display:none; width:66px; height:66px; position:absolute; z-index:1000; top:97px; background-repeat:no-repeat; background-position:left top;}
#last-projects .next                { right:7px; background-image: url(../images/arrow-right.png); }
#last-projects .prev                { left:7px;  background-image: url(../images/arrow-left.png);}
#last-projects .next:hover          { background-position: left -66px;  }
#last-projects .prev:hover          { background-position: left -66px;  }
#last-projects .disable             { background-position: left -132px; }
#last-projects .disable:hover       { background-position: left -132px; }
#last-projects .pager .pagenum      { width: 17px;  height: 17px; display: inline-block; line-height: 0; font-size: 0; overflow: hidden; }
#last-projects .pagenum:link,
#last-projects .pagenum:visited     { background: url(../images/bullet.jpg) no-repeat right top; }
#last-projects .pagenum:active,
#last-projects .pagenum:hover,
#last-projects .pager .active       { background-position: left top; }