body{

	background-color: #EEE;
	font-family:Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;

}

/* header images */

.header {
	background:#666;
}

.left_header {
	float:left;
	padding: 0.5em 0 0.6em 0.9em;
}

.right_header {
	float:left;
	margin: 0em 0 0 0em;
}

.clear { clear: both;}

.message {
	float:left;
	background: url(../../../images/message.png) no-repeat right top;
	padding: 0px 0px 0 0;
	width:13.3em;
	margin: 17px 0 0 10px;
	
}

.message p {
	font-size:15px;	
	color:#555;
	margin-left:12px;
}

h2{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 21px;
	margin: 30px 15px;
	text-align: center;
	text-shadow: 1px 1px 0px #fff;
	text-transform: uppercase;
}

/* #home */

#home ul.links{
	margin: 0 15px 30px 15px;
}

#home ul.links li{
	background: url('../img/arrow.png') right center no-repeat;
	border-bottom: 1px dotted #bababa;
	font: 10pt Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	list-style: none;
	width: 100%;
	padding: 17px 0 17px 0;
}

#home ul.links li a{
	
	color: #282829;
	text-decoration: none;
	padding: 0 100px 0 0;
}

/* #about */

#about {
	background:url(../../images/cookie_red.jpg) no-repeat;
	-webkit-background-size:100%;
}

#about .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#about ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#about li{
	list-style: none;
}

#about h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* #flavours */

#flavours {
	background:url(../../images/bamboo.jpg) no-repeat;
	-webkit-background-size:100%;
}

#flavours .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#flavours ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#flavours li{
	list-style: none;
}

#flavours h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* #sizes */

#sizes {
	background:url(../../images/paper_fold.jpg) no-repeat;
	-webkit-background-size:100%;
}

#sizes .toolbar {
	background: black;
}

#sizes .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#sizes ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#sizes li{
	list-style: none;
}

#sizes h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* #messages */
#messages ul.links{
	margin: 0 15px 30px 15px;
}

#messages ul.links li{
	background: url('../img/arrow.png') right center no-repeat;
	background-position: 270px 18px;
	border-bottom: 1px dotted #bababa;
	font: 10pt Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	list-style: none;
	width: 100%;
	padding: 17px 0 17px 0;
	background-color:rgba(255,255,255,0.7);
}

#messages ul.links li a{
	
	color: #282829;
	text-decoration: none;
	padding: 0 100px 0 10px;
}

#messages {
	background-image:url(../../images/cookie_plate.jpg);
}

#messages .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#messages ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#messages li{
	list-style: none;
}

#messages h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* #history */

#history {
	background:url(../../images/history.jpg) no-repeat;
	-webkit-background-size:100%;
}

#history .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#history ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#history li{
	list-style: none;
}

#history h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* #ordering */

#ordering ul.links{
	margin: 0 15px 30px 15px;
}

#ordering ul.links li{
	background: url('../img/arrow.png') right center no-repeat;
	background-position: 270px 18px;
	border-bottom: 1px dotted #bababa;
	font: 10pt Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	list-style: none;
	width: 100%;
	padding: 17px 0 17px 0;
	background-color:rgba(255,255,255,0.7);
}

#ordering ul.links li a{
	
	color: #282829;
	text-decoration: none;
	padding: 0 100px 0 10px;
}

#ordering .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#ordering ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#ordering li{
	list-style: none;
}

#ordering h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* #general */

#general {
	background:url(../../images/ordering.jpg) no-repeat;
	-webkit-background-size:100%;
}

#general .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#general ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#general li{
	list-style: none;
}

#general h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* #ordering */

#ordering {
	background:url(../../images/ordering.jpg) no-repeat;
	-webkit-background-size:100%;
}

#ordering ul.links{
	margin: 0 15px 30px 15px;
}

#ordering ul.links li{
	background: url('../img/arrow.png') right center no-repeat;
	background-position: 270px 18px;
	border-bottom: 1px dotted #bababa;
	font: 10pt Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	list-style: none;
	width: 100%;
	padding: 17px 0 17px 0;
	background-color:rgba(255,255,255,0.7);
}

#ordering ul.links li a{
	
	color: #282829;
	text-decoration: none;
	padding: 0 100px 0 10px;
}

#ordering .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#ordering ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#ordering li{
	list-style: none;
}

#ordering h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* #regular */

#regular_size {
	background:url(../../images/ordering.jpg) no-repeat;
	-webkit-background-size:100%;
}

