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


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*--------------------------------------------------------------------- end css reset --------------- */



body {
	background:url(../images/body-top.jpg) repeat-x;
	background-color:#ffc200;
	margin: 0;
	}



#wrap {
	width:740px;
	height:auto;
	margin:0;
	}
	

#nav_top {
	width:740px;
	height:auto;
	margin: 0 auto;
	}

	
#top_left {
	background:url(../images/top_left.jpg) no-repeat;
	width:361px;
	height:226px;
	display:block;
	margin: 0 0 0 0;
	float:left;
	}

#top_right {
	background:url(../images/top_right.jpg) no-repeat;
	width:226px;
	height:155px;
	display:block;
	margin: 0 0 0 0;
	float:left;
	}

#top_corner {
	background:url(../images/top_corner.jpg) no-repeat;
	width:153px;
	height:155px;
	display:block;
	margin: 0 0 0 0;
	float:left;
	}	

#crown-heading {
	background:url(../images/crown-heading.jpg) no-repeat;
	height:48px;
	width:371px;
	float:left;
	maring: 0 0 0 0;
	}

/*------------------------------------------- nav -------------- */


#nav {
	width:379px;
	height:23px;
	background:#9d0d15;
	float:left;
	margin: 0 0 0 0;
	}
	
* + html #nav {width:379px;}	
	
ul .navigation {
	list-style:none;
	display:inline;
		}
	
	
li.home a {
	height:23px;
	width:41px;
	display:block;
	float:left;
	text-decoration:none;
	color:#FFFFFF;
	font-family:Helvetica, "Helvetica Neue Light", Arial, "Arial Narrow";
	font-size:.7em;
	padding: 7px 0 0 0;
		text-transform:uppercase;
	font-weight:bold;

	}
	
li.home a:hover {
	color:#f5cd38;
	}		
	
	
	
* + html li.coffee a {margin: -16px 0 0 0;}
	
	
li.coffee a {
	height:23px;
	width:62px;
	display:block;
	float:left;
	text-decoration:none;
	color:#FFFFFF;
	font-family:Helvetica, "Helvetica Neue Light", Arial, "Arial Narrow";
	font-size:.7em;
	padding: 7px 0 0 3px;
	text-transform:uppercase;
	font-weight:bold;
		}
	
li.coffee a:hover {
	color:#f5cd38;
	}	
	
	
* + html li.tea a {margin: -32px 0 0 110px;}	
	
	
li.tea a {
	height:23px;
	width:35px;
	display:block;
	float:left;
		text-decoration:none;
	color:#FFFFFF;
	font-family:Helvetica, "Helvetica Neue Light", Arial, "Arial Narrow";
	font-size:.7em;
	padding: 7px 0 0 0;
		text-transform:uppercase;
	font-weight:bold;

	}	
	
li.tea a:hover {
	color:#f5cd38;
	}		
	
	
	
* + html li.world a {margin: -48px 0 0 152px;}	
	
	
li.world a {
	height:23px;
	width:140px;
	display:block;
	float:left;
		text-decoration:none;
	color:#FFFFFF;
	font-family:Helvetica, "Helvetica Neue Light", Arial, "Arial Narrow";
	font-size:.7em;
	padding: 7px 0 0 4px;
		text-transform:uppercase;
	font-weight:bold;

	}	
		
li.world a:hover {
	color:#f5cd38;
	}			

* + html li.about a {position:absolute; top:155px; left:655px;}
		
		
li.about a {
	height:23px;
	width:92px;
	display:block;
	float:left;
		text-decoration:none;
	color:#FFFFFF;
	font-family:Helvetica, "Helvetica Neue Light", Arial, "Arial Narrow";
	font-size:.7em;
	padding: 7px 0 0 0;
		text-transform:uppercase;
	font-weight:bold;

	}	
	
	
li.about a:hover {
	color:#f5cd38;
	}			


li.store a {
	height:23px;
	width:44px;
	display:block;
	float:left;
		text-decoration:none;
	color:#FFFFFF;
	font-family:Helvetica, "Helvetica Neue Light", Arial, "Arial Narrow";
	font-size:.7em;
	padding: 7px 0 0 0;
		text-transform:uppercase;
	font-weight:bold;

	}
	
