@charset "UTF-8";
/* CSS Document */


* {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	outline: none;
}

body {
	background-color: #000000;
}

/* CENTERING THE CONTAINING DIVS */

#center { 
	position: absolute; 
	top: 50%; 
	width: 100%; 
	height: 1px; 
	overflow: visible 
}

#main {
	position: absolute;
	left: 50%;
	margin-left: -31em;
	padding: 0;
	text-align: left;
	width: 62em;
	background-color: #000000;
	top: -20em;
	height: 39.5em;
	border: 1px solid #333333;
	overflow: hidden;
}

/* END CENTERING THE CONTAINING DIVS */


/* BEGIN MENU */

.masthead {
	height: 3.25em;
	width: 64em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

.masthead img {
	width: 31em;
	float: left;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-width: 1px;
	border-right-color: #333333;
}

.navcontainer {
	height: 3.25em;
	width: 31.5em;
	float: left;
	overflow: visible;
}
.navrule {
	float: right;
	height: 1.5em;
	width: 30.9375em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

#nav {
	float: left;
	list-style: none;
	position: relative;
	z-index: 999;
	width: 31.5em;
	height: 3.25em;
}


/* POSITIONS THE DROP MENU */

#nav ul {
	float: left;
	list-style: none;
	position: relative;
	z-index: 999;
	margin-left: -1px;
}

/* STYLES THE TOP LEVEL LINKS */

#nav li a {
	text-decoration: none;
	color: #999999;
	width: 8.2em;
	text-align: center;
	display: block;
	margin-top: 1.9375em;
	height: 2.375em;
	font-size: 0.75em;
	line-height: 2.375em;
	margin-bottom: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}

/* STYLES ALL LINKS, BUT GETS OVERIDDEN FURTHER DOWN */

#nav a {
}

/* STYLES THE HOVER STATE OF TOP MENU LINKS */

#nav a:focus,#nav a:hover,#nav a:active, #nav li:hover a.upright {
	color: #FFFFFF;
	border-top-width: 2em;
	border-top-style: solid;
	border-top-color: #FF0000;
	margin-top: 0em;
}

/* STYLES THE HOVER STATE OF DROP MENU LINKS */

#nav ul li a:focus,#nav ul li a:hover,#nav ul li a:active {
	color: #FFFFFF;
	background-color: #FF0000;
	border: none;
	margin: 0em;
}

/* JUST FLOATS THE LIST LEFT */

#nav li {
	float: left;
}

/* STYLES THE BACKGROUND OF THE DROP MENU LIST (MOUSE OUT AREA, CAN BE MADE BIGGER & OFFSET TO MAKE A OVERUN MOUSEOUT AREA), MAKE BG AREA LARGER AND COLOUR TO SEE */

#nav li ul {
	position: absolute;
	left: -999em;
	width: 10.875em;
	font-weight: normal;
	font-size: 100%;
	height: auto;
	display: block;
	background-color: #000000;
}

/* STYLES THE DROP MENU LIST */

#nav li li {
	width: 10.75em;
	display: block;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
	border-bottom-color: #333333;
	text-indent: 1em;
}


/* COLOUR OF DROP MENU LINKS */

#nav li ul a {
    color: #999999;
	width: 14.375em;
	text-align: left;
	border: none;
	margin: 0em;
}

/* HIDES THE DROP DOWNS */

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
/* BRINGS BACK THE DROP DOWNS WHEN HOVERING ON THE TOP LEVEL LINKS */

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
.coltwo {
	width: 13em;
	float: left;
	margin-left: 0.5em;
}

/* HOVER BG COLOUR OF TOP LEVEL LINKS*/

#nav li:hover, #nav li.sfhover {
	background-color: transparent;
}

/* PLACES BORDERS TO THE RIGHT OF TOP LEVEL LINKS */
.upright {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
}

/* END MENU STYLES */


/* BEGIN GALLERY */

#thumbs {
	float: right;
	width: 13.5em;
	padding-top: 0.5em;
	padding-right: 0.5em;
}

#thumbs ul {
	list-style:none;
}
#thumbs ul li {
	width:5.75em;
	height:5.75em;
	float:left;
	cursor:pointer;
	padding-right: 1em;
	padding-top: 1em;
}
#placeholder {
	height: 32.75em;
}
#thumbs ul li img {
	display:block;
	width:5.75em;
	height:5.75em;
	border: none;
	background-color: #000000;
	color: #000000;
}
.bigpic {
	position: absolute;
	z-index: 20;
	left: 0px;
	top: 0px;
	visibility: visible;
}
.mainimage {
	float: left;
	width: 48em;
	height: 34.75em;
}
.mainpic {
	float: left;
	height: 32.75em;
	width: 45em;
	position: absolute;
	z-index: 25;
	margin-top: 1.5em;
	margin-left: 1.5em;
}
.cover {
	height: 32.75em;
	width: 45em;
	position: absolute;
	z-index: 30;
	left: 0px;
	top: 0px;
}
#desc {
	font-size: 0.6875em;
	line-height: 2em;
	color: #666666;
	text-align: center;
	display: block;
	width: 65.5em;
}

/* END GALLERY */

/* START SMALL SLIDESHOW STYLES */

