#wrapper {
	display:block;
	margin: 35px auto 0px auto;
	width: 900;
	position:relative;
	text-align: center;
	letter-spacing: 3px;
}
#logo {
margin-bottom: 20px;
}
#menu ul{
	margin: 5px;
}
#menu {
	margin: 5px auto;
	width: 900px;
	height: 20px;
	text-align: center;
}
body {
	font-family: 'Molengo', arial, serif;
	font-size:15px; 
	text-align: center;
	text-transform:uppercase;
}
#menu a:link{
	font-family: 'Molengo', arial, serif;
	font-size:13px;
	float:none;
	word-spacing: 5px;
	text-transform: uppercase;
	text-decoration:none;
	list-style: none;
	margin-left: 6px;
	font-style: bold;
	letter-spacing: 2px;
	margin-right: 8px;
	color:#000000;
	
}
#menu a:hover{
	font-family: 'Molengo', arial, serif;
	font-size:13px;
	float:none;
	word-spacing: 5px;
	text-transform: uppercase;
	text-decoration:none;
	list-style: none;
	margin-left: 6px;
	font-style: bold;
	letter-spacing: 2px;
	margin-right: 8px;
	color: #999999;
}
#menu a:active{
	font-family: 'Molengo', arial, serif;
	font-size:13px;
	float:none;
	word-spacing: 5px;
	text-transform: uppercase;
	text-decoration:none;
	list-style: none;
	margin-left: 6px;
	font-style: bold;
	letter-spacing: 2px;
	margin-right: 8px;
	color: #999999;
}
#menu a:visited{
	font-family: 'Molengo', arial, serif;
	font-size:13px;
	float:none;
	word-spacing: 5px;
	text-transform: uppercase;
	text-decoration:none;
	margin-left: 6px;
	font-style: bold;
	letter-spacing: 2px;
	margin-right: 8px;
	color: #000000;
}
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
	display: block;
    position:relative;
	overflow:hidden;
    width: 900px; 
	margin-left: auto;
	margin-right: auto;
    height:500px; 
	text-aling: center;
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-color: #000000;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
	margin-left: 0px;
	text-align:center;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
}
div.tool
{
 display: block;
 width: 900px;
 height: 500px;
 background: none;
 text-align:center;
 }
div.pages 
{
	display: block;
 	width: 900px;
}

#next
{
	margin-top: 235px;
margin-left: 870px;
z-index:3;
	float:right;
	position:absolute;
}
#prev
{
	margin-top: 235px;
	margin-left: 15px;
	z-index:3;
	float:left;
	position: absolute;
}

.clr
{
	clear: both;
}
#dire {
font-family: 'Molengo', arial, serif;
	font-size:11px;
	float:none;
	word-spacing: 3px;
	text-transform: uppercase;
	list-style: none;
	letter-spacing: 2px;
	margin-top:5px;
}
#dire a:link{
font-family: 'Molengo', arial, serif;
	font-size:11px;
	float:none;
	word-spacing: 3px;
	text-transform: uppercase;
	text-decoration:none;
	list-style: none;
	letter-spacing: 2px;
	margin-top:5px;
	color:#000000;
}
#dire a:active{
font-family: 'Molengo', arial, serif;
	font-size:11px;
	float:none;
	word-spacing: 3px;
	text-transform: uppercase;
	text-decoration:none;
	list-style: none;
	letter-spacing: 2px;
	margin-top:5px;
	color:#999999;
}
#dire a:hover{
font-family: 'Molengo', arial, serif;
	font-size:11px;
	float:none;
	word-spacing: 3px;
	text-transform: uppercase;
	text-decoration:none;
	list-style: none;
	letter-spacing: 2px;
	margin-top:5px;
	color:#999999;
}
#dire a:hover{
font-family: 'Molengo', arial, serif;
	font-size:11px;
	float:none;
	word-spacing: 3px;
	text-transform: uppercase;
	text-decoration:none;
	list-style: none;
	letter-spacing: 2px;
	margin-top:5px;
	color:#999999;
}
#dire a:visited{
font-family: 'Molengo', arial, serif;
	font-size:11px;
	float:none;
	word-spacing: 3px;
	text-transform: uppercase;
	text-decoration:none;
	list-style: none;
	letter-spacing: 2px;
	margin-top:5px;
	color:#000000;
}
