#page {
	width:100%;
	position:relative;
	top:0px;
	text-align:center;
	background:url(../image/background.jpg) top center repeat-y;
	
	
}


#content {
	margin:0 auto;
	position:relative;
	top:0px;
	width:600px;
	height:864px;
	text-align:left;
	
}

#logo {
	position:absolute;
	top:35px;
	left:65px;
	width:49px;
	height:60px;
	
	
}

#navigation {
	position:absolute;
	top:45px;
	left:125px;
	width:516px;
	height:48px;
	background:url(../image/navi1.png)
}

#navigation li a {
	display:block;
	height:48px;
}

.rooms {
	width:118px;
	background:url(../image/navi.png) no-repeat; 
	background-position: 0px -60px;
}

.rooms:hover , .roomsactive {
	background-image:url(../image/navi.png);
	background-position: 0px -4px;
	background-color:transparent!important;
}

.facilities {
	width:137px;
	background-image:url(../image/navi.png)!important;
	background-position: 398px -60px!important;
}

.facilities:hover , .facilitiesactive {
	background-image:url(../image/navi.png)!important;
	background-position: 398px -4px!important;
}

.location {
	width:78px;
	background-image:url(../image/navi.png);
	background-position: 264px -60px;
}

.location:hover , .locationactive {
	background-image:url(../image/navi.png);
	background-position: 264px -4px;
}

.attractions {
	width:97px;
	background-image:url(../image/navi.png);
	background-position: 187px -60px;
}

.attractions:hover , .attractionsactive {
	background-image:url(../image/navi.png);
	background-position: 187px -4px;
}

.contact {
	width:85px;
	background-image:url(../image/navi.png);
	background-position: 86px -60px;
	
}

.contact:hover , .contactactive {
	background-image:url(../image/navi.png);
	background-position: 86px -4px;
	background-color:transparent!important;
}

#gallery {
	position:relative;
	left:40px;
	top:140px;
	width:600px;
	height:400px;
	background:url(../image/gallery.png)
}



#gallerytext {
	position:absolute;
	top:0;
	left:0;
	width:316px;
	padding:10px;
	background-color:#ece0ba;
	height:376px;
}

#gallerypix , #gallerypix2 , #gallerypix3 , #gallerypix4 {
	position:absolute;
	top:2px;
	left:2px;
	width:596px;
	height:396px;
	
}

#gallerypix2 , #gallerypix3 , #gallerypix4 {
	display:none;
}

#imageright {
	position:absolute;
	top:0;
	left:336px;
	width:260px;
	height:396px;
	
}

#location #imageright , #attractions #imageright , #contact #imageright {
	width:300px;
	left:296px;
	background-color:#fff;
}

#location #gallerytext , #attractions #gallerytext , #contact #gallerytext {
	width:276px
}   

#facilities #gallerytext .arrow2 {
	width:120px;
}

#imageright #pic {
	width:300px;
	height:220px;
	background-color:#c37012;
}

#imageright #text {
	width:260px;
	height:180px;
	padding:10px 20px;
	
}

#attractions #imageright #pic { 
	height:250px;
}

#attractions #imageright #text { 
	height:126px;
	text-align:center;
}

#attractions #imageright #text img {
	margin:5px;
}

#attract1 ,#attract2 , #attract3 , #attract4 , #attract5 , #attract6 , #attract7 , #attract8 {
	position:absolute;
	top:0;
	left:0;
}

#attract2 , #attract3 , #attract4 , #attract5 , #attract6 , #attract7 , #attract8 {
	display:none;
}

h1 {
	text-indent:-5000px;
	height:57px;
	position:relative;
	left:40px;
	top:130px;
	margin:0 auto;
	background:url(../image/oceanviewmotel.png) top left no-repeat;
	width:595px;
	
}

#maintext , #maintext2 , #maintext3 , #maintext4 {
	position:absolute;
	left:40px;
	top:600px;
	width:400px;
}


#maintext2 , #maintext3 , #maintext4 {
	display:none;
}

#maintext h2 {
	text-indent:-5000px;
}

#home #maintext h2 {
	background:url(../image/welcome.png) top left no-repeat;
	height:29px;
	width:144px;
	text-indent:-5000px;
}

#rooms #maintext h2 {
	background:url(../image/sparoom.png) top left no-repeat;
	height:24px;
	width:217px;
	text-indent:-5000px;
}

#rooms #maintext2 h2 {
	background:url(../image/oceanviewroom.png) top left no-repeat;
	height:24px;
	width:217px;
	text-indent:-5000px;
}

#rooms #maintext3 h2 {
	background:url(../image/standardroom.png) top left no-repeat;
	height:24px;
	width:217px;
	text-indent:-5000px;
}

#rooms #maintext4 h2 {
	background:url(../image/familyroom.png) top left no-repeat;
	height:24px;
	width:217px;
	text-indent:-5000px;
}

#special {
	position:absolute;
	left:460px;
	top:610px;
	width:160px;
	background-color:#f4f1dd;
	padding:10px;
}

#special a , #onlinespecial a , #footer a{
	color:#000;
	text-decoration:none;
}

#special h3 {
	text-indent:-5000px;
	height:17px;
	width:118px;
	background:url(../image/onlinespecial.png) top left no-repeat
}

