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;
}

#teamBiosB {
	width: 960px; 
	height: 300px;
    background: #381509 url("../images/content/team_map2.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;
}

#teamBiosB li, #teamBiosB a {
    height: 300px; display: block;
}
	
#bryan {float: left; left: 0; width: 192px;}
#hilda {float: left; left: 385px; width: 192px;}
#alex {float: left; left: 385px; width: 192px;}
#graeme {float: left; left: 577px; width: 192px;}
#johna {float: left; left: 768px; width: 192px;}
#jill {float: left; left: 192px; 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") -385px -300px no-repeat;}
#jill a:hover {background: transparent url("../images/content/team_map.jpg") -192px -300px no-repeat;}
#johna a:hover {background: transparent url("../images/content/team_map.jpg") -768px -300px no-repeat;}
#alex 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") -577px -300px no-repeat;}
/*#neil a:hover {background: transparent url("../images/content/team_map.jpg") -768px -300px no-repeat;}*/

/*use this code for 4 employees centered*/
#bryanB {float: left; left: 96px; width: 191px; position: relative;}
#hildaB {float: left; left: 287px; width: 192px; position: absolute;}
#alexB {float: left; left: 479px; width: 192px; position: absolute;}
#graemeB {float: left; left: 671px; width: 192px; position: absolute;}
		
#bryanB a:hover {background: transparent url("../images/content/team_map2.jpg") -96px -300px no-repeat;}
#hildaB a:hover {background: transparent url("../images/content/team_map2.jpg") -287px -300px no-repeat;}
#alexB a:hover {background: transparent url("../images/content/team_map2.jpg") -479px -300px no-repeat;}
#graemeB a:hover {background: transparent url("../images/content/team_map2.jpg") -671px -300px no-repeat;}
/*end*/
	
#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;}
#shop {left: 542px; width: 62px;}
#new2012 {left: 614px; width: 112px;}

#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;}
#shop a:hover {background: transparent url("../images/ui/menu_map.gif") -542px -24px no-repeat;}
#new2012 a:hover {background: transparent url("../images/ui/menu_map.gif") -614px -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;}
#shop a:active {background: transparent url("../images/ui/menu_map.gif") -542px -48px no-repeat;}
#new2012 a:active {background: transparent url("../images/ui/menu_map.gif") -614px -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;}
a.activeShop {background: transparent url("../images/ui/menu_map.gif") -542px -48px no-repeat;}
a.activeNew2012 {background: transparent url("../images/ui/menu_map.gif") -614px -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: 65px;}
#lunch {left: 65px; width: 59px;}
#lounge {left: 124px; width: 67px;}
#coffee {left: 191px; width: 65px;}
#wine {left: 256px; 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") -65px -14px no-repeat;}
#lounge a:hover {background: transparent url("../images/ui/menus_map.gif") -124px -14px no-repeat;}
#coffee a:hover {background: transparent url("../images/ui/menus_map.gif") -191px -14px no-repeat;}
#wine a:hover {background: transparent url("../images/ui/menus_map.gif") -256px -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") -65px -14px no-repeat;}
a.activelounge {background: transparent url("../images/ui/menus_map.gif") -124px -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;}
#reservations1 {left: 207px; 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;}
#reservations1 a:hover {background: transparent url("../images/ui/reservations_map.gif") -207px -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.activeReservations1 {background: transparent url("../images/ui/reservations_map.gif") -207px -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;}


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

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

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

#giftcertificates {left: 0px; width: 128px;}
#giftcertificates a:hover {background: transparent url("../images/ui/shop_map.gif") 0px -14px no-repeat;}
a.activeGiftcertificates {background: transparent url("../images/ui/shop_map.gif") 0px -14px no-repeat;}

#cocktailkit {left: 130px; width: 118px;}
#cocktailkit a:hover {background: transparent url("../images/ui/shop_map.gif") -130px -14px no-repeat;}
a.activeCocktailkit {background: transparent url("../images/ui/shop_map.gif") -130px -14px no-repeat;}

#voltink {left: 137px; width: 67px;}
#voltink a:hover {background: transparent url("../images/ui/shop_map.gif") -137px -14px no-repeat;}
a.activeVoltink {background: transparent url("../images/ui/shop_map.gif") -137px -14px no-repeat;}


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

.facebook {
  margin: 0px;
  padding: 0 0px 0 20px;
  background: url("../images/ui/iconFacebook.gif") center left no-repeat;
  height: 14px;
  color: #673A2B;
}