/* Generic Styling */

body {
	font-family: Arial, Helvetica, sans-serifArial, Helvetica, sans-serif;
	font-size:10px; /* Sets default font size to 10px */
	color:#000;
	background-color: #4B5F03;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	font-weight: normal;
	}
	
.rightimg {
	float: right;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 7px;
	border: none;
	margin-bottom: 6px;
}

.leftimg {
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 7px;
	border: none;
	margin-bottom: 6px;
}

.borderimg {
	float: right;
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 2px;
	border: 1pt solid #036;
	margin-bottom: 10px;
}

.borderimgleft {
	float: left;
	margin-right: 15px;
	margin-top: 8px;
	border: 1pt solid #036;
	margin-bottom: 10px;
}

* {
	margin:0;
	padding:0;
	}
	
p {
	padding:5px 5px 5px 0px;
	text-align:justify;
	line-height:1.66em;
	color: #000000;
	}

h1 {
	padding:5px 0 5px;
	margin:0;
	color:#036;
	background: inherit;
	font: normal 20px Arial, Helvetica, sans-serif;
}
	
h2 {
	font-size: 14px;
	text-decoration: none;
	color:#4e5f35;
	text-align:left;
	border-bottom: dashed 1pt #333;
	line-height: 1.8em;
	color:#ff6600;
	}
	
h3 {
	font-size: 12px;
	text-decoration: none;
	color:#4e5f35;
	text-align:left;
	border-bottom: dashed 1pt #333;
	line-height: 1.8em;
	color:#036;
	}

strong {
	color:#ff6600;
	}
	
b {
	color:#000000;
	}

	
em {
	color:#036;
	}

a {
	text-decoration:underline;
	color:#003366;
	}
	
a:hover {
	color:#We at The Daily Grind choose a wide variety of distinctive, high altitude, 100% arabica coffee beans sourced from around the globe
. Coffee plantations or estates produce their own individual characteristics due to a variety of factors including altitude, rainfall, processing methods and soils. Green beans are purchased as “single origins” and by carefully roasting each origin bean to an individual profile, we are able to extract the subtle flavours and aromas.  An important part of a good cup of coffee is how it is prepared, from green bean to its final stage in the cup. To help you achieve the perfect espresso we offer coffee appreciation and barista training at our roastery by a qualified trainer. Enjoy.;
	text-decoration: underline;
	color: #ff6600;
	}

/* Structure */

#wrapper {
	margin:0 auto;
	width:980px;
	background:#FFFFFF;
	font-size:1.2em;
}

#header {
	height:127px;
	width: 980px;
	background:url(../images/header.jpg) no-repeat;
	}	
	
#middle {
	height:129px;
	width: 980px;
	}	

/*  NAVIGATION */

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 980px; /*For KHTML*/
	list-style: none;
	height: 32px;
	background:url(../images/menu-bg.gif) repeat center center;
}

ul#navmenu li {
	border: 0 none;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 27px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 151px;
  list-style: none;
  display: none;
  position: absolute;
  top: 32px;
  left: 0;
  background-color:#036;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 151px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
	padding: 5px 23px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #FFFFFF;
	font: bold normal 11px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	text-transform: uppercase;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	background:url(../images/menu-roll.gif) repeat center center;
	color: #FFFFFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  font-size: 10px;
  font-weight:normal;
  text-transform:capitalize;
  background:#036;
  color: #fff;
  padding-left: 15px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background:#ff6600;
  color: #fff;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0px;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}
	
#content-coffee {
	float:right;
	width:915px;
	padding-left: 3px;
	padding-top: 20px;
	padding-right: 25px;
	min-height: 390px;
	}
		
#content {
	float:right;
	width:700px;
	padding-left: 3px;
	padding-top: 20px;
	padding-right: 25px;
	}
	
#home-menu {
	float:left;
	width:230px;
	height: 280px;
	margin-top: 20px;
	}
	
#home-menu-txt {
	padding:0px 35px 15px 35px;
	cursor:default;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	}	
	
#footer {
	clear:both;
	height:100px;
	background:url(../images/bg-footer.jpg) repeat-x;
	}

/* Footer */

#footer-valid {
	color:#ffffff;
	font-size: 10px;
	font-weight:bold;
	padding-top:65px;
	padding-left:20px;
	cursor:default;
	text-align: center;
	}
#footer-valid a {
	color:#ffffff;
	text-decoration:none;
	}
#footer-valid a:hover {
	color:#ffffff;
	text-decoration:underline;
	}

.td	{
padding-right: 15px;
padding-left: 30px;
}

.td-coffee	{
padding-right: 30px;
}

/*Form*/

label{
float: left;
width: 120px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

input, textarea{
	width: 246px;
	margin-bottom: 5px;
	background-color: #fff;
	color: #000;
}

.checkbox{
width: 30px;
margin-bottom: 5px;
background-color: #fff;
color: #000;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}