html,body{height:100%;}
body{background:#fff;color:#222;font:75%/1.2em "Courier New", "Times new Roman", Times, serif;}
a{color:#333;border:none;}
a:hover{color:#999;border:none;}
h2,p{text-transform:lowercase;font-weight:normal;}

#wrapper{width:954px;height:440px;padding:0 6px;position:absolute;top:50%;left:50%;margin:-220px 0 0 -480px;}

#logo{display:none;width:182px;height:33px;background:transparent url(../img/mat_logo.png) no-repeat 0 0;text-indent:-9999px;}

#navigation{width:202px;float:left;}
  #navigation span{display:block;margin:0 0 6px 0;text-transform:uppercase;}
  #navigation li{margin:0 0 24px 0;}
  #navigation li li{margin:0 0 6px 0;text-transform:lowercase;}

#content_wrapper{padding:48px 0 0 0;}
#content{width:744px;float:left;}

#category_photos_wrapper{height:280px;width:100%;overflow:hidden;float:left;}
#category_photos{position:relative;width:1000px;}
#category_photos li{padding:0 6px;float:left;}
#category_photos .first{padding:0 6px 0 0;}
#category_photos .last{padding:0 0 0 6px;}


/*
* Scrollpane
*/
.jScrollPaneContainer{position: relative;margin:0 0 12px 0;overflow: hidden;z-index: 1;}
.jScrollPaneTrack{position: absolute;cursor: pointer;left: 0;bottom: 4px;width: 100%;background: #eee;}
.jScrollIntervalTrack{position: absolute;}
.jScrollPaneDrag{position: absolute;background: #999;cursor: pointer;overflow: hidden;}
.jScrollPaneDragLeft {position: absolute;bottom: 0;left: 0;overflow: hidden;}
.jScrollPaneDragRight {position: absolute;bottom: 0;right: 0;overflow: hidden;}
a.jScrollArrowLeft{display: block;position: absolute;z-index: 1;bottom: 0;left: 0;text-indent: -2000px !important;overflow: hidden;background:transparent url(../img/sprite_arrows.png) no-repeat 0 0;height: 9px;width: 8px;}
a.jScrollArrowLeft:hover {/*background-color: #f60;*/}
a.jScrollArrowRight{display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px !important;overflow: hidden;background:transparent url(../img/sprite_arrows.png) no-repeat 0 -9px;height: 9px;width: 8px;}
a.jScrollArrowRight:hover{/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{/*background-color: #f00;*/}
