@import url('reset.css');

body
{ text-align:center; background:#e3e3e3 url('../_design/no8-body-bg2.jpg') repeat-x -400px -60px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:80%; color:#333; line-height:120%; }

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

#htmContainer.clsFramed
{ width:640px; }


/*
	Branding ----------------------------------------------------------------------
*/

#htmBranding
{ height:345px; position:relative; background:transparent url('../_design/no8-banner-dining.jpg') no-repeat top left; }

.clsPgEvents #htmBranding
{ background-image:url('../_design/no8-banner-events.jpg'); }

.clsPgBar #htmBranding
{ background-image:url('../_design/no8-banner-bar.jpg'); }

.clsPgHotel #htmBranding
{ background-image:url('../_design/no8-banner-hotel.jpg'); }

.clsPgFunctions #htmBranding
{ background-image:url('../_design/no8-banner-function.jpg'); }

.clsPgDining #htmBranding
{ background-image:url('../_design/no8-banner-food.jpg'); }

.clsPgCommunity #htmBranding
{ background-image:url('../_design/no8-banner-community.jpg'); }

.clsPgContact #htmBranding
{ background-image:url('../_design/no8-banner-dining.jpg'); }

#htmBranding h1
{ width:254px; height:96px; position:absolute; top:41px; left:48px; }

#htmBranding h1 a
{ display:block; width:100%; height:100%; /*background:transparent url('../_design/no8-wired-logo3.jpg') no-repeat top left;*/ text-indent:-9999px; overflow:hidden; }


#htmBranding ul
{ float:right; padding:70px 20px 0 0; }

#htmBranding ul li a
{ color:#fff; text-decoration:underline; }

#htmBranding ul li a:hover
{ text-decoration:none; }

/*
	Main Menu ----------------------------------------------------------------------
*/

#htmMainMenu
{ width:100%; margin-top:1px; clear:both; float:left; }

#htmMainMenu ul
{ float:left; width:100%; background:transparent url('../_design/no8-mainmenu-bg.jpg') no-repeat top left; }

#htmMainMenu ul li
{ float:left; }

#htmMainMenu ul li.clsLast
{ float:right; }

#htmMainMenu ul li a
{ display:block; text-transform:uppercase; padding:20px 18px; font-size:120%; text-decoration:none; color:White; background:transparent url('../_design/no8-mainmenu-bg.jpg') no-repeat top left; }

#htmMainMenu ul li a:hover
{ color:#ccc; }

/* Highlighted pages */
.clsPgHome #htmMainMenu #htmMnuHome a,
.clsPgEvents #htmMainMenu #htmMnuEvents a,
.clsPgBar #htmMainMenu #htmMnuBar a,
.clsPgHotel #htmMainMenu #htmMnuHotel a,
.clsPgDining #htmMainMenu #htmMnuDining a,
.clsPgFunctions #htmMainMenu #htmMnuFunctions a,
.clsPgCommunity #htmMainMenu #htmMnuCommunity a,
.clsPgContact #htmMainMenu #htmMnuWhere a
{ background-position:bottom left; }


/*
	Content ----------------------------------------------------------------------
*/

#htmContentContainer
{ clear:both; float:left; margin-top:10px; width:100%; background:#fff url('../_design/no8-content-bg-bottom2.jpg') no-repeat bottom left; }

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

#htmContentWrap
{ width:630px; display:inline; margin-left:15px; float:left; background:transparent url('../_design/no8-content-bg-top.jpg') no-repeat top left; }

.clsFramed #htmContentWrap
{ background-image:url('../_design/no8-details-top.jpg'); width:640px; margin-left:0; }

.clsFullContent #htmContentWrap
 { width:950px; background-image:url('../_design/no8-content-bg-top-950.jpg'); }

#htmContent
{ padding:30px 30px 90px 30px; background:transparent url('../_design/no8-content-bg.jpg') no-repeat bottom left; }

.clsFramed #htmContent
{ background-image:none; padding:100px 30px 30px 30px; }

.clsFullContent #htmContent
{ background-image:url('../_design/no8-content-bg-bottom-950.jpg'); }

/*
	Extra Info ----------------------------------------------------------------------
*/

#htmExtraInfo
{ float:left; width:310px; margin-left:10px; }

.clsWidget
{ background:#f0f0e2 url('../_design/no8-extrainfo-bg-top.jpg') no-repeat top left; float:left; width:100%; }

.clsWidget h2
{ height:110px; text-indent:-9999px; overflow:hidden; background:#f0f0e2 url('../_design/no8-extrainfo-whatson.jpg') no-repeat top left; }

#htmExtraInfo .clsLikeTo h2
{ background-image:url('../_design/no8-extrainfo-liketo.jpg'); }

#htmExtraInfo .clsWhatsOn h2
{ background-image:url('../_design/no8-extrainfo-whatson.jpg'); }

#htmExtraInfo .clsComingUp h2
{ background-image:url('../_design/no8-extrainfo-comingup.jpg'); }

#htmExtraInfo .clsBookRoom h2
{ background-image:url('../_design/no8-extrainfo-bookroom.jpg'); }

#htmExtraInfo .clsBookRoom2 h2
{ background-image:url('../_design/no8-extrainfo-bookroom2.jpg'); }

#htmExtraInfo .clsMenus h2
{ background-image:url('../_design/no8-extrainfo-menus.jpg'); }

#htmExtraInfo .clsPhotos h2
{ background-image:url('../_design/no8-extrainfo-photos.jpg'); }

#htmExtraInfo .clsOnMap h2
{ background-image:url('../_design/no8-extrainfo-onmap.jpg'); }

.clsWidget p.clsClose
{ background:transparent url('../_design/no8-extrainfo-bg-bottom.jpg') no-repeat bottom left; clear:both; padding:0 0 50px 0; }

.clsWidget ul
{ padding:20px 0 50px 30px; }

.clsWidget ul li
{ padding:5px 15px 5px 25px; background:transparent url('../_design/no8-extrainfo-link3.gif') no-repeat 0px 5px; font-size:110%; line-height:120%; }

.clsWidget ul li .clsEventDate
{ color:#666; font-size:90%; }

.clsWidget ul li a
{ text-decoration:underline; }

.clsWidget ul li a:hover
{ text-decoration:none; }

.clsWidget p
{ padding:5px 30px; }

.clsWidget #htmGoogleMap
{ width:290px; height:290px; border:1px solid #ccc; margin-left:10px; }

/* Event Gallery */
#htmPhotoFeed
{ float:left; }

.clsEventGallery
{ float:left; width:100%; }

.clsWidget .clsEventGallery li, .clsEventGallery li
{ background-image:none; padding:4px; float:left; }

.clsEventGallery li img
{ border:1px solid #ccc; }
/*
	Booking Form ----------------------------------------------------------------------
*/

.rwr_block
{ padding:10px 30px; }

.rwr_block table td
{ }

.rwr_label
{ font-size:110%; padding:5px 0; font-weight:bold; }

.rwr_button
{ margin:10px 0; text-align:right; }


/*
	Feature Panel ----------------------------------------------------------------------
*/

#htmFeaturePanel
{ clear:both; float:left; margin-top:10px; padding-left:5px; overflow:hidden; width:960px; }

#htmFeaturePanel dl
{ float:left; margin-left:10px; display:inline; width:310px; overflow:hidden; }

#htmFeaturePanel dl dt
{ float:left; width:125px; height:130px; background:#fff url('../_design/no8-feature-img-bg.jpg') no-repeat top left; }

#htmFeaturePanel dl dt.clsNoBorder
{ background-image:none; }

#htmFeaturePanel dl dt img
{ margin:1px 0 0 1px; display:inline; }

#htmFeaturePanel dl dt.clsNoBorder img
{ margin:0; }

#htmFeaturePanel dl dd
{ float:left; width:185px; height:130px; background:transparent url('../_design/no8-feature-text-bg.jpg') no-repeat top left; }

#htmFeaturePanel dl dd h3
{ padding:15px 0 5px 15px; color:#c05349; text-transform:uppercase; font-weight:bold; font-size:110%; }

#htmFeaturePanel dl dd p
{ padding:5px 15px; font-size:80%; }

/*
	Gallery ----------------------------------------------------------------------
*/

.clsGallery
{ width:950px; background:transparent url('../_design/no8-gallery-bg-top.gif') no-repeat top left; overflow:hidden; float:left; margin:10px 0 0 15px; display:inline; clear:both; }

.clsGallery ul
{ background:transparent url('../_design/no8-gallery-bg-bottom.gif') no-repeat bottom left; float:left; clear:both; width:940px; padding-left:10px; display:inline; }

.clsGallery ul li
{ float:left; margin:10px 5px; display:inline; width:144px; height:93px; background:#fff url('../_design/no8-gallery-img-bg.jpg') no-repeat bottom left; }

.clsGallery ul li img
{ float:left; display:inline; margin:7px 0 0 7px; }

.clsGallery h3
{ padding:15px 0 5px 15px; color:#c05349; text-transform:uppercase; font-weight:bold; font-size:110%; }

.clsGallery p
{ padding:5px 15px; }


/*
	Content Styles ----------------------------------------------------------------------
*/

/*
#htmContent h2
{ color:#a5d050; font-size:300%; padding:20px 0 30px 0; }
*/

#htmContent h2
{ width:201px; height:38px; text-indent:-9999px; overflow:hidden; background:transparent url('../_design/title-homepage.gif') no-repeat top left; }

.clsPgBar #htmContent h2
{ background-image:url('../_design/title-no8bar.gif'); }

.clsPgEvents #htmContent h2
{ background-image:url('../_design/title-events.gif'); }

.clsPgHotel #htmContent h2
{ background-image:url('../_design/title-hotel.gif'); }

.clsPgFunctions #htmContent h2
{ background-image:url('../_design/title-functions.gif'); }

.clsPgDining #htmContent h2
{ background-image:url('../_design/title-tgb.gif'); }

.clsPgCommunity #htmContent h2
{ background-image:url('../_design/title-community.gif'); }

.clsPgContact #htmContent h2
{ background-image:url('../_design/title-contact.gif'); }

#htmContent h3
{ font-size:150%; padding:10px 0 5px 0; }

#htmContent h4
{ font-size:120%; padding:10px 0 5px 0; }

#htmContent p
{ padding:8px 0; }

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

table.clsEventList
{ width:100%; }

table.clsEventList td
{ padding:3px 10px; }

table.clsEventList .clsEventName
{ padding:20px 10px 3px 10px; font-size:120%; font-weight:bold; border-bottom:1px solid #ccc; color:#ff9e22; }

table.clsEventList .clsLabel
{ color:#666; text-align:right; }

.clsLinkList
{ padding:5px 0; }

.clsLinkList li
{ padding:5px 15px 5px 22px; background:transparent url('../_design/no8-linklist-bullet.gif') no-repeat 0px 5px; }


/*
	Footer ----------------------------------------------------------------------
*/

#htmFooter
{ clear:both; }

#htmFooter .htmSponsorList
{ width:100%; height:84px; background:transparent url('../_design/no8-sponsor-bg.jpg') no-repeat top left; }

#htmFooter .htmSponsorList li
{ display:none; }

#htmFooter .clsContactDetails
{ width:100%; height:75px; line-height:50px; background:transparent url('../_design/no8-footer-bg.jpg') no-repeat top left; color:#fff; text-align:center; font-size:100%; }\


.clsClear
{ clear:both; }