li.store a:hover {
	color:#f5cd38;
	}		
		
		

ul .navigation2 {
	list-style:none;
	text-indent:-9999em;
	float:right;
	}


li.member a {
	background:url(../images/members.jpg) 0 0 no-repeat;
	height:17px;
	width:101px;
	text-indent:-9999em;
	display:block;
	float:left;
	margin: 2px 0 0 23px;
	}

li.member a:hover {
	background:url(../images/members.jpg) 0 -17px no-repeat;
	height:17px;
	width:101px;
	text-indent:-9999em;
	display:block;
	}


li.store-top a {
	background:url(../images/store.jpg) 0 0 no-repeat;
	height:17px;
	width:45px;
	text-indent:-9999em;
	direction:block;
	float:left;
	margin: 0 0 10px 41px;
	}
	
li.store-top a:hover {
	background:url(../images/store.jpg) 0 -17px no-repeat;
	}
		
	
	
li.contact a {	
	background:url(../images/contact.jpg) 0 0 no-repeat;
	height:15px;
	width:77px;
	text-indent:-9999em;
	display:block;
	margin: 22px 0 0 55px;
	}
	
* + html li.contact a {margin: -9px 0 0 53px;}
	
	
li.contact a:hover {	
	background:url(../images/contact.jpg) 0 -15px no-repeat;
	height:15px;
	width:77px;
	text-indent:-9999em;
	display:block;
	}	
		
/*----------------------------------------------------------------------- content --------------------------- */

#content-top {
	background:url(../images/content-top.png) no-repeat;
	height:25px;
	width:740px;
	margin: 0;
	}
	
	
* + html #content-top {height:32px; background:url(../images/content-top-ie.jpg); }	
	
	
#content-top .better {
	margin: 0 0 0 70px;
	}	
	
	
	
	
		
	
	
#content-bottom {
	background:url(../images/content-bottom.jpg) no-repeat;
	height:10px;
	width:740px;
	margin: 0;
	}	
	

* + html #content {padding: 7px 0 0 0;}
	
#content {
	background:url(../images/content-bg.jpg) repeat-y;
	height:400px;
	width:740px;
	}	

#content-flex {
	background:url(../images/content-bg.jpg) repeat-y;
	width:740px;
}

#content-shop {
	background:url(../images/content-bg.jpg) repeat-y;
	width:740px;
}
	
#content-main {
	width:600px;
	height:auto;
	margin: 0 50px 0 90px;
	padding: 10px 0 0 0;
	}	

#content-main-flex {
	width:560px;
	height:auto;
	margin: 0 50px 0 90px;
	padding: 10px 0 0 0;
	}	
	
#content-main-flex p{
	width: 560px;
	margin: 5px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.3em;
	}	

#content-main2 {
	width:600px;
	height:auto;
	margin: 0 50px 0 10px;
	padding: 10px 0 0 0;
	}	
	
	
#content-main p {
	width: 550px;
	margin: 5px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.3em;
	}	
	
#content-main h4 {
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	}	
	
	
* + html #fade {height:280px;}	
	
	
#fade {
	position:absolute;
	background:#FFFFFF;
	height:230px;
	width:565px;
	top:265px;
	left:85px;
	}	
	
	
#fade h3 {
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 30px 0 0;
	}	

#fade h2 {
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	text-align:right;
	padding: 5px 0 5px 0;
	margin: 0 0 10px 0;
	width:550px;
	}	
		
#fade p {
	width: 550px;
	margin: 5px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.3em;
	}	
	
	
* + html #fade2 {height:300px;}	
	
	
#fade2 {
	position:absolute;
	background:#FFFFFF;
	height:250px;
	width:580px;
	top:260px;
	left:85px;
	}	
	
	
#fade2 h3 {
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 30px 0 0;
	}	

#fade2 h2 {
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	text-align:right;
	padding: 5px 0 5px 0;
	margin: 0 0 10px 0;
	width:550px;
	}	
		
#fade2 p {
	width: 550px;
	margin: 5px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.3em;
	}		
		

* + html #fade3 {height:185px;}
		
		
		
