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



/* cf_styles.css
------------------------------------------------------------------------------

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

Version:			1.0
Designed for:		FireFox 3

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

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

body {
	background-color: #999966;
}

/* =HOLDERS
------------------------------------------------------------------------------*/

#wrapper {
	position:relative;
	width:800px;
	height:880px;
	z-index:1;
	top: 30px;
	margin-left:auto;
	margin-right:auto;
	
}
#logo {
	position:absolute;
	width:345px;
	height:120px;
	z-index:2;
	left: 227px;
	top: 0px;
	background-image: url(images/mainlogo_script.jpg);
}
#strapline {
	position:absolute;
	width:442px;
	height:26px;
	z-index:3;
	left: 180px;
	top: 123px;
}
#imageholder {
	position:absolute;
	width:900px;
	height:600px;
	z-index:4;
	left: -50px;
	top: 240px;
}
#menuholder {
	position:absolute;
	width:1388px;
	height:25px;
	z-index:5;
	left: -294px;
	top: 205px;
}
#contact_details {
	position:absolute;
	width:516px;
	height:21px;
	z-index:6;
	left: 144px;
	top: 173px;
}
#caption {
	position:absolute;
	width:800px;
	height:20px;
	z-index:8;
	top: 850px;
	left: 0;
}
#copyright {
	position:absolute;
	width:800px;
	height:35px;
	z-index:2;
	left: 0px;
	top: -35px;
}

/* =IMAGEMENU 
------------------------------------------------------------------------------*/
#imagemenu {
	position:absolute;
	width:760px;
	height:35px;
	z-index:7;
	left: 2.5px;
	top: 880px;
}
#imagemenu01 {
	position:absolute;
	left:0px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu02 {
	position:absolute;
	left:40px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu03 {
	position:absolute;
	left:80px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu04 {
	position:absolute;
	left:120px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu05 {
	position:absolute;
	left:160px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu06 {
	position:absolute;
	left:200px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu07 {
	position:absolute;
	left:240px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu08 {
	position:absolute;
	left:280px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu09 {
	position:absolute;
	left:320px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu10 {
	position:absolute;
	left:360px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu11 {
	position:absolute;
	left:400px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu12 {
	position:absolute;
	left:440px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu13 {
	position:absolute;
	left:480px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu14 {
	position:absolute;
	left:520px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu15 {
	position:absolute;
	left:560px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu16 {
	position:absolute;
	left:600px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu17 {
	position:absolute;
	left:640px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu18 {
	position:absolute;
	left:680px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu19 {
	position:absolute;
	left:720px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}
#imagemenu20 {
	position:absolute;
	left:760px;
	top:0px;
	width:35px;
	z-index:2;
	height: 35px;
	background-color: #666633;
}

/* =THUMBMENU
------------------------------------------------------------------------------*/
#arrow_left {
	position:absolute;
	left:-110px;
	top:514px;
	width:55px;
	height:55px;
	z-index:2;
}
#arrow_right {
	position:absolute;
	left:856px;
	top:514px;
	width:55px;
	height:55px;
	z-index:2;
}
#backbutton {
	position:absolute;
	left:-151px;
	top:241px;
	width:92px;
	height:48px;
	z-index:3;
}
#thumb01 {
	position:absolute;
	left:0px;
	top:0px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb02 {
	position:absolute;
	left:181px;
	top:0px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb03 {
	position:absolute;
	left:362px;
	top:0px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb04 {
	position:absolute;
	left:543px;
	top:0px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb05 {
	position:absolute;
	left:724px;
	top:0px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb06 {
	position:absolute;
	left:0px;
	top:151px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb07 {
	position:absolute;
	left:181px;
	top:151px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb08 {
	position:absolute;
	left:362px;
	top:151px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb09 {
	position:absolute;
	left:543px;
	top:151px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb10 {
	position:absolute;
	left:724px;
	top:151px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb11 {
	position:absolute;
	left:0px;
	top:302px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb12 {
	position:absolute;
	left:181px;
	top:302px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb13 {
	position:absolute;
	left:362px;
	top:302px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb14 {
	position:absolute;
	left:543px;
	top:302px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb15 {
	position:absolute;
	left:724px;
	top:302px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb16 {
	position:absolute;
	left:0px;
	top:453px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb17 {
	position:absolute;
	left:181px;
	top:453px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb18 {
	position:absolute;
	left:362px;
	top:453px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb19 {
	position:absolute;
	left:543px;
	top:453px;
	width:176px;
	z-index:2;
	height: 146px;
}
#thumb20 {
	position:absolute;
	left:724px;
	top:453px;
	width:176px;
	z-index:2;
	height: 146px;
}

/* =TEXT
------------------------------------------------------------------------------*/

.strapline {
	font-size: 20px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
}
.strapline_italic {
	font-size: 20px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-style: italic;
}
.contact{
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
}
.copyright{
	font-size: 10px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
}
.caption{
	font-size: 14px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
}
.mainmenu {
	font-size: 14px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
}
.imageselector {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
}
.body {
	font-size: 16px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-style: italic;
}
.bodybold {
	font-size: 16px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-style: bold;
}

/* = LINKS
------------------------------------------------------------------------------*/

a:link {
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	text-decoration: none;
}
a:hover {
	color: #666666;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	text-decoration: none;
}
a:visited {
	color: #666666;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	text-decoration: none;
}
a:active {
	color: #666666;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	text-decoration: none;
}
