@import url('subpages.css');

/* some styles are reset or globals
==============================================================================*/

a { text-decoration: none; }
img { border: 0; }
*, ul, p, h1, h2, h3 { margin: 0px; padding: 0px; }
p, li, h1, h2, h3, h4, span, a { text-shadow: #000 0 0 0; } /* safari font rendering */

.button {
	float: left;
	height: 39px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	cursor: pointer;
	display: inline; /* ie6 double margin hack */
}

img.inline_left { float: left; margin: 15px 15px 0px 0px; }
img.inline_right { float: right; margin: 15px 0px 0px 15px; }



/* container/wrapper
==============================================================================*/

html, body, #wrapper { height: 100%; }
body > #wrapper { height: auto; min-height: 100%; } /* IE hack */
body#home { background: #e9e8e8 url(../images/slice_home.png) repeat-x top; }
body { background: #e9e8e8 url(../images/slice_general.png) repeat-x top; }
#wrapper { width: 960px; margin: auto; }



/* header
==============================================================================*/

#header { width: 960px; height: 104px; background: url(../images/header_bg.png) no-repeat top; }
#header #logo { float: left; margin: 0px; }



/* main menu
==============================================================================*/

#main_menu {
	float: right;
	width: 630px;
	height: 35px;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: right;
	margin-top: 43px;
}

#main_menu ul {	padding: 17px 0px 6px 0px; }
#main_menu ul li { display: inline; list-style-type: none; }
#main_menu ul li a { margin: 0px 0px 0px 20px; color: #FFFFFF; }
#main_menu ul li a.active { color: #cce299; }



/* banner
==============================================================================*/

#banner {
	clear: both;
	width: 960px;
	height: 58px;
	margin-bottom: 50px;
	background: url(../images/banner_bg_sub.png) no-repeat;
}

body#home #banner { height: 329px; margin: 0px; background: url(../images/banner_bg_home.png) no-repeat; }
#banner img.banner_img { float: left; margin: 30px 0px 0px 5px; }



/* banner about us excerpt
==============================================================================*/

#banner #about_excerpt {
	float: right;
	width: 450px;
	height: 329px;
	padding: 27px 0px 0px 0px;
}

#banner #about_excerpt h2 {
	width: 405px;
	height: 118px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/banner_heading.png) no-repeat;
}

#banner #about_excerpt #info { width: 450px; float: left; margin: 20px 0px 0px 3px;  }
#banner #about_excerpt #info p { font: 13px/19px Arial, Verdana, Helvetica, sans-serif; color: #c6d1b0; }
#banner #about_excerpt #info #tour { width: 160px; margin: 22px 0px 0px 0px;  background: url(../images/banner_tour_btn.png) no-repeat; }
#banner #about_excerpt #info #booking { width: 199px; margin: 22px 0px 0px 14px; background: url(../images/banner_book_btn.png) no-repeat; }



/* content
==============================================================================*/

#content, #content_media {
	width: 960px;
	height: auto;
	margin: 20px 0px 60px 0px;
	overflow: hidden; /* ff hack */
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #696969;
	padding-bottom: 99px; /* must be same height as the footer */
}

#home_content { float: right; width: 700px; margin-top: 10px; } /* for homepage */
#content img#content_side { float: left; margin: 8px 0px 0px 13px; } /* for homepage */

#sub_content { float: left; width: 500px; } /* for subpages */
#content_media { width: 960px; }  /* for media page */
#content_media li { margin-left: 0px; }  /* for media page */

#content h2, #content_media h2 {
	font: 34px Arial, Helvetica, sans-serif;
	color: #748e3d;
	border-bottom: 1px #cccccc solid;
	padding-bottom: 15px;
}

#content h3, #content_media h3 {
	font: 20px Arial, Helvetica, sans-serif;
	color: #748e3d;
	padding: 10px 0 0 0;
}

#content li { margin-left: 17px; }
#content p, #content_media p { margin-top: 12px; }
#content #side_img { clear: right; }

#content #side_img_desc {
	clear: right;
	float: right;
	width: 330px;
	font: 12px normal Arial, Helvetica, sans-serif;
	padding: 10px;
	margin: 0px 5px 0px 0px;
	border: 1px solid #ddd;
	background: #f0f0f0;
}

#content #side_img_desc span { font-weight: bold; }




/* footer
==============================================================================*/

#footer {
	position: relative;
	width: 100%;
	height: 99px;  /* height of footer */
	margin-top: -99px;  /* negative height of footer */
	background: url(../images/slice_footer.png) center repeat-x;
	clear: both;
}

#footer_container {
	width: 960px;
	height: 99px;
	margin: 0 auto 0 auto;
	background: url(../images/footer_bg.png) center no-repeat;
}

#footer_container p { font: 12px/16px 'Arial', Verdana, Helvetica, sans-serif; color: #c5c4c4; }



/* footer contact
==============================================================================*/

#footer_contact { float: left; width: 320px; }
#footer_contact p { float: left; margin-top: 20px; }
#footer_contact span { font: bold 16px/18px Arial, Helvetica, sans-serif; color: #676767; }



/* footer shop
==============================================================================*/

#footer_shop_link { float: left; width: 320px; }
#footer_shop_link #shop { width: 241px; height: 36px; margin: 30px 0px 0px 55px; background: url(../images/footer_shop_btn.png) no-repeat; }



/* footer copyright
==============================================================================*/

#footer_copyright { float: right; width: 320px; text-align: right; padding-top: 15px; }
#footer_copyright p { clear: both; margin-top: 10px; }