body {
	background: #eceae7;
	color: #232323;
	text-align: center;
	font-family: calibri, "Trebuchet MS", arial;
}

#stage {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 20px;
}
#header {
	position: relative;
	padding-top: 55px;
}
	#header img.logo {
		position: absolute;
		left: 0;
		top: 10px;
	}
	#header #topnav {
		position: absolute;
		top: 20px;
		right: 0;
		font-size: 1.3em;
	}
		#header #topnav li {
			display: inline;
			padding: .2em .7em .2em .8em;
			border-left: 1px solid #d6d0ca;
		}
		#header #topnav li.first {
			border-left: none;
		}
		#header #topnav li a {
			color: #474747;
			text-transform: uppercase;
		}
		#header #topnav li a:hover {
			color: #888;
		}
		#header #topnav .contact a {
			padding-left: 25px;
			background: transparent url(/images/icons/contact-letter.png) 0 2px no-repeat;
		}
		#header #topnav .shopping a {
			padding-left: 25px;
			background: transparent url(/images/icons/shopping.png) 0 -1px no-repeat;
		}
		#header #topnav .newsletter a {
			padding-left: 25px;
			background: transparent url(/images/icons/newsletter.png) 0 -1px no-repeat;
		}
		#header #topnav .support a {
			padding-left: 25px;
			background: transparent url(/images/icons/support.png) 0 0 no-repeat;
		}
		#header #topnav .home a {
			padding-left: 25px;
			background: transparent url(/images/icons/home.png) 3px 0 no-repeat;
		}
	#header div.primary-img {
		background: transparent url(/images/primary/bg.png) 973px 0 no-repeat;
	}
		#header div.primary-img img {
			display: block;
			border-bottom: 1px solid #2d2c2c;
		}
	/* Sitenav */
	#header #sitenav {
		overflow: auto;
		_zoom: 1.0;
		background: #2d2c2c url(/images/sitenav/bg.png) 0 100% no-repeat;
		padding-left: 220px;
		border-top: 1px solid #4a4a4a;
	}
		#header #sitenav ul {
			float: left;
			width: 100%;
		}
		#header #sitenav li {
			float: left;
			margin: 0;
			padding: 0;
			background: transparent url(/images/sitenav/item-corner.png) 0 0 no-repeat;
			border-right: 1px solid #262626;
		}
			#header #sitenav li a {
				display: block;
				margin-left: 5px;
				padding: 6px 25px 6px 20px;
				font-size: 1.2em;
				text-transform: uppercase;
				color: #fff;
				text-decoration: none;
			}
			#header #sitenav li a:hover {
				color: #e8d06e;
			}
		#header #sitenav li:first-child {	
			border-left: 1px solid #262626;
		}
		#header #sitenav li.selected  {
			background: #5b5758 url(/images/sitenav/active-item-corner.png) 0 0 repeat-x;
		}
		#header #sitenav li.selected a {
			color: #e8d06e;
			background: transparent url(/images/sitenav/active-bg.png) 0 0 repeat-x;
		}
			
#content {
	overflow: auto;
	_zoom: 1.0;
	margin-top: 16px;
	padding: 12px 0 10px;
	background: #fff url(/images/content/corners.png) 0 0 no-repeat;
	font-size: 1.1em;
}

#primary {
	float: left;
	width: 760px;
}
	#primary .content {
		padding: 0 20px;
	}

