* {
	border: none;
	margin: 0;
	outline: none;
	padding: 0;
}

a,
a:visited {
	color: #fa6f00;
	text-decoration: none;
}
a:hover {text-decoration: underline;}

body {
	background: #2a2929 url('../images/bg_body.png') no-repeat center top;
	color: #212020;
	font: 0.75em/1.5em arial, sans-serif;
	padding: 55px 0 25px;
}

dd,
dl,
dt {border: solid #dbdbdb;}
dd,
dt {
	border-width: 0 1px 1px 0;
	float: left;
	text-align: left;
}
dd {
	clear: right;
	width: 160px;
}

dl {
	border-width: 1px 0 0 1px;
	overflow: hidden;
	width: 442px;
}

dt {
	clear: left;
	width: 200px;
}

h1,
h2,
h3,
h4,
h5,
h6 {font-size: 1em;}

hr {
	clear: both;
	visibility: hidden;
}

img {display: block;}

ol,
ul {list-style: none;}

dl,
table {
	background: #dbdbdb;
	font-size: 0.9em;
	text-transform: uppercase;
}

td {
	background: #fff;
	padding: 3px 10px;
}

dd,
dt,
th {
	background: #fa7000;
	color: #fff;
	font-weight: bold;
	padding: 3px 20px;
}

#container {
	background: url('../images/bg_container.gif') repeat-y;
	margin: 0 auto;
	width: 919px;
}

#header {
	background: url('../images/bg_container.gif') no-repeat center top;
	padding: 7px 7px 0 6px;
}
	#header h1 {
		float: left;
		margin: 7px 0 8px -4px;
	}
	
	#channel-navigation {
		float: right;
		margin-bottom: 4px;
	}

	#navigation {
		background: #fd9500 url('../images/shape_gradient_vertical_orange.gif') repeat-x;
		clear: both;
		overflow: hidden;
		padding: 5px 15px 0;
	}
		#navigation a {
			background: no-repeat left top;
			color: #fff;
			float: left;
			font-weight: bold;
			padding-left: 4px;
			text-decoration: none;
			text-transform: uppercase;
		}
			#navigation a span {
				cursor: pointer;
				float: left;
				background: no-repeat right top;
				padding: 8px 12px 12px 8px;
			}
		#navigation a:hover,
			#navigation a:hover span,
		#navigation a.active,
			#navigation a.active span {
				background-image: url('../images/bg_navigation.gif');
				color: #fa6e00;
			}
		#navigation li {
			float: left;
			margin: 0 2px;
		}
		#navigation ul {display: none;}

#content {
	background: url('../images/bg_content.gif') no-repeat center top;
	margin-top: -2px;
	overflow: hidden;
	padding: 20px 20px 0;
	position: relative;
}
	#content dl,
	#content form,
	#content ol,
	#content table,
	#content ul {margin-bottom: 2em;}
	#content h1,
	#content h2,
	#content h3,
	#content h4,
	#content h5,
	#content h6,
	#content p {margin-bottom: 1em;}

	#content .catalogue {
		margin-bottom: 0;
		font-size: 0.9em;
		overflow: hidden;
	}
		#content .catalogue * {margin-bottom: 0;}
		#content .catalogue li {
			float: left;
			margin-bottom: 2em;
			width: 293px;
		}

	#content #channel-index {
		margin-bottom: 0;
		overflow: hidden;
	}
		#content #channel-index h3 {
			float: left;
			padding: 10px;
			width: 180px;
		}
		#content #channel-index img {margin: 0 auto;}
		#content #channel-index li {
			background: url('../images/shape_gradient_vertical_white_grey.gif') repeat-x left bottom;
			margin-bottom: 2em;
			overflow: hidden;
		}
		#content #channel-index ul {
			overflow: hidden;
			padding-left: 30px;
		}
			#content #channel-index ul li {
				background: url('../images/shape_square_orange.gif') no-repeat left 0.55em;
				margin-bottom: 0.5em;
				padding: 0 0 0 12px;
			}
			#content #channel-index ul p,
			#content #channel-index ul ul {margin: 0.5em 0 0;}

	#main-content {
		float: left;
		width: 574px;
	}
	
	#sub-content {
		float: right;
		width: 285px;
	}

		#content-navigation {width: 285px;}
			#content-navigation li {margin-bottom: 6px;}

#footer {
	background: #2a2929 url('../images/bg_container.gif') no-repeat right top;
	border-bottom: 1px solid #494949;
	color: #8a8a8a;
	font-size: 0.9em;
	margin: 0 auto;
	overflow: hidden;
	padding: 16px 12px 10px;
	width: 895px;
}
	#footer a {color: #b8b8b8;}

	#author {
		float: right;
		text-transform: lowercase;
	}