@import url('reset.css');


body
{ text-align:center; font-family:Trebuchet MS; background:#fff url('../images/design/kakanui-body-bg2.jpg') repeat-x 0px 0px; }

#htmContainer
{ margin:0 auto; text-align:left; width:980px; overflow:hidden; }

/*-----------------------------
/* Branding
/*-----------------------------*/
#htmBranding
{ background:#fff url('../images/design/kakanui-banner-bg.jpg') no-repeat top left; height:392px; position:relative; }

#htmBranding h1 a
{ background:transparent /* url('../images/design/kakanui-logo.gif') no-repeat top left*/; display:block; height:212px; width:199px; text-indent:-9999px; overflow:hidden; float:right; position:relative; top:90px; left:-70px; }

#htmBranding ul
{ background:transparent url('../images/design/kakanui-banner-image-bg.gif') no-repeat top left; width:636px; height:348px; position:relative; top:25px; left:20px; }

#htmBranding ul li
{ position:absolute; top:28px; left:21px; }

#htmCrossFade
{ width:585px; height:278px; border:1px solid #ccc; }



/*-----------------------------
/* Main Menu
/*-----------------------------*/
#htmMainMenu
{ float:left; clear:both; width:100%; background:#3a2727; color:#fff; }

#htmMainMenu ul
{ float:left; clear:both; width:100%; }

#htmMainMenu li
{ float:left; }

#htmMainMenu a
{ float:left; display:block; text-indent:-9999px; overflow:hidden; height:77px; background:transparent url('../images/design/kakanui-menubar.jpg') no-repeat 0px 0px; }

#htmMenuHome a
{ width:128px; }

#htmMenuHome a:hover, .clsPgHome #htmMenuHome a
{ background-position:0px -77px; }

#htmMenuFacilities a
{ width:119px; background-position:-129px 0px; }

#htmMenuFacilities a:hover, .clsPgFacilities #htmMenuFacilities a
{ width:119px; background-position:-129px -77px; }

#htmMenuGallery a
{ width:165px; background-position:-248px 0px; }

#htmMenuGallery a:hover, .clsPgGallery #htmMenuGallery a
{ width:165px; background-position:-248px -77px; }

#htmMenuBooking a
{ width:182px; background-position:-413px 0px; }

#htmMenuBooking a:hover, .clsPgBooking #htmMenuBooking a, .clsPgPolicy #htmMenuBooking a
{ width:182px; background-position:-413px -77px; }

#htmMenuContact a
{ width:141px; background-position:-595px 0px; }

#htmMenuContact a:hover, .clsPgContact #htmMenuContact a
{ width:141px; background-position:-595px -77px; }

#htmMenuKakanui a
{ width:114px; background-position:-736px 0px; }

#htmMenuKakanui a:hover, .clsPgKakanui #htmMenuKakanui a
{ width:114px; background-position:-736px -77px; }

#htmMenuHistory a
{ width:131px; background-position:-850px 0px; }

#htmMenuHistory a:hover, .clsPgHistory #htmMenuHistory a
{ width:131px; background-position:-850px -77px; }

#htmMainMenu li p
{ float:left; display:none; width:100%; clear:both; font-size:70%; padding:0 5px 5px 5px; color:#aaa; }


/*-----------------------------
/* Content
/*-----------------------------*/
#htmContentContainer
{ clear:both; float:left; width:100%; line-height:120%; padding-top:50px; background:#e4d8d2 url('../images/design/kakanui-container-bg.jpg') repeat-y top left; font-size:90%; }

#htmContentContainer.clsNoBackground
{ background-image:none; }

#htmExtendedMenu
{ float:left; width:250px; margin-left:0px; display:inline; padding-bottom:40px; overflow:hidden; }

#htmExtendedMenu h2
{ font-size:150%; text-transform:uppercase; color:#666; padding:0 0 20px 0; }

#htmExtendedMenu .clsMakeBooking a, #htmExtendedMenu .clsMakeBooking a:link, #htmExtendedMenu .clsMakeBooking a:visited, #htmExtendedMenu .clsMakeBooking a:active
{ background:transparent url('../images/design/kakanui-booking-buttons.jpg') no-repeat 0px 0px; width:250px; height:152px; text-indent:-9999px; overflow:hidden; display:block; }

#htmExtendedMenu .clsMakeBooking a:hover
{ background-position:0px -152px; }


#htmMainContentContainer
{ float:left; }

#htmMainContentContainer.clsThreeColumn
{ width:450px; }

#htmMainContentContainer.clsFullContent 
{ width:100%; }

#htmMainContentContainer.clsTwoColumn 
{ width:700px; }

#htmMainContent
{ padding:0 30px 30px 30px; }

#htmContentContainer h2
{ font-size:150%; text-transform:uppercase; color:#666; padding:20px 0; }

#htmContentContainer h3
{ font-size:120%; color:#666; padding:20px 0 5px 0; }

#htmContentContainer p
{ padding:10px 0; line-height:150%; }

#htmContentContainer p.clsFeature
{ color:#3a2727; font-family:Times New Roman; font-size:135%; line-height:150%; }

#htmContentContainer p.clsNote
{ color:#888; font-style:italic; }

#htmExtendedMenu p
{ padding:10px; }

#htmExtendedMenu p.clsFeature
{ padding:10px 20px; }

#htmExtendedMenu ul
{ padding:10px 10px; }

#htmExtendedMenu h2
{ padding:20px 10px; }

#htmExtendedMenu h3
{ padding:20px 10px; }


#htmGoogleMapContainer
{ width:617px; height:521px; }

#htmGoogleMap
{ width:589px; height:484px; position:relative; top:14px; left:12px; }

#htmMiniGallery
{ float:left; width:260px; }

#htmMiniGallery li
{ margin-bottom:20px; }

/*-----------------------------
/* Global
/*-----------------------------*/
ul.clsAddress
{ padding:10px 0; }

ul.clsContact
{ padding:10px 0; }

ul.clsNormal
{ padding:10px 0; color:#2f241f; }

ul.clsNormal li
{ padding:3px 0; margin-left:30px; list-style-type:square; }

ul.clsPhotoGallery
{ float:left; }

ul.clsPhotoGallery li
{ float:left; display:inline; position:relative; width:250px; height:140px; overflow:hidden; background:transparent url('../images/design/kakanui-background-light.jpg') no-repeat top left; }

ul.clsDark li
{ background-image:url('../images/design/kakanui-background-dark.jpg'); }

ul.clsFull li
{ margin:20px 25px; }


ul.clsPhotoGallery li img
{ float:left; position:absolute; top:24px; left:25px; }


/*-----------------------------
/* Form
/*-----------------------------*/
fieldset
{ padding:20px 0; }

fieldset table
{ border:0; }

fieldset table.clsForm td
{ padding:3px 8px; vertical-align:top; }

fieldset table.clsDropdownGroup td
{ padding:0 10px 0 0; }

fieldset label
{ font-size:90%; }

fieldset .clsFrmTextbox input, fieldset .clsFrmTextarea textarea
{ border:1px solid #2f241f; }



/*-----------------------------
/* Footer
/*-----------------------------*/
#htmFooterContainer
{ clear:both; font-size:80%; line-height:120%; background:#2f241f url('../images/design/kakanui-footer-bg.jpg') no-repeat top left; float:left; width:100%; min-height:213px; }

.clsFooterSection
{ float:left; width:326px; }

.clsFooterSectionWrap
{ padding:0 20px; }

#htmFooter
{ padding-top:60px; color:#999; }

#htmFooter h3
{ padding-bottom:10px; font-size:120%; }

#htmFooter a
{ color:#ddd; text-decoration:underline; }

#htmFooter a:hover
{ text-decoration:none; }

#htmFooter ul.clsButtonList li
{ padding:0 0 5px 0; }

#htmFooter ul.clsButtonList li a
{ width:251px; height:62px; display:block; text-indent:-9999px; overflow:hidden; }

#htmFooter ul.clsButtonList li#htmWhatsOn a
{ background:transparent url('../images/design/kakanui-buttons.gif') no-repeat 0px -62px; }

#htmFooter ul.clsButtonList li#htmTellOthers a
{ background:transparent url('../images/design/kakanui-buttons.gif') no-repeat 0px 0px; }


/*-----------------------------
/* Structual
/*-----------------------------*/
.clsClearIt
{ clear:both; width:0; height:0; }