/*
Title:      	West Park Cafe stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	6th August 2009
*/


/* WRAPPERS */

body {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size: small;
	text-align: left;
	color: #cdd2d7;
	margin: 0;
	background: url(../jpg/bg-tile.jpg) repeat top left;
	}
	
p {
	margin: 0 0 1em; 
	padding: 0;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	

h1, h2, h3, h4 {
 	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	line-height: 1.3em;
	}

h1 {
 	text-align: left;
	font-size: 26px;
	color: #edf0f4;
	}

h2 {
	text-align: left;
	font-size: 30px;
	color: #edf0f4;
	}
	
h3 {
	text-align: left;
	font-size: 20px;
	color: #edf0f4;
	}

h4 {
  	text-align: left;
	font-size: 20px;
	color: #edf0f4;
	}
			
.clear {
 	clear: both;
 	}
	
.spacer {
 	clear: both;
	height: 20px;
	padding: 0;
	margin: 0;
 	}	
	
.divline {
	height: 1px;
	margin: 0;
	width: 100%;
	border-bottom: #6c7178 dotted 1px;
	}
	
.images {
	padding: 0;
	margin: 0;
	border: #6c7178 3px solid;
 	}
	
.alignLeft { 
	float:left; 
	margin-right: 1.6em; 
	margin-bottom: 1em; 
	border: #494c51 1px solid;
	}
	
.alignrightimages { 
	float:right; 
	margin-left: 15px; 
	}	
	
	
	
/* GENERAL COMPONENTS */

.availablefromtxt {
	text-align: left;
	color: #8fd8cd;
	font-size: 120%;
	line-height: 1.8em;
	text-shadow: 0px 1px 1px #3b3d3f; 
	}	

.subtitletxt {
	text-align: left;
	color: #ffffff;
	font-size: 105%;
	line-height: 1.8em;
	text-shadow: 0px 1px 1px #3b3d3f; 
	}	
	
.homepromotxt {
	text-align: left;
	color: #f4f6f8;
	font-size: 90%;
	line-height: 1.3em;
	text-shadow: 0px 1px 1px #3b3d3f; 
	}		
.homepromotxt a:link, .homepromotxt a:visited {
	color:#f8cc1d;
	text-decoration:none;
	}	
.homepromotxt a:active, .homepromotxt a:hover {
	color:#f8cc1d;
	text-decoration:underline;
	}	

.normaltxt {
	text-align: left;
	color: #f4f6f8;
	font-size: 105%;
	line-height: 1.3em;
	text-shadow: 0px 1px 1px #3b3d3f; 
	}	
.normaltxt a:link, .normaltxt a:visited {
	color:#f8cc1d;
	text-decoration:none;
	}	
.normaltxt a:active, .normaltxt a:hover {
	color:#f8cc1d;
	text-decoration:underline;
	}
	
.mediumtxt {
	text-align: left;
	color: #cdd2d7;
	font-size: 95%;
	line-height: 1.3em;
	text-shadow: 0px 1px 1px #3b3d3f; 
	}		
.mediumtxt a:link, .mediumtxt a:visited {
	color:#f8cc1d;
	text-decoration:none;
	}	
.mediumtxt a:active, .mediumtxt a:hover {
	color:#f8cc1d;
	text-decoration:underline;
	}	
	
.rhtxt {
	text-align: left;
	color: #b0b4b9;
	font-size: 100%;
	line-height: 1.3em;
	text-shadow: 0px 1px 1px #3b3d3f;
	}	
.rhtxt a:link, .rhtxt a:visited {
	color:#f8cc1d;
	text-decoration:none;
	}	
.rhtxt a:active, .rhtxt a:hover {
	color:#f8cc1d;
	text-decoration:underline;
	}	
	
.largertxt2 {
	text-align: left;
	color: #e8ecef;
	font-size: 115%;
	line-height: 1.3em;
	text-shadow: 0px 1px 1px #3b3d3f;
	}	
	
.largertxt {
	text-align: left;
	color: #cdd2d7;
	font-size: 125%;
	line-height: 1.3em;
	text-shadow: 0px 1px 1px #3b3d3f;
	}	
.largertxt a:link, .largertxt a:visited {
	color:#f8cc1d;
	text-decoration:none;
	}	
.largertxt a:active, .largertxt a:hover {
	color:#f8cc1d;
	text-decoration:underline;
	}	
			
.smallertxt {
	text-align: left;
	font-size: 90%;
	color: #acb2b8;
	line-height: 1.3em;	
	text-shadow: 0px 1px 1px #3b3d3f;
	}	
.smallertxt a:link, .smallertxt a:visited {
	color:#f8cc1d;
	text-decoration:none;
	}	
.smallertxt a:active, .smallertxt a:hover {
	color:#f8cc1d;
	text-decoration:underline;
	}		
	
.thanxtxt {
	text-align: left;
	font-size: 130%;
	color: #32c4da;
	font-weight: bold;
	line-height: 1.3em;
	text-shadow: 0px 1px 1px #3b3d3f;
	}				
	
.bulletlist {
	margin: 0 auto;
	padding: 0 0 0 18px;
	list-style: none;
	color: #eceff3;
	width: 90%;
	}
	
.bulletlist ul {
	list-style: none;
	margin: 0;
	border: 0;
	}
	
.bulletlist li {
	color: #ffffff;
	line-height: 1.3em;
	padding: 0 0 10px 0;
	font-size: 105%;
	text-shadow: 0px 1px 1px #3b3d3f;
	list-style-image: url(../gif/bullet.gif);
	}		
.bulletlist a:link, .bulletlist  a:visited {
	color: #f8cc1d;
	text-decoration: none;
	}
.bulletlist a:active, .bulletlist a:hover  {
	color: #f8cc1d;
	text-decoration: underline;
	}
			
#gallerythumbsimg a img {
	border: #6c7178 2px solid;
	}
	
