/* ****************************
home.css
CSS file for homepage
**************************** */


/* ****************************
Client: 
Website:

Main color 1: #949494 -> Name: background gray
Main color 2: #818282 -> Name: gray menu divider
Main color 3: #4f4f4f -> Name: menu text
**************************** */


/* ****************************
Section: Combined, override default values
**************************** */

body {
	background: #ffffff;
	color: #4f4f4f;
}

/* single scrollable item */
#nav-level2-scrollable .li-current-active a {
	border: 1px solid #4f4f4f;
}


/* Styles for scrollable */

.ce-1 {
	/* required settings */
	height: 400px;
	position: relative;
	overflow: hidden;
}

.ce-1 .csc-textpic {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.ce-1 img {
	width: 630px;
	float: left;
}


.navigator-container {
	width: 630px;
	margin: 0;
	text-align: center;
}

.navigator {
	height: 15px;
}

.navigator a {
	width: 7px;
	height: 6px;
	margin-top: 5px;
	padding: 0 4px;
	display: block;
	float: left;
	border: 0;
	background: url(../images/navi-bullet.gif) 0 -6px no-repeat;
	cursor: pointer;
}

.navigator a:hover,
.navigator a.active {
	background-position: 0 0;
}

.navigator a.prev,
.navigator a.next {
	width: 13px;
	height: 13px;
	background: url(../images/navi-arrows-large.gif) -39px 0 no-repeat;
}

.navigator a.prev {
	background-position: -39px -13px;
}

.navigator a.next {
	background-position: -39px 0px;
}