/*
	COLOURS:
	Red:		9e0b0f
	Dark Grey:	666666
	Light Grey:	e5e5e5 
*/

body {
	font-size: 76%;
	font-family: verdana, helvetica, sans-serif;
	background-color: #ffffff;
	background-image: url('images/bg.gif');
	background-repeat: repeat-x;
	background-position: top center;
	color: #666666;
	margin: 0px;
}

#container {
	width: 900px;
	height: auto;
	margin: 0px auto;
	font-size: 1.0em;
}

#header {
	display: block;
	width: 900px;
	height: 134px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	overflow: hidden;
}

#logo {
	display: block;
	width: 165px;
	height: 134px;
	border: 0px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}

nav {
	display: block;
	width: 896px;
	height: 30px;
	margin: 0px;
	padding: 9px 0px;
	background-image: url('images/nav-bg.gif');
	background-repeat: repeat-x;
	background-position: bottom center;
	border: 2px solid #e5e5e5;
	text-align: center;
	overflow: hidden;
}

nav a {
	display: block;
	float: left;
	width: 87px;
	text-align: center;
	padding: 8px 20px;
	margin: 0px 10px;
}

nav a:link {color: #666666; text-decoration: none; background: transparent;}
nav a:visited {color: #666666; text-decoration: none; background: transparent;}
nav a:hover {color: #ffffff; text-decoration: none; background-color: #9e0b0f;}
nav a:active {color: #ffffff; text-decoration: none; background-color: #9e0b0f;}
nav a.active:link {color: #ffffff; text-decoration: none; background-color: #9e0b0f;}
nav a.active:visited {color: #ffffff; text-decoration: none; background-color: #9e0b0f;}

#topwrapper {
	width: 100%;
	margin: 10px 0px;
	padding: 0px;
}

#flash {
	float: left;
	width: 615px;
	height: 220px;
	margin: 0px 10px 0px 0px;
	background-image: url('images/flash-bg.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
}

#bignav {
	float: left;
	width: 275px;
	height: 220px;
	overflow: hidden;
}

.bigbutton {
	display: block;
	width: 260px;
	height: 44px;
	overflow: hidden;
	border: none;
	padding: 7px 0px 0px 15px;
	font-size: 1.1em;
	background-image: url('images/buttons.jpg');
}
#button1:link, #button1:visited {color: #ffffff; text-decoration: none; background-position: -276px 0px; margin-bottom: 5px;}
#button1:hover, #button1:active {color: #ffffff; text-decoration: none; background-position: 0px 0px; margin-bottom: 5px;}
#button2:link, #button2:visited {color: #ffffff; text-decoration: none; background-position: -276px -51px; margin-bottom: 5px;}
#button2:hover, #button2:active {color: #ffffff; text-decoration: none; background-position: 0px -51px; margin-bottom: 5px;}
#button3:link, #button3:visited {color: #ffffff; text-decoration: none; background-position: -276px -102px; margin-bottom: 5px;}
#button3:hover, #button3:active {color: #ffffff; text-decoration: none; background-position: 0px -102px; margin-bottom: 5px;}
#button4:link, #button4:visited {color: #ffffff; text-decoration: none; background-position: -276px -153px; margin-bottom: 0px;}
#button4:hover, #button4:active {color: #ffffff; text-decoration: none; background-position: 0px -153px; margin-bottom: 0px;}

#wrapper {
	width: 100%;
	margin: 10px 0px;
	padding: 0px;
}

#content {
	float: left;
	width: 535px;
	margin: 10px 10px 0px 0px;
	padding: 0px 80px 10px 0px;
	line-height: 1.4em;
}

#features {
	float: left;
	width: 271px;
	height: auto;
	padding: 0px;
	border: 2px solid #e7e7e7;
	margin: 10px 0px 0px 0px;
}
table.contact-table {width: 100%;}
table.contact-table td {
	vertical-align: top;
	padding: 0px 10px;
}
.logoblock {
	float: left;
	display: block;
	width: 158px;
	height: 140px;
	padding: 0px 10px;
	margin: 5px 0px;
	text-align: center;
	overflow: hidden;
}

.videogrid {
	display: block;
	width: 320px;
	height: 180px;
	border: 1px solid #e7e7e7;
	overflow: hidden;
	margin-right: 20px;
}

footer {
	display: block;
	width: 900px;
	margin: 20px auto;
	border-top: 2px solid #e5e5e5;
	padding: 20px 0px;
	color: #666666;
	font-size: 0.8em;
}

footer p {
	margin: 0px;
	padding: 0px;
}

#credits {float: right; color: #666666; text-align: left;}
#credits a:link {color: #666666; text-decoration: none; font-weight: normal;}
#credits a:visited {color: #666666; text-decoration: none; font-weight: normal;}
#credits a:hover {color: #9e0b0f; text-decoration: none; font-weight: normal;}
#credits a:active {color: #9e0b0f; text-decoration: none; font-weight: normal;}

a.readmore {font-size: 0.9em;}

a:link {color: #9e0b0f; text-decoration: underline;}
a:visited {color: #9e0b0f; text-decoration: underline;}
a:hover {color: #9e0b0f; text-decoration: none;}
a:active {color: #9e0b0f; text-decoration: none;}

h1 {
	font-size: 1.2em;
	color: #9e0b0f;
	line-height: 1.5em;
	margin: 10px 0px;
	padding: 0px;
}

h2 {
	font-size: 1.1em;
	color: #9e0b0f;
	line-height: 1.4em;
	margin: 10px 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}