#specialtopleft {
	position:absolute;
	top:0;
	left:0;
	height:10px;
	width:10px;
	background:url(../image/tl.gif) top left;
}

#specialbottomleft {
	position:absolute;
	bottom:0;
	left:0;
	height:10px;
	width:10px;
	background:url(../image/bl.gif) top left;
}


#specialtopright {
	position:absolute;
	top:0;
	left:170px;
	height:10px;
	width:10px;
	background:url(../image/tr.gif) top left;
}

#onlinespecial #specialtopright {
	position:absolute;
	top:0;
	left:590px;
	height:10px;
	width:10px;
	background:url(../image/tr.gif) top left;
}

#specialbottomright {
	position:absolute;
	bottom:0;
	left:170px;
	height:10px;
	width:10px;
	background:url(../image/br.gif) top left;
}

#onlinespecial #specialbottomright {
	position:absolute;
	bottom:0;
	left:590px;
	height:10px;
	width:10px;
	background:url(../image/br.gif) top left;
} 

#roomselect {
	position:absolute;
	left:480px;
	top:614px;
	width:140px;
	padding:10px;
}

#roomselect h3 {
	background:url(../image/arrow2.png) no-repeat 0px 7px;
	padding-left:10px;
	margin-bottom:10px;
}

#roomselect a {
	display:block;
	border-bottom: 1px solid #000;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	color:#000;
	text-decoration:none!important;
}



#roomselect a:hover , #roomselect .active  {
	background:url(../image/arrow.png) no-repeat 0px 7px;
	color:#c37012;
}


#roomselect a.booknow {
	margin-top:10px;
	border-bottom:none;
	text-indent:-5000px;
	background:url(../image/booknowbutton.png) no-repeat;
	width:100px;
	height:30px
}

#roomselect a.booknow:hover , #onlinespecial a.booknow {
background:url(../image/booknowbutton.png) no-repeat;
}

#onlinespecial 	a.booknow {
	margin-top:10px;
	border-bottom:none;
	text-indent:-5000px;
	background:url(../image/booknowbutton.png) no-repeat;
	width:100px;
	height:30px;
	display:block;
	position:absolute;
	top:80px;
	left:300px
} 

.bold {
	font-weight:bold;
}

h4.bold {
	background:url(../image/arrow.png) no-repeat 10px 5px;
	padding-left:20px;
}

.readmore {
	border-top:1px solid #000;
	color:#000;
	text-decoration:none;
	
}

#maintext .readmore {
	width:320px;
	padding-left:320px;
	background:url(../image/arrow2.png) no-repeat 310px 7px;
}

#special .readmore {
	width:140px;
	padding-left:100px;
	background:url(../image/arrow2.png) no-repeat 90px 7px;
}

p {
	padding:10px;
}

.arrow2 {
	background:url(../image/arrow2.png) no-repeat 0px 5px;
	padding-left:10px;
}

.arrow {
	background:url(../image/arrow.png) no-repeat 0px 5px;
	padding-left:10px;
	position:relative;
}

.price {
	background:url(../image/arrow2.png) no-repeat 0px 5px;
	padding-left:10px;
	color:#713500;
	
}

.price2 {
	padding-left:71px;
	color:#713500;
	
}

#rating {
	position:absolute;
	top:795px;
	left:463px;
	width:174px;
	height:20px;
	background:url(../image/rac.gif) top left no-repeat;
}

#footer {
	position:absolute;
	left:370px;
	top:820px;
	width:270px;
	text-align:right;
	
}

#copyright {
	display:none;
}

.head {
	width:80px;
	position:relative;
}

#onlinespecial {
	position:relative;
	left:40px;
	top:160px;
	width:580px;
	height:120px;
	background-color:#f2f3dd;
	padding:10px;
}

#onlinespecial h2 {
	text-indent:-5000px;
	width:118px;
	height:17px;
	background:url(../image/onlinespecial.png) top left no-repeat;
	
}

#onlinespecial #leftcolumn {
	position:absolute;
	top:10px;
	left:0;
	width:130px;
	height:120px;
	border-right:1px solid #000;
	padding-left:20px;
}

#onlinespecial #leftcolumn h4 {
	margin-top:20px;
	display:block;
}

#onlinespecial #leftcolumn .arrow2 {
	margin-top:40px;
	display:block;
}

#onlinespecial #rightcolumn {
	position:absolute;
	top:0px;
	left:150px;
	width:450px;
	height:130px;
	
}

.coloured {
	color:#713500;
}

.attract {
	position:relative;
	left:10px;
}

#conditions {
	position:absolute;
	top:300px;
	left:40px;
	width:590px;
	border:5px solid #000;
	background-color:#fff;
	z-index:999;
	display:none;
	
}

#conditions ul {
	padding:10px;
	display:block;
	height:220px;
	
}

#conditions li {
	text-indent:0;
	list-style:none;
	margin-bottom:10px;
	list-style-position:inside;
	width:550px
}

.top {
	padding-top:0px!important;
}

#booking #gallerypix {
	width:576px;
	padding:10px;
	height:480px
}


#booking #gallery {
	height:500px
} 

#ssl  {
position:absolute;
top:60px;
left:420px;
width:100px;
height:60px
}