@charset "UTF-8";


html {height:100%;}

body {
	height:100%;
	margin: 0px;
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:left;
	background-image: url(media/ob_bg.jpg);
	font-weight: normal;
	background-color: #ccdeea;
}

.clear {height:0px;margin:0px;overflow:0px;clear:both;}

a:active, a:focus, #nav:active, #nav:focus {outline: none;}
a{color: #3781af;text-decoration: none;}
a:hover{color: #3781af;text-decoration: underline;}

#alert {

padding:20px 0px;
color:#900;
text-align:center;

border:1px solid #CCC;
padding:10px;

}

#alert h2 {
font-weight:bold;
font-size:24px;
line-height:24px;

}


h1{
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	display: inline;
	position:relative;
	bottom:3px;
}

h2{
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #000000;
	display: inline;
	position:relative;
	bottom:3px;
	padding: 0px;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	display: inline;
	position:relative;
	bottom:3px;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	padding-bottom: 6px;
	padding-top: 12px;
	margin: 0px;
}

ul{margin: 0px;padding-left: 20px;  list-style:disc outside;}
li{margin: 0px;padding: 0px;}

#container {
	width: 980px;
	padding:0px;
	position: relative; 
	overflow: hidden;
	text-align:left;
	margin: 0px auto;
}
/*-------------------------------------HEADER-----------------------------------------*/
#header {
	/*height: 429px;*/
	width: 980px;
	overflow: hidden;
	background-image: url(media/ob_shadow_mid.png);
	background-repeat: repeat-y;
}

#logo{
	background-color: #000000;
	height: 48px;
	width: 980px;
	padding-top: 87px;
	padding-bottom: 14px;	
	margin-left: 15px;
}

#shadow{
	background-image: url(media/ob_shadow_top.png);
	background-repeat: no-repeat;
	height: 12px;
	width: 980px;
	overflow:hidden;
}

#image-top{
	/*height: 248px;*/
	width: 950px;
	margin-left: 15px;
}

.nav{
	height: 30px;
	width: 950px;
	background-image: url(media/ob_nav_bar.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	margin-bottom: 1px;
}

.nav a{
	padding-left: 14px;
	padding-right: 14px;
	text-decoration: none;
	color: #FFFFFF;
	display:inline-block;
	height: 26px;
	margin-top: 2px;
	vertical-align:top;
}

.nav a:hover, .nav a.selected{
	text-decoration: none;
	color: #000000;
	background-image: url(media/ob_hover3.jpg);
	background-repeat: repeat-x;
}

.nav-sep{
	background-image: url(media/ob_nav_sep.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 5px;
	display:inline-block;
	background-attachment: center center;
}

#slideshow {height: 249px;}
.slide {position:absolute;height:248px;}
/*-------------------------------------------CONTENT-------------------------------------------------*/
#content {
	width: 950px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	background-image: url(media/ob_shadow_mid_2.png);
	background-repeat: repeat-y;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 18px;
}

.divider{
	background-image: url(media/ob_divider.png);
	background-repeat: repeat-x;
	height: 7px;
	width: 582px;
	margin-top: 2px;
	margin-bottom:2px;
	overflow:hidden;
}

hr {
		background-image: url(media/ob_divider.png);
	background-repeat: repeat-x;
	height: 7px;
	margin-top: 2px;
	margin-bottom:2px;
	overflow:hidden;
	border:none;
	
}
/*-------------------------------------------OVERVIEW-------------------------------------------------*/

#overview-left{
	width: 584px;
	float:left;
	background-color: #cccccc;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 25px;
	padding-bottom: 15px;
	background-image: url(media/ob_content_bg.jpg);
	background-repeat: repeat-x;
	margin-right: 1px;
}

#overview-right{
	width: 335px;
	float:left;
	background-color: #cccccc;
}

.title{font-size: 16px;font-weight: bold; padding-bottom:5px;display:block;}

#para-left{
	width: 280px;
	float:left;
	margin-top: 5px;
}

#para-right{
	width: 260px;
	float:left;
	margin-bottom: 15px;
	margin-top: 5px;
}