#regular_size {
	background-image:url(../../images/ordering.jpg);
}

#regular_size .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#regular_size ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#regular_size li{
	list-style: none;
}

#regular_size h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* #large_size */

#large_size {
	background:url(../../images/ordering.jpg) no-repeat;
	-webkit-background-size:100%;
}

#large_size .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#large_size ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#large_size li{
	list-style: none;
}

#large_size h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}



/* #contact */

#contact {
	background-image:url(../../images/contact.png);
}

#contact .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#contact ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#contact li{
	list-style: none;
}

#contact h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

#contact ul.links{
	margin: 0 15px 30px 15px;
}

#contact ul.links li{
	background: url('../img/arrow.png') right center no-repeat;
	background-position: 270px 18px;
	border-bottom: 1px dotted #bababa;
	font: 10pt Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	list-style: none;
	width: 100%;
	padding: 17px 0 17px 0;
	background-color:rgba(255,255,255,0.7);
}

#contact ul.links li a{
	
	color: #282829;
	text-decoration: none;
	padding: 0 100px 0 10px;
}

/* #enquiry_form */

#enquiry_form {
	background-image:url(../../images/contact.png);
}

#enquiry_form .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#enquiry_form ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#enquiry_form li{
	list-style: none;
}

#enquiry_form h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

#enquiry_form ul.links{
	margin: 0 15px 0px 15px;
}

#enquiry_form ul.links li{
	background-position: 270px 18px;
	border-bottom: 1px dotted #bababa;
	font: 10pt Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	list-style: none;
	width: 100%;
	padding: 5px 0 5px 0;
	background-color:rgba(255,255,255,0.7);
}

#enquiry_form ul.links li a{
	
	color: #282829;
	text-decoration: none;
	padding: 0 100px 0 10px;
}

#enquiry_form ul.links li input{
	-webkit-appearance: none;
	background: transparent;
	border: none;
}

#enquiry_form ul.links li textarea{
	-webkit-appearance: none;
	background: transparent;
	border: none;
}

/* #address_info */

#address_info {
	background-image:url(../../images/contact.png);
}

#address_info .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#address_info ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#address_info li{
	list-style: none;
}

#address_info h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

#address_info ul.links{
	margin: 0 15px 0px 15px;
}

#address_info ul.links li{
	background-position: 270px 18px;
	border-bottom: 1px dotted #bababa;
	font: 10pt Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	list-style: none;
	width: 100%;
	padding: 5px 0 5px 0;
	background-color:rgba(255,255,255,0.7);
}

#address_info ul.links li a{
	
	color: #282829;
	text-decoration: none;
	padding: 0 100px 0 10px;
}

#address_info ul.links li input{
	-webkit-appearance: none;
	background: transparent;
	border: none;
}

#address_info ul.links li textarea{
	-webkit-appearance: none;
	background: transparent;
	border: none;
}

/* #google_map */

#google_map {
	margin: 0 0 0 15px;
}

/* #thankyou */

#thankyou {
	background:url(../../images/history.jpg) no-repeat;
	-webkit-background-size:100%;
}

#thankyou .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#thankyou ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#thankyou li{
	list-style: none;
}

#thankyou h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* #faqs */

#faqs {
	background-image:url(../../images/box.jpg);
}

#faqs .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#faqs ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#faqs li{
	list-style: none;
}

#faqs h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

.in, .out {
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 350ms;
}

.slide.in {
	-webkit-animation-name: slideinfromright;
}

.slide.out {
	-webkit-animation-name: slideouttoleft;
}

.slide.in.reverse {
	-webkit-animation-name: slideinfromleft;
}

.slide.out.reverse {
	-webkit-animation-name: slideouttoright;
}

@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(0); }
}

@-webkit-keyframes slideouttoleft {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(-100%); }
}

/* image grid */
ul#grid {

  list-style: none;

  margin: 20px auto 0;
  margin-top:11px;
  margin-left:40px;

  width: 320px;  /*was 468*/

  }



#grid li {

  float: left;

  margin: 0px 6px 0px 5px;
  
  }

#caption {
	font-family: 'Myriad Pro', 'Trebuchet MS', 'Lucida Sans', Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}



.portfolio {

  padding: 0 0 0 0;
  margin: 0 0 0 0;
  
  /*background-color: #ffd7ce;*/

  width: 320px; /*was 513*/
  height: 320px;

  /*these two properties will be inherited by .portfolio h2 and .portfolio p */

  font-family: 'GraublauWeb', arial, serif; 

  text-align: center;
  
  position:relative;
  left:-2em;

}

  

