/* CSS Document */

/* HTML */
* { margin: 0; padding: 0;}

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #942E4E; background: #FFE362 url(../_media/body_bg.gif) repeat-y center; padding-left:1px}

p { margin-bottom: 1em; line-height: 1.5em;}

img { border: 0px Solid #000;}

h3 { font-size: 1.3em;}

/* Element */
.invisible { display: none;}

.background { background: url(../_media/background_bg.gif) repeat-x top;}

.clear { clear: both;}

/* Layout */
#base { position: relative; display: block; width: 760px; margin: 0 Auto; padding: 0 20px; background: url(../_media/base_bg.jpg) no-repeat center top;}

#main { display: block; background-position: left top; background-repeat: no-repeat; padding-left: 300px; min-height: 670px; _height: 670px;}
.bg1 #main { background-image: url(../_media/content_home_bg1.jpg);}
.bg2 #main { background-image: url(../_media/content_home_bg2.jpg);}
.bg3 #main { background-image: url(../_media/content_home_bg3.jpg);}
#contact #main { background-image: url(../_media/content_contact_bg.jpg);}
#about #main { background-image: url(../_media/content_about_bg.jpg);}
#cakes #main { background-image: url(../_media/content_cakes_bg.jpg);}
#menus #main { background-image: url(../_media/content_menus_bg.jpg);}
#gallery #main { background-image: url(../_media/content_gallery_bg.jpg);}
#promotions #main {background-image: url(../_media/content_promotions_bg.jpg);}

.title { position: relative; top: 110px;}

.content { padding: 10px; margin-top: 110px;}

#footer {
	position: absolute;
	z-index: 7;
	top: 646px;
	display: block;
	width: 380px;
	text-align: left;
	font-size: 0.8em;
	color: #968681;
	left: 27px;
}

/* Navigation */
#menu { position: absolute; left: 320px; z-index: 8; font-size: 0.9em; font-weight: bold;}
#menu UL { list-style-type: none; display: block; width: 456px; height: 109px; background: url('../_media/menu_bg.gif') repeat-x; padding-left: 4px;}
#menu LI { display: inline; float: left;}
#menu a { color: #333; text-decoration: none;}
#menu a span { display: block; padding: 8px 4px 80px 4px;}
#menu a.on span { background: url('../_media/menu_bg_on.gif') repeat-x;}
#menu a:hover span { background: url('../_media/menu_bg_hover.gif') repeat-x;}

/* Header */
h1 { position: absolute; z-index: 10; display: block; width: 208px; height: 98px; background: url(../_media/h1_bg.gif) no-repeat;}
h1 span { display: none;}

h2 { display: block; width: 380px; height: 98px; background-repeat: no-repeat;}
h2 span { display: none;}
#home h2 { background-image: url(../_media/title_home.gif);}
#whatsnew h2 { background-image: url(../_media/title_whatsnew.gif);}
#contact h2 { background-image: url(../_media/title_contact.gif);}
#about h2 { background-image: url(../_media/title_about.gif);}
#menus h2 { background-image: url(../_media/title_menus.gif);}
#cakes h2 { background-image: url(../_media/title_cakes.gif);}
#gallery h2 { background-image: url(../_media/title_gallery.gif);}
#promotions h2 { background-image: url(../_media/title_promotions.gif);}

h3 span { display: none;}
#home h3 { background-image: url(../_media/title_whatsnew.gif);}

/* Home */
#home .content { padding-bottom: 10px;}
#home dl { padding-left: 4px;}
#home dd { display: block; width: 130px; padding: 4px; margin: 0 7px 7px 0; float: left; border: 1px Solid #B5937C;}
#home dd p { min-height: 30px; _height: 30px; margin: 0; line-height: 1.2em;}
#home dd a { font-size: 0.9em; text-decoration: none; color: #7F7F7F;}
#home dd a span { padding-left: 17px; background: url('../_media/ico_mail.gif') no-repeat 0 1px; line-height: 1.5em;}


/* Gallery */
#gallery .content { padding-bottom: 10px;}
#gallery dl { padding-left: 50px;}
#gallery dd { display: block; width: 155px; padding: 4px; margin: 0 8px 10px 0; float: left; border: 1px Solid #B5937C;}
#gallery dd p { min-height: 30px; _height: 30px; margin: 0; line-height: 1.2em;}
#gallery dd a { font-size: 0.9em; text-decoration: none; color: #7F7F7F;}
#gallery dd a span { padding-left: 17px; background: url('../_media/ico_mail.gif') no-repeat 0 1px; line-height: 1.5em;}

/*Promotions*/
#promotions .content {padding-bottom: 10px;}
#promotions dl { padding-left: 4px;}
#promotions dd { display: block; width: 390px; padding: 4px; margin: 0 8px 10px 0; float: left; border: 1px Solid #B5937C;}
#promotions dd p { min-height: 30px; _height: 30px; margin: 0; line-height: 1.2em; padding-left: 4px;}
#promotions dd p span { min-height: 30px; _height: 30px; margin: 0; line-height: 1.2em; padding-left: 0px; font-size: 15px;}
#promotions dd a { font-size: 0.9em; text-decoration: none; color: #942E4E;}
#promotions dd a span { padding-left: 17px; background: url('../_media/ico_mail.gif') no-repeat 0 1px; line-height: 1.5em;}