a {
	color: #ee8a1d;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #381509;
}

.giftCert td {
	padding: 10px;
	font-family: arial, sans-serif;
	font-size: 12px;
}

.giftCert .label {
	text-align: right;
	vertical-align: top;
}

.backButton {
	font-size: 10px;
	padding: 0px  0px 0px 0px;
	margin: 5px 5px 5px 0px;
	
	height: 9px;
	display: block;
	float: right;
}

.directions {
	padding: 35px 0px 20px 0px;
}

.viewButton {
	font-size: 10px;
	padding: 0px  0px 0px 0px;
	margin: 25px 20px 25px 20px;
	width: 136px;
	height: 11px;
}

body {
	text-align: center;
	background: #381509;

}


p {
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	line-height: 17px;
	color: #381509;
	padding: 0px 20px 0px 20px;
	margin-top:15px;
}
 
 
h1 {
	font-size: 20px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	color: #381509;
	padding: 0px 20px 0px 20px;
	margin-top:15px;
	text-transform: uppercase;
}

h2 {
	font-size: 13px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	color: #381509;
	padding: 0px 20px 0px 20px;
	margin-top:10px;
}

.container {
	background: #381509;
	width:960px;
	height:415px;
	margin: 100px auto 0px auto;
	text-align:left;
}

.contacts {
	background: #381509 url("../images/ui/contacts.gif") top no-repeat;
	background-position: 0 4px;
	float: right;
	width: 427px;
	height: 18px;
}

.header {
	background: #381509;
	width:960px;
	height:70px;
	border-bottom: 6px solid #ee8a1d;
}


.headerImage {
	background: #f8efd2;
	padding: 0px 0px 0px 15px;
	margin-top:10px;
}

.mainImage {
	background: #381509;
	width:960px;
	height:300px;
	margin: 0px auto 0 auto;
}


.textContainer {
	background: #f8efd2;
	overflow: scroll;
	overflow-y: auto;
	overflow-x: hidden;
}


.smallmenuContainer {
	position: relative;
}


.list ul {
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	line-height: 15px;
	color: #381509;
	padding: 0px 20px 0px 37px;
	margin: 8px 0px 0px 0px;
	list-style-position: outside;
	list-style-image: url(../images/ui/list_dot1.gif);
	list-style-type: square;
}

.list ul li {
	padding: 0px 0px 8px 0px;
}
	
.list1 ul {
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	line-height: 14px;
	color: #381509;
	padding: 0px 20px 0px 37px;
	margin: 8px 0px 0px 0px;
	list-style-position: outside;
	list-style-image: url(../images/ui/list_dot1.gif);
	list-style-type: square;
}
	
.list1 ul li {
	padding: 0px 0px 4px 0px;
}
	
	
#Bios {
	width: 960px; 
	height: 300px;
    background: #381509 url("../images/content/bios_map.jpg") top no-repeat;
	margin: 0px 0px 0px 0px; padding: 0;
	overflow: hidden;
	margin: 0; padding: 0; list-style: none;
    position: relative; top: 0;
}
	
#Bios li, #Bios a {
    height: 300px; display: block;
}
	
#team {float: left; left: 0; width: 640px;}
#collaborators {float: left; left: 641px; width: 320px;}

#team a:hover {background: transparent url("../images/content/bios_map.jpg") 0 -300px no-repeat;}
#collaborators a:hover {background: transparent url("../images/content/bios_map.jpg") -640px -300px no-repeat;}
	
	
#teamBios {
	width: 960px; 
	height: 300px;
    background: #381509 url("../images/content/team_map.jpg") top no-repeat;
	margin: 0px 0px 0px 0px; padding: 0;
	overflow: hidden;
	margin: 0; padding: 0; list-style: none;
    position: relative; top: 0;
}
	
	
#teamBios li, #teamBios a {
    height: 300px; display: block;
}
	
#bryan {float: left; left: 0; width: 192px;}
#hilda {float: left; left: 193px; width: 192px;}
#chris {float: left; left: 385px; width: 192px;}
#graeme {float: left; left: 577px; width: 192px;}
#neil {float: left; left: 769px; width: 192px;}
		
#bryan a:hover {background: transparent url("../images/content/team_map.jpg") 0 -300px no-repeat;}
#hilda a:hover {background: transparent url("../images/content/team_map.jpg") -192px -300px no-repeat;}
#chris a:hover {background: transparent url("../images/content/team_map.jpg") -384px -300px no-repeat;}
#graeme a:hover {background: transparent url("../images/content/team_map.jpg") -576px -300px no-repeat;}
#neil a:hover {background: transparent url("../images/content/team_map.jpg") -768px -300px no-repeat;}
	
	
#menuImage {
    width: 960px; height: 24px;
    background: #381509 url("../images/ui/menu_map.gif") top no-repeat;
	margin: 0px 0px 0px 0px; padding: 0;
    position: relative;
}
  
#menuImage li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;

}

