/* Roasters Coffee Company - CSS */
/*----------------------------------------------------------------------------*/
/*-------------------- Main Page Layout Divs Style ---------------------------*/
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
#header {
	margin: 0;
	height: 150px !important;
	background: url(images/roasters-logo.gif) top left no-repeat;
}
#content {}
#left {float: left;}
#right{float: left;}
#col1 {width: 700px;}
#col2 {width: 300px;}
#col3 {width: 400px;}
#col4 {width: 500px;}
#footer {
	margin-top: 10px;
	padding: 20px 0;
	color: #aa9731;
	text-align: center;
	font-size: 90%;
	border-top: 1px solid #296446;
}
/*----------------------------------------------------------------------------*/
/*-------------------------------- Menu Styles -------------------------------*/
#main-menu {
	margin: 1px 0 0 0;
	padding: 0;
	background: url(images/nav-bar-mid.gif) top center repeat-x;
	height: 35px !important;
}
#main-menu div {
	margin: 0;
	padding: 0 0 0 10px;
	height: 35px !important;
	background: url(images/nav-bar-left.gif) left center no-repeat;
	overflow: hidden;
}
#main-menu ul {
	margin: 0px;
	padding: 0;
	height: 35px !important;
	background: url(images/nav-bar-right.gif) right center no-repeat;
}
#main-menu ul li {
	margin: 0;
	padding: 0;
	float: left;
	line-height: 30px;
}
#main-menu a {
	margin: 0;
	padding: 0 15px;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color: #FDF7DA;
	font-family: "Georgia", "Times New Roman", serif;
	text-decoration: none;
}
#main-menu a:visited {
	margin: 0;
	padding: 0 15px;
	display: block;
	font-weight: bold;
	color: #FDF7DA;
	text-decoration: none;
}
#main-menu a:hover { color: #eee; }
/*----------------------------------------------------------------------------*/
/*-------------------- Content Holding Divs Style ----------------------------*/
.box-lge {
	margin: 0;
	padding: 10px 25px 0 25px;
}
.box-side {
	margin: 0;
	padding: 10px 0;
}
#box-contact {
	margin: 0;
	padding: 15px;
}
#round {
	padding: 0;
	margin-left: 0px;
}
#people {
	padding: 0;
	margin: 0 15px;
}
#box-beans {
	margin: 0;
	padding: 0px;
	width: 590px;
	background: url(images/beans-bg.jpg) no-repeat;
}
#box-smoothy {
	margin: 2px;
	width: 400px;
	background: url(images/smoothy-bg.jpg) no-repeat;
}
#sub-left {
	float: left;
	width: 350px;
}
#sub-right {
	float: left;
	width: 350px;
}
/******************************************************************************/
/*----------------------------- Headings Style -------------------------------*/
h1 {
	margin: 0;
	padding: 0;
	font-size: 1.6em;
	color: #009145;
}
h2 {
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	color: #aa9731;
}
h3 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: normal;
	color: #aa9731;
}
h4 {
	margin:0;
	padding: 15px 0 10px 15px;
	font-size: 1.1em;
	color: #C8BA70;
}
#header h1 {
	margin: 0;
	padding: 100px 0 0 300px;
}
/*----------------------------------------------------------------------------*/
/*------------------------------- DL styles ----------------------------------*/ 
.box-lge dl {
	margin: 0;
	padding: 20px;
}
.box-lge dt {
	margin: 0;
	padding: 0;
	color: #7B5528;
	font-weight: bold;
	font-size: 110%;
}
.box-lge dd {
	margin: 0 0 0 1.5em;
	padding: 0;
	line-height: 1.5em;
}
dl#beans {
	margin: 0 0 0 0;
	padding: 15px;
	/*background: url(images/beans-bg-base.jpg) bottom right no-repeat;*/
}
#beans dt {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #7B5528;
	font-weight: bold;
	font-size: 130%;
}
#beans dd {
	margin: 0 0 0 0;
	padding: 0 0 3px 0;
	line-height: 1.5em;
	border-bottom: 1px solid #eee;
}
dl#smoothy {
	margin: 0 0 0 0;
	padding: 15px;
	background: url(images/smoothy-bg-base.jpg) bottom right no-repeat;
}
#smoothy dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 130%;
	color: #FFB400;
}
#smoothy dd {
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
	line-height: 1.5em;
	border-bottom: 1px solid #FDF2C1;
	/*border-bottom: 1px solid #FFF8E8;*/
}
/*----------------------------------------------------------------------------*/
/*----------------------------- Paragraph Styles -----------------------------*/

.box-lge p {
	color: #333;
	line-height: 1.75em;
	padding: 0;
}
#box-contact p {
	font-size: 1.2em;
	color: #888;
}
/*----------------------------------------------------------------------------*/
/*------------------------------- List Styles --------------------------------*/
ul { list-style-type: none; }
#hot { 
	padding: 5px;
	background: url(images/sarni.jpg) top right no-repeat;
}
#hot li, #cold li, #salad li, #potato li { margin: 3px 0;}
#cold {
	padding: 5px;
	background: url(images/ciabatta.JPG) top right no-repeat;
}
#salad { padding: 5px; }
#potato {
	padding: 5px;
	background: url(images/Cheesy_spud_.jpg) top right no-repeat;
}
/*----------------------------------------------------------------------------*/
/*------------------------------ Image Styles --------------------------------*/
.thumb {
	margin: 0 0 20px 80px;
	padding: 0;
}
.img-lge {
	margin: 10px 0 0 0;
	padding: 0;
}
#header img {
	float: right;
	margin: 0;
	padding: 0;
}
#round img, #people img {
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	border: 1px solid #ddd;
	background-color: #fff;
}
#people img {
	margin: 0 30px 15px 10px;
}
img#map {
	margin: 0 0 10px 0;
	padding: 0;
	float: right;
	border: 4px solid #eee;
	outline: 1px solid #aa9731;
}
#clear { clear: left; }
br.clr {
	height: 1px;
	clear: left;
}
/*----------------------------------------------------------------------------*/
/*------------------------------- Link Styles --------------------------------*/
.box-lge a, #box-contact a {
	color: #1A9F56;
	font-size: 125%;
	font-weight:bold;
	text-decoration: none;
}
.box-lge a:hover {
	background-color: #eee;
	
}
.box-lge a:visited {
	color: #056631;
	font-weight: normal;
}
#footer a {
	padding: 0 5px;
	color:#aa9731;
	font-weight:bold;
}
/*******************************************************************************/