body {
	background-color: #292826;
	margin: 0;
	text-align: center;
}

body, input, select, textarea {
	font-family: Tahoma, Arial, Helvetica, SansSerif;
	font-size: 11pt;
}

h1 {
	color: #fff;
	font-size: 14pt;
	padding: 0;
	margin: 0 0 10px 0;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #666;
}

.container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

.banner {
	background-color: #1f1e1d;
	border-bottom: 1px solid #3f3e3c;
}

.banner a.logo {
	background-image: url(images/logo.jpg); /* Logo image */
	width: 168px; /* Note the image dimensions when replacing, if the replacment image is bigger/smaller ammend these as necessary */
	height: 43px;
	display: block;
	float: left;
}

.navigation {
	float: right;
}

.navigation ul, .navigation li {
	margin: 0;
	padding: 0;
}

.navigation li {
	display: block;
	float: left;
	position: relative;
}

.navigation a {
	display: block;
	margin: 0 0 0 30px;
	padding: 15px 0 9px 0;
	float: left;
	color: #fff;
	text-decoration: none;
	border-bottom: 2px solid #292826;
}

/*
	This creates the blue underline on the navigation links when hovered. You can change the underline thickness and color
	or remove the underline by changing the settings below
*/

.navigation a:hover {
	border-bottom: 2px solid #FFFFFF;
}

/*
	This creates the blue underline on the navigation links the current page is loaded. You can change the underline thickness and color
	or remove the underline by changing the settings below
*/

.navigation a.selected {
	border-bottom: 2px solid #FFFFFF;
}
.navigation ul li ul {
	position: absolute;
	width: auto;
	min-width: 150px;
	z-index: 300;
	clear: both;
	float: none;
	top: 42px;
	left: 30px;
	background-color: #292826;
	border: 1px solid #3F3E3C;
	margin: 0px;
	padding: 0px;
}
.navigation ul li ul li {
	float: none;
	clear: both;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
}
.navigation ul li ul li a {
	margin: 0px;
	padding: 0px;
	float: none;
	clear: both;
	width: auto;
	display: block;
	border: none;
	padding: 0px 5px;
}
.navigation ul li ul li a:hover {
	border: none;
	background-color: #6D6B67;
}
.featured {
	background-color: #101010;
	border-top: 1px solid #3f3e3c;
	border-bottom: 1px solid #3f3e3c;
	padding: 0px 20px;
	height: 260px;
	margin: 20px 0 0 0;
}

.featured-container {
	width: 940px;
	height: 260px;
	margin: 0 auto;
	text-align: left;
	padding: 0px;
	background-image: url(images/main_logo.png);
	background-repeat: no-repeat;
}

.featured-container img {
	float: left;
}

.featured-container .info {
	float: left;
	margin: 0 0 0 15px;
	color: #737373; /* Color of the text on the featured content area */
	width: 380px; 
	font-size: 10pt;
}

.featured-container .info h1 {
	color: #212121;
	font-size: 22pt;
	padding: 0;
	margin: 10px 0;
}

/*
	The moreinfo button on the featured content area on the homepage. Note the image dimensions and alter appropriately when changing the image.
*/

.featured-container .info a.moreinfo {
	background-image: url(images/moreinfo.jpg);
	width: 84px;
	height: 28px;
	display: block;
	float: right;
	margin: 5px 0 0 10px;
}

/*
	As above, with the view line button.
*/

.featured-container .info a.viewlive {
	background-image: url(images/viewlive.jpg);
	width: 84px;
	height: 28px;
	display: block;
	float: right;
	margin: 5px 0 0 10px;
}

.content1 {
	background: url(images/content1.jpg) no-repeat; /* The background gradient of the left content area */
	width: 611px;
	margin: 15px 0 0 0;
	float: left;
	padding: 15px;
	color: #737373;
	font-size: 10pt;
	height: auto;
	min-height: 320px;
}

.content1 p {
	line-height: 20px;
}

.content ul {
	margin: 0;
	padding: 0;
}

.content1 li {
	list-style-image: url(images/tick.jpg);
	margin: 7px;
	padding: 0;
}
.content2 {
	width: 257px;
	height: auto;
	float: left;
	margin: 20px 0 0 0;
	color: #888;
	font-size: 10pt;
	line-height: 20px;
}
.content2 img {
	margin: 0 0 10px 0;
}
.c2_top {
	background-image: url(images/sidecontent_top.jpg);
	background-repeat: no-repeat;
	height: 8px;
	width: 257px;
	margin: 0px;
	padding: 0px;
}
.c2_mid {
	background-image: url(images/sidecontent_mid.jpg);
	background-repeat: repeat-y;
	width: 237px;
	padding: 2px 10px;	
	height: auto;
	min-height: 249px;
}
.c2_bot {
	background-image: url(images/sidecontent_bot.jpg);
	background-repeat: no-repeat;
	height: 8px;
	width: 257px;
	margin: 0px;
	padding: 0px;
}
.content3 {
	background: url(images/content2.jpg) no-repeat; /* The background gradient of the left content area */
	width: 870px;
	margin: 15px 0 0 0;
	float: left;
	padding: 15px;
	color: #737373;
	font-size: 10pt;
	height: auto;
	min-height: 320px;
}

.content3 p {
	line-height: 20px;
}

.content3 li {
	list-style-image: url(images/tick.jpg);
	margin: 7px;
	padding: 0;
}
.footer {
	background-color: #1f1e1d;
	border-top: 1px solid #3f3e3c;
	padding: 10px;
	color: #777;
	font-size: 10pt;
	margin: 20px 0 0 0;
}

.work {
	clear: both;
}

.work img {
	float: left;
	border: 5px solid #333;
}

.work .text {
	float: left;
	width: 400px;
	margin: 0 0 0 10px;
}

/*
	Styles for the form on the contact page.
*/

label {
	clear: both;
	float: left;
	width: 100px;
	display:block;
	line-height:30px;
}

input {
	float: left;
	margin: 0px;
	border: 2px solid #333;
	padding: 4px;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, SansSerif;
	background-color: #666666;
	color: #FFFFFF;
}

textarea {
	float: left;
	padding: 4px;
	border: 2px solid #333;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, SansSerif;
	background-color: #666666;
	color: #FFFFFF;
}

input.button {
	width: 88px;
	height: 32px;
	border: 0;
	padding: 0;
	clear: both;
	float: right;
	margin: 20px 100px 0 0;
}
.man {
	color: #FF0000;
}