html {
height:100%
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
padding:0px;
margin:0px;
background:#A2A2A2 url('images/bg.jpg') fixed top left repeat-x; 
height:100%;
}



#holdingpage {
width: 960px;
height: 700px;
margin: 10px auto 0px auto;
background:transparent url('images/holding.png') top left no-repeat;
}

#container {
width:960px;
margin:0px auto 20px auto;
position:relative;
z-index:1;
}

#header {
width:960px;
height:152px;
position:relative;
background:transparent url('images/navfoot.jpg') bottom left no-repeat;
z-index:100;
}

#navbar {
width:600px;
height:19px;
position:absolute;
right:0px;
top:120px;
font-size:11px;
font-weight:bold;
}

#navbar a{
color:white;
text-decoration:none;
}


#navnar ul {
list-style:none;
display:inline;
margin:0px;
margin-top:0px;
padding:0px;
}

#navbar ul li {
list-style:none;
display:inline;
width:100px;
height:19px;
background:transparent url('images/navs.gif') top left no-repeat;
margin:0px;
padding:0px;
}

#navbar ul li:hover {
background-position:bottom left;
}

.navs {
float:left;
width:100px;
height:15px;
text-align:center;
background:transparent url('images/navs.gif') bottom left no-repeat;
line-height:19px;
}
.navs a:hover {
background-position: bottom left;
}

#specials {
	width:103px;
	height:25px;
	background:transparent url('images/special.png') top left no-repeat;
	position:absolute;
	bottom:0px;
	left:-103px;
	line-height:30px;
	text-align:center;
	font-size:11px;
}
#specials:hover {
	background-position:bottom left;
}


#logo {
position:absolute;
left:-77px;
width:431px;
height:261px;
background:transparent url('images/logo.png') bottom left no-repeat;
}
#logo h2{
display:none;
}
#logobutton {
width:194px;
height:138px;
cursor:pointer;
position:absolute;
left:95px;
top:30px;
}


#mainimage {
width:960px;
height:237px;
position:relative;
z-index:50;
}


#splat {
width:367px;
height:217px;
position:absolute;
right:-77px;
bottom:0px;
z-index:3;
}

#splat h3 {
display:none;
}

#newbookbox {
	width:359px;
	height:250px;
	position:absolute;
	right:-70px;
	bottom:0px;
	z-index:3;
	background:transparent url('images/booknow.png') top left no-repeat;
}
#newbookbox-pad {
	position:absolute;
	bottom:10px;
	left:46px;
	width:250px;
}

#bottombar {
width:960px;
height:14px;
bottom:0px;
left:0px;
position:absolute;
background: transparent url('images/flashbar.png') top left no-repeat;
z-index:2;
}

#maincontent {
width:960px;
background:transparent url('images/bodybg.png') top left repeat-y;
}

#maincontent a {
color:white;
}

#maincontent-contact {
width:960px;
background:#151B1A url('images/bodybg.png') top left no-repeat;
}

#maincontent-contact a {
color:white;
}

#maincontent-corporate {
width:960px;
background:#151B1A;
}

#maincontent-corporate a {
color:white;
}


#footer {
width:960px;
height:93px;
position:relative;
margin-top:5px;
background:transparent url('images/foot.gif') top left no-repeat;
}

#address {
position:absolute;
right:10px;
bottom:10px;
width:300px;
height:30px;
font-size:11px;
text-align:right;
}

#homecoming {
width:81px;
height:51px;
position:absolute;
top:28px;
left:14px;
}



#fringe {
width:117px;
height:52px;
background:transparent url('images/fringe.gif') top left no-repeat;
position:absolute;
top:28px;
left:123px;
}

#twit {
width:250px;
height:52px;
position:absolute;
top:28px;
left:260px;
}

#bookbox {
width:187px;
height:293px;
float:left;
margin:15px 0px 0px 23px;
background: transparent url('images/bookbox.gif') top left no-repeat;
}

