@charset "UTF-8";
/* CSS Document */

*
{
	margin: 0;
	padding: 0;
}

body
{	
	text-align: center;
	background:#B2D6D9;
	background: url(images/pattern.gif);
}



#container
{	
	text-align: left;
	margin: 0px auto;
	background-color: #fff;
	width: 810px;	
}

h1
{
	
	background: url(images/logo.gif) no-repeat;
	width: 810px;
	height: 129px;
	padding: 0px 0px 20px 0px;
	background-color: #f2eddc;
	
	
}

ul#navigation
{	
	width: 810px;
	height: 120px;
	padding: 0px;
	background: url(images/bottom_texture.gif) #f2eddc no-repeat 0 100%;

	
}

span
{
	display: none;
}

#content
{
	padding: 60px 0px 0x 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 80px;
	background-color:#fff;
	background: url(images/bottom_graphic.gif) no-repeat 0 100%;
									
}

#content p
{
margin: 20px 35px;

}

ul#navigation a
{
	display: block;
	text-decoration: none;
	padding: 0px ;
		
	}
	
#navigation li
{
	float: left;
	list-style-type: none;
	padding: 0px 0px 10px 20px;
		
}

			/*heading navigation*/

.home a
{
	background: url(images/home_button.gif) no-repeat;
	width: 101px;
	height: 95px;
	margin: 0 0 0 37px;
	
}

.about a

{
	background: url(images/about_button.gif) no-repeat;
	width: 120px;
	height: 95px;
	margin: 0 0 0 12px;
}

.products a
{
	background: url(images/products_button.gif) no-repeat;
	width: 130px;
	height: 95px;
	margin: 0 0 0 0px;
	
}

.services a
{
	background: url(images/services_button.gif) no-repeat;
	width: 115px;
	height: 95px;
	margin: 0px 0 0 10px;
}

.contact a
{
	background: url(images/contact_button.gif) no-repeat;
	width: 115px;
	height: 95px;
	margin: 0 0 0 0px;
}


			/*buttons*/
ul#nav
{
	background: url(images/bottom_block.gif) no-repeat;
	width: 811px;
	height: 80px;
	margin: 0px 0px;
	
}


ul#nav a
{
	float: left;
	text-decoration: none;
	display:block;

}

#nav li
{
	
	
	list-style-type: none;
	padding: 0px;
	display: block;
	
}

.products_bottom a
{
	padding: 20px;
	background: url(images/products_bottom.gif) no-repeat;
	width: 125px;
	height: 39px;
	margin: 20px 10px 0px 20px;
	padding: 0 0px 0px 20px;
	
}

.services_bottom a
{
	background: url(images/services_bottom.gif) no-repeat;
	width: 111px;
	height: 39px;
	margin: 20px 0px 0px 10px;
	padding: 0 0px 0px 30px;
}
	
.contact_bottom a

{
	background: url(images/contact_bottom.gif) no-repeat;
	width: 107px;
	height: 39px;
	margin: 20px 0px 0px 30px;
	padding: 0 20px 0 20px;
}

.home_bottom a
{
	background: url(images/home_bottom.gif) no-repeat 50px 0;
	width: 80px;
	margin: 20px 20px 40px 60px;
	padding: 40px 40px 20px 30px;
}


address
{

	background: url(images/address.gif) no-repeat 50% 20px;
	width: 812px;
	background-color: #f4eddc;
	height: 140px;
}

address a {
	text-decoration: none; 
	color: #5e4323; 
	font-style: normal; 
	font-family: helvetica, geneva, arial, sans-serif;
	margin:0;
	padding: 0;
 }

a.lulus
{
	display: block;	
	padding: 20px 0px 0px 400px;
	margin:0;
	font-size: 20px;
}

a.bren
{
	display: block;
	padding: 38px 0px 0px 440px;
	margin: 0;
	font-size: 18px;
} 

a:hover
{
	color:#d06d95;
}

a.backtotop 
{
	background: url(images/back-to-top.gif) no-repeat;
	width: 229px;
	height: 39px;
	display: block;
	margin: 30px 0px 0px 240px;
}



h2
{
	background: url(images/what.gif) no-repeat;
	margin: 0px;
	padding: 80px 0px 100px 0px;
	width: 813px;
	
}

.h2contact
{
	background: url(images/contact.gif) no-repeat;
	width: 810;
	
}

.h2about
{
	background: url(images/about.gif) no-repeat;
	margin: 0px;
	padding: 80px 0px 100px 60px;
	width: 806px;
}
	
.h2products
{
	background: url(images/products.gif) no-repeat;
	margin: 0px;
	padding: 80px 0px 100px 60px;
	width: 813px;
}
	

.h2services
{
	background: url(images/services.gif) no-repeat;
	margin: 0px;
	width: 813px;
	}

.bigspecial
{
	color:#B8005B;
}





				/*products page table*/

table
{
	margin: 0px 20px 0 20px;
	padding: 0px 0px 0px 0px;	
}


tr
{
	margin: 20px 0px 20px 20px;
	padding: 20px 20px 20px 20px;
} 


td
{
	padding: 20px 0px 0px 20px;
	margin: 20px 20px 0px 20px;
}





				/*images of actual cupcakes*/

.choc
{
background: url(images/choc.gif) no-repeat 0 50px;
padding: 0px;
width: 143px;
height: 208px;
}

.vanilla
{
	background: url(images/vanilla.gif) no-repeat 0 70px;
	width: 143px;
	height: 228px;
}
 
.lavender
{
	background: url(images/lavender.gif) no-repeat 0 60px;
	width: 143px;
	height: 277px;
}

.lime
{
	background: url(images/lime.jpg) no-repeat 0 50px;
	width: 145px;
	height: 243px;
}

.mojito
{
	background: url(images/mojito.jpg) no-repeat 0 50px;
	width: 145px;
	height: 201px;
}

.rose
{
	background:url(images/rose.jpg) no-repeat 0 50px;
	width: 210px;
	height: 201px;
}

.boston
{
	background:url(images/boston.jpg) no-repeat 0 80px;
	width: 206px;
	height: 235px;
}
	
.french
{
	background: url(images/french.jpg) no-repeat 0 50px;
	width: 203px;
	height: 248px;
}

.orange
{
	background: url(images/orange.jpg) no-repeat 0 70px;
	width: 206px;
	height: 308px;
}

.season
{
	background:url(images/season.jpg) no-repeat 0 50px;
	width: 210px;
	height: 306px;
}