body { background-color: #F0E3BD;
		color: #5d665b;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 70px;
		font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
		font-size: medium;
		line-height: 180%;
		height: 100%;
		background-image:url('images/coffeebeansop23b.jpg');
		
		
		
}

#pagecontainer
{ background-color: #F0E3BD;
		color: #5d665b;
	margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 70px;
		font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
		font-size: medium;
		line-height: 180%;
		height: auto;
		//border-style:groove;
		background-image:url('images/coffeebeansop23b.jpg');
		//opacity:0.9;
			
}


p { text-indent: 0em
 }		
h3 {color: #966b72; font-family: Georgia, "Times New Roman", Times, serif 
}

spaced { letter-spacing: 0.5em; word-spacing: 0.5em
}

a:link {
	color: #000000;
	text-decoration: none;
	background-color: transparent }
	
a:visited {
	color: #000000;
	text-decoration: none;
	background-color: transparent }
	
a:hover {
	color: #000000;
	text-decoration: underline;
	//background-color: #fff 
	}
	
a:active {
	color: #c00;
	text-decoration: none;
	background-color: transparent }
	
a:hover.linknotunderlined {
	color: #000000;
	text-decoration: none;
	//background-color: #fff 
	opacity:0.7;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);
 -moz-opacity: 0.7;
 -khtml-opacity: 0.7;
	}
	
#header {
	background-color: #e8eae8;
	position: relative;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 42px;
	line-height: 180%;
	font-weight: bold;
	height: 100px;
	//padding: 20px
	
	}
	
#header a:link {
	color: #000000;
	text-decoration: none;
	background-color: transparent }
	
#header a:visited {
	color: #000000;
	text-decoration: none;
	background-color: transparent }
	
#header a:hover {
	color: #000000;
	text-decoration: none;
	//background-color: #0c0 }
	
#header a:active {
	color: #c00;
	text-decoration: none;
	background-color: transparent }	
	
#navcontainer {
width:900px;
height:23px;
margin:0 auto;
//background-color:#485e49;
//border-style:groove;
 }
	
ul#list-nav {
//margin:20px;
padding:0;
line-height:25px;
list-style:none;
//width:525px;
display:inline
}	

ul#list-nav li {
display:inline;
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
height:23px;
width:111px;
background:#485e49;
color:#eee;
float:left;
text-align:center;
border-left:1px solid #fff;
}



ul#list-nav li a:hover {
//background:#a2b3a1;
//background:#fff;
background-color:#F0E3BD;
font-weight:bold;
color:#403e32
}

#navcontainer .currenttab a, #navcontainer .currenttab a:hover{
background-color:#F0E3BD;
color:#403e32;
font-weight:bold;
height:23px;
line-height:25px; } 



#navcontainer .currentandwidertab a, #navcontainer .currentandwidertab a:hover{
background-color:#F0E3BD;
color:#403e32;
font-weight:bold;
height:23px;
line-height:25px;
width:116px; } 

#navcontainer .widertab a {
background-color:#485e49;
color:#eee;
width:116px;
height:23px;
line-height:25px; } 

#navcontainer .widertab a:hover{
background-color:#F0E3BD;
color:#403e32;
width:116px;
height:23px;
line-height:25px;
font-weight:bold; } 

#navcontainer .leftmosttab a, #navcontainer .leftmosttab a:hover{
border-left:0px solid #fff;
 } 
 
 #navcontainer .leftmostandcurrenttab a, #navcontainer .leftmostandcurrenttab a:hover{
background-color:#F0E3BD;
color:#403e32;
font-weight:bold;
height:23px;
line-height:25px;
border-left:0px solid #fff; } 
 




	

	
#navbarold
	{
	color: white;
	font-size: 11px;
	line-height: 32px;
	background-color: #6b6c5a;
	text-align: center;
	letter-spacing: 4px;
	margin-bottom: 15px;
	height: 32px
	}
	
#navbar{
width:auto;
//border-style:groove;
height:32navcontainerpx;
//background:url(img/navbar-bg.png) left top repeat-x;
background-color: #7D7A7B; }

//#navbar .inbar{
//display:block;
//height:36px;
//background:url(img/right-round.png) right top no-repeat; }

#navbar ul, #navbar ul li{
//border:0px;
margin:0px;
//padding:0px;
//list-style:none;
//height:36px;
//line-height:36px; 
} 