#enquire-btn{
	background-image: url(media/ob_footer.png);
	background-repeat: repeat-x;
	height: 25px;
	width: 100px;
	border: 1px solid #FFFFFF;
	line-height: 25px;
	text-align:center;
	margin-left: 480px;
	display:inline-block;
}

#enquire-btn:hover{border: 1px solid #999999;text-decoration: none;}
/*-------------------------------------------FOOTER-------------------------------------------------*/
#footer{
	height: 33px;
	width: 920px;
	overflow: hidden;
	margin: 0px 0px -4px 0px;
	padding: 0px;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url(media/ob_footer.png);
	background-repeat: repeat-x;
	font-size: 12px;
	line-height: 33px;
	border-bottom: 2px solid #FFFFFF;
}

#footer-left{
	font-size: 12px;
	color: #000000;
	text-align: left;
	width: 500px;
	float:left;
}

#footer-right{
	font-size: 12px;
	color: #666666;
	text-align: right;
	width: 420px;
	float:left;
}

#footer-shadow{
	background-image: url(media/ob_shadow_btm.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 980px;
}

/*-------------------------------------------MAP-------------------------------------------------*/
#map {
	height:400px;
	width:950px;
	margin-bottom: 1px;
}
/*-------------------------------------------LOCAL ACTIVITIES-------------------------------------------------*/
#local {
	width: 920px;
	float:left;
	background-color: #cccccc;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 25px;
	padding-bottom: 15px;
	background-image: url(media/ob_content_bg.jpg);
	background-repeat: repeat-x;
}

.divider-long{
	background-image: url(media/ob_divider.png);
	background-repeat: repeat-x;
	height: 7px;
	width: 920px;
	margin-top: 2px;
	margin-bottom:2px;
	overflow:hidden;
}

/*-------------------------------------------ENQUIRE FORM-------------------------------------------------*/
#enquire {
	width: 920px;
	float:left;
	background-color: #cccccc;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 25px;
	padding-bottom: 15px;
	background-image: url(media/ob_content_bg.jpg);
	background-repeat: repeat-x;
}

.formlabel {
	height: 20px;
	width: 155px;
	float: left;
	line-height: 25px;
}

.formlabeldbl {
	height: 30x;
	width: 155px;
	float: left;
	line-height: 15px;
}

#formlabel-double {
	height: 20x;
	width: 155px;
	float: left;
	line-height: 20px;
}

.formlabel-long{
	height: 20px;
	width: 400px;
	float: left;
	line-height: 25px;
}

input, textarea, select {
	padding: 5px;
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:1px solid #CCCCCC;	
	float:left;
	margin:0px 20px 5px 0px}

.inputwide{height: 15px;width: 250px;}

.inputmed{height: 15px;width: 100px;}

.inputshort{height: 15px;width: 30px;}

#submit{cursor: pointer;}

#bookSubmit, .showForm {
	cursor: pointer;
	font-size:12px;
	border:1px solid #999;
	float:none;
	margin:10px 0px;
	background-image: url(media/ob_hover3.jpg);
	background-repeat: repeat-x;
	color:#333;
	font-family:Arial, Helvetica, sans-serif
}

#bookSubmit:hover, .showForm:hover {
	border:1px solid #000;
}

.red{font: Arial, Helvetica, sans-serif;font-size: 10px;color:#FF0000;}

/*------------------------------------- GALLERY -------------------------------------*/

a#gallery-prev {
	width:20px;
	height:59px;
	background-image: url(media/prev.png);
	background-repeat: no-repeat;
	display: block;
	margin-left:10px;	
	overflow:hidden;
	position: absolute;	
	top: 800px !important;
	top: 350px;
	text-indent:-5000px;
	z-index:50;
}

a#gallery-next {
	width:20px;
	height:59px;
	background-image: url(media/next.png);
	background-repeat: no-repeat;
	display: block;
	position: absolute;	
	top: 800px !important;
	top: 350px;
	overflow:hidden;
	text-indent:-5000px;
	z-index:50;
	margin-left:920px;
}

