@charset "UTF-8";
* {
  	margin: 0;
  	padding: 0;
	outline:0;
	border:0;
}

body, html {
	height:100%
}

body {
font-family:"Century Gothic", "ITC Avant Garde Gothic", Avant Garde, Avantgarde, "AvantGarde LT Book", "AvantGarde LT ExtraLight", Helvetica, Arial, sans-serif!important;	font-size:80%;
	background: #333333;
	text-align: center;
	color: #ffffff;
}

.clear {
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
}

a img{
	border:0;
}

a img:hover{
	opacity: .80;
}

a.button:link,  a.button:visited{
	background-color:#aca7c0;
	padding:.2em .7em;
	margin:8px 8px 10px 0;
	color:#fff;
	text-decoration:none;
}

a.button:hover {
	background-color:#d3d0dd;
	color:#fff;
	border:1px solid #aca7c0;
}

p {
	font-size:.8em;
}

h1 {
	height:154px;
	width:562px;
	font-weight:normal;
	font-size:2.6em;
	position:absolute;
	top:70px;
	left:25px;
	line-height:1em;
	/*background-attachment:fixed;
	background-position: 50px 0px;*/
	/* I've used graphics here instead of the font as most people wont have it and its an important part of the design */
}

h1 span {
	display:none;
	/* The text within the span should only appear to crawlers - it isnt currently an SEO 'trick' as it accurately describes the content of the image - but it may be one day*/
}

select {
	font-size:.8em;
	line-height:1em;
	margin:0px 0px 8px 0px;
	height:1.7em;
font-family:"Century Gothic", "ITC Avant Garde Gothic", Avant Garde, Avantgarde, "AvantGarde LT Book", "AvantGarde LT ExtraLight", Helvetica, Arial, sans-serif!important;	}

option {
	padding:2px;
	border:none!important;
}

label {
font-family:"Century Gothic", "ITC Avant Garde Gothic", Avant Garde, Avantgarde, "AvantGarde LT Book", "AvantGarde LT ExtraLight", Helvetica, Arial, sans-serif!important;	}

input {
	font-size:.8em;
	margin:0px 0px 8px 0px;
	height:1.3em;
	padding:1px 4px;
font-family:"Century Gothic", "ITC Avant Garde Gothic", Avant Garde, Avantgarde, "AvantGarde LT Book", "AvantGarde LT ExtraLight", Helvetica, Arial, sans-serif!important;	}

textarea {
	font-size:.8em;
	padding:4px;
	margin:0px 0px 8px 0px;
font-family:"Century Gothic", "ITC Avant Garde Gothic", Avant Garde, Avantgarde, "AvantGarde LT Book", "AvantGarde LT ExtraLight", Helvetica, Arial, sans-serif!important;	}

input.dine_text {
}

input.dine_submit {
	width:85px;
	height:1.9em;
	padding:0px;
}

.gothic {
	/* I've used this to add the fancy heading font - it's Avant Garde but there are countless variations... */
	font-family:"Century Gothic", "ITC Avant Garde Gothic", Avant Garde, Avantgarde, "AvantGarde LT Book", "AvantGarde LT ExtraLight", Helvetica, Arial, sans-serif!important;
}

#errors {
	padding:3px 10px 6px 10px;
	margin-bottom:10px;
}

#errors ul{
	margin-left:20px;
	list-style:square;
}

/*************** Layout Stuff *******************/

#pageTop_outer {
	text-align: center; 
	border-bottom:5px solid #655b93;
	min-height:300px;
	height:auto !important;
  	height:300px;
	width:100%;
	
}

#fork {
	background:url(../images/fork.png) top right  no-repeat;
	/*width:146px;
	height:451px;*/
	width:155px;
	height:549px;
	left:-135px;
	top:66px;
	position:absolute;
	z-index:666

}

/* TopMenu */
#topMenu_outer {
	background:url(../images/topmenu_back.png) repeat;
}

#topMenu_inner {
	width:800px;/* slightly wider than the rest to account for table padding */
	margin:0 auto;
	position:relative; /* this is position relatively to 'hold' the fork */
	text-align:left;
}

table#topMenu {
	width:800px;/* slightly wider than the rest to account for table padding */
	height:41px;
}

/*table#topMenu td.first{
	text-align:left;
	width:10px;
	padding:0 1em 0 0;
}*/