#gallerythumbsimg a:hover img {
	border: #c7ccd3 2px solid;
	}
	





/* GENERAL COMPONENTS */	
	
#logowrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}	
		
#logo {
	width: 920px;
	height: 60px;
	margin: 0 auto;
	padding: 115px 20px 0 0;
	background: url(../png/logo.png) no-repeat top left;
	}
	
.logotxt {
	text-align: right;
	color: #a3aab1;
	font-size: 105%;
	line-height: 1.6em;
	text-shadow: 0px 1px 1px #3b3d3f; 
	}	
.logotxt a:link, .logotxt a:visited {
	color:#ffffff;
	text-decoration:none;
	}	
.logotxt a:active, .logotxt a:hover {
	color:#ffffff;
	text-decoration:underline;
	}	
	
.logoorangetxt {
	color: #f8981d;
	text-shadow: 0px 1px 1px #3b3d3f; 
	}			
	
	
		
#emailholder {
	width: 420px;
	height: 175px;
	margin: 0;
	float: right;
	padding: 0;
	}
	
.emailink {
	margin: 0;
	padding: 175px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.emailink li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.emailink a {
	float: left;
	padding: 175px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 175px; /* for IE5/Win only */
	}
	
.emailink a:hover {
	background-position: 0 -175px;
	}

.emailink a:active, .emailink a.selected {
	background-position: 0 -175px;
	}
	
.emailinkimg a {
	width: 420px;
	background: url(../gif/email.gif) top left no-repeat;
	}			
	
.titlesholder {
	width: 610px;
	margin: 0;
	padding: 5px 20px 0 30px;
	}		
			
.formfieldslong {
	color: #1f2021;
	width: 350px;
	padding: 3px;
	font-size: 105%;
	background-color: #ffffff;
	border: 0;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
.formfieldsmed {
	color: #1f2021;
	width: 300px;
	padding: 3px;
	font-size: 105%;
	background-color: #ffffff;
	border: 0;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
.formfieldsshort {
	color: #1f2021;
	width: 235px;
	padding: 3px;
	margin: 10px 0 0 0;
	font-size: 105%;
	background-color: #ffffff;
	border: 0;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
.formfieldstiny {
	color: #1f2021;
	width: 115px;
	padding: 3px;
	font-size: 90%;
	background-color: #ffffff;
	border: 0;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;;
	}	
	
	
	
/* SIDE NAV COMPONENTS */	

#sidenavholder {
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
#sidenav {
	width: 265px;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
#sidenav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	}
			
.sidenav-thecafe a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../jpg/mainnav/home.jpg) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-thecafe a:hover, .sidenav-thecafe a:active {
	background: url(../jpg/mainnav/home.jpg) -265px 0 no-repeat;
	}
	
.sidenav-thecafe a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/thecafe.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-thecafe a:hover, .sidenav-thecafe a:active {
	background: url(../gif/sidenav/thecafe.gif) -265px 0 no-repeat;
	}
	
.sidenav-thecuisine a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/thecuisine.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-thecuisine a:hover, .sidenav-thecuisine a:active {
	background: url(../gif/sidenav/thecuisine.gif) -265px 0 no-repeat;
	}	
	
.sidenav-thechefs a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/thechefs.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-thechefs a:hover, .sidenav-thechefs a:active {
	background: url(../gif/sidenav/thechefs.gif) -265px 0 no-repeat;
	}	
	
.sidenav-aneveningwithus a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/aneveningwithus.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-aneveningwithus a:hover, .sidenav-aneveningwithus a:active {
	background: url(../gif/sidenav/aneveningwithus.gif) -265px 0 no-repeat;
	}	
	
.sidenav-behindthescenes a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/behindthescenes.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-behindthescenes a:hover, .sidenav-behindthescenes a:active {
	background: url(../gif/sidenav/behindthescenes.gif) -265px 0 no-repeat;
	}	
	
.sidenav-satmorncaferun a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/satmorncaferun.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-satmorncaferun a:hover, .sidenav-satmorncaferun a:active {
	background: url(../gif/sidenav/satmorncaferun.gif) -265px 0 no-repeat;
	}		
	
.sidenav-childrensmenu a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/childrensmenu.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-childrensmenu a:hover, .sidenav-childrensmenu a:active {
	background: url(../gif/sidenav/childrensmenu.gif) -265px 0 no-repeat;
	}	
	
.sidenav-desserts a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/desserts.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-desserts a:hover, .sidenav-desserts a:active {
	background: url(../gif/sidenav/desserts.gif) -265px 0 no-repeat;
	}	
	
.sidenav-drinksandcoffee a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/drinksandcoffee.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-drinksandcoffee a:hover, .sidenav-drinksandcoffee a:active {
	background: url(../gif/sidenav/drinksandcoffee.gif) -265px 0 no-repeat;
	}	
	
.sidenav-lunch a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/lunch.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-lunch a:hover, .sidenav-lunch a:active {
	background: url(../gif/sidenav/lunch.gif) -265px 0 no-repeat;
	}	
	
.sidenav-dinner a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/dinner.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-dinner a:hover, .sidenav-dinner a:active {
	background: url(../gif/sidenav/dinner.gif) -265px 0 no-repeat;
	}	
	
.sidenav-breakfast a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/breakfast.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-breakfast a:hover, .sidenav-breakfast a:active {
	background: url(../gif/sidenav/breakfast.gif) -265px 0 no-repeat;
	}
	
.sidenav-sunday a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/sunday.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-sunday a:hover, .sidenav-sunday a:active {
	background: url(../gif/sidenav/sunday.gif) -265px 0 no-repeat;
	}		
	
.sidenav-vegetariandishes a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/vegetariandishes.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-vegetariandishes a:hover, .sidenav-vegetariandishes a:active {
	background: url(../gif/sidenav/vegetariandishes.gif) -265px 0 no-repeat;
	}	
	
.sidenav-winelist a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/winelist.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-winelist a:hover, .sidenav-winelist a:active {
	background: url(../gif/sidenav/winelist.gif) -265px 0 no-repeat;
	}	
	
.sidenav-xmasparty a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/xmasparty.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-xmasparty a:hover, .sidenav-xmasparty a:active {
	background: url(../gif/sidenav/xmasparty.gif) -265px 0 no-repeat;
	}	
	
.sidenav-xmasday a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/xmasday.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-xmasday a:hover, .sidenav-xmasday a:active {
	background: url(../gif/sidenav/xmasday.gif) -265px 0 no-repeat;
	}		
	
.sidenav-newyearseve a {
	display: block;
	width: 265px;
	height: 26px;
	background: url(../gif/sidenav/newyearseve.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
.sidenav-newyearseve a:hover, .sidenav-newyearseve a:active {
	background: url(../gif/sidenav/newyearseve.gif) -265px 0 no-repeat;
	}		
	
	
	
	
/* MAIN NAV COMPONENTS */	

#mainnavholder {
	margin: 0 auto;
	padding: 0;
	width: 940px;
	height: 45px;
	}
	
#mainnav {
	margin: 0;
	padding: 0;
	height: 45px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#mainnav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#mainnav a {
	float: left;
	padding: 45px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 45px; /* for IE5/Win only */
	}
	
#mainnav a:hover {
	background-position: 0 -45px;
	}

#mainnav a:active, #mainnav a.selected {
	background-position: 0 -90px;
	}
		
#mnhome a {
	width: 84px;
	background: url(../jpg/mainnav/home.jpg) top left no-repeat;
	}		
	
