@charset "utf-8";

/* CSS Document */

html{

background-image:url(images/bg.jpg);

background-position:top center;

background-repeat:no-repeat;

color:#ffffff;

background-color:#020202;

margin:0;

padding:0;

font-family:Arial, Helvetica, sans-serif;}



body{



margin:0;

padding:0;}



.wrapper{

margin:0 auto;

max-width:969px;

width:969px;}



.header{

float:left;

background-image:url(images/top.png);

width:825px;

padding:95px 72px 0 72px;

height:60px;}



.header ul{

list-style:none;

margin:0;

padding:0;

float:left;

}



.header ul li{

float:left;

margin:0 3px 0 0;

padding:0;

display:inline;

float: left;

width:auto; /* width needed or else Opera goes nuts */

}



/* first level */

.header ul li a:link, .header ul li a:visited{

line-height:60px;

height:60px;

width:87px;

display:block;

text-align:center;

color:#FFFFFF;

text-decoration:none;

font-weight:bold;

background-image:url(images/menu_bg.gif);

}



.header ul li a:hover{

background-position:0 -60px;

}



.header li:hover ul, .header li.sfhover ul { /* lists nested under hovered list items */

left: auto;

position:absolute;

z-index:100;

}



.header li ul { /* second-level lists */

position: absolute;

padding-top:0px;

width:200px;

left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

}



/* second level */

.header li ul a:link, .header li ul a:visited{

float:left;

width:200px;

height:30px;

line-height:30px;

text-transform:none;

display:block;

text-align:left;

text-indent:12px;

font-size:.8em;

color:#000000;

padding:3px 5px 0px 0px;

background-color:#8c8b8c;

}



/* second level */

.header li ul a:hover{

background-color:#8c24a4;

background-image:none;

color:#FFFFFF;}



.main{

float:left;

text-align:center;

background-image:url(images/main_bg.png);

width:969px;

height:auto;}



.content{

margin:0 72px -47px 72px;

background-color:#33FF66;

text-align:left;

width:825px;

z-index:10;

position:relative;

color:#000000;

background-color:#FFFFFF;

font-size:.82em;

line-height:1.3em;

}



.content h1, .content h3{

color:#8c24a4;

font-size:1.8em;

line-height:1em;

margin:.9em 0 .5em 0;}



.content h2{

font-size:1.3em;

line-height:1em;

margin:.5em 0 .5em 0;}



.content p{

margin:.2em 0 .4em 0;}



html>body .content{ 

float:left;}



.flash{

float:right;

width:315px;

height: 497px;

overflow: hidden; position: relative;

}



.flash2 {

float:right;

width:290px;

height: 675px;

overflow: hidden; position: relative;

}



.flash img, .flash2 img {

position: absolute; top: 0; right: 0;

}



.text{

float:left;

padding:18px;}



#home{
	width:800px;
	padding-top:16;
	padding-right:0;

}



.quicklinks{

padding-top:12px;}



.quicklinks a{

margin-right:10px;

}



a.homebutton:link, a.homebutton:visited{

width:105px;

height:182px;

display:block;

float:left;}



a.homebutton:hover{

background-position:0 -182px;

}



#hb1{

background-image:url(images/button_fc.gif);}



#hb2{

background-image:url(images/button_e.gif);}



#hb3{

background-image:url(images/button_p.gif);}



#hb4{

background-image:url(images/button_d.gif);}



.newshome{

float:left;

width:789px;

padding:18px;

background-color:#e5e5e5;}



.newshome a:link, .newshome a:visited{

color:#8c24a4;

font-weight:bold;

text-decoration:none;}



.newshome a:hover{

text-decoration:underline;}



.footer {

float:left;

background-image:url(images/base.png);

padding:52px 72px 0 72px;

width:825px;

height:110px;

font-size:.7em;

}



.footer a {text-decoration:none; color:#FFFFFF;}

.footer a:hover {text-decoration:underline;}



.footer .left{

float:left;}



.footer .right{

float:right;}



.gallerymain img{

margin:8px;

border:none;}



.gallerymain a:link img, .gallerymain a:visited img{

margin:8px;

border:1px #cccccc solid;}



.gallerymain a:hover img{

border:1px #9933CC solid;}



.gallerysub img{

margin:6px;

border:1px #9933CC solid;}



.gallerysub a:link img, .gallerysub a:visited img{

border:1px #9933CC solid;}



.gallerysub a:hover img{

border:1px #000000 solid;}



.hero{

border:none;

float:right;

}



.formtable td{

vertical-align:top;}



.bookingform{

width:300px;}



.buttons a img{

padding:8px;

border:none;}



#footerlinks {margin:50px 0px; text-align:center; font-size:12px;}

#footerlinks a {color:#FFFFFF; text-decoration:none;}

#footerlinks a:hover {color:#FF66FF;}a:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	text-decoration: none;

}