/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: url(../images/wood_bg_01.jpg)
}

#container {
	width: 960px;
	margin: 25px 0 0 20px;
}

#header {
	width: 950px;
}

#logo {
	width: 300px;
	float: left;
	clear: left;
}

#logo img {
	border:none;
}

#header_links {
	width: 400px;
	height: 50px;
	float: right;
}

#nav {
	width: 750px;
	float: left;
	clear: both;
	margin: 20px 0 25px 0;
}

.menu img {
	border:none;
}
.menu {
	margin:0;
	padding:0;
	list-style:none;
}
.menu li {
	margin:0 0 0 0;
	padding:5px 0 0 0;
	display:block;
	width: 120px;
	height:25px;
	position:relative;
	overflow:hidden;
}

.menu li a {
	display: block;
}

/* normal state */
.menu li.pastry a {
	margin-left: 0;
}
.menu li.kitchen a {
	margin-left: -120px;
}
.menu li.shop a {
	margin-left: -240px;
}
.menu li.concept a {
	margin-left: -360px;
}
.menu li.contact a {
	margin-left: -360px;
}


/* hover state */
.menu li a:hover {
	margin-top: -32px;
}

/* live state */
.menu li a.live {
	margin-top: -32px;
}

/* specific styles for horizontal menu */
.horizontal {
	overflow:hidden;
	height:1%;
}
.horizontal li {
	float:left;
	margin:0 10px 0 0;
}


#content {
	width: 950px;
	margin: 20px 0 0 0;
}

#statement {
	width: 400px;
	float: left;
}

#statement p {
	font: 230%/1.2em "Georgia", Times New Roman, Times, serif;
	font-weight: bold;
	color: #A36849;
}

#statement.pastry p {
	font: 180%/1.2em "Georgia", Times New Roman, Times, serif;
	font-weight: bold;
	color: #A36849;
}

#statement p.normal {
	font: 100%/1.1em "Georgia", Times New Roman, Times, serif;
	font-weight: bold;
	color: #A36849;
}

#big_image {
	width: 490px;
	float: right;
	clear: right;
}

#page_content {
	xbackground: #fcfce9;
	clear: both;
	width: 950px;
	border-top: 1px solid #c96;
}

#footer {
	width: 950px;
	background: url(../images/footer_bg.gif);
	float: left;
	color: #FDEDC5;
	margin: -15px 0 0 0;
	font: 70%/1em Verdana, Arial, Helvetica, sans-serif;
	color: #fec;
}

#footer_left {
	width: 620px;
	float: left;
}

#left_footer_col {
	float: left;
	width: 280px;
	padding: 20px 10px 20px 20px;
}

#centre_footer_col {
	float: right;
	width: 280px;
	padding: 20px 10px 20px 20px;
}

#footer_right {
	width: 300px;
	float: left;
}

#right_footer_col {
	float: left;
	width: 280px;
	padding: 10px 10px 20px 20px;
	font: 120%/1.5em "Georgia", Times New Roman, Times, serif;
	font-weight: bold;
	color: #D8C07A;
	
}

/* CONTACT FORM STYLES */

/* --- forms --- */

#formwrapper {
		margin: 0 auto;
		width: 700px;
		background: #fff;
		padding: 0 10px;
		}

#formmainContent {
		float: left;
		width: 440px;
		font: 1em/1em Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
		}

#formsidebar {
	float: right;
	width: 200px;
	background: #f3f6f9;
	padding: 0;
	margin-top: 35px;
		}

.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

/* --- links --- */

form a {
		color: #0f871b;
		}

form a:visited {
		color: #528758;
		}

form a:hover {
		color: #00ba13;
		}

/* --- typography --- */

#formwrapper {
	background: none;
	float: left;
	width: 610px;
	border-right: 1px solid #310;
	padding: none;
}

#formmainContent h1 {
		font-size: 1em;
		margin-bottom: 0.2em;
		text-transform: uppercase;
		}

#formmainContent h2 {
		font-size: 0.9em;
		margin-bottom: 0.2em;
		text-transform: uppercase;
		}

#formmainContent p {
		font-size: 0.8em;
		line-height: 1.2em;
		margin-bottom: 1em;
		}

.hidden {
		display: none;
		}
		
#formsidebar {
	background: none;
	width: 170px;
	float: left;
}

.street-address {
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #310;
}

.tel, .fn {
		margin-bottom: 0;
		}

.org {
		font-weight: bold;
		}

p.saveCard {
		margin-top: 1em;
		}


.row {
	clear: both;
	padding-top: 5px;
	width: 400px;
		}

form {
		margin-bottom: 1em;
		}
		
fieldset {
		margin: 10px 0;
		padding: 10px 0;
		border: none;
		width: 380px;
		}		

legend {
		padding: 0 5px;
		color: #310;
		font-size: 1em;
		margin-bottom: 0.2em;
		text-transform: uppercase;
		font-weight: bold;
		}

.formLabel {
		font-size: 0.7em;
		font-weight: bold;
		line-height: 2em;
		text-align: left;
		margin-right: 10px;
		color: #310;
		width: 84px;
		float: left;
		}

.formControl {
		float: left;
		width: 300px;
		}
		
input, textarea {
		border: 1px solid #310;
		padding: 1px;
		background: #FFFDF0;
		}	
		
input {
		width: 280px;
		font: 0.8em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		}			

textarea {
		width: 374px;
		font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		}
		
.submitButton {
		background: #310;
		color: #dc7;
		font: bold 1.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		padding: 3px 5px;
		width: auto;
		border: 1px solid #dc7;
		}
		
#form_image {
}

/* FOOTER STYLES */

#footer a {
	color: #FFFF99;
	text-decoration: none;
}

#footer a:hover {
	color: #FF3300;
	text-decoration: none;
}

span.tel {
	color: #FF3300;
	font-size: 1.2em;
}