/* CSS Document for Damian Allsop */

/* BASIC PAGE */
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #633;
	font-family: Gill, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	background-color: #efd6b3;
}

.hide {
	display: none;
}

.bold {
	font-weight: bold;
}

.margin {
	margin: 10px;
}

.paddingtop {
	padding-top: 8px;
}

a img {
	border: none;
}


/* CONTAINER */

#container {
	position: relative;
	margin: 30px auto 0 auto;
	width: 810px;
	height: 665px;
	background-color: #fff;
}

#container.longx100 {
	height: 765px;
}

#container.longx125 {
	height: 790px;
}

#container.longx250 {
	height: 915px;
}

#container.longx300 {
	height: 965px;
}

#container.longx425 {
	height: 1090px;
}


/* HEADER */

#header {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 790px;
	height: 110px;
	text-align: center;
	background-color: #f7f7ee;
}


/* MENU */

#menu {
	position: absolute;
	top: 130px;
	left: 10px;
	width: 790px;
	height: 45px;
	background-color: #f7f7ee;
	z-index: 20;
}

#menu ul {
	margin-top: 10px;
	list-style: none;
}

#menu ul li {
	position: relative;
	float: left;
	margin-left: 10px;
	width: 120px;
	height: 25px;
}

#menu ul li a {
	display: block;
	height: 25px;
	width: 120px; /* provide width for IE/Win else it won't register a rollover outside text span */
}

#menu ul li span {
	display: none;
}

#menu ul li.products		{ background: #dfebe3 url(../images/products_N.gif) 50% 50% no-repeat; }
#menu ul li.weddings 		{ background: #dfebe3 url(../images/weddings_N.gif) 50% 50% no-repeat; }
#menu ul li.shop			{ background: #dfebe3 url(../images/shop_N.gif) 50% 50% no-repeat; }
#menu ul li.corporate 		{ background: #dfebe3 url(../images/corporate_N.gif) 50% 50% no-repeat; }
#menu ul li.aboutus			{ background: #dfebe3 url(../images/aboutus_N.gif) 50% 50% no-repeat; }
#menu ul li.ingredients		{ background: #dfebe3 url(../images/ingredients_N.gif) 50% 50% no-repeat; }
/*#menu ul li.contact 		{ background: #dfebe3 url(../images/contactus_N.gif) 50% 50% no-repeat; }*/

#menu ul li.products a:hover,
#menu ul li.products a:focus					{ background: #6f3b1d url(../images/products_H.gif) 50% 50% no-repeat; }
#menu ul li.weddings a:hover,
#menu ul li.weddings a:focus			{	background: #6f3b1d url(../images/weddings_H.gif) 50% 50% no-repeat; }
#menu ul li.shop a:hover,
#menu ul li.shop a:focus		{ background: #6f3b1d url(../images/shop_H.gif) 50% 50% no-repeat; }
#menu ul li.corporate a:hover,
#menu ul li.corporate a:focus				{ background: #6f3b1d url(../images/corporate_H.gif) 50% 50% no-repeat; }
#menu ul li.aboutus a:hover,
#menu ul li.aboutus a:focus				{ background: #6f3b1d url(../images/aboutus_H.gif) 50% 50% no-repeat; }
#menu ul li.ingredients a:hover,
#menu ul li.ingredients a:focus			{ background: #6f3b1d url(../images/ingredients_H.gif) 50% 50% no-repeat; }


/* products SUB-MENU */

#submenu {
	position: absolute;
	top: 165px;
	left: 20px;
	background-color: #f00;
	z-index: 30;
	visibility: hidden;
}

#submenu ul {
	list-style: none;
}

#submenu ul li a {
	display: block;
	margin: 0;
	padding: 4px 15px 0px 15px;
	width: 130px;
	height: 21px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #633;
	line-height: 16px;
	background-color: #c6dfd8;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
}

#submenu ul li a:hover,
#submenu ul li a:focus {
	color: #f28e00;
	background-color: #6f3b1d;
}

/* SHOPPING SUB-MENU */

#shopmenu {
	position: absolute;
	top: 165px;
	left: 150px;
	background-color: #f00;
	z-index: 30;
	visibility: hidden;
}

#shopmenu ul {
	list-style: none;
}

#shopmenu ul li a {
	display: block;
	margin: 0;
	padding: 4px 15px 0px 15px;
	width: 130px;
	height: 21px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #633;
	line-height: 16px;
	background-color: #c6dfd8;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
}

#shopmenu ul li a:hover,
#shopmenu ul li a:focus {
	color: #f28e00;
	background-color: #6f3b1d;
}

/* WEDDINGS SUB-MENU */

#weddingmenu {
	position: absolute;
	top: 165px;
	left: 280px;
	background-color: #f00;
	z-index: 30;
	visibility: hidden;
}

#weddingmenu ul {
	list-style: none;
}

#weddingmenu ul li a {
	display: block;
	margin: 0;
	padding: 4px 15px 0px 15px;
	width: 130px;
	height: 21px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #633;
	line-height: 16px;
	background-color: #c6dfd8;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
}

#weddingmenu ul li a:hover,
#weddingmenu ul li a:focus {
	color: #f28e00;
	background-color: #6f3b1d;
}

/* CORPORATE SUB-MENU */

#corporatemenu {
	position: absolute;
	top: 165px;
	left: 410px;
	background-color: #f00;
	z-index: 30;
	visibility: hidden;
}

