/* Design Kraft CSS */

html, body	{
	padding: 0;
	margin: 0;
}
body	{
	margin: 30px 0 0 0;
	background: #000;
	text-align: center; /*Used to centre the page, but text-align: left; added within #container to stop all content from being centre aligned */
}
body, p, input	{
	color: #999;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13.2px;
	line-height: 1.65em;
}
p	{
	margin: 1em 0; /* Re-instating default margin behaviour for p */
}
a:link, a:visited	{
	color: #666;
	text-decoration: underline;
}
a:hover, a:active	{
	color: #666;
	text-decoration: none;	
}
#container	{
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#header	{
	width: 830px;
}
#verve-coffee-grinder #nav	{
	margin-top: 25px;
}
#nav	{
	width: 100%;
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 15px;
	text-align: center;
	letter-spacing: 0px;
	line-height: 1em;
	text-decoration: none;
}
#nav a h1	{
	font-size: 1.2em;
	font-weight: 100;
	text-decoration: none;
}
#nav a:link, #nav a:visited	{
	text-decoration: none;
	color: #927926;
}
#nav a:hover, #nav a:active	{
	text-decoration: none;
	color: #B09131;
}
#nav ul	{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	left: 50%;
}
#nav li, #nav li.nav.first	{
	float: left;
	padding-left: 0.8em;
	margin: 0 0.8em 0 0;
	position: relative;
	right: 50%;
}
#nav li	{	
	list-style: none;
	padding-bottom: 0.5em;
} 
#nav li.nav-first	{
	list-style: none;
}
#verve-coffee-grinder #nav  a.verve-coffee-grinder h1, #about #nav  a.about h1, #images #nav  a.images h1, #contact #nav  a.contact h1	{
	color: #B09131;
}
#main	{
	width: 100%;
	min-height:	467px;
	margin: 0;
	padding: 0;
	* padding: 0; /*Hack, FF ignores line of code with preceding asterix */
	float: left;
}
#main-home	{
	width: 100%;
	margin: 0;
	padding: 0;
	* padding: 0; /*Hack, FF ignores line of code with preceding asterix */
	text-align: center;
	float: left;
/*	background: url(../images/main-bgd-effect.jpg) top left repeat-x; */
}
#footer	{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 0.95em;
	color: #444;
	letter-spacing: -0.01em;
	padding-bottom: 20px;
}
#footer a	{
	text-decoration: none;
	color: #444;
}
/* Email Anti-SPAM technique */
span.codedirection {
unicode-bidi:bidi-override; direction: rtl;
}
.button	{
	border: 1px solid #000;
	background-color: #666;
	padding: 6px 10px;
	margin: 0;
	line-height: 2.2em;
}
a.button:link, a.button:visited	{
	color: #fff;
	text-decoration: none;
}
a.button:hover, a.button:active	{
	color: #fff;
	background-color: #000;
	text-decoration: none;
}
#column1	{
	width: 302px;
	height: 477px;
	float: left;
	margin-right: 36px;
	text-align: justify;
}
#column2	{
	width: 302px;
	height: 477px;
	float: left;
	text-align: justify;
}
#image1	{
	width: 340px;
	height: 477px;
	float: left;
	background-color: #FFF;
	padding: 0;
	margin: 0;
}
#image2	{
	width: 300px;
	height: 100px;
	float: left;
	background-color: #FFF;
	padding: 377px 0 0 0;
	margin: 0;
}
#images p	{
	margin: 0;
	padding: 0;
}
#images #main	{
	text-align: center;
}

/* Image Slide Show Fadew */

#fadeshow2	{
	text-align: center;
	position: relative;
	left:137px;
}

#fadeshow2toggler	{
	position: relative;
	top: 5px;
}