#leftcolumn {
width:187px;
float:left;
margin:15px 0px 0px 23px;
padding-bottom:15px;
}

#contactbooking {
height:452px;
float:left;
margin:15px 0px 0px 23px;
}

#bookboxcontact {
width:187px;
height:293px;
background: transparent url('images/bookbox.gif') top left no-repeat;
}
#bookedcontact {
width:187px;
height:133px;
padding-top:10px;
background:transparent url('images/booked.gif') top left no-repeat;
}

#NavBox {
width:187px;
height:283px;
float:left;
margin:15px 0px 0px 23px;
background: transparent url('images/bookbox.gif') top left no-repeat;
line-height:20px;
text-align:right;
}

#NavBox a {
color:white;
font-weight:bold;
text-align:right;
}

#booked {
float:left;
margin-left:23px;
width:187px;
height:143px;
background:transparent url('images/booked.gif') top left no-repeat;
}

.shadingA {
background:transparent url('images/grey.png') top left repeat;
margin:0px 10px 10px 10px;
height:213px;
padding:10px;
}

.shadingB {
background:transparent url('images/grey.png') top left repeat;
margin:20px 10px 10px 10px;
height:94px;
padding:10px;
font-size:10px;
}

.shadingB-contact {
background:transparent url('images/grey.png') top left repeat;
margin:10px 10px 10px 10px;
height:94px;
padding:10px;
font-size:10px;
}

#contentA {
width:600px;
float:left;
margin:15px 0px 0px 60px;
position:relative;
}

#twitterwidget {
	float:left;
	width:180px;
	position:relative;
	height:100px;
	margin-top:20px;
	margin-left:15px;
}

#contentB {
position:relative;
width:960px;
padding-bottom:10px;
}

#phone {
background:transparent url('images/phone.png') top left no-repeat;
padding-left:100px;
padding-top:30px;
}

#post {
background:transparent url('images/post.png') top left no-repeat;
padding-left:100px;
padding-top:5px;
}

#emails {
background:transparent url('images/email.png') top left no-repeat;
padding-left:100px;
padding-top:30px;
}

#ad1 {
width:187px;
height:133px;
background: transparent url('images/newsbutton.gif') top left no-repeat;
float:left;
margin:10px 0px 0px 60px;
cursor:pointer;
}
#ad1 h3 {
display:none;
}

#ad1-A {
width:187px;
height:133px;
background: transparent url('images/newsbutton.gif') top left no-repeat;
margin:10px 0px 0px 0px;
cursor:pointer;
}
#ad1-A h3 {
display:none;
}

#ad2-A {
width:187px;
height:133px;
background: transparent url('images/gallerybutton.jpg') top left no-repeat;
margin:10px 0px 0px 0px;
cursor:pointer;
}
#ad2-A h3 {
display:none;
}



#ad3-A {
width:159px;
height:132px;
background: transparent url('images/arcafe.png') top left no-repeat;
margin:10px 0px 0px 0px;
cursor:pointer;
}
#ad3-A h3 {
display:none;
}

#twitB {
width:157px;
height:52px;
margin:10px auto 0px auto;
}


#facebook {
width:157px;
height:43px;
margin:10px auto 0px auto;
}

#ad2 {
width:187px;
height:133px;
background: transparent url('images/gallerybutton.jpg') top left no-repeat;
float:left;
margin:10px 0px 0px 40px;
cursor:pointer;
}
#ad2 h3 {
display:none;
}

#ad3 {
width:159px;
height:132px;
background: transparent url('images/arcafe.png') top left no-repeat;
float:left;
margin:10px 0px 0px 50px;
cursor:pointer;
}
#ad3 h3 {
display:none;
}

#next {
position:absolute;
width: 118px;
height: 30px;
background: transparent url('images/button.png') top left no-repeat;
padding-top:20px;
overflow:hidden;
font-weight:bold;
font-size:15px;
right:0px;
bottom:0px;
margin-top:20px;
}
#next a{
color:white;
text-decoration:none;
padding-left:30px;
}