//#navbar ul{
//background:url(img/left-round.png) left top no-repeat; } 

#navbar ul li{
float:left;
display:block;
line-height:36px; } 

#navbar ul li a{
color:#403e32;
text-decoration:none;
font-weight:bold;
display:block; } 

#navbar ul li a span{
padding:0 20px 0 0;
height:36px;
line-height:36px;
display:block;
margin-left:20px; }



#navbar .navhome a, #navbar .navhome a:hover{
//background:url(img/a-bg.png) left top no-repeat;
background-color:#F0E3BD;
color:#403e32;
height:36px;
line-height:36px; } 

#navbar .navhome a span, #navbar .navhome a:hover span{
color:#000;
background:url(img/span-bg.png) right top no-repeat;
height:36px;
line-height:36px; } 

#navbar ul li a:hover{
//background:url(img/ahover-bg.png) left top no-repeat;
background-color:#F0E3BD;
height:36px;
line-height:36px; } 

#navbar ul li a:hover span{
background:url(img/spanhover-bg.png) right top no-repeat;
height:36px;
line-height:36px; }

.menuitem
{
font-size:large;
//font-weight:bold;
font-family:'Microsoft YaHei','century gothic',arial,sans-serif;

}

#navbarold a:link {
	color: #000000;
	text-decoration: none;
	background-color: transparent;
	
	}
	
#navbarold a:visited {
	color: #000000;
	text-decoration: none;
	background-color: transparent }
	
#navbarold a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #fff;
	font-weight: bold
	}
	
#navbarold a:active {
	color: #c00;
	text-decoration: none;
	background-color: transparent }	
	
#currentpage {
	color: #000000;
	text-decoration: none;
	background-color: #fff;
	font-weight: bold
}
	

	
#pageopacity {
	//font-size: 11px;
	//font-family: Verdana, Geneva, Arial, sans-serif;
	//line-height: 14px;
	background-color: #fff;
	//text-align: left;
	//visibility: visible;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 900px;
	height: auto;
	//border-style:groove;
	//background-image:url('images/coffeebeans.jpg');
//opacity:0.9;
		//filter:alpha(opacity=90)
		}
	
	
	
#page {
	//font-size: 11px;
	//font-family: Verdana, Geneva, Arial, sans-serif;
	//line-height: 14px;
	background-color: #e7e3e0;
	//text-align: left;
	//visibility: visible;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 900px;
	height: 1000px;
	//border-style:groove;
//opacity:0.5;
		//filter:alpha(opacity=90)
		}
	
	

	
#mainimage1
	{
	background-color: #e8eae8;
	position: relative;
	//top:70px;
	padding: 0px;
	margin-top: 0px;
	margin-left: px;
	width: 224px;
	height: 200px;
	float: left
	}


#mainimage2
	{
	background-color: #e8eae8;
	position: relative;
	//top: 70px;
	padding: 0px;
	margin-top: 0px;
	width: 224px;
	height: 200px;
	float: left;
	margin-left: 32px;
	margin-bottom: 0px;
	//line-height: 16px
	}

#mainimage3
	{
	background-color: #e8eae8;
	position: relative;
	//bottom: 5px;
	padding: 0px;
	margin-top: 0px;
	width: 224px;
	height: 200px;
	margin-left: 32px;
	margin-right: 32px;
	float: left
	}
	
#ourfoodtag
	{
	background-color: #e8eae8;
	position: relative;
	//top: 70px;
	padding: 0px;
	margin-top: 0px;
	width: 240px;
	height: 40px;
	float: left;
	//margin-left: 32px;
	margin-bottom: 0px;
	//line-height: 16px
	}
	
#ourbranchestag
	{
	background-color: #e8eae8;
	position: relative;
	//top: 70px;
	padding: 0px;
	margin-top: 0px;
	width: 240px;
	height: 40px;
	float: right;
	//margin-left: 32px;
	margin-bottom: 0px;
	//line-height: 16px
	}
	
#ourcoffeetag
	{
	background-color: #e8eae8;
	position: relative;
	//top: 70px;
	padding: 0px;
	margin-top: 0px;
	width: 240px;
	height: 40px;
	float: left;
	//margin-left: 32px;
	margin-bottom: 0px;
	//line-height: 16px;
	}
	
	
