@charset "UTF-8";
/* CSS Document */

body{
	background:url(images/BG.png)  top left repeat;
	margin:0px;
	padding:0px;
	font:Verdana, Arial, Helvetica, sans-serif;
}

#wrapper{
	width:865px;
	background:#FFFFFF;
	margin:0px auto;
	padding:0px;
	font-size:14px;
}

#banner{
	background:#c6e549 url(images/header_bg.jpg) top left no-repeat;
	width:865px;
	height:186px;
}

#logo{
	float:left;
	clear:none;
	margin-left:25px;
	margin-top:5px;
}

#coffee{
	float:right;
	clear:none;
	margin-right:3px;
}

#menu{
	width:700px;
	height:38px;
	margin-top:-59px;
	margin-left:6px;
}

#menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu ul li{
	margin-left:1px;
	float:left;
}

#menu ul li a{
	display:block;
	text-decoration:none;
	background:url(images/menu.png) top left no-repeat;
	width:120px;
	height:38px;
	font-size:13px;
	color:#eae1df;
	text-align:center;
	cursor:pointer;
	padding-top:6px;
}

#menu ul li a:hover{
	background:url(images/menu-selected.png) top left no-repeat;
	width:120px;
	height:38px;
	color:#dcada5;
}

#left-content{
	float:left;
	clear:none;
	width:580px;
	margin-left:15px;
}

.sub-title{
	font-size:12px;
	color:#3b312d;
	font-weight:bold;
}

.sub-title a{
	font-size:12px;
	color:#3b312d;
	font-weight:bold;
}

#divider{
	background:url(images/divider.gif) top left repeat-x;
	width:550px;
	height:5px;
	margin-left:5px;
	margin-top:15px;
}

#white-divider{
	background:url(images/white-divider.png) top left repeat-x;
	width:200px;
	height:5px;
	margin-left:30px;
	margin-top:-10px;
}

.title{
	font-size:18px;
	color:#3b312d;
	list-style-image:url(images/Brown-bullet.png);
}

.title-green{
	font-size:18px;
	color:#c6e549;
	list-style-image:url(images/green-bullet.png);
}

#flavour-img{
	float:left;
	clear:none;
	margin-left:5px;
}

#flavour-txt{
	float:left;
	clear:none;
	width:300px;
	margin-left:15px;
}

#today-special{
	background:url(images/brown-bg.png) top repeat-y;
	width:865px;
	margin-top:25px;
}

#special1{
	float:left;
	clear:none;
}

#special2{
	float:left;
	clear:none;
}

.specials-img{
	float:left;
	clear:none;
	margin-left:20px;
	margin-bottom:25px;
}

.price{
	float:left;
	clear:none;
	background:#c6e549;
	padding:7px;
	margin-left:25px;
	font-size:18px;
	font-weight:bold;
}

.special-copy{
	float:left;
	clear:none;
	width:805px;
	margin-left:10px;
}

.title-white{
	font-size:18px;
	color: #FFFFFF;
}

.copy-white{
	color:#FFFFFF;
}

#right-content{
	float:left;
	clear:none;
	background:url(images/news-box1.png) top left no-repeat;
	width:252px;
	height:600px;
	margin-top:10px;
}

#footer{
	background:url(images/footer.png) top left repeat-x;
	width:850px;
	height:30px;
	margin:0px;
	font-size:11px;
	color:#FFFFFF;
	padding-left:15px;
	padding-top:13px;
}