@charset "utf-8";
@import url("/css/reset.css");


/* -------- Global Styles ------------ */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
body  {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	height: 100%;
	color: #2c2c2c;
	background-color: #fff;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	
}
link  {
	font-size: 12;
	color: #ff0000;

}
table { font-size: 0.9em;}
p {
	font-size: 12px;
	line-height: normal;
	padding-bottom: 10px;
}
a {
	font-size: inherit;
	text-decoration: underline;
	padding: 0;
	background: none;
	color: #464646;
}
a:hover {
	text-decoration: none;
	color: #464646;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	letter-spacing: 0.04em;
	padding-bottom: 7px;
}
h1 {
	font-size: 2.0em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.5em;
}
h5 {
	font-size: 1.4em;
}
h6 {
	font-size: 1.3em;
}
input,select,textarea {
	font-family: Arial, Helvetica, sans-serif;
}
.cleaner {
	clear: both;
	font-size: 1px;
	height: 0;
    line-height: 0px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

#wrapper {
	margin: 0 auto;
	width: 962px;
}
#wrapper #thenixon {
	position: relative;
	left: 21px;
	z-index: 100;
}
#wrapper #thenixon img {
	position: absolute;
	top: 0;
	width: 213px;
	height: 99px;
}
#wrapper #topmenu {
	position: relative;
	float: right;
	margin-top: 15px;
	height: 27px;
}
#wrapper #topmenu ul {list-style: none; margin: 0; padding: 0;}
#wrapper #topmenu ul li {float: left; margin: 0; padding: 0;}
#wrapper #topmenu ul li a {display: block; height: 0; padding-top: 27px; overflow: hidden;}
#wrapper #topmenu li a.home {width: 77px; background-color: transparent; background-image: url(../images/menu/home.gif); background-repeat: no-repeat;} 
#wrapper #topmenu li.on a.home,
#wrapper #topmenu li a.home:hover {background-position: 0 -27px; z-index:50;}
#wrapper #topmenu li a.venue {width: 80px; background-color: transparent; background-image: url(../images/menu/venue.gif); background-repeat: no-repeat;} 
#wrapper #topmenu li.on a.venue,
#wrapper #topmenu li a.venue:hover {background-position: 0 -27px; z-index:50;}
#wrapper #topmenu li a.menus {width: 93px; background-color: transparent; background-image: url(../images/menu/menus.gif); background-repeat: no-repeat;} 
#wrapper #topmenu li.on a.menus,
#wrapper #topmenu li a.menus:hover {background-position: 0 -27px; z-index:50;}
#wrapper #topmenu li a.functions {width: 104px; background-color: transparent; background-image: url(../images/menu/functions.gif); background-repeat: no-repeat;} 
#wrapper #topmenu li.on a.functions,
#wrapper #topmenu li a.functions:hover {background-position: 0 -27px; z-index:50;}
#wrapper #topmenu li a.events {width: 92px; background-color: transparent; background-image: url(../images/menu/events.gif); background-repeat: no-repeat;} 
#wrapper #topmenu li.on a.events,
#wrapper #topmenu li a.events:hover {background-position: 0 -27px; z-index:50;}
#wrapper #topmenu li a.location {width: 100px; background-color: transparent; background-image: url(../images/menu/location.gif); background-repeat: no-repeat;} 
#wrapper #topmenu li.on a.location,
#wrapper #topmenu li a.location:hover {background-position: 0 -27px; z-index:50;}
#wrapper #topmenu li a.bookings {width: 100px; background-color: transparent; background-image: url(../images/menu/bookings.gif); background-repeat: no-repeat;} 
#wrapper #topmenu li.on a.bookings,
#wrapper #topmenu li a.bookings:hover {background-position: 0 -27px; z-index:50;}



/* -------- Home Styles ------------ */
#wrapper #homefeat {
	position: absolute;
	z-index: 0;
	width: 932px;
	height: 356px;
	padding: 16px  15px 15px 15px;
	background: transparent url(../images/home-feat-backdrop.png) no-repeat;
	margin-top: 50px;
}

#wrapper #homecontent {
	padding: 447px 0 20px 0;
}
#wrapper #homecontent .welcome {
	float: left;
	width: 324px;
	padding: 0 20px 0 21px;
}
#wrapper #homecontent .whatson {
	float: right;
	width: 200px;
	padding-left: 20px;
	background: url(../images/home-col-bg.gif) repeat-y;
}
#wrapper #homecontent .atthebar {
	margin-left: 375px;
	width: 308px;
	padding-left: 30px;
	background: url(../images/home-col-bg.gif) repeat-y;
}
#wrapper #homecontent .welcome,
#wrapper #homecontent .whatson,
#wrapper #homecontent .atthebar {
	height: 210px;
}
#wrapper #homecontent h1.welcometothenixonhotel {
	background: transparent url(../images/text/welcome-to-the-nixon-hotel.gif) no-repeat;
	width: 272px;
	height: 23px;
}
#wrapper #homecontent h1.welcometothenixonhotel span { display: none; }
#wrapper #homecontent h1.whatsonatnh {
	background: transparent url(../images/text/whats-on-at-the-nixon-hotel.gif) no-repeat;
	width: 192px;
	height: 23px;
}
#wrapper #homecontent h1.whatsonatnh span { display: none; }
#wrapper #homecontent h1.whatsatthebar {
	background: transparent url(../images/text/whats-at-the-bar.gif) no-repeat;
	width: 163px;
	height: 23px;
}
#wrapper #homecontent h1.whatsatthebar span { display: none; }