#mnaboutthecafe a {
	width: 138px;
	background: url(../jpg/mainnav/aboutthecafe.jpg) top left no-repeat;
	}	
	
#mnsamplemenus a {
	width: 124px;
	background: url(../jpg/mainnav/samplemenus.jpg) top left no-repeat;
	}
	
#mngallery a {
	width: 84px;
	background: url(../jpg/mainnav/gallery.jpg) top left no-repeat;
	}	
	
#mnartwork a {
	width: 86px;
	background: url(../jpg/mainnav/artwork.jpg) top left no-repeat;
	}	
	
#mningredients a {
	width: 113px;
	background: url(../jpg/mainnav/ingredients.jpg) top left no-repeat;
	}	

#mnfunctions a {
	width: 106px;
	background: url(../jpg/mainnav/functions.jpg) top left no-repeat;
	}	
	
#mnreviews a {
	width: 82px;
	background: url(../jpg/mainnav/reviews.jpg) top left no-repeat;
	}	
	
#mnlocation a {
	width: 99px;
	background: url(../jpg/mainnav/location.jpg) top left no-repeat;
	}	
	
#mncontact a {
	width: 110px;
	background: url(../jpg/mainnav/contact.jpg) top left no-repeat;
	}		
	




/* INDEX IMAGE CHANGER COMPONENTS */	