.send {
width: 118px;
height: 50px;
background: transparent url('images/sendbutton.png') top left no-repeat;
font-weight:bold;
font-size:15px;
color:white;
text-align:left;
border:0px;
cursor:pointer;
}
.reset {
width: 118px;
height: 50px;
background: transparent url('images/resetbutton.png') top left no-repeat;
font-weight:bold;
font-size:15px;
color:white;
text-align:left;
border:0px;
cursor:pointer;
}

.contactfield {
width:300px;
background:#FFEAFF;
border:1px solid #CC0099;
}

#dd1 {
display:none;
width:95px;
background:#DD0AB2;
text-align:left;
padding-left:5px;
}

#dd2 {
display:none;
width:115px;
background:#DD0AB2;
text-align:left;
padding-left:5px;
}

#dd3 {
display:none;
width:115px;
background:#DD0AB2;
text-align:left;
padding-left:5px;
}

#dd4 {
display:none;
width:120px;
background:#DD0AB2;
text-align:left;
padding-left:5px;
}

#dd5 {
display:none;
width:105px;
background:#DD0AB2;
text-align:left;
padding-left:5px;
}

#dd6 {
display:none;
width:95px;
background:#DD0AB2;
text-align:left;
padding-left:5px;
}

#dd7 {
display:none;
width:95px;
background:#DD0AB2;
text-align:left;
padding-left:5px;
}



.floatfix {
height:0px;
font-size:0px;
overflow:hidden;
clear:both;
}

.large {
font-size:18px;
}

h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}


h1 {
	text-align: left;
	font-size: 19px;
	padding: 0px 0 16px 0;
	margin: 0;
}

h2 {
	text-align: left;
	font-size: 10px;
	padding: 0px 0 4px 0;
	margin: 0;
}

h3 {
	font-size: 14px;
	padding: 8px 0 8px 0;
	margin: 0px;
}

h4 {
	font-size: 13px;
	padding: 8px 0 8px 0;
	margin: 0 8px 0 8px;
}

h5 {
	font-size: 12px;
}

.bookform {
border:0;
font-size:10px;
color:#333333;
margin-right:4px;
}

.bookbutton {
width:87px;
height:20px;
line-height:20px;
font-size:11px;
font-weight:bold;
background:#00B1C1;
border:0px;
color:white;
margin-top:10px;
}

.bookbuttonB {
width:96px;
height:35px;
line-height:35px;
font-size:11px;
font-weight:bold;
background:transparent url('images/search.png') top left no-repeat;
border:0px;
color:white;
cursor:pointer;
}

.small {
font-size:10px;
}

#addbanner {
	width:468px;
	height:60px;
	position:absolute;
	top:35px;
	right:80px;
}

/* ~~~~~~ Pop Up Add CSS ~~~~~~ */

#blur {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:1000;
}

#layer1 {
	position:absolute;
	display:block;
	width:317px;
    margin:50px auto;
	background:transparent url('images/specbg.png') top left repeat-y;
	z-index:9999;
	color:black;
	text-align:center;
	padding-top:20px;
}

#layer1 p {
	font-size:14px;
}

#spechead {
	width:317px;
	height:97px;
	position:absolute;
	top:-50px;
	left:0px;
	background:transparent url('images/spechead.png') top left no-repeat;
}

#specbottom {
	width:317px;
	height:22px;
	position:absolute;
	bottom:-20px;
	left:0px;
	background:transparent url('images/specbottom.png') top left no-repeat;
}

#layer1pad {
	width:227px;
	position:relative;
	margin:0px 0px 0px 50px;

}

#close {
	width:51px;
	height:20px;
	background:transparent url('images/close.gif') top left no-repeat;
	position:absolute;
	top:25px;
	right:25px;
	display:block;
	cursor:pointer;
}