@import url("popup.css");

html,body{
	height:100%;
	margin:0;
	padding:0;
}
body{
	background:#c9c9cf;
	text-align:center;
	min-width:967px;
	min-height:536px;
	font-family:verdana;

}
#vertical{
	float:left;
	height:10px;
	width:100%;
}
#hoz {
	width:965px;
	margin-left:auto;
	margin-right:auto;
	height:600px;
	overflow:auto;/* allow content to scroll inside element */
	text-align:left;
	clear:both;
	position:relative;
}

#flag_nav{
width:235px;
height:15px;
background:white;
position:absolute;
top:10px;
right:20px;
text-align:right
}
#flag_nav img{
border:0
}

/* Backgrounds */
div.bg1{background: transparent url(../images/main_bg1.jpg) no-repeat;}
div.bg2{background: transparent url(../images/main_bg2.jpg) no-repeat;}
div.bg3{background: transparent url(../images/main_bg3.jpg) no-repeat;}
div.bg4{background: transparent url(../images/main_bg4.jpg) no-repeat;}
div.bg5{background: transparent url(../images/main_bg5.jpg) no-repeat;}
div.bg6{background: transparent url(../images/main_bg6.jpg) no-repeat;}
div.bg7{background: transparent url(../images/main_bg7.jpg) no-repeat;}
div.bg8{background: transparent url(../images/main_bg8.jpg) no-repeat;}
div.bg9{background: transparent url(../images/main_bg9.jpg) no-repeat;}
div.bg10{background: transparent url(../images/main_bg10.jpg) no-repeat;}
div.bg11{background: transparent url(../images/main_bg11.jpg) no-repeat;}

/* End Backgrounds */

/*  Navigation */

ul#nav_left{
position:absolute;
left:30px;
top:247px;
font-size:12px;
list-style:none;
list-style-position:outside;
margin:0;
padding:0;
}
ul#nav_left li{
margin:0 0 8px 0;
padding:0;
}
ul#nav_left a{
color:#fff !important;
text-decoration:none;
padding-left:12px;
background:transparent url(../images/left_nav_bulletx.gif) no-repeat 0 4px;
}
ul#nav_left a.booking{
padding-left:19px;
background:transparent url(../images/left_nav_bulletx.gif) no-repeat 7px 4px;

}
ul#nav_left a.contact{
padding-left:28px;
background:transparent url(../images/left_nav_bulletx.gif) no-repeat 16px 4px;

}
ul#nav_left a:hover{
text-decoration:underline;
}




ul#nav_left_top{
position:absolute;
left:20px;
top:50px;
font-size:12px;
list-style:none;
list-style-position:outside;
margin:0;
padding:0;
width:150px;
}
ul#nav_left_top li{
margin:0 0 5px 0;
padding:0;
text-align:right;
}
ul#nav_left_top a{
color:#666698 !important;
text-decoration:underline;
padding-left:12px;
}

ul#nav_left_top a:hover{
text-decoration:underline;
}


	#dhtmlgoodies_scrolldiv{
		/* The total width of the scrolling div including scrollbar */
		width:405px;
		height:320px;	/* The height of the scrolling div */
		position:absolute;
		top:50px;
		right:55px;
		background-color:transparent;
	}
	#scrolldiv_parentContainer{
		width:375px;	/* Width of the scrolling text */
		height:100%;
		overflow:hidden;
		float:left;
		position:relative;
		background-color:transparent;		
	}
	
	/*
	CSS for the scrolling content 
	*/
	#scrolldiv_content{
		padding: 0 5px 5px 5px 0;
		position:relative;
		font-family: verdana, sans-serif;
		font-size: 12px;
		line-height:1.5;
		color: #808080;
		background-color:transparent;		
	}
	#scrolldiv_content p{
	margin:0 0 10px 0;
	padding:0;
	background-color:transparent;	
	}
	#scrolldiv_content h5{
	margin:0 0 10px 0;
	padding:0;
	font-size:14px;
	color:#666699;
	text-transform: capitalize !important;
	}
	
	/*
	The scrollbar slider 
	*/
	#scrolldiv_slider{
		width:15px;
		margin-left:2px;
		height:290px;
		float:left;
	}
	
	/*
	The scrollbar (The bar between the up and down arrow )
	*/
	#scrolldiv_scrollbar{
		width:15px;
		height:280px;	/* Total height - 40 pixels */
		position:relative;
		
	}
	/*
	The scrollbar handle
	*/
	#scrolldiv_theScroll{
		margin:1px;
		width:13px;
		height:13px;
		position:absolute;	
		top:0px;
		left:0px;
		cursor:pointer;
background:transparent url(../images/slider.png) no-repeat;
	}
	/*
	Scroll buttons(The up and down arrows)
	*/
	#scrolldiv_scrollUp,#scrolldiv_scrollDown{
		width:15px;
		height:16px;
		color: #BC8FBD;
		text-align:center;
		font-size:16px;
		line-height:16px;
		cursor:pointer;
	}
	#scrolldiv_scrollUp{
		margin-bottom:2px;
	}
	#scrolldiv_scrollDown{
		margin-top:2px;
	}
	#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
		font-family: Symbol;
	}












/*	MAIN MENU		*/
#menu {
list-style-type:none; 
margin:0; /* settings for this demo olnly */
padding:0;
position:absolute;
top:392px;
left:203px;
z-index:1;

}

#menu li {display:block; float:left; position:relative; z-index:100; margin-right:23px;}
#menu li span {display:block; z-index:100; background:#fff;color:#666698 !important; padding: 5px 0;font-size:12px;text-align:left;}
#menu li a, #menu li a:visited {display:block; padding:0;}
#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0;background: url(transparency.gif);}
#menu dt {background: #fff; margin:0; font-size: 12px; border-bottom:1px solid #fff; float:left; border-right:1px solid #fff;padding: 5px 0;color:#666698}
#menu dd {display:none; background: #666699;border-bottom:1px solid #fff;border-collapse:collapse; clear:left; margin:0; padding:0; color: #fff; font-size: 12px; text-align:left;}
#menu dt a, #menu dt a:visited {display:block; color:#666698; padding: 2px 0; text-decoration:none;}
#menu dd a, #menu dd a:visited {background:#666699; color:#fff; text-decoration:none; display:block; padding: 2px 3px;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;background:#7dbeff;}
#menu dd a:hover {background: #7dbeff; color:#fff;}


#menu.hr li{margin-right:30px;}

/* End Navigation */

div#flash{
position:absolute;
top:50px;
left:180px;
}
img#left_pic{
position:absolute;
top:50px;
left:180px;
}

span.staff{
font-weight:bold;
}


ul#articles{
margin:0;
padding:0;
list-style:none;
}

ul#articles li{
margin:0 0 6px 0 !important;
}



/* Gallery */

div#gallery_thumbs{
position:absolute;
top:48px;
left:180px;
width:715px;
height:325px;
}
div#gallery_thumbs p{
width:140px;
height:106px;
margin:2px 2px 0 0;
float:left;
padding:0;
}
div#gallery_thumbs img{
margin:0;
border:0;
}

/*  End Gallery */


a#w3c{
position:absolute;
left:50px;
bottom:100px;
}




form#contact_form{
width:707px;
height:321px;
position:absolute;
top:50px;
left:180px;
font-size:12px;
color:#666698;
}

p#contact_info{
font-size:10px;
position:absolute;
bottom:98px;
left:337px;
padding:0;
margin:0;
color:#666698;
line-height:1.3;
}

p#contact_info a{
font-size:9px;
color:#666689 !important;
text-decoration:none;
}