/* -------- Nav Styles ------------ */
#wrapper #navbanner {
	position: absolute;
	z-index: 0;
	width: 930px;
	height: 184px;
	padding: 16px  16px 16px 16px;
	background: transparent url(../images/nav-backdrop.png) no-repeat;
	margin-top: 50px;
}
#wrapper #navcontent {
	padding: 280px 25px 20px 25px;
}
#wrapper #navcontent .main {
	width: 525px;
	float: left;
}
#wrapper #navcontent .fullwidth {
	width: 910px;
	float: left;
}
#wrapper #navcontent .main h1.thevenue {
	width: 317px;
	height: 37px;
	margin-bottom: 15px;
	background-color: transparent;
	background-image: url(../images/text/the-venue.gif);
	background-repeat: no-repeat;
	
}
#wrapper #navcontent .main h1.sitemap {
	width: 317px;
	height: 37px;
	margin-bottom: 15px;
	background-color: transparent;
	background-image: url(../images/text/site-map.gif);
	background-repeat: no-repeat;
}
#wrapper #navcontent .main h1.thevenue span { display: none; }
#wrapper #navcontent .right {
	margin-left: 554px;
	width: 358px;
}
#wrapper #navcontent .right .box {
	width: 358px;
	height: 293px;
	background: transparent url(../images/right-box.png) no-repeat;
}
#wrapper #navcontent .right .box_top {
	width: 340px;
	height: 15px;
	background: transparent url(../images/box-top.png) no-repeat;
}
#wrapper #navcontent .right .box_mid {
	position: relative;
	width: 312px;
	background: transparent url(../images/box-mid.png) no-repeat;
	padding: 0 14px;
}
#wrapper #navcontent .right .box_bot {
	width: 340px;
	height: 15px;
	background: transparent url(../images/box-bot.png) no-repeat;
}
#wrapper #navcontent .right .box_mid h1.locationmap {
	width: 312px;
	height: 32px;
	background: #fff url(../images/location-map.gif) no-repeat;
	margin-bottom: -7px;
}
#wrapper #navcontent .right .box_mid h1.locationmap span { display: none; }

/* Menu Box */
#wrapper #navcontent .rightmenu {
	margin: 4px 0 0 648px;
	width: 254px;
}
#wrapper #navcontent .rightmenu .menubox_top {
	width: 242px;
	height: 15px;
	background: transparent url(../images/menu/menu-box-top.png) no-repeat;
}
#wrapper #navcontent .rightmenu .menubox_mid {
	width: 214px;
	background: transparent url(../images/menu/menu-box-mid.png) no-repeat;
	padding: 0 14px;
}
#wrapper #navcontent .rightmenu .menubox_mid h1.whatsonthemenu {
	width: 213px;
	height: 32px;
	background: #fff url(../images/menu/whats-on-the-menu.gif) no-repeat;
	margin-bottom: -7px;
}
#wrapper #navcontent .rightmenu .menubox_mid h1.whatsonthemenu span { display: none; }
#wrapper #navcontent .rightmenu .menubox_mid ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 213px;
}
#wrapper #navcontent .rightmenu .menubox_mid li a {
	height: 26px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
	text-decoration: none;
	font-size: 1.4em;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #a1a1a1;
}
#wrapper #navcontent .rightmenu .menubox_mid li a.first {
	border: none;
}
#wrapper #navcontent .rightmenu .menubox_mid li a:link,
#wrapper #navcontent .rightmenu .menubox_mid li a:visited {
	color: #a21321;
	display: block;
	background: #fff url(../images/menu/menu-item-bg.gif) no-repeat;
	padding: 8px 0 0 10px;
}
#wrapper #navcontent .rightmenu .menubox_mid li a:hover {
	color: #a21321;
/*	background:  url(../images/menu/menu-item-bg.gif) 0 -26px;*/
	padding: 8px 0 0 10px;
	text-decoration: underline;
}
#wrapper #navcontent .rightmenu .menubox_bot {
	width: 242px;
	height: 15px;
	background: transparent url(../images/menu/menu-box-bot.png) no-repeat;
}



