html, body {
	margin:0; 
	padding:0; 
	width:100%; 
	height:100%; 
	background-color:#f5f5f5;
	}
	

h1,h2,h3,h4 {
	padding:0px;
	margin:0px;
}

a{
	font-family:Georgia, Times New Roman, Times, serif;
	color:#000000;
	text-decoration:none;
}

a:hover{
	color:#bd0000;
}

p{
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.88em;
	color:#000;
}

#header-wrapper {
	float:left;
	width:100%;
	height:122px;
	width:100%;
	background-image:url(images/header-background.gif);
	background-repeat:repeat-x;
}

#header-holder{
	margin-left:auto;
	margin-right:auto;
	height:122px;
	width:960px;
}

#header{
	float:left;
	height:122px;
	width:960px;
}

#logo{
	float:left;
	height:102px;
	width:419px;
	padding-top:20px;
}

#logo h1{
 	text-indent:-9999px;
	display:none;
}

#navigation{
	float:right;
	width:514px;
	height:122px;
}

ul#nav{
	float:right;
	list-style-type:none;
	padding:0px;
	margin:0px;
}

ul#nav li{
	float:left;
	padding-right:20px;
	border-right:1px solid black;
	height:102px;
}

ul#nav li.last {
	padding-right:0px;
	border:none;
}

ul#nav li a{
	float:left;
	padding-top:40px;
	padding-left:20px;
	font-size:1.25em;
}

ul#nav li a.active{
	color:#bd0000;
}

#middle-section{
	float:left;
	height:411px;
	width:100%;
	background-color:#bd0000;
	background-image:url(images/middle-shadow-top.gif);
	background-repeat:repeat-x;
	background-position:top;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

#image-surround{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	margin-top:20px;
}

#image-holder{
	float:left;
	width:957px;
	height:366px;
	border: 1px solid #000;
	padding:1px;
}

#bottom-section {
	float:left;
	width:100%;
	background-image:url(images/bottom-background.gif);
	background-repeat:repeat-x;
}

#cafe-surround{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#cafe-holder{
	margin-top:20px;
	float:left;
	width:960px;
}

.cafe{
	float:left;
	width:209px;
	margin-right:20px;
}

.cafe-last{
	float:left;
	width:209px;
	margin-right:0px;
}

.cafe-image-holder{
	float:left;
	width:205px;
	height:111px;
	padding:1px;
	border: 1px solid #000;
	margin-top:20px;
	*margin-bottom:20px;
}

.border-item{
	float:left;
	width:1px;
	height:340px;
	*height:345px;
	background-color:#000;
	margin-right:20px;
}

h2{
	display:block;
	font-family:Georgia, Times New Roman, Times, serif;
	color:#000000;
	font-size:1.25em;
	text-decoration:none;
	font-weight:100;
}

.red{
	color:#bd0000;
}

#footer-surround{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#footer-wrapper{
	clear:both;
	float:left;
	background-color:#000;
	width:100%;
	margin-top:20px;
}

#footer{
	float:left;
	width:960px;
	padding-top:20px;
	padding-bottom:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.7em;
	color:#FFF;

}

#footer a{
	color:#bd0000;
	font-family:Verdana, Geneva, sans-serif;
}

#footer a:hover{
	color:#bd0000;
	text-decoration:underline;
}

#footer-left{
	float:left;
}

#footer-right{
	float:right;
}

/*gallery*/

#gallery {
	float:left;
	position:relative;
	height:366px;
}
	#gallery a {
	float:left;
	position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		float:left;
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:55px; 
		width:100%; 
		position:absolute;
		bottom:0;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#FFF;
		font-size:1.25em;
		overflow:hidden;/*SUPER IMPORTANT*/
	}

	#gallery .caption .content {
		float:left;
		padding-top:10px;
		padding-left:20px;
		margin:5px;
		height:55px;
	}
	
	#gallery .caption img{
		float:right;
		padding-top:10px;
		padding-right:20px;
	}
	
	#bakery{
		float:left;
		width:940px;
		margin-top:20px;
		padding-top:17px;
		border-top:1px solid #000000;
		background-image:url(images/crossiant.png);
		background-repeat:no-repeat;
		background-position:right bottom;
	}

	
	#bakery p{
	*padding-top:20px;
	}
	
	img.button{
	padding-top:3px;
	*padding-top:20px;
	}