#fade3 {
	position:absolute;
	background:#FFFFFF;
	height:172px;
	width:580px;
	top:265px;
	left:85px;
	}	
	
	
#fade3 h3 {
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 30px 0 0;
	}	

#fade3 h2 {
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	text-align:right;
	padding: 5px 0 5px 0;
	margin: 0 0 10px 0;
	width:550px;
	}	
			
	
#fade3 p {
	width: 550px;
	margin: 5px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.7em;
	text-align:center;
	}		
	
	
* + html #fade4 {height:325px;}
	
	
	
#fade4 {
	position:absolute;
	background:url(../images/history-bg.jpg) ;
	height:315px;
	width:599px;
	top:258px;
	left:70px;
	}	
	
	
#fade4 h4 {
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 0 20px;
	}	

#fade4 h2 {
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	text-align:right;
	padding: 5px 0 5px 0;
	margin: 3px 0 10px 20px;
	width:550px;
	}	
			
	
#fade4 p {
	width: 550px;
	margin: 5px 0 10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.3;
	}	


* + html #fade4 p.slider {
	margin: 0 0 0 -140px;
	}
	
	
#fade4 p.slider {
	width:600px; 
	font-size:.8em; 
	font-family:'Times New Roman', Times, serif; 
	margin:20px 0 0 0;
	}	
	
		
		
#fade4 hr {
	width:550px;
	}			
	
	
#footer.footer {
	width:600px;
	}	
	
	
	
/*----------------------------------------- charities -------- */	


* + html #charities {height:280px;}



#charities {
	position:absolute;
	background:#FFFFFF;
	height:230px;
	width:565px;
	top:263px;
	left:85px;
	}	
	
	
#charities h3 {
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 30px 0 0;
	}	

#charities h2 {
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	text-align:right;
	padding: 5px 0 5px 0;
	margin: 0 0 10px 0;
	width:550px;
	}	
		
#charities p {
	width: 550px;
	margin: 5px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.3em;
	}			
	
	
	
* + html #content-main h3 {margin: 0 0 0 5px; font-size:1em;}  	
	
	
#content-main h3 {
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 30px 0 0;
	}	


* + html #content-main h2 {margin: 0 0 0 0; width:555px;}


#content-main h2 {
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	text-align:right;
	padding: 5px 0 5px 0;
	margin: 0 0 10px 0;
	width:550px;
	}	
	
	
#content-main hr {
	width:550px;
	margin: 5px 0 5px 0;
	}
	
* + html #content-main hr {margin: 5px 40px 5px 0;}		
	
	
#footer {
	width:740px;
	height:auto;
	text-align:center;
	margin: 5px 0 0 0;
	}
	
	
#content-main .center {
	text-align:center;
	line-height:1.5em;
	font-size:.9em;
	}	
	

#content-main-left {
	height:135px;
	width:270px;
	background:#ffedb2;
	float:left;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0 ;
	}	
	
#content-main-left p {
	width: 270px;
	text-align:center;
	margin: 5px 5px 0 5px;
	}		


* + html h5.red {margin: 10px 0 10px 0;}


* + html h5.red2 {margin: 10px 40px 10px 0;}



h5.red {
	text-align:center;
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
	color:#9a141b;
	margin: 5px 0 10px 0;
	}


	
h5.red2 {
	text-align:center;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#9a141b;
	margin: 10px 0 10px 0;
	}
	
		
	

h5.red4 {
	text-align:center;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#9a141b;
	margin: 10px 40px 0 0;
	}		
	
	
	
	
h5.black {
	text-align:center;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	margin: 14px 0 12px 0;
	}		
	
	
* + html h5.black-first { margin: 0 0 12px 0;}	
		
		
h5.black-first {
	text-align:center;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	margin: 0 0 7px 0;
	}		
		
		
.flicker {
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	margin: 0 0 7px 0;
	}				
			
	
#content-main-right {
	height:135px;
	width:270px;
	float:left;
	margin: 0 0 0 0;
	border-left: 1px solid #000000;
	padding: 0 0 0 0;
	}	
	
#content-main-right p {
	width: 260px;
	text-align:center;
	margin: 5px 5px 0 5px;
	}	
	
	