#indeximages {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height: 245px;
	border-bottom: #747779 1px solid;
	overflow: hidden;
	}
	
		
	
	
	
/* TITLES AND HEADER IMAGES NARROW COMPONENTS */	

.titleabout {
	width: 573px;	
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/about-the-cafe.jpg) top left no-repeat;
	}	
	
.titlesamplemenubreakfast {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/sample-menu-breakfast.jpg) top left no-repeat;
	}	
	
.titlesamplemenudesserts {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/sample-menu-desserts.jpg) top left no-repeat;
	}
	
.titlesamplemenuchildrens {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/sample-menu-childrens.jpg) top left no-repeat;
	}
	
.titlesamplemenudrinks {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/sample-menu-drinks.jpg) top left no-repeat;
	}
	
.titlesamplemenulunch {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/sample-menu-lunch.jpg) top left no-repeat;
	}
	
.titlesamplemenusunday {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/sample-menu-sunday.jpg) top left no-repeat;
	}	
	
.titlesamplemenufirstbirthday {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/sample-menu-1st-birthday.jpg) top left no-repeat;
	}	
	
.titlesamplemenuearlybird {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/sample-menu-early-bird.jpg) top left no-repeat;
	}		
	
.titlesamplemenunewsyearseve {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/sample-menu-new-years-eve.jpg) top left no-repeat;
	}	
	
.titlesamplemenumain {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/sample-menu-dinner.jpg) top left no-repeat;
	}
	
.titlesamplemenuvegetarian {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/sample-menu-vegetarian.jpg) top left no-repeat;
	}
	
.titlesamplemenuwine {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/sample-menu-wine.jpg) top left no-repeat;
	}	
	
.titlesamplemenuxmasparty {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/sample-menu-xmas-party.jpg) top left no-repeat;
	}		
	
.titlesamplemenuxmasday {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/sample-menu-xmas-day.jpg) top left no-repeat;
	}		
	
.titlelocation {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/location.jpg) top left no-repeat;
	}	
	
.titlethegalcafe {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/the-gallery-cafe.jpg) top left no-repeat;
	}		
	
.titlesatmorncaferun {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/the-gallery-satmorncaferun.jpg) top left no-repeat;
	}		
	
.titlethegalanightwithus {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/the-gallery-an-evening-with-us.jpg) top left no-repeat;
	}	
	
.titlethegalbehindthescenes {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/the-gallery-behind-the-scenes.jpg) top left no-repeat;
	}	
	
.titleartwork {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/artwork.jpg) top left no-repeat;
	}	
	
.titleingredients {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/ingredients.jpg) top left no-repeat;
	}	
	
.titlefunctions {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/functions.jpg) top left no-repeat;
	}	
	
.titlereviews {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/reviews.jpg) top left no-repeat;
	}	
	
.titlecontact {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/contact.jpg) top left no-repeat;
	}	
	
.titleterms {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/terms-and-conditions.jpg) top left no-repeat;
	}	
	
.titleprivacy {
	width: 573px;
	margin: 0;
	height: 250px;
	padding: 0 25px 0 25px;
	text-indent: -999em;
	display: block;
	background: url(../jpg/titles/privacy-policy.jpg) top left no-repeat;
	}		
	
	
	
	
	
/* RH TITLES COMPONENTS */	

.rhtitleaddresstel {
	width: 265px;	
	margin: 15px 0 0 0;
	height: 35px;
	padding: 0;
	text-indent: -999em;
	display: block;
	background: url(../gif/titles-right/address-telephone.gif) top left no-repeat;
	}	
	
.rhtitleaddresstel2 {
	width: 265px;	
	margin: 40px 0 0 0;
	height: 35px;
	padding: 0;
	text-indent: -999em;
	display: block;
	background: url(../gif/titles-right/address-telephone.gif) top left no-repeat;
	}		
	