.portfolio h2 {
  clear: both;
  font-size: 35px;
  font-weight: normal;
  color: #58595b;
}

  

.portfolio p {
  font-size: 15px;
  color: #58595b;
  /*text-shadow: 1px 1px 1px #aaa;
  */
}



#grid li a:hover img {
}



#grid li img {
  width: 65px;
  height: 65px;
  
  -moz-box-shadow: 1px 3px 2px #777;
  -webkit-box-shadow: 1px 3px 2px #777;
  box-shadow: 1px 3px 2px #777;
  
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;

}

  

#grid li a {
  display: block;
}

/* large flavour page */
#large_img {
	display:block;
	margin-left:auto; margin-right:auto;
	margin-top:10px;
	height:280px;
	width:280px
	
	border-radius:30px;
	-moz-border-radius:30px;
  	-webkit-border-radius:30px;
	
	box-shadow: 3px 5px 4px #777;
  	-moz-box-shadow: 3px 5px 4px #777;
 	-webkit-box-shadow: 3px 5px 4px #777;
	
}

#fortune {
	margin: 10px 0 0 1em;
	width:18.2em;
}

.flavour {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.flavour h1 {
	position: relative;
	width:8.6em;
	margin: 0 0 0 0;
	padding: 0;
	top: -1.4em;
	left: 0.8em;
	font-style:normal;
	font: 200% Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
		
}

/* vanilla */

#vanilla {
	background-image:url(../../images/bamboo.jpg);
}

#vanilla .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#vanilla ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#vanilla li{
	list-style: none;
}

#vanilla h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* taro */

#taro {
	background-image:url(../../images/bamboo.jpg);
}

#taro .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#taro ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#taro li{
	list-style: none;
}

#taro h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}
/* chocolate */

#chocolate {
	background-image:url(../../images/bamboo.jpg);
}

#chocolate .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#chocolate ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#chocolate li{
	list-style: none;
}

#chocolate h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}
/* strawberry */

#strawberry {
	background-image:url(../../images/bamboo.jpg);
}

#strawberry .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#strawberry ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#strawberry li{
	list-style: none;
}

#strawberry h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}
/* lemon */

#lemon {
	background-image:url(../../images/bamboo.jpg);
}

#lemon .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#lemon ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#lemon li{
	list-style: none;
}

#lemon h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}
/* cinnamon */

#cinnamon {
	background-image:url(../../images/bamboo.jpg);
}

#cinnamon .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#cinnamon ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#cinnamon li{
	list-style: none;
}

#cinnamon h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}
/* peppermint */

#peppermint {
	background-image:url(../../images/bamboo.jpg);
}

#peppermint .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#peppermint ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#peppermint li{
	list-style: none;
}

#peppermint h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* banana */

#banana {
	background-image:url(../../images/bamboo.jpg);
}

#banana .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#banana ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#banana li{
	list-style: none;
}

#banana h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* mango */

#mango {
	background-image:url(../../images/bamboo.jpg);
}

#mango .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#mango ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#mango li{
	list-style: none;
}

#mango h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* passionfruit */

#passionfruit {
	background-image:url(../../images/bamboo.jpg);
}

#passionfruit .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#passionfruit ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#passionfruit li{
	list-style: none;
}

#passionfruit h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* orange */

#orange {
	background-image:url(../../images/bamboo.jpg);
}

#orange .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#orange ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#orange li{
	list-style: none;
}

#orange h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* barbeque */

#barbeque {
	background-image:url(../../images/bamboo.jpg);
}

#barbeque .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#barbeque ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#barbeque li{
	list-style: none;
}

#barbeque h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* coffee */

#coffee {
	background-image:url(../../images/bamboo.jpg);
}

#coffee .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#coffee ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#coffee li{
	list-style: none;
}

#coffee h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* raspberry */

#raspberry {
	background-image:url(../../images/bamboo.jpg);
}

#raspberry .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#raspberry ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#raspberry li{
	list-style: none;
}

#raspberry h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* caramel */

#caramel {
	background-image:url(../../images/bamboo.jpg);
}

#caramel .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#caramel ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#caramel li{
	list-style: none;
}

#caramel h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* */
#slide1_controls {
	margin:0;
	position:relative;
	top:-5px;
}

