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

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:9A714F;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image:url(../media/web-bkgrnd.jpg);
	background-position:top center;
	color:#333333;
}
.oneColFixCtrHdr #container {
	width: 770px;
	height: 470px;
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: left;
	margin-top:8px;
	background-image:url(../media/bkgrnd-layer3.png);
	background-repeat:no-repeat;
}
.logo {
	width:159px;
	height:66px;
	position:absolute;
	margin:10px 0px 0px 28px;
}
.navigation {
	width:170px;
	height:240px;
	position:absolute;
	top: 73px;
	margin:0px 0px 0px 28px;
	background-image:url(../media/nav-bar.png);
	background-repeat:no-repeat;
}
.home {
	width:130px;
	height:22px;
	position:absolute;
	margin: 30px 0px 0px 15px;
	padding-top:9px;
	border-bottom:solid #E9D297 1px;
	text-align:center;
}
.about-us {
	width:130px;
	height:20px;
	position:absolute;
	padding-top:8px;
	margin: 65px 0px 0px 15px;
	border-bottom:solid #E9D297 1px;
	text-align:center;
}
.coffee-story {
	width:130px;
	height:22px;
	position:absolute;
	padding-top:7px;
	margin: 98px 0px 0px 15px;
	border-bottom:solid #E9D297 1px;
	text-align:center;
}
.products {
	width:130px;
	height:20px;
	position:absolute;
	padding-top:8px;
	margin:131px 0px 0px 15px;
	border-bottom:solid #E9D297 1px;
	text-align:center;
}
.contact-us {
	width:130px;
	height:20px;
	position:absolute;
	padding-top:8px;
	margin: 163px 0px 0px 15px;
	text-align:center;
}
.contact-flag {	
	width:168px;
	height:109px;
	position:absolute;
	margin:0px 0px 0px 28px;
	top:290px;
	background-image:url(../media/contact-flag.png);
	background-repeat:no-repeat;
}
.merito-morning {
	width:168px;
	height:109px;
	position:absolute;
	margin:0px 0px 0px 28px;
	top:290px;
	background-image:url(../media/merito-morning.png);
	background-repeat:no-repeat;
}
.flag-content {
	width:160px;
	height:45px;
	text-align:center;
	color:#E9D297;
	margin: 308px 0px 0px 27px;
	position:absolute;
	font:9px/12px arial, verdana, helvetica, sans-serif;
}
.main-content {
	width:538px;
	height:320px;
	position:absolute;
	top:138px;
	margin-left:215px;
	background-image:url(../media/welcome-box.png);
	background-position:top center;
	background-repeat:no-repeat;
}
.welcome-latte {
	width:224px;
	height:204px;
	background-image:url(../media/coffee-cup.png);
	position:absolute;
	margin-left:290px;
	top:30px;
	background-repeat:no-repeat;
}
.welcome-title {
	background-image:url(../media/welcome-title.png);
	width:100px;
	height:24px;
	background-repeat:no-repeat;
	margin:10px 0px 0px 10px;
}
.process-title {
	background-image:url(../media/process-title.png);
	width:100px;
	height:24px;
	background-repeat:no-repeat;
	margin:10px 0px 0px 10px;
}
.about-boxes {
	width:160px;
	height:152px;
	position:absolute;
	margin:100px 0px 0px 330px;
}
.about-cup {
	width:362px;
	height:222px;
	position:absolute;
	margin: 18px 0px 0px 165px;
}
.about-title {
	background-image:url(../media/about-title.png);
	width:140px;
	height:24px;
	position:absolute;
	background-repeat:no-repeat;
	margin:10px 0px 0px 12px;
}
.main-scroll {
	width:528px;
	height:258px;
	position:absolute;
	top:30px;
	margin-left:0px;
	overflow:auto;
	font:12px/12px arial, verdana, helvetica, sans-serif;
}
.main-text {
	width:300px;
	height:278px;
	position:absolute;
	top:-28px;
	margin-left:0px;
	overflow:visible;
	font:12px/12px arial, verdana, helvetica, sans-serif;
}
.view-cart {
	width:108px;
	height:40px;
	position:absolute;
	margin:08px 0px 0px 390px;
}
.stockist-title {
	width:80px;
	height:15px;
	position:absolute;
	margin: 150px 0px 0px 10px;
	font:14px/16px arial, verdana, helvetica, sans-serif;
	color:#E9D297;
	font-weight:bold;
}
.stockist-text {
	width:350px;
	height:100px;
	position:absolute;
	top:170px;
	margin-left:10px;
	overflow:visible;
	font:12px/13px arial, verdana, helvetica, sans-serif;
}
.contact-address {
	width:200px;
	height:110px;
	position:absolute;
	top:31px;
	margin-left:10px;
	text-align:left;
	overflow:visible;
	font:12px/13px arial, verdana, helvetica, sans-serif;
}
.contact-pic {
	width:140px;
	height:53px;
	position:absolute;
	top:206px;
	margin-left:285px;
}
.a2c1 {
	width:71px;
	height:18px;
	position:absolute;
	margin:80px 0px 0px 440px;
}
.a2c1-box {
	background-image:url(../media/merito-box-sngl.png);
	width:26px;
	height:66px;
	position:absolute;
	margin:35px 0px 0px 350px;
	background-repeat:no-repeat;
}
.a2c2 {
	width:71px;
	height:18px;
	position:absolute;
	margin:164px 0px 0px 440px;
}
.a2c2-box {
	background-image:url(../media/merito-box-sngl.png);
	width:26px;
	height:66px;
	position:absolute;
	margin:120px 0px 0px 350px;
	background-repeat:no-repeat;
}
.a2c3 {
	width:71px;
	height:18px;
	position:absolute;
	margin:248px 0px 0px 440px;
}
.a2c3-box {
	background-image:url(../media/merito-box-sngl.png);
	width:26px;
	height:66px;
	position:absolute;
	margin:205px 0px 0px 350px;
	background-repeat:no-repeat;
}
.product1 {
	width:280px;
	height:40px;
	position:absolute;
	margin:58px 0px 0px 10px;
	text-align:left;
	font:12px/13px arial, verdana, helvetica, sans-serif;
}
.product-title {
	margin:0px 0px 0px 12px;
	font:12px/14px arial, verdana, helvetica, sans-serif;
	text-align:left;
	color:#E9D297;
	font-weight:bold;
}
.product2 {
	width:280px;
	height:40px;
	position:absolute;
	margin:143px 0px 0px 10px;
	text-align:left;
	font:12px/13px arial, verdana, helvetica, sans-serif;
}
.product2-title {
	width:272px;
	height:16px;
	position:absolute;
	margin:125px 0px 0px 11px;
	font:12px/14px arial, verdana, helvetica, sans-serif;
	text-align:left;
	color:#E9D297;
	font-weight:bold;
}
.product3 {
	width:280px;
	height:40px;
	position:absolute;
	margin:228px 0px 0px 10px;
	text-align:left;
	font:12px/13px arial, verdana, helvetica, sans-serif;
}
.product3-title {
	width:272px;
	height:16px;
	position:absolute;
	margin:210px 0px 0px 11px;
	font:12px/14px arial, verdana, helvetica, sans-serif;
	text-align:left;
	color:#E9D297;
	font-weight:bold;
}
.header {
	width:534px;
	height:148px;
	position:absolute;
	top:22px;
	margin-left:215px;
	overflow:auto;
	background-image:url(../media/header-box.png);
	background-repeat:no-repeat;
}
.header-temp1 {
	width:95px;
	height:90px;
	position:absolute;
	margin:23px 0px 0px 635px;
}
.header-title {
	width:240px;
	height:16px;
	position:absolute;
	margin:22px 0px 0px 338px;
	font:12px/14px arial, verdana, helvetica, sans-serif;
	text-align:left;
	color:#E9D297;
	font-weight:bold;
}
.hans-coffee {
	background-image:url(../media/hans-coffee-catchup.png);
	background-repeat:no-repeat;
	width: 100px;
	height:70px;
	position:absolute;
	margin: 26px 0px 0px 226px;
}
.coffee-story-header {
	background-image:url(../media/coffee-story-header.png);
	background-repeat:no-repeat;
	width: 100px;
	height:70px;
	position:absolute;
	margin: 34px 0px 0px 240px;
}
.merito-products {
	background-image:url(../media/merito-products.png);
	width:100px;
	height:70px;
	position:absolute;
	margin:34px 0px 0px 226px;
	background-repeat:no-repeat;
}
.products-title {
	background-image:url(../media/products-title.png);
	width:100px;
	height:14px;
	position:absolute;
	background-repeat:no-repeat;
	margin:10px 0px 0px 10px;
}
.contact-title {
	background-image:url(../media/contact-title.png);
	width:100px;
	height:14px;
	position:absolute;
	background-repeat:no-repeat;
	margin:10px 0px 0px 10px;
}
.header-vid {
	width:95px;
	height:90px;
	position:absolute;
	margin: 21px 0px 0px 585px;
}
.header-pic-hans {
	background-image:url(../media/hans-pic.png);
	width:95px;
	height:90px;
	position:absolute;
	margin:21px 0px 0px 635px;
	background-repeat:no-repeat;
}
.header-pic-contact {
	background-image:url(../media/contact-pic.png);
	width:95px;
	height:75px;
	position:absolute;
	margin:18px 0px 0px 635px;
}
.contact-header {
	background-image:url(../media/contact-header.png);
	background-repeat:no-repeat;
	width: 100px;
	height:70px;
	position:absolute;
	margin: 35px 0px 0px 230px;
}
.product-filler {
	width:95px;
	height:90px;
	position:absolute;
	margin: 21px 0px 0px 635px;
}
.header-text {
	width:245px;
	height:60px;
	margin-left:334px;
	position:absolute;
	margin-top:34px;
	font:12px/14px arial, verdana, helvetica, sans-serif;
	color:#333333;
	text-align:left;
	padding: 4px 4px 4px 4px;
}
.who-is-hans {
	background-image:url(../media/who-is-hans.png);
	background-repeat:no-repeat;
	width: 100px;
	height:70px;
	position:absolute;
	margin: 35px 0px 0px 238px;
}
.pagesTextCol1 {
	width:395px;
	height:340px;
	border-right:solid 1px #000000;
}
.pagesTextCol2 {
	width:395px;
	height:340px;
	position:absolute;
	top:182px;
	margin-left:395px;
}
.oneColFixCtrHdr #footer_home {
	position:absolute;
	top:447px;
	margin-left:0px;
	width:770px;
	font:11px/11px arial, verdana, helvetica, sans-serif;
	font-weight:bold;
}
.oneColFixCtrHdr #footer_pages {
	padding: 6px 0px 0px 5px;
}
.oneColFixCtrHdr #footer p {
	margin: 0;
	padding: 10px 0; 
}
img {
	border: 0px;
}