.rhtitlechooseagallery {
	width: 265px;	
	margin: 40px 0 0 0;
	height: 35px;
	padding: 0;
	text-indent: -999em;
	display: block;
	background: url(../gif/titles-right/choose-a-gallery.gif) top left no-repeat;
	}
	
.rhtitlechooseamenu {
	width: 265px;	
	margin: 40px 0 0 0;
	height: 35px;
	padding: 0;
	text-indent: -999em;
	display: block;
	background: url(../gif/titles-right/choose-a-menu.gif) top left no-repeat;
	}
	
.rhtitledownloadthemenu {
	width: 265px;	
	margin: 40px 0 0 0;
	height: 35px;
	padding: 0;
	text-indent: -999em;
	display: block;
	background: url(../gif/titles-right/download-the-menu.gif) top left no-repeat;
	}	
	
.rhtitlelocationmap {
	width: 265px;	
	margin: 15px 0 0 0;
	height: 35px;
	padding: 0;
	text-indent: -999em;
	display: block;
	background: url(../gif/titles-right/location-map.gif) top left no-repeat;
	}
	
.rhtitlemoreinformation {
	width: 265px;	
	margin: 40px 0 0 0;
	height: 35px;
	padding: 0;
	text-indent: -999em;
	display: block;
	background: url(../gif/titles-right/more-information.gif) top left no-repeat;
	}
	
.rhtitleopeningtimes {
	width: 265px;	
	margin: 40px 0 0 0;
	height: 35px;
	padding: 0;
	text-indent: -999em;
	display: block;
	background: url(../gif/titles-right/opening-times.gif) top left no-repeat;
	}
	
.rhtitleourneighbours {
	width: 265px;	
	margin: 40px 0 0 0;
	height: 35px;
	padding: 0;
	text-indent: -999em;
	display: block;
	background: url(../gif/titles-right/our-neighbours.gif) top left no-repeat;
	}
	
.rhtitlewhatdoyouthink {
	width: 265px;	
	margin: 40px 0 0 0;
	height: 35px;
	padding: 0;
	text-indent: -999em;
	display: block;
	background: url(../gif/titles-right/what-do-you-think.gif) top left no-repeat;
	}	
	
.rhtitlequickmessageform {
	width: 265px;	
	margin: 15px 0 0 0;
	height: 35px;
	padding: 0;
	text-indent: -999em;
	display: block;
	background: url(../gif/titles-right/quick-message-form.gif) top left no-repeat;
	}	
	
.rhtitlenocorporatecoffee {
	width: 465px;	
	margin: 15px 0 0 0;
	height: 35px;
	padding: 0;
	text-indent: -999em;
	display: block;
	background: url(../gif/titles-right/no-corporate-coffee.gif) top left no-repeat;
	}
	
.rhtitletheartofbarista {
	width: 265px;	
	margin: 15px 0 0 0;
	height: 35px;
	padding: 0;
	text-indent: -999em;
	display: block;
	background: url(../gif/titles-right/the-art-of-barista.gif) top left no-repeat;
	}	
		




	
/* BODY COMPONENTS */		
	
#bodywrapper {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/body-tile.jpg) top left repeat;
	}
	
#bodytopgrad {
	width: 940px;
	margin: 0;
	padding: 0;
	background: url(../jpg/body-grad.jpg) top left no-repeat;
	}	
	
#bodytopgradnoside {
	width: 940px;
	margin: 0;
	padding: 0;
	background: url(../jpg/body-grad-noside.jpg) top left no-repeat;
	}	
	
#bodyfooter {
	width: 940px;
	margin: 0;
	padding: 30px 0 20px 0;
	background: url(../jpg/body-bot-curve.jpg) bottom left no-repeat;
	}	
	
#bodyfooterother {
	width: 940px;
	margin: 0;
	padding: 0 0 40px 0;
	background: url(../jpg/body-bot-curve.jpg) bottom left no-repeat;
	}		
	
#bodyleft {
	width: 598px;
	margin: 0;
	float: left;
	padding: 0 0 0 25px;
	}	
	
#bodyleftother {
	width: 623px;
	margin: 0;
	float: left;
	padding: 0;	
	}	
	
#bodyleft1 {
	width: 275px;
	margin: 0;
	float: left;
	padding: 0;
	}	
	
#bodyleft2 {
	width: 275px;
	margin: 0;
	float: right;
	padding: 0 15px 0 15px;
	border-left: #63686f 1px dotted;
	border-right: #63686f 1px dotted;
	}		
	