#corporatemenu ul {
	list-style: none;
}

#corporatemenu ul li a {
	display: block;
	margin: 0;
	padding: 4px 15px 0px 15px;
	width: 130px;
	height: 21px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #633;
	line-height: 16px;
	background-color: #c6dfd8;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
}

#corporatemenu ul li a:hover,
#corporatemenu ul li a:focus {
	color: #f28e00;
	background-color: #6f3b1d;
}


/* US SUB-MENU */

#usmenu {
	position: absolute;
	top: 165px;
	left: 540px;
	background-color: #f00;
	z-index: 30;
	visibility: hidden;
}

#usmenu ul {
	list-style: none;
}

#usmenu ul li a {
	display: block;
	margin: 0;
	padding: 4px 15px 0px 15px;
	width: 130px;
	height: 21px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #633;
	line-height: 16px;
	background-color: #c6dfd8;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
}

#usmenu ul li a:hover,
#usmenu ul li a:focus {
	color: #f28e00;
	background-color: #6f3b1d;
}

/* INGREDIENTS SUB-MENU */

#ingredientsmenu {
	position: absolute;
	top: 165px;
	left: 670px;
	background-color: #f00;
	z-index: 30;
	visibility: hidden;
}

#ingredientsmenu ul {
	list-style: none;
}

#ingredientsmenu ul li a {
	display: block;
	margin: 0;
	padding: 4px 15px 0px 15px;
	width: 130px;
	height: 21px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #633;
	line-height: 16px;
	background-color: #c6dfd8;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
}

#ingredientsmenu ul li a:hover,
#ingredientsmenu ul li a:focus {
	color: #f28e00;
	background-color: #6f3b1d;
}


/* photogallery */

#photogallery {
	width:  500px;
	margin: 0 auto;	
}

/* BODY */

#body {
	position: absolute;
	top: 185px;
	left: 10px;
	width: 790px;
	height: 405px;
	background-color: #f9f8ee;
	z-index: 10;
}

#container.longx100 #body {
	height: 505px;
}

#container.longx125 #body {
	height: 530px;
}

#container.longx250 #body {
	height: 655px;
}

#container.longx300 #body {
	height: 705px;
}

#container.longx425 #body {
	height: 830px;
}

#body h1 {
	margin: 17px 10px 13px 10px;
}

#body.centralise h1 {
	margin: 17px 10px 13px 80px;
}

#body h1 span {
	display: none;
}

#body h2 {
	margin: 10px;
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: normal;
	color: #2b9194;
	font-family: "Trajan Pro", Georgia, "Times New Roman", Times, serif;	
}

#body h2.product {
	margin: 10px;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #2b9194;
}


#body h2.news {
	margin: 10px;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #2b9194;
}

/* added for home page */

#body span.news {
	margin: 15px 10px;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-weight: normal;
	color: #2b9194;
} 

#body span.news p.smaller {
	font-size: 12px;
}

#body span.news a:link,
#body span.news a:visited {
	color: #2b9194;
	font-style: italic;
}

/* ... */

#body h2.valentine {
	font-size: 14px;
	color: #f00;
}

#body h3 {
	margin: 10px 10px 0 10px;
	font-size: 12px;
	color: #633;
}

#body p {
	margin: 0 10px 5px 10px;
	width: 500px;
}

#body.centralise p {
	text-align: center;
}

#body li {
	list-style: none;
	margin-left: 10px;
	width: 500px;
}

#body p.nolead {
	margin-bottom: 0;
}

#body ul.map li {
	margin-bottom: 3px;
}

#body p a:link, 
#body p a:visited,
#body li a:link, 
#body li a:visited {
	color: #633;
}

#body p a:hover,
#body li a:hover,
#body p a:focus,
#body li a:focus {
	color: #f28e00;
}

#body p a:active,
#body li a:active {
	color: #633;
}

#body img.main {
	position: absolute;
	top: 10px;
	right: 10px;
}

#body img.sculpture {
	position: relative;
	top: 10px;
	right: 0px;
	left: 200px;
}

/* TABLES */

table {
	margin: 0 0 0 10px;
}

th {
	padding: 3px;
	width: 104px;
	text-align: center;
	background-color: #f4e7d5;
}

td {
	padding: 3px;
	width: 104px;
	text-align: center;
	background-color: #f6efe1;
}

tr.odd td {
	background-color: transparent;
}

/* FOOTER */

#footer {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 790px;
	height: 55px;
	background-color: #f9f8ee;
}

#footer ul {
	list-style: none;
	padding: 10px 0;
}

#footer ul li {
	float: left;
	position: relative;
	margin-left: 10px;
	height: 35px;
	width: 380px;	
}

#footer ul li a {
	display: block;	
	height: 35px;
	width: 380px;	
}
#footer ul li span {
	display: none;
}

#footer ul li.retail {
	background: #92c4c1 url(../images/RetailOutletsSelling.gif) 0 0 no-repeat;
}

#footer ul li.restaurants {
	background: #92c4c1 url(../images/RestaurantsServing.gif) 0 0 no-repeat;
}

#footer ul li.retail a:hover,
#footer ul li.retail a:focus {
	background: #6f3b1d url(../images/RetailOutletsSelling_H.gif) 0 0 no-repeat;
}

#footer ul li.restaurants a:hover,
#footer ul li.restaurants a:focus {
	background: #6f3b1d url(../images/RestaurantsServing_H.gif) 0 0 no-repeat;
}