#thirdline1
	{
	background-color: #e8eae8;
	position: relative;
	padding: 0px;
	margin-top: 10px;
	margin-left: 4%;
	width: 28%;
	height: 200px;
	float: left
	}

#thirdline2
	{
	background-color: #e8eae8;
	position: relative;
	padding: 0px;
	margin-top: 10px;
	width: 28%;
	height: 200px;
	float: left;
	margin-left: 4%;
	margin-bottom: 10px;
	//line-height: 16px
	}

#thirdline3
	{
	background-color: #e8eae8;
	position: relative;
	padding: 0px;
	margin-top: 10px;
	width: 28%;
	height: 200px;
	margin-left: 4%;
	margin-right: 4%;
	float: left
	}
	
#mainlogo
	{
	background-color: #F0E3BD;
	position: relative;
	//bottom: 0px;
	right:530px;
	padding: 0px;
	margin-top: 10px;
	margin-left: 0;
	width: 28%;
	height: 100px;
	float: left;
	border-style:none;
	}
	
#mainlogo a:link {
	color: #000000;
	text-decoration: none;
	background-color: transparent }
	
#mainlogo a:visited {
	color: #000000;
	text-decoration: none;
	background-color: transparent }
	
#mainlogo a:hover {
	color: #000000;
	text-decoration: none;
	//background-color: #0c0 }
	
#mainlogo a:active {
	color: #c00;
	text-decoration: none;
	background-color: transparent 
	}	

#tagline
	{
	//background-color: #F0E3BD;
	color: #061d3f;
	position: relative;
	//top:40px;
	//left:220px;
	//padding: 0px;
	font-family: 'Microsoft YaHei','britannic bold',lucida console,georgia,'Times new roman',Helvetica, Verdana,'century gothic', Arial, Geneva,  Verdana, sans-serif;
	//font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	//margin-left: 50px;
	//width: 46%;
	height: auto;
	float: left;
	//line-height: 21px;
	font-size: 21px;
	z-index: 10
	}

#welcometext
	{
	background-color: #e7e3e0;
	position: relative;
	left:10px;
	top: 50px;
	padding: 0px;
	margin-top: 10px;
	width: 540px;
	height: 50px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 21px;
	font-size: 34px;
	border-style:none
	}
	
#pagecontent
	{
	background-color: #F0E3BD;
	position: relative;
	left:10px;
	top: 40px;
	padding: 0px;
	margin-top: 10px;
	width: 850px;
	height: 300px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 21px;
	font-size: 14px;
	border-style:dotted
	}
	
#pagecontent2
	{
	background-color: #F0E3BD;
	position: relative;
	left:10px;
	top: 40px;
	padding: 0px;
	margin-top: 0px;
	width: 850px;
	height: 300px;
	//float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 21px;
	font-size: 14px;
	border-style:dotted
	}
	
	
	


//#callbutton
	//{
	//background-color: #e8eae8;
	//position: relative;
	//padding: 0px;
	//margin-top: 10px;
	//width: 10%;
	//height: 100px;
	//margin-left: 4%;
	//margin-right: 4%;
	//float: left
	//}
	
#testimonialbox
	{
	//background:url(images/testimonialcrop.jpg);
	background-repeat:no-repeat;
	background-color: #F0E3BD;
	//bottom: 0px;
	//top:20px;
	position: relative;
	//border-style:groove;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0;
	width: 250px;
	height: 154px;
	float: right;
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif
	}
	
#moretestimonials
	{
	background-color: #F0E3BD;
	//bottom: 0px;
	//top:20px;
	left:40px;
	position: relative;
	//border-style:groove;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0;
	width: 200px;
	height: 40px;
	font-size:small;
	float: right;
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif
	}
	
#calltoaction
	{
	background-color: #F0E3BD;
	background:url(images/calltoactionbuttonPMscale.jpg);
	background-repeat:no-repeat;
	//bottom: 300px;
	position: relative;
	//right: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0;
	width: 224px;
	height: 68px;
	float: right;
	//border-style:groove;
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif
	}
	
	
#calltoaction:hover, 
#testimonialbox:hover, 
#mainimage1:hover, 
#mainimage2:hover, 
#mainimage3:hover, 
#ourcoffeetag:hover,
#ourfoodtag:hover,
#ourbranchestag:hover,
#pallmallfront:hover,
#lakesidefront:hover
{
opacity:0.7;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);
 -moz-opacity: 0.7;
 -khtml-opacity: 0.7;
}
	


