@import url(/s/base.css);

body { text-align: center; color: #666; overflow: hidden; }
a { color: #000; cursor: pointer; text-decoration: none; }
a:hover { border-bottom: 1px solid #000; }
ul { list-style: none; }

#container { width: 950px; margin: 10px auto; text-align: left; }

#top { /* position: fixed;*/ margin: 0; }

#logo { width: 200px; float: left; }
#logo a { border-bottom: none; }

#navbar { text-align: right; margin-top: 65px; width: 700px; float: right; }
#navbar ul {  }
#navbar li { display: inline; margin-left: 30px; }
#navbar li a { color: #666; }
#navbar li.act a { color: #000; border-bottom: 1px solid #000; /*font-weight: bold;*/ }


#content { margin: 30px 0 0; /*width: 950px !important;*/ }
#content .photos { height: 430px !important; }

/*#content .photos { margin: 0; display: block; }*/

/*  ul.blocks { padding: 0; width: 1000px; display: block; height: 200px; }*/
/*  ul.blocks li { width: 200px; margin: 0 0 0 0px; float: left; display: block; height: 200px; }*/


#content .photos ul { margin: 0; padding: 0; width: 2850px;  }
#content .photos li { display: inline; }
/*#content ul.photos { padding: 0; width: 3000px; display: block; height: 400px; }*/
/*#content .photos li { display: inline; height: 400px; }*/

#content #photos_desc { margin-bottom: 10px; }

#content #news { width: 500px; line-height: 150%; text-align: justify; }



.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; left: 0; bottom: 0; width: 100%; background: #aaa; }
.jScrollIntervalTrack { position: absolute; }
.jScrollPaneDrag { position: absolute; background: #666; 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; height: 9px; width: 10px; }
a.jScrollArrowLeft:hover {  } 
a.jScrollArrowRight { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px !important; overflow: hidden; height: 9px; width: 10px; }
a.jScrollArrowRight:hover {  }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {  }


.scroll-pane { width: 950px; float: left; padding: 0; /*margin: 0;  overflow: hidden;*/ }
#scroll { height: 413px; width: 950px; padding: 0; display: block; _overflow: hidden; }

.scroll-pane { width: 200px; }
#pane1 { height: 100px; width: 250px; }
  

a.jScrollArrowLeft { background: url(basic_arrow_up.gif) no-repeat 0 0; }
a.jScrollArrowLeft:hover { background-position: 0 -15px; }
a.jScrollArrowRight { background: url(basic_arrow_down.gif) no-repeat 0 0; }
a.jScrollArrowRight:hover { background-position: 0 -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }
.orange-bar .jScrollPaneTrack { background: #f60; }
.orange-bar .jScrollPaneDrag { background: #00f url(drag_grab.gif) no-repeat 50% 50%; }
.orange-bar .scroll-pane { background: #69f; }



#scroll ul li img { height: 400px; min-width: 250px; }