/* content */

body {
	background-color:transparent;
}

#content {
	clear: both;
	height: 100%;
	position: relative;
}

#primary-content {
	height: 100%;
	margin: 0 0 0;
	float: left;
	position: relative;
	width: 880px; was 595
}


/* 
Clients listing CSS
*/

.new-row {
	clear: both;
}

#slider {
	width: 880px; was 840
	margin: 0 0 10px;
	position: relative;
	background-color:transparent;
/*	background-image: url(../images/backgrounds/black.png) repeat 20%;*/
}


/* Navigation */

#slider .navigation {
	overflow: hidden;
	width: 100%;
	margin: 0 0 20px;
	height: auto !important;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:200;
}
	
	#slider .navigation li {
		list-style: none;
		float: left;
		display: block;
		padding: 0;
		width: 260px;
		margin: 0 20px 2px 0;
	}
	
	#slider .navigation li.selected {
		background-color: #eeeeee;  #fff;
	}
		
		#slider .navigation li.selected a {
			color: #647478;
		}

		#slider .navigation li a {
			display: block;
			padding: 2px 4px;
			color: #dddddd; #647478;
			padding-left: 12px;
			text-decoration:none;
		}
		
		#slider .navigation li a:hover {
			color: #88c746;
			background-color: #eeeeee; white; 
		}
		
		#slider .navigation li.selected a {
			color: #88c746;
			background-color: #333333; #fff;
		}
		
		#slider .navigation li.selected a:hover {
			/*color: #88c746;*/
			background-color: #333333; #dddddd; white;
		}

/* Panel basics */

.scroll .panel {
	width: 800px; was 860px
	position: relative;
	padding: 20px 20px 0;
	margin: 0;
	overflow: hidden;
	font-family: Verdana, Geneva, sans-serif;
}
	.scroll .panel .info {
		margin: 15px 0 0 5px;
		float: left;
		width: 385px; was 285
		min-height: 460px;
		height: auto !important;
		height: 460px;
		color:#dddddd; /this is the text colou
		
	}
		.scroll .panel .info h2 {
			font-family: Verdana, Arial, Geneva, sans-serif;
			font-weight: bold; 
			margin: 0 0 15px;
			padding: 0;
/*			background-color: transparent;*/
			display: block;
			font-size: 1.2em;
		}
		.scroll .panel .info .links{
			margin-bottom:15px;
		}
			.scroll .panel .info a {
				margin: 0 0 0.3em 0;
				display:block;
				color:#88c746;
				text-decoration:none;
			}
	.scroll .slide {
		float: right;
		overflow: hidden;
		width: 355px; was 420
		margin: 0;
		position: relative;
		margin: 0 0 25px;
	}
		.scroll .slide .slideInner {
			position: absolute;
			top: 0;
			left: 0;
		}