#slide1_controls span {
	padding-left:2.7em;
	padding-right:3px;
	cursor:pointer;
	
	color: #333;
	text-shadow: 1px 1px 0px #eee;
}

#slide1_container {
	width:320px;
	height:280px;
	overflow:hidden;
	position:relative;
}
#slide1_images {
	position:absolute;
	left:0px;
	width:960px;
	-webkit-transition:all 1.0s ease-in-out;
	-moz-transition:all 1.0s ease-in-out;
	-o-transition:all 1.0s ease-in-out;
	-ms-transition:all 1.0s ease-in-out;	
	transition:all 1.0s ease-in-out;
	-webkit-backface-visibility: hidden;

}
#slide1_images img {
	padding:0;
	margin:0;
	float:left;
}

/* message pages */

/* promotional */

#promotional {
	background-image:url(../../images/cookie_plate.jpg);
}

#promotional .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#promotional ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#promotional li{
	list-style: none;
}

#promotional h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* weddings */

#weddings {
	background-image:url(../../images/cookie_plate.jpg);
}

#weddings .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#weddings ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#weddings li{
	list-style: none;
}

#weddings h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* parties */

#parties {
	background-image:url(../../images/cookie_plate.jpg);
}

#parties .toolbar a{
	background: black;
	color: white;
	display: block;	
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 10px;
}

#parties ul,p{
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #282829;
	line-height: 23px;
	margin: 15px;
}

#parties li{
	list-style: none;
}

#parties h3{
	color: #282829;
	font-family: Myriad Pro, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 30px 15px 0 15px;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px dotted #282829;
	padding: 0 0 5px 0;
	display: block;
	text-transform: uppercase;
}

/* custom messages */

#custom_message {
	height:56px;
	width:290px;
	background:#FFF;
	font: 14px 'Times New Roman', Times, serif; 
	line-height:56px;
}

.text {
	font-size:12px;
	position:relative;
	top:10px;
}

.text_2lines {
	font-size:12px;
	position:relative;
	line-height:100%; 
	top:13px;
}

ul#message_grid {

  list-style: none;
  margin: 0 0 0 0;

  width: 200px;  /*was 468*/
  }



#message_grid li {

  float: left;

  margin: 0 80px 5px 5px;
  
  }

.messages {

  padding: 5px 0 0 42px;
  margin: 0 0 0 0;
  
  /*background-color: #ffd7ce;*/

  width: 300px; /*was 513*/
  height: 320px;

  /*these two properties will be inherited by .portfolio h2 and .portfolio p */

  font-family: 'GraublauWeb', arial, serif; 

  text-align: center;
  
  position:relative;
  left:-2em;

}

.messages h2 {
  clear: both;
  font-size: 35px;
  font-weight: normal;
  color: #58595b;
}

.messages p {
  font-size: 15px;
  color: #58595b;
  /*text-shadow: 1px 1px 1px #aaa;
  */
}

#message_grid li a {
  display: block;
}


input {
	height: 30px; padding: 5px 50px 0px 20px; margin: 0 0 5px 0;
	background: #FFF;
	background: -moz-linear-gradient(top, #EEE 0%, #FFF 20%); /* firefox */
	background: rgba(255,255,255,0.8); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: Myriad Pro, sans-serif; font-size: 12px; color: #666;
	
}
	input::-webkit-input-placeholder  {
    	color: #666;
	}
	input:-moz-placeholder {
	    color: #666;
	}

textarea {
	height: 80px; padding: 12px 50px 0px 23px; margin: 0 0 5px 0;
	width:182px;
	background: #FFF;
	background: -moz-linear-gradient(top, #EEE 0%, #FFF 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(20%,#FFF)); /* webkit */
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: Myriad Pro, sans-serif; font-size: 12px; color: #000;
	
}
	textarea::-webkit-input-placeholder  {
    	color: #666;
	}
	textarea:-moz-placeholder {
	    color: #666
	}

input:focus, textarea:focus {
	background: #CCC;
	background: -moz-linear-gradient(top, #DDD 0%, #EEE 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DDD), color-stop(20%,#EEE)); /* webkit */
}

input[type=submit] {
	width: 150px; height: 42px; float: left; padding: 0px 0px; 
	margin: 0px 0px 5px 0px;
	
	
	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
	border: 1px solid #ddd;
	background: -moz-linear-gradient(top, #EEE 0%, #FFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(100%,#FFF)); /* webkit */
	cursor: pointer;
}
fieldset{border:0px;}