#secondary {
	float: left;
	width: 219px;
	border-right: 1px solid #e1dfdf;
}
	/* Content navigation */
	.subsection {
		margin: 0 0 15px;
		padding-right: 20px;
	}
		 .subsection li {
			margin: 0 0 5px;
			padding-top: 4px;
			background: transparent url(/images/contentnav/item-bg.png) 100% 0 no-repeat;
			text-transform: uppercase;
			text-indent: 0;
		}
		.subsection li:before, .subsection li li:before {
			content: "";
		}
		.subsection li a {
			display: block;
			padding: 5px 20px 5px 20px;
			line-height: 1.7em;
			color: #4f4f4f;
			background: transparent url(/images/contentnav/item-bg.png) bottom right no-repeat;
			text-decoration: none;
		}
			.subsection li:hover, 
			.subsection li.selected {
				background: transparent url(/images/contentnav/item-hover-bg.png) 100% 0 no-repeat;
			}
			.subsection li.selected a,
			.subsection li a:hover, 
			.subsection li:hover a {
				background: #fff url(/images/contentnav/item-hover-bg.png) bottom right no-repeat;
				text-decoration: none;
				color: #4f4f4f;	
			}
			/* 3. level menuitems */
			.subsection li ul {
				margin: 0 0 15px;
				padding-top: 5px;
				background: #fff;
			}
				.subsection li li {
					background: #fff;
					background-image: none;
				}
				 .subsection li.selected li a {
					padding: 0 0 0 35px;
					text-transform: none;
					background-image: none;
					line-height: 1.4em;
					color: #909090;
				}
				.subsection li li:hover {
					background: #fff;
				}
					.subsection li li a:hover {
						color: #4f4f4f;
						background: #fff url(/images/bullets/orange.png) 10px 50% no-repeat;
					}
				.subsection li li.selected {
					background-image: none;
				}
					.subsection li li.selected a {
						color: #4f4f4f;
						background: #fff url(/images/bullets/orange.png) 10px 50% no-repeat;
					}	
					
	#secondary .action {
		padding: 20px;
	}
	
#tertiary {
	float: left;
	width: 220px;
}
					
		
/* Print */
a.print {
	display: block;
	float: right;
	margin-top: 2px;
	padding: 0 0 0 0;
	width: 16px;
	height: 14px;
	font-size: 0.9em;
	background: transparent url(/images/icons/print.png) 0 50% no-repeat;
}

	a.print span {
		display: none;
	}
	
	
/* Breadcrumb navigation*/
#breadcrumbs {
	margin: 3px 0 15px;
	color: #666;
}

#breadcrumbs ul {
	margin: 0;
	overflow: auto;
}
	#breadcrumbs li:before {
		content: "";
	}
	#breadcrumbs li {
		list-style: none;
		float: left;
		background: transparent url(/images/breadcrumbs/separator.png) 0 50% no-repeat;
		padding-left: 12px;
		margin: 0 10px 0 0;
		text-indent: 0;
	}
	#breadcrumbs li:first-child {
		background-image: none;
		padding-left: 0;
	}
	#breadcrumbs a {
/*		color: #78aecd;*/
		color: #bbb;
		text-decoration: none;
	}
	#breadcrumbs a:hover {
		color: #78aecd;
		text-decoration: underline;
	}
	
#footer {
	clear: both;
	padding-top: 20px;
	color: #888;
	background: transparent url(/images/footer/bg.png) 0 0 no-repeat;
	text-align: center;
	text-transform: uppercase;
}

/* Typography */
.content {
	line-height: 1.5em;
}

.content a {
	color: #4c97c3;
	text-decoration: underline;
}
	.content a:hover {
		color: #c8b360;
		text-decoration: underline;
	}
	.content h1 a.dimmed, .content h1 a.dimmed:hover, .content h2 a.dimmed, .content h2 a.dimmed:hover, .content h3 a.dimmed, .content h3 a.dimmed:hover {
		color: #232323;
		text-decoration: none;
	}
	
.content a.arrow {
	background: transparent url(/images/bullets/arrow.gif) 0 60% no-repeat;
	padding-left: 12px;
}

.content h1 {
	font-size: 1.4em;
	text-transform: uppercase;
	clear: both;
}

.content h2 {
	font-size: 1.1em;
	margin-bottom: .1em;
}

.content h3 {
	font-size: 1em;
}

.content hr {
	display: block;
	background: #eee;
	color: #eee;
	width: 100%;
	height: 1px;
	border: none;
}