table#topMenu td {
	text-align:center;
	padding:0 1em;
}


table#topMenu td.nowrap {
	white-space:nowrap; 
}
	
/*table#topMenu td.last{
	text-align:right;
	width:10px;
	padding:0 0 0 1em;
}*/

table#topMenu a:link, table#topMenu a:visited {
	text-decoration:none;
	color:#ffffff;
	padding-bottom:.1em;
}

table#topMenu a:hover,  table#topMenu a.current{
	border-bottom: 2px solid white;
}
/* end topmenu */

/* topnav - secondary menu*/
#topNav_outer {
	margin-top:1px;
	text-align:center;
	background:url(../images/nav_back.png) top repeat-x;
	position:relative;
}

#topNav_outer {}

#topNav {
	width:770px;
	text-align:left;
	margin:0 auto;
}

#topNav table{
	height:22px;
	margin-bottom:1px;
}

#topNav table td{
	padding:0em .5em 0em .5em;
	font-size:.9em;
}

#topNav table td span:after{

}

#topNav table td span.last:after{

}

#topNav table td a:link, #topNav table td a:visited{
	color:#ffffff;
	text-decoration:none;
	margin:0em 1.2em 0em 0em;
}

#topNav table td a:hover{
		border-bottom: 1px solid white;
}

#topNav table td.current  a {
		border-bottom: 1px solid white;
}

/* end topnav */


/* pop-up stuff - styles that handle the open and closing of the venuefinder and also the social toolbar - grouped together simply because its easier to manage any changes*/
#venue_position {
	position:absolute;
	bottom:0px;
}

#venue_finder_pop {
	background: url(../images/blue.png) repeat;
	width: 300px;
}

#socialText_outer {
	background: url(../images/grey.png) repeat;
	width: 25em;
	border-top:1px solid #7b7b7b;
	border-left:1px solid #7b7b7b;
	border-right:1px solid #7b7b7b;
}

#venue_finder_pop a b, #socialText_outer a b{
	font-weight:normal;
	color:#fff;
}

#venue_finder_pop a:hover b, #socialText_outer a:hover b{
	color:#ccc;
}

#venue_finder_pop a:link, #venue_finder_pop a:visited, #socialText_outer a:link, #socialText_outer a:visited {
	color:#ccc;
	text-decoration:none;
}

#venue_finder_pop a:link span.open, #venue_finder_pop a:visited span.open, #socialText_outer a:link span.open, #socialText_outer a:visited span.open{
	font-size:1.1em;
	background:url(../images/arr.png) top right no-repeat;
	display:block;
	padding:.4em 4em .5em .9em;
}

#venue_finder_pop a:hover span.open, #socialText_outer a:hover span.open{
	background:url(../images/arr_roll.png) top right no-repeat;
}

#venue_finder_pop a:link span.close, #venue_finder_pop a:visited span.close, #socialText_outer a:link span.close, #socialText_outer a:visited span.close{
	text-decoration:none;
}

#venue_finder_pop a:link span.close, #venue_finder_pop a:visited span.close, #socialText_outer a:link span.close, #socialText_outer a:visited span.close{
	font-size:1.1em;
	background:url(../images/arr2.png) top right no-repeat;
	display:block;
	padding:.4em 4em .5em .9em;
}

#venue_finder_pop a:hover span.close, #socialText_outer a:hover span.close{
	background:url(../images/arr2_roll.png) top right no-repeat;
}

/* pop-up stuff - social toolbar */
#social_bookmark_outer {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}

#social_bookmark {
	width:780px;
	margin:0 auto;
	text-align:left;
}

#social_pop{
	background: url(../images/grey.png) repeat;
	width:470px;
}

#social_bookmark ul{
	list-style:none;
}

#social_bookmark ul li{
	float:left;
	display:inline;
	padding-top:2px;
}

#social_bookmark ul li.fb{
	padding:6px 10px 0 10px;
}

/* end pop-up stuff */
/* social toolbar stick to the bottom hack */
 .wrapper {
	 min-height: 100%;
 	height: auto !important;
 	height: 100%;
 	margin: 0 auto -2.6em;
	position:relative;
	top:0;
	left:0;
 }
 
 .wrapper_hack, .push {
 	height: 2.6em;
 	position:relative;
	bottom:0;
 }

/* social toolbar stick to the bottom hack */