/* css document for www.baguettebox.com | created by lookatlao studio www.lookatlao.com */

body {
	margin: 20px auto;
	padding: 0;
	text-align: center;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
	background: #362f2d url(../image/bg-tile.jpg) repeat;
	}
	
#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 770px;
	}

#logo {
	margin: 0;
	}

a:link,
a:visited {
	color: #CC4000;
	text-decoration: none;
	}
a:hover {
	color: #b8111a;
	}

/*LAYOUT: HOME*/
#photos {
	margin: 25px 0 10px 0;
	padding: 0;
	}
	
#clickmore {
	margin: 0;
	}
	
#menu {
	width: 496px;
	margin: 50px auto 0;
	padding: 35px 75px 25px 75px;
	background: url(../image/bg-menu.gif) no-repeat left top;
	}
	
#menu-bottom {
	width: 496px;
	height: 58px;
	margin: 0 auto;
	padding: 0 75px 0 75px;
	background: url(../image/bg-menu-bottom.gif) no-repeat left top;
	}

#menu-content {
	text-align: left;
	}
	
#menu-content h2 {
	width: 466px;
	height: 27px;
	background: url(../image/header-menu.gif) no-repeat left top;	
	}

#menu-bottom p { margin: 0; font-size: 11px; color: #777; }
	
h2 span { display: none; }

#menu-content ul { margin: 0; padding: 0; list-style-type: none; }
#menu-content ul li { margin: 0; padding: 3px 0 3px 0; font-size: 16px; line-height: 20px;  }
#menu-content ul li span.price { margin-right: 15px; color: #2B4A6A; }
#menu-content ul li span.description { font-size: 12px; text-transform: uppercase; }

#phone-fremont {
	width: 68px;
	height: 9px;
	position: absolute;
	top: 430px;
	left: 24px;
	}
	
#phone-caphill {
	width: 72px;
	height: 9px;
	position: absolute;
	top: 487px;
	left: 677px;
	}

#newsletter-link {
	width: 200px;
	margin: 30px auto;
	text-align: center;
	}
	
#newsletter-link p {
	text-align: center;
	border: 1px solid #a57c52;
	padding: 5px 0;
	}
	

		

	

/*LAYOUT: ABOUT*/
#about-content {
	width: 500px;
	margin: 25px auto 40px auto;
	text-align: left;
	}
	
#about h2 {
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	color: #f6e497;
	margin: 0 0 10px 0;
	}
	
#about h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color: #bc8c46;
	margin: 20px 0 10px 0;
	}
	
	
/*LAYOUT: LOCATION*/
#capitolhill #photos,
#fremont #photos {
	margin: 20px 0 20px 0;
	}

#location-content {
	width: 500px;
	margin: 0 auto 40px auto;
	}

#location-content h1 { 
	color: #E9C550;
	font-size: 28px;
	font-weight: normal;
	}
	
dl {
	margin: 10px 0 25px 0;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	}
	
dt {
	margin: 0 0 3px 0;
	color: #bc8c46;
	font-size: 16px;
	}
	
dd {
	margin: 0 0 15px 0;
	color: #fff;
	font-size: 16px;
	}
	
/*LAYOUT: DELIVERY*/
#delivery #photos {
	margin: 20px 0 20px 0;
	}

#location-content {
	width: 500px;
	margin: 0 auto 40px auto;
	}

#delivery-content h1 { 
	color: #E9C550;
	font-size: 28px;
	font-weight: normal;
	text-align: left;
	}
	
#delivery-content h2 {
	color: #CC4000;
	font-size: 22px;
	font-weight: normal;
	text-align: left;
	margin: 5px 0 0 0;
	}
	
#delivery-content h3 { 
	color: #E9C550;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	margin: 5px 0 0 0;
	}
	
#delivery-content p {
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	margin: 5px 0 12px 0;
	}
#delivery-content p strong {
	color: #E9C550;
	}
dl {
	margin: 10px 0 25px 0;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	}
	
dt {
	margin: 0 0 3px 0;
	color: #bc8c46;
	font-size: 18px;
	text-align: left;
	}
	
dd {
	margin: 0 0 15px 0;
	color: #fff;
	font-size: 16px;
	text-align: left;
	}
	
	
/*LAYOUT: PRESS*/
#press-content {
	width: 500px;
	margin: 0 auto 40px auto;
	text-align: left;
	}

#press-content h1 { 
	color: #e9c550;
	font-size: 26px;
	font-weight: normal;
	}