#bodyright {
	width: 275px;
	margin: 0;
	float: right;
	padding: 0 25px 0 15px;
	}	
	
#bodyrightother {
	width: 265px;
	min-height: 430px;
	margin: 0;
	float: right;
	padding: 0 25px 0 25px;
	}		
			
.title-holder {
	width: 100%;
	padding: 0;
	margin: 0;
	}	
	
.title-holder-right {
	width: 100%;
	padding: 0;
	margin: 40px 0 0 0;
	}		
	
.top-right-spacer {
	width: 100%;
	padding: 0;
	margin: 70px 0 0 0;
	height: 1px;
	}		
	
.text-holder {
	width: 265px;
	margin: 10px 0 0 0;
	float: left;
	padding: 0;
	}	
	
.text-holder-pdf {
	width: 265px;
	margin: 10px 0 0 0;
	float: left;
	padding: 0;	
	}
	
.home-holder-promo {
	width: 135px;
	margin: 10px 0 0 0;
	float: left;
	padding: 0 140px 0 0;	
	background: url(../png/home-holder-promo.png) top right no-repeat;
	}	
	
.promoimagefloat {
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	}		
	
.text-holder-quote-home {
	width: 275px;
	margin: 10px 0 0 0;
	float: left;
	padding: 0;
	font-size: 105%;
	}		
	
.text-holder-quote {
	width: 265px;
	margin: 10px 0 0 0;
	float: left;
	padding: 0;
	font-style: italic;
	font-size: 90%;
	}	
	
.text-holder-quote-right-others {
	width: 265px;
	margin: 40px 0 0 0;
	float: left;
	padding: 0;
	font-style: italic;
	font-size: 90%;
	}		
	
img.floatLeft { 
    float: left; 
    margin: 4px 6px 2px 0; 
	}	
	