#contact-clear {
	width:135px;
	height:150px;
	float:left;
	margin: 0 0 0 0;
	} 	
	
#contact-clear p{
	width:130px;
	text-align:center;
		}
		
		
#contact-clear-2 {
	width:135px;
	height:150px;
	float:left;
	margin: 0 7px 0 0;
	padding: 0 0 0 5px;
	border-left:1px solid #000000;
	} 	
	
#contact-clear-2 p{
	width:133px;
	text-align:center;
		}		
	
	
#contact-red {
	width:135px;
	height:150px;
	float:left;
	background:#ffedb2;
	margin: 0 0 0 0;
	border-left:1px solid #000000;

	} 	
	
#contact-red p {
	width:135px;
	text-align:center;
	}	
		
.facebook {
	margin: 15px 0 10px 45px;
	}		
	
.twitter {
	margin: 0 0 0 20px;
	}	
	
	
* + html #choosing-red-1 {height:190px;}	
	
	
* + html #choosing-red-1 hr {margin: -6px 0 0 0;}	
	
	
	
#choosing-red-1 {
	width:145px;
	height:175px;
	float:left;
	background:#ffedb2;
	margin: 0 0 0 0;
	border-left:1px solid #000000;
	} 		

#choosing-red-1 p {
	margin: 0 0 0 0;
	width:145px;
	text-align:center;
	line-height:1.7em;
	}
	
#choosing-red-1 hr{
	width:145px;
	margin: 0 0 5px 0;
	}	
	
	
#choosing-red-1 a{
	text-decoration:none;
	color:#000000;
	}	
	
	

* + html #choosing-red-2 {height:190px;}		
	
	
* + html #choosing-red-2 hr {margin: -6px 0 0 0;}	




	
	
#choosing-red-2 {
	width:145px;
	height:175px;
	float:left;
	background:#ffedb2;
	margin: 0 7px 0 0;
	border-left:1px solid #000000;
		
	} 		

#choosing-red-2 p {
	margin: 0 0 0 0;
	width:145px;
	text-align:center;
	line-height:1.7em;
	}	

#choosing-red-2 hr{
	width:145px;
	margin: 0 0 5px 0;
	}
	
	
	
	
#choosing-clear-2 a{
	text-decoration:none;
	color:#000000;
	}	
	
	

* + html #choosing-clear-1 {height:190px;}		


* + html #choosing-clear-1 hr {margin: -6px 0 0 0;}	

		

#choosing-clear-1 {
	width:130px;
	height:175px;
	float:left;
	margin: 0 7px 0 10px;
	} 	
	
#choosing-clear-1 p{
	margin: 0 0 0 0;
	width:130px;
	text-align:center;
	line-height:1.7em;
	}

#choosing-clear-1 hr{
	width:137px;
	margin: 0 0 5px 0;
	}
	
#choosing-clear-1 a{
	text-decoration:none;
	color:#000000;
	}	


* + html #choosing-clear-2 {height:190px;}	

* + html #choosing-clear-2 hr {margin: -6px 0 0 0;}	



#choosing-clear-2 {
	width:130px;
	height:175px;
	float:left;
	margin: 0 7px 0 0;
	border-left: 1px solid #000000;
	} 	
	
	
#choosing-clear-2 p{
	margin: 0 0 0 0;
	width:130px;
	text-align:center;
	line-height:1.7em;
	}	
	
#choosing-clear-2 hr{
	width:137px;
	margin: 0 0 5px 0;
	}
	
#choosing-clear-2 a{
	text-decoration:none;
	color:#000000;
	}		
	
	
#footer p {
	font-size:.8em;
	margin: 0 0 15px 0;
	}
	
	
#footer a {
	color:#000000;
	}
	
#footer a:hover {
	color:#333333;
	}					
	
	
/*------------------------------------ slider -----------------*/


#copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	}
	
#slider {
    width: 590px;
    margin: 0 auto;
    position: relative;
	font-size:.8em;
	}

.scroll {
    height: 300px;
    width: 590px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background-color: #fff;
	}
	
	
* + html .scroll {
	height:285px;
	}	
	
	
	