.button {

    font-family: Arial, Helvetica, sans-serif;

    font-weight: normal;
    font-style: normal;

    text-shadow: 0 -1px 1px rgba(0,0,0,0.3) !important;

    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px; 
    -khtml-border-radius: 50px;

    border: 2px solid #4CAFD2;

    -moz-box-shadow: 0px 3px 4px #000;
    -webkit-box-shadow: 0px 3px 4px #000;
    box-shadow: 0px 3px 4px #000;

    background-color: #4CAFD2;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    margin: 4px;
    padding-top: 8px;
    padding-right: 18px;
    padding-bottom: 8px;
    padding-left: 18px;
    display: inline-block;
    cursor: pointer;
}

.button:link {

    text-decoration: none;
    background-color: #fff;
	font-weight: bold;
	line-height: 20px;
    color: #000000;
}	

.button:hover {

    text-decoration: none;
    background-color: #061d3f;
    color: #fff;
}	
#testimonialbox a:link {
	color: #000000;
	text-decoration: none;
	background-color: transparent }
	
#testimonialbox a:visited {
	color: #000000;
	text-decoration: none;
	background-color: transparent }
	
#testimonialbox a:hover {
	color: #000000;
	text-decoration: none;
	//background-color: #0c0;

	
	}
	
	
#testimonialbox a:active {
	color: #c00;
	text-decoration: none;
	background-color: transparent }	
	
	
#footer
{
position:absolute;bottom:10px;
font-size:small;
float:left;
height:80px;
width:900px
}



p.speech  
{  
    position: relative;  
    width: 700px;  
    height: 80px;  
    text-align: justify;  
    line-height: 180%px;  
    background-color: #fff;  
    border: 8px solid #666; 
	padding: 20px;
	margin-left:30px;
    -webkit-border-radius: 30px;  
    -moz-border-radius: 30px;  
    border-radius: 30px;  
    -webkit-box-shadow: 2px 2px 4px #888;  
    -moz-box-shadow: 2px 2px 4px #888;  
    box-shadow: 2px 2px 4px #888;  
}  


p.speech:before  
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    left: 30px;  
    top: 120px;  
    border: 25px solid;  
    border-color: #666 transparent transparent #666;  
} 


p.speech:after  
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    left: 38px;  
    top: 120px;  
    border: 15px solid;  
    border-color: #fff transparent transparent #fff;  
}  


p.speech2  
{  
    position: relative;  
    width: 700px;  
    height: 100px;  
    text-align: justify;  
    line-height: 180%px;  
    background-color: #fff;  
    border: 8px solid #666; 
	padding: 20px;
	margin-left:30px;
    -webkit-border-radius: 30px;  
    -moz-border-radius: 30px;  
    border-radius: 30px;  
    -webkit-box-shadow: 2px 2px 4px #888;  
    -moz-box-shadow: 2px 2px 4px #888;  
    box-shadow: 2px 2px 4px #888;  
}  


p.speech2:before  
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    left: 30px;  
    top: 140px;  
    border: 25px solid;  
    border-color: #666 transparent transparent #666;  
} 


p.speech2:after  
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    left: 38px;  
    top: 140px;  
    border: 15px solid;  
    border-color: #fff transparent transparent #fff;  
}  

p.speech3  
{  
    position: relative; 
    width: 700px;  
    height: 230px;  
    text-align: justify;  
    line-height: 180%px;  
    background-color: #fff;  
    border: 8px solid #666; 
	padding: 20px;
	margin-left:30px;
    -webkit-border-radius: 30px;  
    -moz-border-radius: 30px;  
    border-radius: 30px;  
    -webkit-box-shadow: 2px 2px 4px #888;  
    -moz-box-shadow: 2px 2px 4px #888;  
    box-shadow: 2px 2px 4px #888;  
}  


p.speech3:before  
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    left: 30px;  
    top: 270px;  
    border: 25px solid;  
    border-color: #666 transparent transparent #666;  
} 


p.speech3:after  
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    left: 38px;  
    top: 270px;  
    border: 15px solid;  
    border-color: #fff transparent transparent #fff;  
	
}