.but-moreart {
	margin: 0;
	padding: 22px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.but-moreart li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.but-moreart a {
	float: left;
	padding: 22px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 22px; /* for IE5/Win only */
	}
	
.but-moreart a:hover {
	background-position: 0 -22px;
	}

.but-moreart a:active, .but-moreart a.selected {
	background-position: 0 -22px;
	}
	
.but-moreartimg a {
	width: 82px;
	background: url(../jpg/but-moreart.jpg) top left no-repeat;
	}	
	
.but-getchristmasmenu {
	margin: 0;
	padding: 22px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.but-getchristmasmenu li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.but-getchristmasmenu a {
	float: left;
	padding: 22px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 22px; /* for IE5/Win only */
	}
	
.but-getchristmasmenu a:hover {
	background-position: 0 -22px;
	}

.but-getchristmasmenu a:active, .but-getchristmasmenu a.selected {
	background-position: 0 -22px;
	}
	
.but-getchristmasmenuimg a {
	width: 188px;
	background: url(../jpg/but-getchristmasmenu.jpg) top left no-repeat;
	}	
	
.but-morereviews {
	margin: 0;
	padding: 22px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.but-morereviews li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.but-morereviews a {
	float: left;
	padding: 22px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 22px; /* for IE5/Win only */
	}
	
.but-morereviews a:hover {
	background-position: 0 -22px;
	}

.but-morereviews a:active, .but-morereviews a.selected {
	background-position: 0 -22px;
	}
	
.but-morereviewsimg a {
	width: 110px;
	background: url(../jpg/but-morereviews.jpg) top left no-repeat;
	}	
	
	
.textarea {
	width: 573px;
	margin: 10px 0 0 0;
	padding: 10px 25px 0 25px;
	}	
	
.textarea2 {
	width: 573px;
	margin: 0;
	padding: 5px 25px 0 25px;
	}	
	
	
	
/* REVIEW COMPONENTS */		
	
.reviewtabholder {
	width: 245px;
	padding: 10px;
	background: #57595b url(../jpg/contact-table-outer.jpg) repeat top left;	
	}	
	
.reviews {
	width: 550px;
	padding: 0 0 0 23px;
	border-left: 3px solid #505254;
	margin: 20px 0 35px 0;
	}		
	
	
	
	
	
/* REQUEST A QUOTE COMPONENTS */		
	
.mailingtabholder {
	width: 553px;
	padding: 10px;
	background: #57595b url(../jpg/contact-table-outer.jpg) repeat top left;	
	}	
	
.mailingtable {
	color: #701b14;
	}	

.mailingtableft {
	color: #eceff3;
	width: 134px;
	text-align: right;
	padding: 3px 10px 5px 10px;
	font-size: 105%;
	text-shadow: 0px 1px 1px #3b3d3f; 
	}	
	
.mailingtabright {
	color: #cdd2d7;
	width: 383px;
	padding: 3px 0 5px 15px;
	font-size: 100%;
	}
	
.formnotetxt {
	text-align: left;
	font-size: 85%;
	color: #acb2b8;
	line-height: 1.2em;
	}	
	
	
	
	

/* GALLERY COMPONENTS */	

.gallerytn {
	padding: 10px 19px 10px 0;
	margin: 0;
	}
	
.gallerytn a img {
	padding: 0;
	margin: 0;
	border: #535556 3px solid;
	}
	
.gallerytn a:hover img {
	padding: 0;
	margin: 0;
	border: #747779 3px solid;
	}	
	
	
	
	
	
	
/* ABOUT THE CAFE COMPONENTS */	

.hourscellfullwidth {
	width: 275px;
	padding: 0;
	margin: 0;
	font-size: 105%;
	border-bottom: #44484a 1px dotted;
	}	

.hourscellleft {
	width: 80px;
	padding: 0 10px 5px 0;
	margin: 0;
	font-size: 105%;
	border-right: 1px solid #323334;
	text-shadow: 0px 1px 1px #3b3d3f; 
	}	
	
.hourscellright {
	width: 154px;
	padding: 0 10px 5px 10px;
	margin: 0;
	font-size: 105%;
	text-shadow: 0px 1px 1px #3b3d3f; 
	}	
	
	
	
	
	
/* MENU TABLE COMPONENTS */	

.menucellleft {
	width: 455px;
	padding: 5px 10px 8px 0;
	margin: 0;
	font-size: 105%;
	border-right: 1px solid #323334;
	border-bottom: 1px dotted #323334;
	font-size: 105%;
	color: #ffffff;
	text-shadow: 0px 1px 1px #3b3d3f; 
	}	
	
.menucellright {
	width: 93px;
	padding: 5px 0 8px 15px;
	margin: 0;
	font-size: 105%;
	border-bottom: 1px dotted #323334;
	text-align: right;
	color: #ffffff;
	font-size: 105%;
	text-shadow: 0px 1px 1px #3b3d3f; 
	}	
	
.menucellleftnoborder {
	width: 496px;
	padding: 5px 10px 8px 0;
	margin: 0;
	font-size: 105%;
	border-bottom: 1px dotted #323334;
	font-size: 105%;
	color: #ffffff;
	text-shadow: 0px 1px 1px #3b3d3f; 
	}	
			
.menufootnote {
	width: 553px;
	padding: 10px;
	margin: 0;
	font-size: 105%;
	border: 1px dotted #323334;
	font-size: 85%;
	text-shadow: 0px 1px 1px #3b3d3f; 
	background: url(../jpg/menu-footnote-tile.jpg) top left repeat;
	}
	
.menutitles {
	text-align: left;
	color: #ffffff;
	font-size: 140%;
	line-height: 1.3em;
	font-weight: bold;
	text-shadow: 0px 1px 1px #3b3d3f;
	}	
	
.menucellleftfixed {
	width: 486px;
	padding: 5px 0 8px 20px;
	margin: 0;
	font-size: 105%;
	font-size: 105%;
	color: #ffffff;
	text-shadow: 0px 1px 1px #3b3d3f; 
	background: url(../jpg/fixed-price-tile.jpg) top left repeat;
	}	
	
.menucellrightfixed {
	width: 53px;
	padding: 5px 0 8px 15px;
	margin: 0;
	font-size: 105%;
	text-align: right;
	color: #ffffff;
	font-size: 105%;
	text-shadow: 0px 1px 1px #3b3d3f; 
	background: url(../jpg/fixed-price-tile.jpg) top left repeat;
	}	
	
	
	
	
	
	
/* WINE MENU TABLE COMPONENTS */	

.winemenucellleft {
	width: 369px;
	padding: 5px 10px 8px 0;
	margin: 0;
	font-size: 105%;
	border-right: 1px solid #323334;
	border-bottom: 1px dotted #323334;
	font-size: 105%;
	color: #ffffff;
	text-shadow: 0px 1px 1px #3b3d3f; 
	}	
	
.winemenucellright12 {
	width: 42px;
	padding: 5px 10px 8px 15px;
	margin: 0;
	font-size: 105%;
	border-bottom: 1px dotted #323334;
	border-right: 1px solid #323334;
	text-align: right;
	color: #ffffff;
	font-size: 105%;
	text-shadow: 0px 1px 1px #3b3d3f; 
	}	
	
.winemenucellright3 {
	width: 43px;
	padding: 5px 0 8px 15px;
	margin: 0;
	font-size: 105%;
	border-bottom: 1px dotted #323334;
	text-align: right;
	color: #ffffff;
	font-size: 105%;
	text-shadow: 0px 1px 1px #3b3d3f; 
	}	
	
	
	
.winemenucellleftspecial {
	width: 349px;
	padding: 8px 10px 10px 20px;
	margin: 0;
	font-size: 105%;
	border-right: 1px solid #323334;
	border-bottom: 1px dotted #323334;
	border-left: 5px solid #626465;
	font-size: 105%;
	color: #393a3c;
	text-shadow: 0px 1px 1px #d78010; 
	background-color: #f8981d;
	}	
	
.smallertxtspecial {
	text-align: left;
	font-size: 90%;
	color: #5c5d60;
	line-height: 1.3em;	
	text-shadow: 0px 1px 1px #fba331;
	}	
	
	
	
	
/* INGREDIENTS COMPONENTS */		
	
.ingredientsleft {
	width: 220px;
	margin: 0;
	padding: 15px 0 15px 0;
	border-bottom: 1px dotted #323334;
	border-right: 1px dotted #323334;
	}		
	
.ingredientsright {
	width: 332px;
	margin: 0;
	padding: 15px 0 15px 20px;
	vertical-align: top;
	border-bottom: 1px dotted #323334;
	}		
	
			





/* FOOTER COMPONENTS */	

#footerwrapper {
	width: 890px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	}
	
#footerdots {
	width: 100%;
	margin: 0;
	padding: 10px 0 10px 0;
	border-top: #6a6d71 1px dotted;
	border-bottom: #6a6d71 1px dotted;
	}	
	
#footerleft {
	width: 598px;
	margin: 0;
	float: left;
	padding: 0;
	}	
	
