#LogoBox { width: 930px; background-image: url(images/bg-logos.png);  margin: 90px auto 0;}

/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable { /* required settings */
height: 240px; overflow: hidden; position: relative; margin: 80px auto 0px; width: 800px;}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super 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 { width: 200000em; position: absolute;	clear: both; }

/* single scrollable item */
div.scrollable div.items div {
float:left;
/* custom decoration */
 width: 810px; }

/* active item */
div.scrollable div.items div.active { background-color: #fff; }

/* this makes it possible to add next button beside scrollable */
div.scrollable { float: left;}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage { display: block; width: 35px; height: 35px;	float: left; margin: 170px 15px 0px; cursor: pointer;
										  background-image: url(images/previous.png); background-repeat: no-repeat; background-position: 0 0;  outline: none; }

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position: 0px -40px; }

/* disabled navigational button */
a.disabled { visibility: hidden !important;	}

/* next button uses another background image */
a.next, a.nextPage {background-image: url(images/next.png);	}


/*********** navigator ***********/


/* position and dimensions of the navigator */
.naviCenter  { margin: 0; padding: 0; text-align: center;}

div.navi { height: 50px; margin: auto; width:430px;}


/* items inside navigator */
div.navi a { width: 13px; height: 15px; float: left; margin: 3px; background: url(images/navigator.gif) 0 0 no-repeat; cursor: pointer;	}

/* mouseover state */
div.navi a:hover { background-position: 0 -16px; }

/* active state (current page state) */
div.navi a.active {	background-position: 0 -31px;} 


.IdContentText { padding: 5px 10px 0px 5px;}

.IdContentLeft { background-color:#CCCCCC; color: #000000; float: left; width: 450px; height:350px; text-align: left; margin: 10px 0px 10px 2px; padding: 10px; }

.IdContentRight { background-color:#CCCCCC; color: #000000; float: left; text-align: left; vertical-align: top; width: 450px; height:350px; margin: 10px 0px 10px 10px;padding: 10px;}