body, table
{
	background: #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Verdana, Geneva, Sans-Serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 20px;
}

/*body { margin-top : 10px; }*/

/* table with borders */
table
{
	border: solid 1px #696A6C;
}

td
{
	border: solid 1px #696A6C;
    margin: 0;
    padding: 4px;
}

/* headings */
h1, .Heading1
{
	font-size: 18px;
	font-family: Arial, Verdana, Geneva, Sans-Serif;
	color: #6F3E22;
	margin: 0 0 10px 0;
	padding : 0 0 0 0;
	font-weight: normal;
}

h2,h3,h4, .Heading2, .Heading3, .Heading4
{
	font-family: Arial, Verdana, Geneva, Sans-Serif;
	color: #6F3E22;
	margin: 0 0 10px 0;
	padding : 0 0 0 0;
	font-weight: normal;
}

h2, .Heading2 { font-size: 16px; }
h3, .Heading3 { font-size: 14px; }
h4, .Heading4 { font-size: 12px; }

/* Paragraphs */
p, .Para
{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

/* Hyperlinks */
a
{
	text-decoration: none;
	color: #BD9A54;
}

a:hover
{
	color: #684525;
}
		
/* simple classes */
.NoBorder { border: none; }

.ClearBoth { clear: both; }

.ExtraLargeText { font-size: 130%; }
.BigText { font-size: 110%; }
.NormalText { font-size: 100%; }
.SmallText { font-size: 90%; }		

.Central { text-align: center; }

.PicLeft { float:left; padding: 0 10px 0 0; border: none; }
.PicRight { float:right; padding: 0 0 0 10px; border: none; }

.ErrorLabel, .Highlight { color: #ff0000; font-weight: bold; }
.Tip { color: #00498d; font-size: 11px; font-weight: bold; }

.Spacing20 { width: 100%; height: 20px; }
.Spacing { width: 100%; height: 10px; }
.Spacing5 { width: 100%; height: 5px; }
.Spacing2 { width: 100%; height: 2px; }
.Spacing8 { width: 100%; height: 8px; }

.hidden { display: none; }
.unhidden { display: block; }

.Bold { font-weight: bold; }

.Overflow { overflow: auto; }

/* Standard warnings */
.InfoMsg 
{	
	background: #684525 url(Graphics/info1.gif) no-repeat;
 	padding: 8px 10px 8px 40px;
	min-height: 40px;
	color: #ffffff;
	font-style: normal;
}

.ErrorMsg
{	background: #684525 url(Graphics/error.gif) no-repeat;
 	padding: 8px 10px 8px 40px;
	min-height: 40px;
	color: #ffffff;
	font-style: normal;
}

.WarningMsg
{
	background: #684525 url(Graphics/warning.gif) no-repeat;
 	padding: 8px 10px 8px 40px;
	min-height: 40px;
	color: #ffffff;
	font-style: normal;
}

/* wrapper */
.Wrapper
{
	width: 1006px;
	margin: 30px auto 0 auto;
}

/* Navigator */
#Navigator
{
	padding: 0 0 5px 0;
	border-bottom: solid 1px #684525;
	height: 30px;
	line-height: 30px;
	text-align: center;
}	

#Navigator a
{
	display:block;
	float:left;
	padding: 0 5px 0 5px;
	background-color: #684525;
	margin-right: 5px;
}

#Navigator a:hover
{
	background-color: #ffffff;
}		

/* banner */
#Banner
{
	margin-top: 5px;
	margin-bottom: 5px;
	height: 130px;
	width: 100%;
	border-bottom: solid 1px #684525;
}
	
/* logo */
.Logo
{
	background: #000000 url(Graphics/logo-black-small.gif) no-repeat;
	width: 300px;
	height: 120px;
	float:left;
}

.BannerText
{
	float:right;
	width: 400px;
	height: 120px;
	font-size: 11px;
	line-height: 18px;
}

/* footer */
#Footer
{
	clear: both;
	padding-top: 5px;
}

.FooterPanel
{
	border-top: solid 1px #684525;
	border-bottom: solid 1px #684525;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
	
#Credits
{
	text-align: center;
	font-size: 10px;
	padding-top: 20px;
}			

#Credits a { color: #684525; }
#Credits a:hover {text-decoration: underline; }

/* content */
.Content { }

/* home page */
.HomePicRow
{
	width: 100%;
	height: 166px;
}

.HomePicLeft
{
	width: 250px;
	height: 166px;
	margin-right: 2px;
	float:left;
}

.HomePicRight
{
	width: 250px;
	height: 166px;
	float:right;
}

.HomeTextRow
{
	width: 100%;
	height: 46px;
	font-size: 11px;
}

.HomeTextRow a:hover { color: #ffffff; }
		
.HomeTextLeft
{
	width: 250px;
	height: 40px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	margin-right: 2px;
	float:left;
	background-color: #684525;
}

.HomeTextRight
{
	width: 250px;
	height: 40px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	float:right;
	background-color: #684525;
}

/* contact page */
#Contact { height: 600px; }
	
#ContactForm
{
	float: right;
	width: 400px;
}
	
#ContactMap
{
	float: left;
	width: 350px;
}	

/* buttons */
.Button
{
	border: solid 2px #684525;
	background: #ffffff url(Graphics/cup.gif) no-repeat;
	height: 46px;
	line-height: 40px;
	padding: 0 10px 0 45px;
	color: #000000;
	font-size: 16px;
	text-align: center;
	margin: 0 0 0 0;
}	

/* coffee shop */
.CoffeeShop
{
	height: 150px;
	width: 100%;
	margin: 20px 0 20px 0;
}	

/* products browser */
.CoffeeRow
{
	clear: both;
	width: 100%;
	border-top: solid 1px #684525;
	padding: 5px 0 5px 0;
	min-height: 150px;
}

.CoffeePic { width: 210px; float:left; }
.CoffeePrice { width: 100px; float:right; text-align:right; }
.CoffeeDesc { width: 680px; float: left; }

/* product detail */
#ProductImage { float:left; width: 310px; }
#ProductDescription { float: right; width: 680px; }