#menuImage li, #menuImage a {
    height: 24px; display: block;
}

#about {left: 0; width: 82px;}
#menus {left: 83px; width: 90px;}
#gallery {left: 174px; width: 104px;}
#reservations {left: 279px; width: 147px;}
#inquiries {left: 428px; width: 110px;}

#about a:hover {background: transparent url("../images/ui/menu_map.gif") 0 -24px no-repeat;}
#menus a:hover {background: transparent url("../images/ui/menu_map.gif") -83px -24px no-repeat;}
#gallery a:hover {background: transparent url("../images/ui/menu_map.gif") -174px -24px no-repeat;}
#reservations a:hover {background: transparent url("../images/ui/menu_map.gif") -279px -24px no-repeat;}
#inquiries a:hover {background: transparent url("../images/ui/menu_map.gif") -428px -24px no-repeat;}

#about a:active {background: transparent url("../images/ui/menu_map.gif") 0 -48px no-repeat;}
#menus a:active {background: transparent url("../images/ui/menu_map.gif") -83px -48px no-repeat;}
#gallery a:active {background: transparent url("../images/ui/menu_map.gif") -174px -48px no-repeat;}
#reservations a:active {background: transparent url("../images/ui/menu_map.gif") -279px -48px no-repeat;}
#inquiries a:active {background: transparent url("../images/ui/menu_map.gif") -428px -48px no-repeat;}

a.activeAbout {background: transparent url("../images/ui/menu_map.gif") 0 -48px no-repeat;}
a.activeMenus {background: transparent url("../images/ui/menu_map.gif") -83px -48px no-repeat;}
a.activeGallery {background: transparent url("../images/ui/menu_map.gif") -174px -48px no-repeat;}
a.activeReservations {background: transparent url("../images/ui/menu_map.gif") -279px -48px no-repeat;}
a.activeInquiries {background: transparent url("../images/ui/menu_map.gif") -428px -48px no-repeat;}

		
#aboutmenuImage {
    width: 533px; height: 14px;
    background: #381509 url("../images/ui/about_map.gif") top no-repeat;
	background-position: 0 0;
	margin: 0px 0px 0px 0px; padding: 0;
    position: relative;
	float: left;
	top: 2px;
	left: 0px;
	visibility: hidden;
}

#aboutmenuImage li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;

}

#aboutmenuImage li, #aboutmenuImage a {
    height: 16px; display: block;
}

#therestaurant {left: 0; width: 102px;}
#themansion {left: 103px; width: 75px;}
#downtownfrederick {left: 178px; width: 83px;}
#biographies {left: 261px; width: 98px;}
#news {left: 360px; width: 54px;}
#blog {left: 414px; width: 48px;}

#therestaurant a:hover {background: transparent url("../images/ui/about_map.gif") 0 -14px no-repeat;}
#themansion a:hover {background: transparent url("../images/ui/about_map.gif") -103px -14px no-repeat;}
#downtownfrederick a:hover {background: transparent url("../images/ui/about_map.gif") -178px -14px no-repeat;}
#biographies a:hover {background: transparent url("../images/ui/about_map.gif") -261px -14px no-repeat;}
#news a:hover {background: transparent url("../images/ui/about_map.gif") -360px -14px no-repeat;}
#blog a:hover {background: transparent url("../images/ui/about_map.gif") -414px -14px no-repeat;}

a.activeTherestaurant {background: transparent url("../images/ui/about_map.gif") 0 -14px no-repeat;}
a.activeThemansion {background: transparent url("../images/ui/about_map.gif") -103px -14px no-repeat;}
a.activeFrederick {background: transparent url("../images/ui/about_map.gif") -178px -14px no-repeat;}
a.activeBiographies {background: transparent url("../images/ui/about_map.gif") -261px -14px no-repeat;}
a.activeNews {background: transparent url("../images/ui/about_map.gif") -360px -14px no-repeat;}
a.activeBlog {background: transparent url("../images/ui/about_map.gif") -414px -14px no-repeat;}
	
	
	
#menusmenuImage {
    width: 533px; height: 14px;
    background: #381509 url("../images/ui/menus_map.gif") top no-repeat;
	background-position: 0 0;
	margin: 0px 0px 0px 0px; padding: 0;
	float: left;
	top: -12px;
	left: 0px;
    position: relative;
	visibility: hidden;
}

#menusmenuImage li {
    margin: 0; 
	padding: 0; 
	list-style: none;
    position: absolute; 
	top: 0;
}

#menusmenuImage li, #menusmenuImage a {
    height: 16px; 
	display: block;
}

#dinner {left: 0; width: 70px;}
#lunch {left: 71px; width: 62px;}
#lounge {left: 134px; width: 69px;}
#coffee {left: 202px; width: 64px;}
#wine {left: 266px; width: 50px;}


