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

#body h5{width:500px; display:inline-block; font-size:18px; margin:8px 0 10px 45px; color:#2B9194; font-family:"Trajan Pro",Georgia,"Times New Roman",Times,serif;}
#body .italic{font-style:italic;}
#body p.italic_margin{font-style:italic; margin:0 0 20px 10px;}
#body h3.bars, h4{width:500px; display:inline-block; margin:0 10px 5px; color:#2B9194; font-family:"Trajan Pro",Georgia,"Times New Roman",Times,serif;}

#body #social_links{position:absolute; bottom:15px; right:0; height:45px; display:block;}

#body{position: absolute;top: 195px;left: 10px;width: 790px;height:700px;background-color: #f9f8ee;z-index: 10;}
.hide {
	display: none;
}
#body p.bolder{font-weight:bold; margin:0 0 15px 10px;}
.bold {
	font-weight: bold;
}

.margin {
	margin: 10px;
}

.paddingtop {
	padding-top: 8px;
}

a img {
	border: none;
}


/* CONTAINER */

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

#container.longx100 {
	height: 765px;
}

#container.longx125 {
	height: 790px;
}

#container.longx200 {
	height: 865px;
}

#container.longx250 {
	height: 915px;
}

#container.longx300 {
	height: 1245px;
}
#container.longx345 {
	height: 1345px;
}
#container.longx425 {
	height: 1190px;
}
#container.longx525 {
	height: 1690px;
}
#container.longx2390 {
	height: 2390px;
}

#container.longx500{height:1500px;}


/* 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: 60px;
	background-color: #f7f7ee;
	z-index: 20;
}

#menu ul {
	margin: 5px 60px 0;
	list-style: none;
}

#menu ul li {
	position: relative;
	float: left;
	margin-left: 10px;
	width: 120px;
	height: 50px;
	background:#dfebe3;	
	display:inline-block;
	left:-60px;	
}

#menu ul li a {
	display: block;
	height: 50px;
	width: 120px;
	text-decoration:none; /* 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 h2		{margin:16px 0;font-size: 13px;font-weight: normal;color: #f28e00;font-family: "Trajan Pro", Georgia, "Times New Roman", Times, serif;display:inline-block;line-height:14px; text-align:center}
#menu ul li.restaurant h2 		{margin:8px 0;font-size: 13px;font-weight: normal;color: #f28e00;font-family: "Trajan Pro", Georgia, "Times New Roman", Times, serif;display:inline-block;line-height:13px; text-align:center}
#menu ul li.shopmenu h2			{margin:15px 4px;font-size: 13px;font-weight: normal;color: #f28e00;font-family: "Trajan Pro", Georgia, "Times New Roman", Times, serif;display:inline-block;line-height:14px; text-align:center}
#menu ul li.school h2		{margin:13px 0;font-size: 13px;font-weight: normal;color: #f28e00;font-family: "Trajan Pro", Georgia, "Times New Roman", Times, serif;display:inline-block; text-align:center}
#menu ul li.media h2			{margin:7px 12px;font-size: 13px;font-weight: normal;color: #f28e00;font-family: "Trajan Pro", Georgia, "Times New Roman", Times, serif;display:inline-block;line-height:14px; text-align:center}
#menu ul li.contact	h2	{margin:20px 22px;font-size: 13px;font-weight: normal;color: #f28e00;font-family: "Trajan Pro", Georgia, "Times New Roman", Times, serif;display:inline-block;line-height:11px; text-align:center}
/*#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; color:#f28e00;}
#menu ul li.restaurant a:hover,
#menu ul li.restaurant a:focus			{	background: #6f3b1d; color:#f28e00; }
#menu ul li.shopmenu a:hover,
#menu ul li.shopmenu a:focus		{ background: #6f3b1d; color:#f28e00; }
#menu ul li.school a:hover,
#menu ul li.school a:focus				{ background: #6f3b1d; color:#f28e00; }
#menu ul li.media a:hover,
#menu ul li.media a:focus				{ background: #6f3b1d; color:#f28e00; }
#menu ul li.contact a:hover,
#menu ul li.contact a:focus			{ background: #6f3b1d; color:#f28e00; }


/* products SUB-MENU */

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

#submenu ul {
	list-style: none;
}

#submenu ul li a {
	display: block;
	margin: 0;
	padding: 5px 5px 0px 5px;
	width: 110px;
	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: 185px;
	left: 150px;
	background-color: #f00;
	z-index: 30;
	visibility: hidden;
}

#shopmenu ul {
	list-style: none;
}

#shopmenu ul li a {
	display: block;
	margin: 0;
	padding: 5px 5px 0px 5px;
	width: 136px;
	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 {
	display: block;
	margin: 0;
	padding: 5px 5px 0px 5px;
	width: 136px;
	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;
}

/* RESTAURANTS SUB-MENU */

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

#restaurant ul {
	list-style: none;
}

#restaurant ul li a {
	display: block;
	margin: 0;
	padding: 5px 5px 0px 5px;
	width: 110px;
	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;
}

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

/* SCHOOL SUB-MENU */

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

#school ul {
	list-style: none;
}

#school ul li a {
	display: block;
	margin: 0;
	padding: 5px 5px 0px 5px;
	width: 110px;
	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;
}

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


/* US SUB-MENU */

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

#media ul {
	list-style: none;
}

#media ul li a {
	display: block;
	margin: 0;
	padding: 5px 5px 0px 5px;
	width: 110px;
	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;
}

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

/* INGREDIENTS SUB-MENU */
#menu ul li.contact{position:absolute; left:650px; top:5px;}


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

#contact ul {
	list-style: none;
}

#contact ul li a {
	display: block;
	margin: 0;
	padding: 5px 5px 0px 5px;
	width: 109px;
	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;
}

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


