html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}

body {
	font-size: 11px;
	font-family: Monaco, "Lucida Console", Courier, monospace;
}
/*
#SilverStripeNavigator {
	display: none;		
}
*/

body a#designedby {
	right: 10px;
	left: auto;
	bottom: 8px;
}

#Header {
	padding: 15px 20px;
}

#Header.js {
	position: fixed;
	bottom: 0px;
	height: 162px;	
}

#Logo {
	width: 86px;
	height: 58px;
	float: left;
	background: url(../images/logo.png) no-repeat 0px 0px;
	margin: 8px 0 0 0;
}

	#Logo span {
		display: none;
	}
	
	#Logo a {
		display: block;
		width: 100%;
		height: 100%;
	}
	
#Navigation {
	font-family: Monaco, "Lucida Console", Courier, monospace;
	margin: 0 0 0 111px;
}

#Breadcrumbs {
	color: #88733C;
	text-transform: uppercase;
	background: url(../images/dash.png) repeat-x left bottom;
	line-height: 25px;
	white-space: nowrap;
}

	#Breadcrumbs a, #Breadcrumbs .current {
		text-decoration: none;
		padding: 1px 4px 1px 4px;
		margin:0 -4px;
		color: #88733C;
	}
	
	#Breadcrumbs a:hover {
		/*background: #ffe600;*/
		background: #f597cc;
		color:#000;
	}
	
	#Breadcrumbs .current {
		background: #88733C;
		color: #fff;
	}

#Navigation ul {
	list-style-type:none;
	padding: 0;
	margin: 0 0 0 20px;
	float: left;
	min-width: 155px;
}

#Navigation ul.first {
	margin: 0;
}

	#Navigation li {
		line-height: 22px;
		background: url(../images/dash.png) repeat-x left bottom;
		margin: 0;
		padding: 0;
	}
	
	#Navigation li span {
		display: block;
		background: url(../images/dash.png) no-repeat 1px center;
		padding-left: 11px;
	}
	
	#Navigation ul a {
		color: #000;
		text-decoration: none;
		padding: 1px 4px 0px 4px;
		outline: 0;
	}
	
	#Navigation ul a:hover {
		/*background: #ffe600;*/
		background: #f597cc;
	}
	
	#Navigation ul a.current {
		color: #fff;
		background: #88733C;
	}
	
#Content {
	clear: both;
	padding: 20px;
}


#Slides.js {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 7px;
	white-space: nowrap;
	font-size: 0;
	line-height: 0;
}
	
	#Slides.js .Holder, #Slides.js .Block {
		position: relative;
		height: 100%;
        white-space: nowrap;
		display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
	}
	
	#Slides.js .Block {
		margin: 0 7px 0 0;
		text-align: center;
		background: #88733C;
	}
	
	#Slides.js .SlideLink {
		outline: 0;
		border: 0;
	}
	
	#Slides.js .Slide {
		height: 100% !important;
	}
	
	#Slides.js .Description {
		font-size: 11px;
		line-height: 120%;
		white-space: normal;
		width: auto;
		height: 100%;
		overflow: auto;
		color: #fff;
		
	}
	
	#Slides.js .Content img {
		height: 100%;
		width: auto;
		display: inline-block;
		outline: 0;
		border: 0;
		cursor: pointer;
	}
	
	/*
	#Slides.js .Description * {
		width: auto;
		height: auto;
	}
	*/
	#Slides.js .Description .Inner {
		padding: 20px 20px;
		text-align: left;
		max-width: 550px;
	}
	
	#Slides.js .Description .Inner p:first-child {
		margin: 0;
	}
	
	#Slides.js .last {
		margin: 0 !important;	
	}
	
	.Loading {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: #000 url(../images/loader.gif) no-repeat center center;
		opacity: 0.6;
		-moz-opacity: 0.6;
		filter: alpha(opacity = 60);
		color: #fff;
		font-size: 12px;
	}
	
	.Loading p {
		padding: 10px;
		margin: 0;
	}