body {		

background: #777 url(517.jpg) repeat;

margin: 0 auto;	

text-align: center;

}



#header {<img src="Cherry_Laurel2.png"  no-repeat top center;	

margin: 0 auto;	

width: 600px;	

height: 99px;

padding-top: 5px;	

overflow: hidden;	

}



div#body {

background:#fff url(617.jpg) repeat;

width: 600px;	

padding: 0 0px;	

text-align: left;	

margin: 0 auto;	

overflow: hidden;

}



div#body2 {

background:#ccccff repeat;

width: 600px;	

padding: 0 0px;	

text-align: left;	

margin: 0 auto;	

overflow: hidden;

}



body.ms div#main,

body.sm div#main {

width: 500px;

background: url(border.png) repeat-y;

list-style: none;	

padding: 0 0px;	

overflow: hidden;

}



body.c div#main {

width: 600px;

height: 760px;

float: left;

overflow: hidden;

}



body.m div#main {

width: 600px;

float: left;

overflow: hidden;

}





body.m div#main2 {

width: 600px;

margin: 0 0 0 10px;

float: left;

overflow: hidden;

}



body.m div#sidebar {

display: none;

}



body.sm div#sidebar {

width: 100px;

height: 600px;

}



body.ms div#sidebar {

width: 100px;

height: 600px;

}



body.ms div#main,

body.sm div#sidebar {

float: left;

}



body.sm div#main,

body.ms div#sidebar {

float: right;

}



#navigation {

list-style: none;	

margin: 0;	

padding: 0 0px;	

height: 50px;	

width: 600px;	

overflow: hidden;

}



#navigation li {	

float: left;

list-style: none;	

margin: 0;	

display: inline;

}



#navigation li a {

display: block;	

float: left;

padding: 50px 0 0;	

overflow: hidden;	

height: 0 !important;	

height /**/: 54px; /* for IE5/Win */;	

margin: 0;	

font-size: 10px;	

width: 120px;	

text-indent: -10000px;

}



#navigation li a:hover {	

background-position: 0px -50px;

}



li#home, li#home a {	

background: url(menu/button1.png) top no-repeat;

}



li#order, li#order a {

background: url(menu/button2.png) left top no-repeat;

}



li#menu, li#menu a {	

background: url(menu/button3.png) left top no-repeat;

}



li#about, li#about a {	

background: url(menu/button4.png) left top no-repeat;

}



li#contact, li#contact a {	

background: url(menu/button5.png) left top no-repeat;

}



#main {

background: url(border.png) repeat-y;

line-height: 1.5em;

}



#main2 {

background: url(border.png) repeat-y;

line-height: 1.5em;

}



#menu2 {

background: #333;

float: right;

list-style: none;

margin: 0 0 15 0px;

padding: 0;

width: 12em;

}



#menu2 li {

font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

margin: 0;

padding: 0;

}



#menu2 a {

background: #333;

border-bottom: 1px solid #393939;

color: #ccc;

display: block;

margin: 0;

padding: 8px 12px;

text-decoration: none;

}



#menu2 a:hover {

background: #2580a2 url("images/hover.gif") left center no-repeat;

color: #fff;

padding-bottom: 8px;

}	



#welcome {

background: #fdf7e9 url() no-repeat;

width: 300px;

height: 20em;

margin: 10px 0 0 250px;

border-style:double;

border-color: #ccc;

border-width: 8px;

}



#welcome_text {

margin: 0 10px 10px 10px;

}



#photo {

background: #ccb url(photo.jpg) no-repeat;

width: 177px;

height: 230px;

margin: 40px 10px 10px 30px;

float: left;

border-style: inset;

border-color: #570000;

border-width: 8px;

}



#specials-left {

width: 135px;

height: 125px;

position: absolute;

bottom: 0px;

right: 0px;

}



#specials-right {

width: 160px;

height: 75px;

position: absolute;

top: 0;

right: 0;

}



#big3 {

list-style: none;	

padding: 0 0px;	

overflow: hidden;

}



#big3 li {

list-style: none;

padding: 0;

float: left;

margin: 0 0 5px 5px;

width: 32%

}



#big3 li a {

color: #777;

display: block;

padding: 105px 0px 0px;

text-align: center;

text-decoration: none;

width: 120px;

}



li#cakes a {

background: #fff url(icon_cake.png) no-repeat top center;

border-style: groove; 

}



li#cater a {

background: #fff url(icon_cater.png) no-repeat top center;

border-style: groove; 

}



li#cafe a {

background: #fff url(icon_cafe.png) no-repeat top center;

border-style: groove; 

}





li#cakes a:hover,

li#cater a:hover,

li#cafe a:hover {

background-color: #ffddbb;

border-style: groove; 

border-color: #c81407;

}



#big3 li a strong {

display: block;

font-size: 1.2em;

text-decoration: underline;

}



#big3 li a:hover {

color: #000;

}



#footer {	

background: url(footer2.png) no-repeat top center;

color: #ccc;

margin: 0 auto;	

width: 600px;	

height: 45px;

overflow: hidden;	

text-align: center;

}