p.quote {
	font-family: Georgia, Verdana, sans-serif, "Lucida Grande";
	font-size: 18px;
	line-height: 23px;
	color: #A59576;
	margin: 10px 0 3px 0;
	}
	
p.cite {
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 0 30px 0;
	text-align: right;
	}

p.cite a:link, p.cite a:visited {
	color:#d09f58;
	}	
p.cite a:hover {
	color:#f90;
	}	

/*LAYOUT: MEWSLETTER*/

#newsletter h2 {
	text-align: left;
	color: #f6e497;
	}
#newsletter p {
	text-align: left;
	color: #bc8c46;
	font-size: 12px;
	line-height: 20px;
	}
#newsletter p strong {
	color: #CC4000;
	font-weight: normal; 
	}

/* NAVIGATION */

ul#navigation {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

li#nav-home {
	width: 40px;
	height: 12px;
	display: block;
	position: absolute;
	top: 69px;
	left: 76px;
	}

li#nav-home a {
	display: block;
	width: 40px;
	height: 12px;
	background: url(../image/nav-home.gif) no-repeat 0px 0px;
	}
	

li#nav-menu {
	width: 40px;
	height: 12px;
	display: block;
	position: absolute;
	top: 69px;
	left: 76px;
	}
	
li#nav-menu a {
	display: block;
	width: 40px;
	height: 12px;
	background: url(../image/nav-menu.gif) no-repeat 0px 0px;
	}
	
li#nav-order {
	width: 99px;
	height: 12px;
	display: block;
	position: absolute;
	top: 69px;
	left: 178px;
	}
	
li#nav-order a {
	display: block;
	width: 99px;
	height: 12px;
	background: url(../image/nav-order.gif) no-repeat 0px 0px;
	}
	
li#nav-press {
	width: 38px;
	height: 12px;
	display: block;
	position: absolute;
	top: 69px;
	left: 653px;
	}
	
li#nav-press a {
	display: block;
	width: 38px;
	height: 12px;
	background: url(../image/nav-press.gif) no-repeat 0px 0px;
	}
	
li#nav-about {
	width: 67px;
	height: 12px;
	display: block;
	position: absolute;
	top: 69px;
	left: 514px;
	}
	
li#nav-about a {
	display: block;
	width: 67px;
	height: 12px;
	background: url(../image/nav-about.gif) no-repeat 0px 0px;
	}
	
body#press ul#navigation li#nav-press a,
body#about ul#navigation li#nav-about a,
body#delivery ul#navigation li#nav-order a,
li#nav-home a:hover,
li#nav-menu a:hover,
li#nav-order a:hover,
li#nav-press a:hover,
li#nav-about a:hover {
	background-position: 0px -12px;
	}

ul#navigation li a span {
	display: none;
	}

#link-fremont {
	width: 59px;
	height: 15px;
	position: absolute;
	top: 408px;
	left: 35px;
	}
	
#link-fremont a {
	width: 59px;
	height: 15px;
	display: block;
	background: url(../image/link-fremont.gif) no-repeat 0px 0px
	}

#link-capitolhill {
	width: 81px;
	height: 19px;
	position: absolute;
	top: 463px;
	left: 675px;
	}
	
#link-capitolhill a {
	width: 81px;
	height: 19px;
	display: block;
	background: url(../image/link-capitolhill.gif) no-repeat 0px 0px;
	}

#link-fremont a:hover { background-position: 0px -15px }	
#link-capitolhill a:hover { background-position: 0px -19px }
	
#link-fremont span,
#link-capitolhill span { display:none; }	

#comingsoon {
	width: 46px;
	height: 50px;
	position: absolute;
	top: 18px;
	left: 185px;
	visibility: hidden;
	}


/* FOOTER */
#footer {
	width: 560px;
	margin: 0 auto;
	padding: 4px 0 0 0;
	text-align: center;
	}
	
#footer p {
	color: #645855;
	font-size: 11px;
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
#footer p span {
	margin: 0 5px;
	color: #524845;
	}
	
#footer a:link,
#footer a:visited {
	color: #645855;
	}
#footer a:hover {
	color: #9eb3cc;
	}
	
#site-content p {
	color: #524845;
	margin: 25px 0;
	}
	
/* FORMS */
#directions {
	margin: 10px 0;
	}
	
input.get-directions {
	width: 300px;
	margin: 10px;
	padding: 4px;
	vertical-align: middle;
	}
	
.left {
	float: left;
	margin: 0 15px 5px 0;
}