.scroll p {
	width:550px;
	margin: 0 0 0 15px;
	line-height:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	}	
	
	
.scroll h3 {
	margin: 0 0 0 15px;
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	}	
	
.scroll hr {
	width:500px;
	margin: 10px 0 10px 15px;
	}	
	
	
* + html .scroll hr {
	width:550px;
	margin: 5px 43px 5px 0;
	}	
	
	

.scroll h2 {
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	text-align:right;
	padding: 5px 0 5px 0;
	margin: 0 0 0 15px;
	width:550px;
	}	

.scroll h4 {
	font-size:1.4m;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 0 15px;
	}


.scroll .center {text-align:center;
	line-height:1.5em;
	font-size:1.2em;
	}


.scroll .back {
	text-align:center;
	font-size:1.2em;
	color:#000000;
	margin: 30px 0 0 200px;
	}


.scrollContainer div.panel {

    height: 405px;
    width: 630px;
	}

#copy ul.navigation {
    list-style: none;
    margin: 0;

	}


li.crown-better a {
    display:block;
	background:url(../images/final_better.jpg) 0 0 no-repeat;
	width:298px;
	height:32px;
	text-indent:-9999em;
	float:left;
	margin: 0 0 0 -5px;
	}
	
* + html li.crown-better a {
	margin: -7px 0 0 -5px;
	}
	
	
* + html li.charity a {
	margin: -32px 0 0 296px;
	}	
		
	
li.crown-better a.selected { 
	background:url(../images/final_better.jpg) 0 -32px no-repeat;
	}


li.charity a {
	display:block;
	background:url(../images/final_charity.jpg) 0 0 no-repeat;
	width:298px;
	height:32px;
	text-indent:-9999em;
	margin: 0 0 0 296px;
	}
	

li.charity a.selected {
	background:url(../images/final_charity.jpg) 0 -32px no-repeat;
	}	
	
	
li.coffees a {
	background:url(../images/final_coffee.jpg) 0 0 no-repeat;
	display:block;
	width:599px;
	height:32px;
	text-indent:-9999em;
	margin: 0 0 0 -5px;
	}
	
* + html li.coffees a {
	margin: -7px 0 0 -5px;
	}	
	
li.coffees a.selected {
	background:url(../images/final_coffee.jpg) 0 -32px no-repeat;
	}



li.history a {
	background:url(../images/history.jpg) 0 0 no-repeat;
	display:block;
	width:598px;
	height:32px;
	text-indent:-9999em;
	float:left;
	margin: 0 0 0 -5px
	}
	
* + html li.history a {
	margin: -7px 0 0 -5px;
	}	
	
* + html li.distribution a {
	margin: -32px 0 0 296px;
	}	
	
li.history a.selected {
	background:url(../images/history.jpg) 0 -32px no-repeat;
	}
	

li.distribution a{
	background:url(../images/final_distribution.jpg) 0 0 no-repeat;
	display:block;
	width:298px;
	height:32px;
	text-indent:-9999em;
	margin: 0 0 0 296px;
	}
	
	
	
	
li.distribution a.selected {
	background:url(../images/final_distribution.jpg) 0 -32px no-repeat;
	}



* + html li.coffee-home a {
	top:335px;
	}


li.coffee-home a {
	background: url('images/back_button.png') top center no-repeat;
	height: 45px;
	width: 45px;
	color:#000000;
	text-align:center;
	font-size:1.1em;
	position:absolute;
	top:353px;
	left:275px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	
	
	
li.coffee-home a.selected {
	}	


li.about-home a {
	background: url('images/back_button.png') top center no-repeat;
	height: 45px;
	width: 45px;
	color:#000000;
	text-align:center;
	font-size:1.1em;
	position:absolute;
	top:353px;
	left:275px;
	font-family:Arial, Helvetica, sans-serif;
	}
	

li.back-home a {
	background: url('images/back_button.png') top center no-repeat;
	height: 45px;
	width: 45px;
	color:#000000;
	text-align:center;
	font-size:1.1em;
	position:absolute;
	top:353px;
	left:275px;
	font-family:Arial, Helvetica, sans-serif;
	}
			
		
* + html li.back-home a {
	top:325px;
	}