body{

	/* pink */
	background-color: #f6b1c8;
}

#wrapper{
	font-family: Century Gothic, Helvetica, Geneva, Arial, SunSans-Regular, sans serif;
	/* move the content away from the  border edges */
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	border: solid 2px;
	position: relative;
	/* brown */
	background-color:#685A43;
}

#footer, #navbutton, #copy{
	clear: both;
}


/* Photo Banner */


.oi2 { margin:0px; padding:0px;}
.oi3 { margin:0px; padding:0px;}

#photobanner { float:left;width:100%; min-width:700px;margin-left:10px ;}
#photo1{float:left; width:32%;margin:2px;padding:2px;}
#photo2{float:left; width:32%;margin:2px;padding:2px;}
#photo3{float:left; width:32%;margin:2px;padding:2px;}
*.oi4 {}



#copy		{ width:100%; padding: 0em;  background-color:#685A43;/* brown */}

#content 	{margin-left: auto; margin-right:auto; width:65%; padding: 0.25em; color: #ECECEC; font-size: 0.90em;}
#contentgallary 	{margin-left: auto; margin-right:auto; width:100%; padding: 0.25em; color: #ECECEC; font-size: 0.90em;}
#content *.oi3 {text-align:left;}



#copy *.oi2 {}
#copy *.oi3 { display:block;}


/* Menu of items sold */
#menu { color: #ececec; margin-top: -10px; margin-bottom: 75px;} /* minus top margin value required to fix IE quirks; Firefox OK; Chrome OK*/

*.oi6 { margin: 1px;}
*.oi7 {margin:1px; padding:1px; }
*.oi8 { margin:1px; padding:1px; }

#item {margin-left: 50px;}

#item .oi6 h4 { }
#flavour { float:left; width:100%; min-width:150px;}
#subflavour { float: left; width:100%; font-size: 0.9em; font-style:italic; color: #f6b1c8; font-
min-width:150px}
#cupcakeprices  { float: center; width:100%; font-size: 0.9em; font-weight:bold; font-style:italic; text-align: center; font-
min-width:150px}
#flavour *.oi8 { display:block; }
#flavour h5 { margin-left: 20px; line-height: 0.05em;}
#desc { float:left; width:85%; font-size: 0.9em; min-width:75px; }
#desc *.oi8{ margin-left: 20px; padding-right: 30px;}
#price { float:left; width:15%; font-size: 0.9em; text-align:right; min-width:75px; }
#price *.oi8 { padding-right: 55px;}

*.heading {padding-top:20px;line-height: 1.5em;font-weight: bolder;}


/* End menu */

/* Navigation */

#navbutton {
	font-size:1.05em;
	width: 100%;
	text-align:left;
/*	 brown */
/*	background-color:#685A43;*/

}
#navbutton *.oi2{
padding: 0em;

}
ul.navbar {
   	list-style-type: none;
	
}

ul.navbar li {
 	float: left;
	/* spacing between navigation "buttons" */
  	margin-right: 0.8em;
	margin-left: 0em;
	
	
}

ul.navbar a {
	/* remove the default underline */
   	text-decoration:none;

   	float: left;
	/* space around the "button" text */
   	padding-left: 2.1em;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	
}
ul.navbar li a{background:url(images/menu_cupcake.gif) left no-repeat;}
a:link {
   	color: #FFFFFF;
}

a:visited {
   	color: #FFFFFF;
}

ul.navbar a:hover, ul.navbar a:active {
   	color: #FFFFFF;
   	text-decoration: underline;
}

ul.navbar li .active {color: #f6b1c8;}

/* End Navigation ***/



div#logo{
	/* brown */
	background-color:#685A43;
	float: left;
}
.pink{
	/* left offset the "pink' word of the logo */
	position: absolute; left: -155px;

}

.frosting{
	/* left offset the "pink' word of the logo */
	position: absolute; left: 10px;

}
div#address{
	text-align:right;
	font-variant: small-caps;
	padding-top: 76px;
	padding-right: 1.1em;
	padding-bottom: 1.1em;
	margin: 0em;
	font-size: 0.75em;
	/* brown */
	background-color:#685A43;
	/* footer wording color */
	color: #ECECEC
	
}
div#info{
	padding: 0.75em; color: #ECECEC
}
*.rollup-trigger { cursor:pointer; }
*.rollup-trigger:hover { color:firebrick; }
span.rollup-trigger{ 	font-size:0.65em; 
			padding-left:8px;
			background:url("show.gif") no-repeat left top; 
		}
span.rolledup { background:url("hide.gif") no-repeat left top; }
*.hidden { position:absolute; 
		top:-99999px;
		left:-99999px;
		width:1px; 
		height:1px; 
		overflow:hidden; }