#dinner a:hover {background: transparent url("../images/ui/menus_map.gif") 0 -14px no-repeat;}
#lunch a:hover {background: transparent url("../images/ui/menus_map.gif") -71px -14px no-repeat;}
#lounge a:hover {background: transparent url("../images/ui/menus_map.gif") -134px -14px no-repeat;}
#coffee a:hover {background: transparent url("../images/ui/menus_map.gif") -202px -14px no-repeat;}
#wine a:hover {background: transparent url("../images/ui/menus_map.gif") -266px -14px no-repeat;}


a.activedinner {background: transparent url("../images/ui/menus_map.gif") 0 -14px no-repeat;}
a.activelunch {background: transparent url("../images/ui/menus_map.gif") -71px -14px no-repeat;}
a.activelounge {background: transparent url("../images/ui/menus_map.gif") -134px -14px no-repeat;}
	
		
#gallerymenuImage {
    width: 533px; height: 14px;
    background: #381509 url("../images/ui/gallery_map.gif") top no-repeat;
	background-position: 0 0;
	margin: 0px 0px 0px 0px; padding: 0;
    position: relative;
	float: left;
	top: -26px;
	left: 0px;
	visibility: hidden;
}

#gallerymenuImage li {
    margin: 0; 
	padding: 0; 
	list-style: none;
	float: left;
}

#gallerymenuImage li, #gallerymenuImage a {
    height: 16px;
	display: block;
}

#cuisine { width: 72px;}
#cuisine a:hover {background: transparent url("../images/ui/gallery_map.gif") 0 -14px no-repeat;}
a.activeCuisine {background: transparent url("../images/ui/gallery_map.gif") 0 -14px no-repeat;}

#interior { width:74px; }
#interior a:hover { background: transparent url("../images/ui/gallery_map.gif") -72px -14px no-repeat; }
a.activeInterior { background: transparent url("../images/ui/gallery_map.gif") -72px -14px no-repeat; }

	
#reservationsmenuImage {
    width: 446px; height: 14px;
    background: #381509 url("../images/ui/reservations_map.gif") top no-repeat;
	background-position: 0 0;
	margin: 0px 0px 0px 0px; padding: 0;
    position: relative;
	float: left;
	top: -40px;
	left: 0px;
	visibility: hidden;
}

#reservationsmenuImage li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;

}

#reservationsmenuImage li, #reservationsmenuImage a {
    height: 16px; display: block;
}

#ataglance {left: 0; width: 63px;}
#mapsdirections {left: 64px; width: 141px;}
#giftcertificates {left: 200px; width: 128px;}
#reservations1 {left: 340px; width: 108px;}


#ataglance a:hover {background: transparent url("../images/ui/reservations_map.gif") 0 -14px no-repeat;}
#mapsdirections a:hover {background: transparent url("../images/ui/reservations_map.gif") -64px -14px no-repeat;}
#giftcertificates a:hover {background: transparent url("../images/ui/reservations_map.gif") -200px -14px no-repeat;}
#reservations1 a:hover {background: transparent url("../images/ui/reservations_map.gif") -340px -14px no-repeat;}


a.activeAtaglance {background: transparent url("../images/ui/reservations_map.gif") 0 -14px no-repeat;}
a.activeMapsdirections {background: transparent url("../images/ui/reservations_map.gif") -64px -14px no-repeat;}
a.activeGiftcertificates {background: transparent url("../images/ui/reservations_map.gif") -200px -14px no-repeat;}
a.activeReservations1 {background: transparent url("../images/ui/reservations_map.gif") -340px -14px no-repeat;}
	
	
#inquiriesmenuImage {
    width: 533px; height: 14px;
    background: #381509 url("../images/ui/inquiries_map.gif") top no-repeat;
	background-position: 0 0;
	margin: 0px 0px 0px 0px; padding: 0;
    position: relative;
	float: left;
	top: -54px;
	left: 0px;
	visibility: hidden;
}


#inquiriesmenuImage li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
}

#inquiriesmenuImage li, #inquiriesmenuImage a {
    height: 16px; display: block;
}

#employment {left: 0; width: 106px;}
#press {left: 107px; width: 54px;}
#privateevents {left: 161px; width: 128px;}


#employment a:hover {background: transparent url("../images/ui/inquiries_map.gif") 0 -14px no-repeat;}
#press a:hover {background: transparent url("../images/ui/inquiries_map.gif") -107px -14px no-repeat;}
#privateevents a:hover {background: transparent url("../images/ui/inquiries_map.gif") -161px -14px no-repeat;}

a.activeEmployment {background: transparent url("../images/ui/inquiries_map.gif") 0 -14px no-repeat;}
a.activePress {background: transparent url("../images/ui/inquiries_map.gif") -107px -14px no-repeat;}
a.activePrivateevents {background: transparent url("../images/ui/inquiries_map.gif") -161px -14px no-repeat;}

.twitter {
  margin: 0px;
  padding: 0 20px 0 0;
  background: url("../images/content/icn_twitter.gif") no-repeat 36px 50%;
  height: 14px;
  color: #673A2B;
}