body {
background-color:#695478;
background-image:url(images/mainbg.gif);
background-repeat:repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#330033;
}

#ad {
background-image:url(images/adpic.jpg);
margin-left:auto;
margin-right:auto;
width:780px;
height:225px;
}

#main {
border: 1px solid #FFF;
width:780px;
background-color:#FFF;
margin:20px auto auto auto;
}

#header {
position:relative;
width:780px;
height:87px;
background-image:url(images/front-header.jpg);
}

#f1 {
position:relative;
background-image:url(images/newfront8.jpg);
margin-left:auto;
margin-right:auto;
width:780px;
height:225px;
}

#f2 {
position:relative;
background-image:url(images/newfront3.jpg);
margin-left:auto;
margin-right:auto;
width:780px;
height:225px;
}

#f3 {
position:relative;
background-image:url(images/newfront6.jpg);
margin-left:auto;
margin-right:auto;
width:780px;
height:225px;
}
#ftour {
position:relative;
background-image:url(images/newfront1.jpg);
margin-left:auto;
margin-right:auto;
width:780px;
height:225px;
}
#fhire {
position:relative;
background-image:url(images/hirepic.jpg);
margin-left:auto;
margin-right:auto;
width:780px;
height:225px;
}

#f4 {
position:relative;
background-image:url(images/newfront5.jpg);
margin-left:auto;
margin-right:auto;
width:780px;
height:225px;
}

#f5 {
position:relative;
background-image:url(images/newfront7.jpg);
margin-left:auto;
margin-right:auto;
width:780px;
height:225px;
}

#f6 {
position:relative;
background-image:url(images/frontpic-6.jpg);
margin-left:auto;
margin-right:auto;
width:780px;
height:225px;
}

#f7 {
position:relative;
background-image:url(images/frontpic-7.jpg);
margin-left:auto;
margin-right:auto;
width:780px;
height:225px;
}

#f8 {
position:relative;
background-image:url(images/frontpic-8.jpg);
margin-left:auto;
margin-right:auto;
width:780px;
height:225px;
}

#f9 {
position:relative;
background-image:url(images/frontpic-9.jpg);
margin-left:auto;
margin-right:auto;
width:780px;
height:225px;
}

#f10 {
position:relative;
background-image:url(images/frontpic-10.jpg);
margin-left:auto;
margin-right:auto;
width:780px;
height:225px;
}


.column {
float: left;
width: 259px; /*total_width = 2*space_between_columns = 600 - 10*2 = 193 (round down) */
margin: 0 0 0 0;
}

#bottom {
width:780px;
background-image:url(images/content-bg.gif);
border-top:1px solid #FFF;
}

#bottomB{
width:780px;
border-top:1px solid #FFF;
background-color:#B7A2BA;
}

html > body #bottomB {
width: 780px;
		}

#A {
background-color:#B7A2BA;
margin-right:1px;
}
#B {
width:260px;
background-color:#876A94;
margin-right:1px;
color:white;
}

#C {
background-color:#D0B8DB;
margin-right: 0;
}

#D {
width:180px;
margin-right:1px;
}

#E {
width:599px;
background-color:#FFFFFF;
margin-right:0px;
}

#navbar{
position:absolute;
float:left;
width:780px;
top:0px;
left:0px;
background-color:#330033;
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
}
#navbartext{
float:left;
}

#intro {
position:absolute;
float:left;
left:2px;
top:40px;
width:256px;
height:184px;
color:#FFFFFF;
font-size:13px;
background-image:url(images/intro-bg1.jpg);
}
#introtext{
float:left;
width:256px;
height:184px;
color:#FFFFFF
}

.floatfix {
clear: both;
font-size: 0px;
height: 0px;
overflow: hidden;
}

#perfect {
width:696px;
height:49px;
float:left;
margin-right:0px;
margin-left:84px;
margin-bottom:-100px;
background-image:url(images/perfect.gif);
}


h2 {
font-weight:bold;
font-size:13px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
}

h3 {
font-weight:bold;
font-size:13px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
color:#FFFFFF;
}

.nav {
padding-left:20px;
padding-right:20px;
color:#FFF;
font-weight:bold;
position:absolute middle;
line-height:30px;
}

.nav a:link {
color:white;
text-decoration:none;
}

.nav a:hover {
text-decoration:underline;
}

.nav a:visited {
color:#FFFFFF;
text-decoration:none;
}

p {
padding-left:20px;
padding-right:20px;
line-height:16px;
}

p a:link {
color:#6666CC;
text-decoration:none;
}

p a:hover {
color:#6666CC;
text-decoration:underline;
}

p a:visited {
color:#6633FF;
text-decoration:none;
}


.side-nav {
text-decoration:none;
font-weight:bold;
color:#330033;
}
.side-nav a:link {
text-decoration:none;
font-weight:bold;
color:#330033;
}
.side-nav a:hover {
text-decoration:underline;
color:#330033;
}
.side-nav a:visited {
text-decoration:none;
color:#330033;
}

#footer {
width:780px;
line-height:40px;
font-weight:bold;
text-align:center;
background-color:#724C74;
border-top:1px solid #FFF;
color:#FFF;
}

#opening {
position:absolute;
float:left;
left:60%;
top:125px;
}

#button {
	float:left;
	width:165px;
	height:90px;
	position:absolute;
	background-image:url(images/openening.gif);
	background-repeat:no-repeat;
	left: 60%;
	top: 100px;
	cursor:pointer;
}

#elmbank {
text-align:center;
width: 259px;
background-colour:#000066;
margin-top:20px;
margin-bottom:0px;
}

ul {
font-size:12px;
}

#details {
width:940px;
margin-left:auto;
margin-right: auto;
margin-top:10px;
font-size:10px;
color:#0F000E;
text-align:center;
}