/* Domain  	- examplesite.com 	*/
/* Company 	- Edot3 			*/
/* Date		- 24/06/2008 		*/

/* Main page styles				*/
*{margin:0px;padding:0px;}
body{margin:0px;padding:0px;background-color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#828282;}
h1, h2, h3, h4{color:#545454;}
h1{font-size:12px;font-weight:bold;}
h2{font-size:12px;font-weight:normal;}
h3{}
h4{}
p{color:#828282;font-size:11px;}
a{color:#545454;}
a.selected{color:#d42489;}
a:link{}
a:hover{color:black;}
a:visited{}
a:hover{}
blockquote{}
span.bold{font-weight:bold;}
.left{float:left;}
.right{float:right;}

#debug{width:auto;height:auto;max-height:150px;background-color:red;padding:5px;color:white;position:absolute;top:0px;right:0px;display:block;}

/* Main page layout styles */
#flashNav{
	width:260px;
	height:615px;
	float:left;
	clear:none;
	margin-right:10px;
	margin-top: 70px;
}
#flashNav object{width:280px;height:560px;float:left;clear:none;}
#flashNav embed{width:280px;height:560px;float:left;clear:none;margin-top:40px;}
#flashNav a, #flashNav a img{border:none;}

#wrapper{width:900px;height:auto;margin:0px;background-color:#fff;;float:left;clear:none;_width:925px;}

#wrapper #contentContainer{width:600px;margin:0px;padding:0px;height:auto;float:right;clear:none;}

#header{
	width:600px;
	float:right;
	clear:none;
	height:181px;
	background-color:#fff;
	text-align: center;
	background-image: url(../assets/img/divider.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
}
#logo{margin-left:130px;float:left;clear:none;margin-top:10px;}

#dividerTop{background-image:url(../assets/img/divider.jpg);background-repeat:no-repeat;width:580px;height:5px;margin-left:0px;margin-top:20px;margin-bottom:10px;float:left;clear:none;}
#dividerBottom{background-image:url(../assets/img/divider.jpg);background-repeat:no-repeat;width:580px;height:5px;margin-left:0px;margin-top:20px;margin-bottom:10px;float:left;clear:both;}

#contentHome{
	width:600px;
	height:auto;
	margin-left:0px;
	background-image:url(../assets/img/beans.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	padding-bottom: 20px;
}
#contentHome #contentInner{
	height:auto;
	width: 400px;
	line-height: 20px;
}
#contentHome img{margin-top:30px;}

#aboutHome{
	width:600px;
	height:auto;
	margin-left:0px;
	margin-top:0px;
	background-image: url(../assets/img/chocolate.jpg);
	background-repeat: no-repeat;
	background-position: right 180px;
}
#aboutHome #contentInner{
	height:auto;
	width:580px;
	margin-top:0px;
}
#aboutHome img{margin-top:0px;}
#aboutHome #contentInner img.right{height:auto;width:auto;float:right;clear:none;margin-left:10px;}

#coffeeHome{width:600px;height:auto;margin-left:0px;_padding-bottom:130px;}
#coffeeHome #contentInner{
	height:auto;
	width:580px;
	margin-top:10px;
	background-image: url(../assets/img/coffee_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 100px;
}
#coffeeHome #contentInner img.center{height:auto;width:170px;float:none;margin-left:auto;margin-right:auto;}

#contactHome{
	width:600px;
	_width:580px;
	height:auto;
	margin-left:0px;
	padding-bottom:0px;
	padding-right: 10px;
	padding-left: 10px;
}
#contactHome #contentInner{height:auto;width:580px;margin-top:10px;}

#galleryHome{width:600px;height:auto;margin-left:0px;padding-bottom:0px;}
#galleryHome #contentInner{
	height:auto;
	width:600px;
	margin-top:10px;
	text-align: center;
}

#contentEthics{width:600px;height:auto;margin-left:0px;background-image:url(../assets/img/fruit.jpg);background-repeat:no-repeat;background-position:top right;float:left;clear:none;padding-top:0px;}
#contentEthics #contentInner{width:600px;float:left;clear:none;height:auto;}
#contentEthics img{margin-top:0px;}

#contentMenu{width:600px;_width:550px;height:auto;padding:10px;margin-left:0px;margin-top:0px;float:left;clear:none;padding-top:0px;}

#contentMenu #contentInner{margin-top:0px;width:600px;_width:550px;height:auto;}
#contentMenu #contentInner img.menuPic{margin-bottom:10px;}

#contentMenu #contentInner p span.pink{font-weight:bold;}

#contentMenu #contentInner #menuSubNav{width:435px;padding-bottom:30px;font-weight:bold;}
#contentMenu #contentInner #menuSubNav+span.pink{margin-top:30px;}
#contentMenu p+h2{margin-top:10px;}
#contentMenu #contentInner #menuSubNav ul li{list-style:none;float:left;clear:none;margin-right:10px;border-right:1px solid #828282;padding-right:10px;text-decoration:none;}
#contentMenu #contentInner #menuSubNav ul li.noBorder{border-right:none;}
#contentMenu #contentInner #menuSubNav ul li a{text-decoration:none;color:#d42489;}
#contentMenu #contentInner #menuSubNav ul li a.selected{color:#888;}
#contentMenu #contentInner #menuSubNav ul li a:hover {
	color: #00FF00;
}

#contentInner{
	width:320px;
	height:225px;
	line-height:18px;
	margin-top: 20px;
}
#contentInner span.pink{color:#d42489;}
#contentInner h1+p{margin-top:15px;}
#contentInner p+p{margin-top:5px;}


#footer{
	width:600px;
	height:100px;
	text-align:center;
	margin-left:0px;
	float:right;
	clear:none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image: url(../assets/img/divider.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 20px;
}
#footer #footerLogos{
	width:170px;
	height:45px;
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;
}
#footer #footerLogos a img{border:none;}
#footer a{text-decoration:none;}
#footer a span.pink{color:#d42489;text-decoration:underline;}


/* Navigation styles */
#nav{
	width:600px;
	height:25px;
	font-size: 11px;
	color: #CCCCCC;
	text-align: center;
	clear: none;
	float: right;
}
#nav ul{
	text-align: center;
	height: 25px;
	width: 600px;
}
#nav ul li{
	list-style-type:none;
	width:79px;
	display:block;
	margin-right:auto;
	padding:3px;
	background-color:white;
	clear: none;
	float: left;
	margin-left: auto;
}
#nav ul li a{
	text-decoration:none;
	color: #999999;
}
#nav ul li a:hover{
	color: #FF0099;
	text-decoration: underline;
}

#ethicsflash {
	width: 600px;
	height: 250px;
	border-bottom:4px solid #66FF33;
	_border-bottom:none;
	padding-bottom:0px;}
	
#ethicsflash object {
	margin: 0px;
	padding: 0px;
}

#ethicsflash img{
	margin: 0px;
	padding: 0px;
}

#tea {
	text-align: center;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#contentMenu #contentInner img{
	margin-bottom: 10px;
}

#contentInner li {
	list-style: circle #d42489;
	color: #FF0099;
}
.darkergrey {
	color: #666666;
}