#wrapper #navcontent .rightgallery .box_mid h1.eventsgallery {
	width: 312px;
	height: 32px;
	background: #fff url(../images/events-gallery.gif) no-repeat;
	margin-bottom: -7px;
}
#wrapper #navcontent .rightgallery .box_mid h1.eventsgallery span { display: none; }
#wrapper #navcontent .rightgallery .box_mid h1.functionsgallery {
	width: 312px;
	height: 32px;
	background: #fff url(../images/functions-gallery.gif) no-repeat;
	margin-bottom: -7px;
}
#wrapper #navcontent .rightgallery .box_mid h1.functionsgallery span { display: none; }
#wrapper #navcontent .rightgallery .box_mid h1.thenixongallery {
	width: 312px;
	height: 32px;
	background: #fff url(../images/the-nixon-gallery.gif) no-repeat;
	margin-bottom: -7px;
}
#wrapper #navcontent .rightgallery .box_mid h1.thenixongallery span { display: none; }

#wrapper #navcontent .rightgallery {
	margin-left: 554px;
	width: 358px;
}
#wrapper #navcontent .rightgallery .box {
	width: 358px;
	height: 293px;
	background: transparent url(../images/right-box.png) no-repeat;
}
#wrapper #navcontent .rightgallery .box_top {
	width: 340px;
	height: 15px;
	background: transparent url(../images/box-top.png) no-repeat;
}
#wrapper #navcontent .rightgallery .box_mid {
	position: relative;
	width: 312px;
	height: 283px;
	background: transparent url(../images/box-mid.png) no-repeat;
	padding: 0 14px;
}
#wrapper #navcontent .rightgallery .box_bot {
	width: 340px;
	height: 15px;
	background: transparent url(../images/box-bot.png) no-repeat;
}


#wrapper #navcontent .main h1.menus {
	width: 317px;
	height: 37px;
	margin-bottom: 15px;
	background-color: transparent;
	background-image: url(../images/text/the-menu.gif);
	background-repeat: no-repeat;
}
#wrapper #navcontent .main h1.functions {
	width: 317px;
	height: 37px;
	margin-bottom: 15px;
	background-color: transparent;
	background-image: url(../images/text/functions.gif);
	background-repeat: no-repeat;

}
#wrapper #navcontent .main h2.functionmenus {
	width: 153px;
	height: 21px;
	margin-bottom: 15px;
	background-color: transparent;
	background-image: url(../images/text/function-menus.gif);
	background-repeat: no-repeat;

}
#wrapper #navcontent .main h2.functionmenus span { display: none; }
#wrapper #navcontent .main h1.events {
	width: 400px;
	height: 37px;
	margin-bottom: 15px;
	background-color: transparent;
	background-image: url(../images/text/events.gif);
	background-repeat: no-repeat;
}
#wrapper #navcontent .main h1.bookings {
	width: 317px;
	height: 37px;
	margin-bottom: 15px;
	background-color: transparent;
	background-image: url(../images/text/bookings-enquiries.gif);
	background-repeat: no-repeat;
}
#wrapper #navcontent .main h1.location {
	width: 317px;
	height: 37px;
	margin-bottom: 15px;
	background-color: transparent;
	background-image: url(../images/text/the-location.gif);
	background-repeat: no-repeat;
}


/* -------- Footer Styles ------------ */
#footer {
	background: #000 url(../images/footer-bg.gif) repeat-x;
	width: 100%;
	height: 117px;
}
#footer .content {
	margin: 0 auto;
	width: 940px;
	padding-top: 35px;
	color: #949494;
	font-size: 1.2em;
}
#footer .content .copyright {
	float: left;
	width: 700px;
}
#footer .content a {
	color: #949494;
	text-decoration: none;
}
#footer .content a:hover {
	text-decoration: underline;
}
#footer .content .design {
	margin-left: 700px;
}













ul.steps {
	position: absolute;
	bottom: 0;
	right: 0;
}
ul.steps {
	list-style: none;
	margin: 0 15px 0 0;
	padding: 0;
	filter:alpha(opacity=50);
	opacity: 0.50;
	-moz-opacity:0.50;
}
ul.steps li {
	float: left;
	margin: 0 0 0 3px;
	padding: 0;
}
ul.steps li a {
	display: block;
	width: 14px;
	height: 18px;
	color: #c3c3c3;
	background-color: #000;
	padding: 5px 0 0 8px;
	text-decoration: none;
}
ul.steps li a:hover {
	background-color: #a21320;
	text-decoration: none;
}




.heading3 {
	color: #a21220;
	font-size: 1.6em;
}



table.events th {
	background: #440006 url(../images/icons/events-table-header.gif) repeat-x;
	color: #fff;
}
table.events tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
table.events th,
table.events td {
	padding: 5px;
	font-size: 1.3em;
}
table.events tr {
	background-color: #d6d6d6;
}
table.events tr.alt {
	background-color: #a6a6a6;
}