.label_consulting {
	width:200px;
	height:34px;
	position:absolute;
	top:360px;
	margin-left:5px;
	z-index:3;
}

.contact2ndcol {
	width:390px;
	height:360px;
	position:absolute;
	top:189px;
	margin-left:400px;
}
p 	{
	font:13px/16px arial, verdana, helvetica, sans-serif;
	margin: 12px 20px 12px 12px;
	padding:0px;
	text-align: left;
}
p.coffee-options {
	font:13px/16px arial, verdana, helvetica, sans-serif;
	margin: 12px 20px 12px 12px;
	padding:0px;
	text-align: left;
	font-weight:bold;
	color:#62472F;
}
p.breadcrumb	{
	font:13px/15px arial, verdana, helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding:0px;
	text-align: left;
	font-weight:bold;
	color:#A40000;
}
a.breadcrumb			{color:#A40000; text-decoration:none;}
a:visited.breadcrumb	{color:#A40000; text-decoration:none;}

a.product-link			{color:#62472F; text-decoration:none;}
a:visited.product-link	{color:#62472F; text-decoration:none;}

a.footer-link			{color:#CC2625; text-decoration:none;}
a:visited.footer-link	{color:#CC2625; text-decoration:none;}
	
p.footer 	{
	font:12px/12px arial, verdana, helvetica, sans-serif;
	margin: 0px 7px 0px 7px;
	padding:0px;
	text-align: justify;
}
p.white 	{
	font:12px/12px arial, verdana, helvetica, sans-serif;
	margin: 5px 10px 4px 5px;
	padding:0px;
	text-align: center;
	color:#FFFFFF;
	font-weight:regular;
}
.background-home-body {

}
.background-pages-body {
	background-image:url(../media/background_pages_body.png);
	background-repeat: no-repeat;
	background-position: top center;
}
li	{
	margin: 10px 8px 10px 8px;
}