#photodiv1 {
	display: block;
	height: 5.75em;
	width: 5.75em;
	position: absolute;
	z-index: 60;
	left: 20em;
	top: 5em;
	margin: 0px;
	padding: 0px;
}
#photoanchor1 {
	border: none;
}
#photoimg1 {
	border: none;
	width: 5.75em;
	height: 5.75em;
	position: absolute;
}

#photodiv2 {
	display: block;
	height: 5.75em;
	width: 5.75em;
	position: absolute;
	z-index: 60;
	left: 5em;
	top: 26em;
}
#photoanchor2 {
	border: none;
}
#photoimg2 {
	border: none;
	width: 5.75em;
	height: 5.75em;
	position: absolute;
}

#photodiv3 {
	display: block;
	height: 5.75em;
	width: 5.75em;
	position: absolute;
	z-index: 60;
	left: 45.5em;
	top: 29em;
}
#photoanchor3 {
	border: none;
}
#photoimg3 {
	border: none;
	width: 5.75em;
	height: 5.75em;
	position: absolute;
}

#photodiv4 {
	display: block;
	height: 5.75em;
	width: 5.75em;
	position: absolute;
	z-index: 60;
	left: 51.25em;
	top: 23.25em;
}
#photoanchor4 {
	border: none;
}
#photoimg4 {
	border: none;
	width: 5.75em;
	position: absolute;
	height: 5.75em;
}

/* END SMALL SLIDESHOW STYLES */



/* BEGIN TEXT STYLES */


.textarea {
	z-index: 10;
	display: block;
	width: 30em;
	margin-top: 4.75em;
	margin-left: 8em;
}
.textarea h1 {
	color: #FFFFFF;
	font-size: 1em;
	display: block;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
	margin-top: 0em;
	margin-bottom: 1.5em;
}
.textarea p {
	font-size: 0.75em;
	color: #999999;
	margin-bottom: 1.5em;
	line-height: 1.75em;
}


.textarea2 {
	position: absolute;
	left: 32.5em;
	top: 9.25em;
	width: 28em;
}
.textarea2 h1 {
	color: #FFFFFF;
	font-size: 1em;
	display: block;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
	margin-top: 0em;
	margin-bottom: 1.5em;
}
.textarea2 p {
	font-size: 0.75em;
	color: #999999;
	margin-bottom: 1.5em;
	line-height: 1.75em;
}
.textarea2 a:link {
	color: #999999;
	text-decoration: underline;
}
.textarea2 a:visited {
	color: #999999;
	text-decoration: underline;
}
.textarea2 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.textarea2 a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

/* BEGIN COPYRIGHT STYLES */
.copyright {
	font-size: 0.6875em;
	line-height: 1em;
	display: block;
	height: 1em;
	z-index: 80;
	position: absolute;
	left: 69.75em;
	top: 55.5em;
	width: 21em;
}

.copyright a:link {
	color: #666666;
	text-decoration: none;	
}
.copyright a:visited {
	color: #666666;
	text-decoration: none;	
}
.copyright a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.copyright a:active {
	color: #FF0000;
	text-decoration: underline;
}
.copyright2 {
	font-size: 0.6875em;
	line-height: 1em;
	display: block;
	height: 1em;
	z-index: 80;
	position: absolute;
	left: 68.25em;
	top: 55.5em;
	width: 22em;
}

.copyright2 a:link {
	color: #666666;
	text-decoration: none;	
}
.copyright2 a:visited {
	color: #666666;
	text-decoration: none;	
}
.copyright2 a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.copyright2 a:active {
	color: #FF0000;
	text-decoration: underline;
}

/* END COPYRIGHT STYLES */


/* BEGIN PICTURE STYLES */
.homepic {
	width: 62em;
	z-index: 10;
}

.aboutpic {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	height: 36.25em;
}

.trans {
	height: 36.5em;
	width: 31em;
	position: absolute;
	z-index: 50;
	top: 3.25em;
}
.trans2 {
	height: 36.5em;
	width: 62em;
	position: absolute;
	z-index: 50;
	top: 3.25em;
}

/* END PICTURE STYLES */

#red {
	color: #FF0000;
}


.clear {
	clear: both;
}
.external {
}
.highlight {
	background-color: #333333;
}
.textarea3 {
	position: absolute;
	left: 32.5em;
	top: 8em;
	width: 28em;
}
.textarea3 h1 {
	color: #FFFFFF;
	font-size: 1em;
	display: block;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
	margin-top: 0em;
	margin-bottom: 1.5em;
}
.textarea3 p {
	font-size: 0.75em;
	color: #999999;
	margin-bottom: 1.5em;
	line-height: 1.75em;
}
.colone {
	width: 14em;
	float: left;
}
.special {
	background-color: #FFCC00;
	height: 1.5em;
	width: 100%;
	z-index: 9999;
	position: relative;
	display: none;
}
.special p{
	height: 1.5em;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.75em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin: 0px;
}
.special a:link {
	color: #000000;
	text-decoration: none;
}
.special a:visited {
	color: #000000;
	text-decoration: none;
}
.special a:hover {
	color: #000000;
	text-decoration: underline;
}
.special a:active {
	color: #000000;
	text-decoration: underline;
}
.specialtext {
	font-weight: bold;
	color: #FFCC00;
}
.textarea2 h2 {
	color: #FFCC00;
	font-size: 1em;
	display: block;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
	margin-top: 0em;
	margin-bottom: 1.5em;
}
.specialpic {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	height: 36.25em;
	width: 31em;
}