a#gallery-next:hover, a#gallery-prev:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#gallery-thumbs {
	background-image: url(media/ob_gradient_thumbs.jpg);
	height: 100px;	
	border-bottom:1px solid #666;
	text-align:center;	
	font-size:10px;
	line-height:18px;
	font-weight:bold;
}

#gallery-thumbs a {
	display:inline-block;
	width:60px;
	height:60px;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:center;
	overflow:hidden;
	font-size:1px;
	text-indent:-5000px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #666;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	margin-top: 4px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
}

#gallery-thumbs a:hover, #gallery-thumbs a.selected  {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#gallery-load {
	background-image: url(media/ob_content_bg_wide.jpg);
	background-repeat: repeat-x;
	background-color: #cccccc;
	text-align:center;
	padding:15px 0pc 15px 0px;;
	height:500px;
	position:absolute;
	z-index:10;
	width:950px;
	color:#666;
	border-bottom:1px solid #666;
}

#gallery-main {
	background-image: url(media/ob_content_bg_wide.jpg);
	background-repeat: repeat-x;
	background-color: #cccccc;
	text-align:center;
	padding:15px 0pc 15px 0px;
	height:500px;
	z-index:5;
	width:950px;
	border-bottom:1px solid #666;
}

#gallery-main  img {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #666;	
}

#admin {
	background-image: url(media/ob_content_bg_wide.jpg);
	background-repeat: repeat-x;
	background-color: #cccccc;
	text-align:center;
	padding:15px 0pc 15px 0px;
	z-index:5;
	width:950px;
	border-bottom:1px solid #666;
}

/*-------------------------- HOMEPAGE ----------------------------*/
#home-content {
	background-image: url(media/ob_content_bg_wide.jpg);
	background-repeat: repeat-x;
	background-color: #cccccc;
	text-align:center;
	padding:15px 0pc 15px 0px;
	height:500px;
	z-index:5;
	width:950px;
	border-bottom:1px solid #666;
}

#holiday-menu {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style-type: none;
}

#holiday-menu li {
	margin:0px;
	padding:0px;
	display:block;
	float:left;
}

/*#holiday-menu a {
	height: 185px;
	font-size:12px;
	color:#666;
	line-height:20px;
	font-weight:normal;	
	display:block;
	width:285px;
	margin:20px 0px 20px 118px;
	padding:2px;
	text-align:left;	
}*/

#holiday-menu a {
	height: 145px;
	font-size:12px;
	color:#666;
	line-height:20px;
	font-weight:normal;	
	display:block;
	width:200px;
	/*margin:20px 0px 20px 118px;*/
	padding:2px;
	text-align:left;	
}

#holiday-menu li .small{
	display:block;
	margin-top:6px;
	font-size:12px;
	line-height:14px;
	font-weight:normal;	
}

#holiday-menu li img {border:solid 1px #666;}

#holiday-menu li a:hover {color:#000;text-decoration:none;}

#holiday-menu li a img:hover {border:1px solid #000;}

#holiday-title {
	text-align:center;
	padding:10px;
	line-height:30px;
	margin:0px;
	color:#000;
	font-style: italic;
	font-size:26px;
	display:block;
	font-weight:normal;
}

#banner1{margin-left:100px;margin-top:50px;}
#banner2{margin-left:65px;margin-top:50px;}
#banner3{margin-left:65px;margin-top:50px;}
#banner4{margin-left:100px;}
#banner5{margin-left:65px;}
#banner6{margin-left:65px;}

/*-------------------------- RATES ----------------------------*/

#rates-left{
	width: 200px;
	overflow:hidden;
	float:left;
}

#rates-right{
	width: 200px;
	overflow:hidden;
	float:left;
}

#rates-left-long{
	width: 350px;
	overflow:hidden;
	float:left;
}

/*-------------------------- ADMIN -------------------*/


#admin {
	background-image: url(media/ob_content_bg_wide.jpg);
	background-repeat: repeat-x;
	background-color: #cccccc;
	text-align:left;
	padding:5px;
	z-index:5;
	width:940px;
	border-bottom:1px solid #666;
}

#admin h4 {
	text-align:left;	
}

.overrideMargins {
	margin: 5px -5px;	
}