@charset "utf-8";
/* CSS Document */
html, body, div, span, p, img, a, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, b, i, blockquote, fieldset {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
}
html, body { height: 100%; }
body {
	background: #572700;
	font: 86% Georgia, "Times New Roman", Times, serif;
	min-width: 1055px;
	text-align: center;
}
a:link, a:visited {
	color: #572700;
	text-decoration: underline;
}
#wrapper {
	background: url(../images/bg.gif) center;
	min-height: 100%;
	margin: 0 auto;
	width: 907px;
}
#header { padding-top: 35px; }
#nav {
	background: url(../images/nav-bg.png) no-repeat bottom left;
	float: left;
	margin-top: 12px;
	position: absolute;
	width: 115px;
}
#content {
	background: #a4c5d8 url(../images/bread500.jpg) no-repeat 556px 0;
	color: #572700;
	border: 24px #572700 solid;
	margin: 0 auto;
	padding: 0 8px 0 42px;
	text-align: left;
	width: 707px;
}
#main {
	height: 500px;
	overflow: auto;
	padding-right: 208px;
}
#footer {
	color: #a4c5d8;
	padding-top: 4px;
}

/* page layouts */
#intro #ribbon {
	background: url(../images/v-ribbon.gif) repeat-y center;
	display: table;
	width: 800px;
	margin: 0 auto;
	height: 100%;
	text-align: left;
	width: 100%;
}
#intro #align {
	display: table-cell;
	height: 600px;
	vertical-align: middle;
}
#intro #gift { background: url(../images/h-ribbon.gif) repeat-x left center; }
#intro p {
	margin: 0 auto;
	position: relative;
	top: 1px;
	width: 800px;
}
#awamatbg #content { background-image: url(../images/awamat500.jpg); }
#beignetbg #content { background-image: url(../images/Beignets_500.jpg); }
#breadabg #content { background-image: url(../images/bread500a.jpg); }
#cakebg #content { background-image: url(../images/cake500.jpg); }
#cheesecakebg #content { background-image: url(../images/cheesecake500.jpg); }
#churrobg #content { background-image: url(../images/Churros_500.jpg); }
* #creambg #content { background-image: url(../images/cream500.jpg); }
#davidbg #content { background-image: url(../images/david500.jpg); } 
#david2bg #content { background-image: url(../images/david_2_500.jpg); }
#dcookingbg #content { background-image: url(../images/david_cooking_500.jpg); }
#flanbg #content { background-image: url(../images/Flan_500.jpg); }
#jibnebg #content { background-image: url(../images/jibne500.jpg); }
#lemonbg #content { background-image: url(../images/lemon500.jpg); }
#sodabg #content { background-image: url(../images/Nectar-Cream-Soda-Float_500.jpg); }
#photos #content { background-image: none; }
#photos #main {
	overflow: hidden;
	padding-right: 0;
}

/* header styles */
#header h1 a {
	background: url(../images/logo.gif) no-repeat right;
	display: block;
	height: 130px;
	margin: 0 auto;
	text-indent: -9999px;
	width: 280px;
}

/* nav styles */
#nav ul {
	list-style: none;
	padding: 10px 0 24px;
}
#nav li {
	padding: 0;
	position: relative;
	z-index: 400;
}
#nav a {
	background: url(../images/nav.gif) no-repeat;
	color: #572700;
	display: block;
	font-size: 110%;
	height: 32px;
	text-decoration: none;
	text-indent: -9999px;
	width: 106px;
}
#nav #news a { background-position: 0 -32px; }
#nav #services a { background-position: 0 -64px; }
#nav #contact a { background-position: 0 -96px; }
#nav #about:hover > a { background-position: -108px 0; }
#nav #news:hover > a { background-position: -108px -32px; }
#nav #services:hover > a { background-position: -108px -64px; }
#nav #contact:hover > a { background-position: -108px -96px; }
#nav ul ul {
	background: #572700;
	left: 106px;
	padding: 4px 0;
	position: absolute;
	top: 0;
	visibility: hidden;
}
#nav ul ul a {
	background-image: none;
	color: #a4c5d8;
	font-size: 93%;
	font-weight: 400;
	height: 16px;
	margin: 0;
	padding: 2px 6px;
	text-align: left;
	text-indent: 0;
	white-space: nowrap;
	width: auto;
}
#nav ul ul li:hover > a {
	background: #a4c5d8;
	color: #572700;
	font-weight: 400;
}
#nav li:hover ul, #nav a:hover ul { visibility: visible; }

/* content styles */

/* main styles */
#main h1 {
	font-size: 170%;
	margin: 14px 0 12px;
}
#main h2 {
	font-size: 125%;
	margin: 8px 0 6px;
}
#main h3 {
	font-size: 110%;
	font-weight: 400;
	margin-bottom: 4px;
	text-decoration: underline;
}
#main h1 span, #main h2 span {
	font-size: 51%;
	font-style: italic;
}
#main h2 span { font-size: 72%; }
#main p { margin-bottom: 12px; }
#main ul {
	list-style: none;
	margin-bottom: 8px;
}
#main ul.square {
	list-style: outside square;
	padding-left: 16px;
}
#main ul.circle {
	list-style: outside circle;
	padding-left: 16px;
}
#main li { margin-bottom: 4px; }
#main img { display: block; }
.title {
	font-style: italic;
	text-transform: capitalize;
}
.email a {
	direction: rtl;
	unicode-bidi: bidi-override;
}
#photos #photo {
	float: left;
	height: 416px;
	overflow:hidden;
	text-align: center;
	width: 482px;
}
#photos #main #photo img {
	border: 3px #572700 solid;
	margin: 0 auto;
}
#photos #col {
	float: left;
	height: 426px;
	overflow: auto;
	padding-left: 10px;
	width: 214px;
}
#photos #col h2 { text-align: center; }
#photos #main #col img { margin: 0 auto 8px; }
#photos #main p.photos {
	margin-bottom: 0;
	text-align: center;
}
#photos #main p.sub { margin-bottom: 8px; }
#main h1 span.sub, .sub {
	font-size: 72%;
	font-style: normal;
}
#mail { display: block; float: left; height: 24px; width: 56px; }

/* footer styles */
#footer ul { list-style: none; }
#footer li { display: inline; }
#footer a {
	color: #a4c5d8;
	padding: 0 14px;
	text-decoration: none;
}

/* form styles */
legend { display: none; }
label {
	float: left;
	width: 75px;
}
input { width: 200px; }
textarea { width: 250px; }
#submitBtn {
	margin-left: 75px;
	width: auto;
}

/* clearfix */
#main:after, .photos:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}