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



/* 09_styles.css
------------------------------------------------------------------------------

Author:  			Jez Owen
E-mail:				director@splendid-industrial.co.uk
Company: 			Splendid Industrial Leisure & Entertainments
Date:				10/12/2008

Version:			1.0
Designed for:		FireFox 3

------------------------------------------------------------------------------*/

/* = MAIN BITS
------------------------------------------------------------------------------*/

body {
	background-image: url(images/bkd_lg.jpg);
	background-repeat: repeat;
}


/* = ELEMENTS
------------------------------------------------------------------------------*/
#wrapper {
	position:relative;
	width:850px;
	height:2000px;
	z-index:1;
	top: -15px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;	
}
#rulebox {
	position:absolute;
	left:15px;
	top:125px;
	width:820px;
	height:4px;
	z-index:2;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-bottom-width: thin;
}
#menu {
	position:absolute;
	left:15px;
	top:150px;
	width:215px;
	height:621px;
	z-index:4;
}
#imagebox {
	position:absolute;
	left:237px;
	top:150px;
	width:600px;
	height:450px;
	z-index:5;
	background-color: #FF00FF;
}
#logoholder {
	position:absolute;
	left:680px;
	top:25px;
	width:32px;
	height:19px;
	z-index:6;
}
#info {
	position:absolute;
	left:25px;
	top:25px;
	width:215px;
	height:80px;
	z-index:7;
}
#textbox {
	position:absolute;
	left:237px;
	top:625px;
	width:398px;
	height:500px;
	z-index:8;
}
#imageselector {
	position:absolute;
	left:473px;
	top:607px;
	width:364px;
	height:34px;
	z-index:8;
	visibility: visible;
}
#contact {	position:absolute;
	left:632px;
	top:99px;
	width:205px;
	height:28px;
	z-index:8;
}
#aboutbox {
	position:absolute;
	left:15px;
	top:15px;
	width:288px;
	height:108px;
	z-index:7;
}
.rule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
}

/* = TEXT
------------------------------------------------------------------------------*/
.bodytextgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.bodytextpink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF00CC;
}
.bodytextgreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #33FF00;
}
.bodytextblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3333FF;
}
.bodytextorange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFCC33;
}
.bodytextred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff3333;
}
.bodytextpurple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990099;
}
.bodytextcyan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #33ffff;
}
.bodytextdarkgreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #009900;
}
.bodytextbrown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #996633;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF00CC;
	font-weight: bold;
}
.bodytextbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
}


/* = LINKS
------------------------------------------------------------------------------*/
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
a:hover {
	background-color: #FFCCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #999999;
}
a:visited {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}