/* Column configuration
.................................................*/

/* Columns */
div.column {
	float: left;
	margin-right: 20px;
	
}
	div.column.last {
		margin-right:0 !important;
		padding-right: 0 !important;
	}

/* Full width */
.full #primary {
	float: none;
	width: auto;
}

#secondary div.sidebar, #tertiary div.sidebar {
	padding: 0 20px;
}

	#secondary div.sidebar h2 {
		padding-bottom: 5px;
		margin-top: .2em;
		margin-bottom: .7em;
		font-size: 1em;
		color: #999;
		margin-left: -20px;
		text-transform: uppercase;
		font-weight: normal;
		letter-spacing: 1px;
		text-indent: 20px;
		border-bottom: 1px solid #e1e0e0;
	}
	

/* 2 columns - content and contentnavigation */
.two-col #primary {

}

/* 2 columns - content without contentnavigation column*/
.content-sidebar #primary {
	width: 759px;
	border-right: 1px solid #e1dfdf;
}

/* 3 column */
.three-col #primary {
	width: 539px;
	border-right: 1px solid #e1dfdf;
}
	
	#tertiary div.content.contact {
		padding: 0 20px;
	}
	
	#tertiary h2 {
		padding-bottom: 5px;
		margin-top: .2em;
		margin-bottom: .7em;
		font-size: 1em;
		color: #999;
		margin-right: -20px;
		text-transform: uppercase;
		font-weight: normal;
		letter-spacing: 1px;
		border-bottom: 1px solid #e1e0e0;
	}




/* Content specific styles 
.................................................*/

/* Business areas */
div.business {
	_zoom: 1.0;
	overflow: auto;
	margin: 0 0 1.5em;
	background: transparent url(/images/business/bg.gif) center top repeat-y;
}
	.business .column {
		width: 200px;
		padding-right: 22px;
		margin-right: 23px;

	}
	.business .column.last {
		border: 0;
	}
	.business h2 {
		margin-top: 5px;
		margin-bottom: 2px;
		font-size: 1.15em;
	}
		.business h2 a {
			color: #404040;
			text-decoration: none;
		}
		.business h2 a:hover {
			text-decoration: none;
		}
		.business p {
			margin-bottom: 0;
		}
	.business .fixed-height {
		height: 240px;
	}

/* Highlights - frontpage news etc. */
div.highlights {
	_zoom: 1.0;
	overflow: auto;
	border-bottom: 1px solid #eceae7;
	margin-bottom: 20px;
}		
	.highlights h1 {
		font-size: 1.2em;
		color: #999;
	}
	.highlights div.column {
		width: 457px;
	}		
	.highlights div.news h3 {
		font-size: 1.2em;
		margin-bottom: 0;
	}		
	.highlights div.news p {
	}		

.contact {
	
}
	.contact img, img.contact {
		float: right;
		margin: 5px 0 5px 10px;
		padding: 3px;
		border: 1px solid #ccc;
	}

/* Image-list */
div.img-list {
	margin: 1.5em 0;
}
	.img-list div.entry {
/*		overflow: auto;*/
		margin-bottom: 2em;
	}
		.img-list img.thumb {
			float: left;
			width: 170px;
		}
		
		.img-list div.description {
			margin-left: 190px;
		}
		
			.img-list div.description h2 {
				margin-top: 0;
			}

h2.image-list, 
h3.image-list, 
h4.image-list, 
p.image-list {
	position: relative;
	padding-left: 190px;
}

p.image-list img.list-image {
	position: absolute;
	top: -25px;
	left: 0;
	_left: -190px;
}

p img {
	float: left;
	margin: 0 1em 1em 0;
}
p img.center {
	display: block;
	float: none;
	clear: both;
	margin: 0 auto;
	padding: 1.5em 0;
}
p img.right {
	float: right;
	margin: 1em 0 1em 1em;
}

a.banner {
	display: block;
	margin-bottom: 1em;
}