@font-face {
 font-family: marydale;
 src: url("images/marydale.eot") /* EOT file for IE */
}
@font-face {
 font-family: marydale;
 src: url("images/marydale.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: anarrow;
 src: url("images/ARIALNB.eot") /* EOT file for IE */
}
@font-face {
 font-family: anarrow;
 src: url("images/ARIALNB.TTF") /* TTF file for CSS3 browsers */
}

html { width: 100%; height: 100%; border: 0; margin:0; }
body { width: 100%; height: 100%; border: 0; margin:0; background: url(images/bg.gif); }
a { color: #EC008C; text-decoration: none;}
h2 { font-size: 15px; margin-top: 0; margin-bottom: 0; }
#device { margin: 40px 0 0 0; height: 162px; }
.middle { margin-right: auto; margin-left: auto; margin-top: 0; margin-bottom: 0;}
.center { text-align: center; }
#mainFrame { width: 952px; position: relative; }
#footer { background: url(images/footer.gif); height: 78px; width: 653px;  position: absolute; top: 446px; left: 154px; font-family: Arial; font-size: 12px; font-weight: bold; color: white; padding-top: 4px; text-align: center;
}
.pink { color: #EC008C; }

/* homepage */
#homeContent { background: url(images/homepage-bg.png); position: absolute; top: 00px; left: 165px; height: 366px; width: 540px; padding: 40px; margin-top: 0px; }
p { font-family: Arial; font-size: 12px; color: black; }
#yelpButton { margin-top: 50px; }

/* nav */
.nav { width: 140px; list-style-type: none; margin: 20px 0 0 35px; padding: 0; float: left; }
.nav li,.nav li a { font-family: marydale; font-weight: bolder; color: #EC008C; font-size: 16pt; text-decoration: none; margin: 0 auto; padding: 0; text-align: center; display: block; height: 38px; width: 100px;  }
.nav li .menuItem a { color: white; font-family: Arial; font-size: 14px; color: white; width: 150px; height: 18px; }
.nav li span { display: none; }

div.clear { clear: both; }

.breakfast { background: url(images/breakfast.png) no-repeat center center; }
.breakfast:hover { background: url(images/breakfast-on.png) no-repeat center center; }
.lunch { background: url(images/lunch.png) no-repeat center center; }
.lunch:hover { background: url(images/lunch-on.png) no-repeat center center; }
.dessert { background: url(images/dessert.png) no-repeat 10px 1px; width: 100px; height: 38px; overflow:hidden; position: relative;}
.dessert:hover { overflow: visible; width: 100px; z-index:1; background: url(images/dessert-on.png) no-repeat 10px 1px; }
.wholesale { background: url(images/wholesale.png) no-repeat center center; }
.wholesale:hover { background: url(images/wholesale-on.png) no-repeat center center; }
.catering { background: url(images/catering.png) no-repeat center center; }
.catering:hover { background: url(images/catering-on.png) no-repeat center center; }
.cakes { background: url(images/cakes.png) no-repeat 10px 0px; width: 100px; height: 38px; overflow: hidden; position: relative; }
.cakes:hover { overflow: visible; width: 100px; z-index:1; background: url(images/cakes-on.png) no-repeat 10px 0px; }
.aboutus { background: url(images/aboutus.png) no-repeat center center; }
.aboutus:hover { background: url(images/aboutus-on.png) no-repeat center center; }
.contactus { background: url(images/contactus.png) no-repeat center center; }
.contactus:hover { background: url(images/contactus-on.png) no-repeat center center; }
.menu { background-color:#c9c0b4; border-top: 1px solid white; width: 180px; }
.menuItem {
	padding:3px 5px;
	border:1px solid #fff;
	border-top:0;
}


/* breakfast */
#breakfastContent { background-color: #FBC9BF; position: absolute; top: 00px; left: 165px; height: 406px; width: 586px; padding: 20px;  }
#breakfastBG { background: url(images/breakfast-bg.gif) no-repeat; position: absolute; left: 265px; top: 15px; width: 317px; height: 399px; padding: 10px 10px; }
#breakfastText { position: absolute; left: 271px; top: 25px; width: 329px; height: 380px; padding: 10px 10px; font-family: Arial; font-size: 12px; overflow: scroll; overflow-x: hidden; overflow-y: scroll;  }
#breakfastImg { position: absolute; left: 10px; top: 15px; }
#breakfastCopy { width: 240px; height: 200px; font-family: Arial; position: absolute; left: 15px; top: 190px; font-family: Arial; font-size: 12px; }

/* lunch */
#lunchContent { background-color: #FBC9BF; position: absolute; top: 00px; left: 165px; height: 406px; width: 586px; padding: 20px; font-family: Arial; font-size: 12px;  }
#lunchBG { background: url(images/lunch-bg.gif) no-repeat; position: absolute; left: 265px; top: 15px; width: 324px; height: 399px; padding: 10px 10px; }
#lunchText { position: absolute; left: 275px; top: 15px; width: 327px; height: 374px; padding: 20px 10px; font-family: Arial; font-size: 12px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; }
#lunchImg { position: absolute; left: 10px; top: 15px; }
#lunchCopy { width: 240px; height: 200px; font-family: Arial; position: absolute; left: 15px; top: 190px; }

/* dessert */
#dessertContent { background-color: #FBC9BF; position: absolute; top: 00px; left: 165px; height: 406px; width: 586px; padding: 20px; font-family: Arial; font-size: 12px; }
#dessertBG { background: url(images/dessert-bg.gif) no-repeat; position: absolute; left: 265px; top: 10px; width: 324px; height: 406px; padding: 10px 10px; }
#dessertText { position: absolute; left: 275px; top: 15px; width: 327px; height: 374px; padding: 20px 10px; font-family: Arial; font-size: 12px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; }
#dessertImg { position: absolute; left: 10px; top: 15px; }
#dessertCopy { width: 240px; height: 200px; font-family: Arial; position: absolute; left: 15px; top: 215px; }

/* cupcakes */
#cupcakesBG { background: url(images/catering-bg.gif) no-repeat; position: absolute; left: 265px; top: 10px; width: 324px; height: 406px; padding: 10px 10px; }
#cupcakesText{ position: absolute; left: 275px; top: 15px; width: 327px; height: 374px; padding: 20px 10px; font-family: Arial; font-size: 12px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; }

/* cakes */
.cakesContent { background-color: #FBC9BF; position: absolute; top: 00px; left: 165px; height: 426px; width: 605px; padding: 10px; font-family: Arial; font-size: 12px;  }
#allCakes { height: 456px; }
#thumbTable { width: 220px; overflow: hidden; }
.thumbImage { border: 1px solid black; }
.thumbDiv { margin: 0px; width: 220px;  }
.bigImageDiv { margin: 10px 0 0 20px; width: 369px;  }
.thumbDiv2 { margin: 0px; width: 220px; }
.bigImageDiv2 { width: 369px; margin: 10px 0 0 13px; }
.cakesCaption {
	width:340px;
  height:50px;
	margin:5px 0 0 0px;
	text-align:center;
}


/* specialty */
#specialtyCopy { width: 200px; height: 260px; font-family: Arial; font-size: 13px; }
.specialtyBigImageDiv2 { margin-left: 8px; margin-right: auto; text-align: center; }
.specialtyImageCaption {
	width:360px;

	margin:5px 0 0 15px;
	text-align:center;
}

/* wedding */
#weddingCopy { width: 300px; height: 260px; font-family: Arial; font-size: 11px; position: absolute; left: 15px; top: 105px; line-height: 13px; }
.weddingBigImageDiv2 { margin-left: 20px; width: 260px; text-align: center; }
.weddingCaption { width: 250px;
margin-top:5px;
text-align:center;
}

/* catering */
#cateringContent { background-color: #FBC9BF; position: absolute; top: 00px; left: 165px; height: 406px; width: 586px; padding: 20px; font-family: Arial; font-size: 12px; }
#cateringBG { background: url(images/catering-bg.gif) no-repeat; position: absolute; left: 265px; top: 10px; width: 324px; height: 406px; padding: 10px 10px; }
#cateringText { position: absolute; left: 270px; top: 20px; width: 332px; height: 366px; padding: 20px 10px; font-family: Arial; font-size: 12px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; }
#cateringImg { position: absolute; left: 10px; top: 7px; }
#cateringCopy { width: 240px; height: 200px; font-family: Arial; position: absolute; left: 15px; top: 225px; }

/* wholesale */
#wholesaleContent { background-color: #FBC9BF; position: absolute; top: 00px; left: 165px; height: 406px; width: 586px; padding: 20px; font-family: Arial; font-size: 12px;  }
#wholesaleImg { position: absolute; left: 15px; top: 15px; }
#wholesaleText { position: absolute; top: 15px; left: 420px; width: 185px; height: 409px; }

/* aboutus */
#aboutusContent { background-color: #FBC9BF; position: absolute; top: 00px; left: 165px; height: 406px; width: 586px; padding: 20px; font-family: Arial; font-size: 12px;  }
#aboutusText { position: absolute; top: 15px; left: 20px; width: 560px; height: 409px; }
#aboutusImg { margin: 10px 10px 0 0px; }

/* contact */
#contactContent { background-color: #FBC9BF; position: absolute; top: 00px; left: 165px; height: 446px; width: 630px; font-family: Arial; font-size: 12px; }
.contactMap { width: 160px; height: 410px; margin-left: 35px; margin-top: 30px; float: left; }
.contactMapText { margin-top: 35px; text-align: center; width: 170px; font-family: Arial; font-size: 11px; }
#contactYelp { position: absolute; top: 390px; left: 30px; font-size: 16px; }