#footerright {
	width: 275px;
	margin: 0;
	float: right;
	padding: 0;
	}	
	
.newslettertable {
	margin: 0 0 5px 0;
	}		
	
.newslettercol1 {
	width: 145px;
	padding: 0;
	margin: 0;
	}	
	
.newslettercol23 {
	width: 115px;
	padding: 0 10px 0 0;
	margin: 0;
	}
	
.newslettercol4 {
	width: 75px;
	padding: 0;
	margin: 0;
	}
	
.latestnewstable {
	margin: 0;
	}		
	
.latestnewscol1 {
	width: 79px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	}	
	
.latestnewscol2 {
	width: 520px;
	padding: 5px 0 0 0;
	margin: 0;
	vertical-align: top;
	font-size: 90%;
	}		
		
.footertxt {
	color: #acb2b8;
	font-size: 85%;
	line-height: 1.3em;
	}
	
.discountoffertxt {
	color: #f8981d;
	font-size: 85%;
	line-height: 1.3em;
	}
		
	
	
	
	
	
/* SOCIAL ICONS COMPONENTS */	

.socialiconstable {
	margin: 0;
	}
	
.socialiconstableother {
	margin: 0;
	}	
	
.socialiconscol1 {
	width: 26px;
	padding: 0 0 0 7px;
	margin: 0;
	}	
	
.socialiconscoltitle {
	width: 110px;
	padding: 0;
	margin: 0;
	}	
	
	
	
	
	
/* COPYRIGHT COMPONENTS */		
	
#copyrightwrapper {
	width: 890px;
	margin: 0 auto;
	padding: 15px 0 50px 0;
	}	
	
#copyrightleft {
	width: 598px;
	margin: 0;
	float: left;
	padding: 0;
	}	
	
#copyrightright {
	width: 145px;
	margin: 0;
	float: right;
	padding: 0;
	}	
	
#copyrightleftmovember {
	width: 85px;
	margin: 0;
	float: left;
	padding: 0;
	}	
	
#copyrightleftcopyright {
	width: 500px;
	margin: 0;
	float: right;
	padding: 0;
	}	
	
.copyrighttxt {
	color: #696e71;
	font-size: 85%;
	line-height: 1.5em;
	text-shadow: 0px 1px 1px #27292a; 
	}	

.copyrighttxt a:link, .copyrighttxt a:visited {
	color: #696e71;
	text-decoration:none;
	}

.copyrighttxt a:active, .copyrighttxt a:hover  {
	color: #9ba1a5;
	text-decoration:underline;
	}
	
.happylink {
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.happylink li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.happylink a {
	float: left;
	padding: 15px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 15px; /* for IE5/Win only */
	}
	
.happylink a:hover {
	background-position: 0 -15px;
	}

.happylink a:active, .happylink a.selected {
	background-position: 0 -15px;
	}
	
.happylinkimg a {
	width: 145px;
	background: url(../gif/happyleaf.gif) top left no-repeat;
	}