/* photogallery */

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

/* BODY */

#body {
	position: absolute;
	top: 195px;
	left: 10px;
	width: 790px;
	height: 555px;
	background-color: #f9f8ee;
	z-index: 10;
}
.school-long {
	position: absolute;
	top: 195px;
	left: 10px;
	width: 790px;
	height: 1415px;
	background-color: #f9f8ee;
	z-index: 10;
}


#feature_box{width:510px; display:inline-block; margin:10px 0 0;}
#feature_box .feature_subtitle{min-height:30px; background:#FFFFFF; display:block; text-align:center; border-bottom:1px solid #666666; padding:5px 0;}
#feature_box .feature_subtitle p{font-size:12px; color:#666666; margin:2}
#feature_box .feature_title{min-height:30px; background:#fde4d0; display:block; text-align:center; border-bottom:1px solid #666666; padding:2px 0;}
#feature_box .feature_title p{font-size:12px; color:#666666;}
#feature_box .feature_subtitle a, #feature_box .feature_title a{text-decoration:underline; border:none; display:block; color:#03F; font-style:italic;}

#body-collect h3, h4{width:500px; display:inline-block; margin:10px 10px 5px;}
#body-collect{position: absolute;top: 195px;left: 10px;width: 790px;height:1075px;background-color: #f9f8ee;z-index: 10;}

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

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

#container.longx200 #body {
	height: 605px;
}

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

#container.longx300 #body {
	height: 705px;
}
#container.longx425 #body {
	height: 920px;
}
#container.longx435 #body {
	height: 990px;
}

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

#body h2.main-title{
	color:2b9194; margin:10px 0 15px 30px; display:inline-block;
}
#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-collect 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-collect h3 {
	margin: 10px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: normal;
	color: #2b9194;
	font-family: "Trajan Pro", Georgia, "Times New Roman", Times, serif;	
}
#body-collect h3.sub-title{width:790px; font-size:16px; text-align:center; margin:0;}

#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: 12px 10px;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-weight: normal;
	color: #2b9194;
} 
#body p.indent{margin:15px 0 0 20px;}

#body #school-top{width:400px;}
#body #school-top p{width:380px; }
#body #school-top p.subtitle{text-align:center; width:360px; margin:8px 0 15px 0;}

#body #school-top ul{width:320px; margin:0 10px;}
#body #school-top ul li{margin:0 10px 5px; width:340px;}

#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 5px 10px;
	font-size: 12px;
	color: #633;
}

#body p {
	margin: 10px 10px 5px;
	width: 500px;
}
#body a{margin:0 10px;}
#body a.small-print{font-size:10px; }
#body-collect p {
	margin: 0 10px 5px 10px;
	width: 500px;
}
#body h2.name-title{margin:20px 10px 10px;}
#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.school {
	position: absolute;
	top: 40px;
	right: 10px;
}
#body .choco-details{width:410px; height:150px; dispaly:block; float:left;}
#body .choco-details h2{font-size:15px;	font-family: Georgia, "Times New Roman", Times, serif; color: #2b9194; display:inline-block; float:left;}
#body .choco-details p{line-height:13px; font-size:13px; display:block;}
#body .choco-details p.margin-in{margin:8px 0 0 101px;}
#body .choco-details p strong{font-weight:800; margin:0 10px 0 0;}
.clear{clear:both;}
#body #school-widget{width:790px; display:block; margin:10px 0 0;}
#body #school-widget .school-details{width:790px; height:auto; display:block; margin:20px 0 15px;}
#body #school-widget .school-details h2{text-align:center; display:block; font-size:18px;}
#body #school-widget .school-details p{text-align:center; font-size:12px; width:620px; margin:0 85px; line-height:18px;}
#body #school-widget .school-details .f-left{float:left; width:350px;}
#body #school-widget .school-details .r-left{float:right; width:350px;}
#body #school-widget .school-details .r-left p.school-price{margin:25px 0 0; font-weight:bold;}

#body img.main-low {
	position: absolute;
	bottom: 90px;
	right: 10px;
}

#body #school-info{position:absolute; top:0; right:10px; width:250px; height:160px; background:url('/images/Cacao-Pods-bgSml.jpg') no-repeat 0 0; display:inline-block;}
#body #school-info .sch-inner{margin:15px 20px; width:230px; height:140px; font-size:13px;}
#body #school-info .sch-inner h2{margin:10px 5px 5px; display:inline-block; font-size:14px; color:#000000;}
#body #school-info .sch-inner p{display:block; margin:0 0 5px; color:#000000; width:220px;}
#body-collect img.main {
	position: absolute;
	top: 10px;
	right: 10px;
}
#body-collect img.one{position:absolute; top:140px; right:10px;}
#body-collect img.two{position:absolute; top:388px; right:10px;}
#body-collect img.three{position:absolute; top:550px; right:10px;}
#body-collect img.four{position:absolute; top:656px; right:10px;}


#body-collect img.one{position:absolute; top:120px; 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;
	background:#dfebe3;	
	display:inline-block;	
}

#footer ul li a {
	display: block;	
	height: 35px;
	width: 380px;
	text-decoration:none;	
}
#footer ul li h2{margin:10px 0 0 15px;font-size: 24px;font-weight: normal;color: #f28e00;font-family: "Trajan Pro", Georgia, "Times New Roman", Times, serif;display:inline-block;}
#footer ul li span {
	display: none;
}

#footer ul li.retail a:hover, #footer ul li.retail h2:hover
#footer ul li.retail a:focus {
	background: #6f3b1d;color:#f28e00;
}

#footer ul li.restaurants a:hover,
#footer ul li.restaurants a:focus {
	background: #6f3b1d;color:#f28e00;
}