/* master style sheet -- begin here */
/*reset settings*/
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;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/***** Global Settings *****/
 

html {
/*height:100%; 
max-height:100%;*/  
padding:0; 
margin:0; 
border:0; 
font-size:70%; 
font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif; 
color: #232214;
line-height: 1.5;
background:#fff url(../images/bg.gif); 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
/* overflow: hidden; */
/* */ }
 
body {
	/*height: 100%;
	max-height: 100%;
	overflow: hidden;*/
	padding: 0;
	margin: 0;
	border: 0;
}

	
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
	margin:0;
 	padding:0;
 	font-weight:normal;
	font-size: 100%;
 
}
 
h1 {
 	padding:0;
 	position: absolute;
 	top: -100px;
 	left: -100px;
 	text-indent: -9999px;
 
}
 
h2 {
 	padding:0;
 	position: absolute;
 	top: -100px;
 	left: -100px;
 	text-indent: -9999px;
 
}

 
h3 {
 	padding-top: 0px;
	padding-bottom: 5px;
 	font-weight:bold;
	color: #5b4327;
 
}
 
/***** Common Formatting *****/
 
p, ul, ol {
 	margin:0;
 	padding:0;
}

p {
    padding-bottom: 10px;
	}
SPAN.red {color: #891d03;}
SPAN.redbold {color: #891d03; font-weight: bold;}
 
ul, ol {
 	padding:0;
	list-style-type:none;
 
}
 
blockquote {
 	margin:1.25em;
 	padding:1.25em 1.25em 0 1.25em;
 
}
 
small {
 	font-size:0.85em;
 
}
 
img {
 	border:0;
 
}

img.heading {margin-top: 5px;}
 
sup {
 	position:relative;
 	bottom:0.25em;
 	vertical-align:baseline;
	font-size: smaller;
 
}
 
sub {
 	position:relative;
 	bottom:-0.2em;
 	vertical-align:baseline;
 
}
 
acronym, abbr {
 	cursor:help;
 	letter-spacing:1px;
 	border-bottom:1px dashed;
 
}
 
/***** Links *****/
 
a,a:link,a:visited,a:hover {
 	text-decoration: none;
 
}
a.under:link {color: #232214; border-bottom: 1px dotted #232214;}
a.under:visited {color: #891d03; border-bottom: 1px dotted #891d03;}
a.under:hover {color: #891d03; border-bottom: none;}
a.under:active {color: #232214; border-bottom: 1px dotted #232214;}

a.underside:link, a.underside:visited {font-size:1em; color:#891d03; text-decoration:none; border-bottom: 1px dotted #891d03;}
a.underside:hover {color:#232214; text-decoration:none;}

/***** Forms *****/
 
form {
 	margin:0;
 	padding:0;
 	display:inline;
 
}
 
input, select, textarea {
 	font:1em Arial, Helvetica, sans-serif;
 
}
 
textarea {
 	width:100%;
 	line-height:1.25;
 
}
 
label {
 	cursor:pointer;
 
}
 
/***** Tables *****/
 
table {
 
border:0;
 
margin:0 0 1.25em 0;
 
padding:0;
 
}
 
table tr td {
 
padding:2px;
 
}
 
/***** Wrapper *****/
 
#wrapper {
	position: relative;
	margin: 0px auto;
	padding: 0;
	background: #dddba6;
	width: 1024px;
	text-align: center;
	
	
	
}

 
/***** Global Classes *****/
 
.clear         { clear:both; }
.clear-left		{clear: left;}
 
.float-left    { float:left;}
 
.float-right   { float:right; }
 
.text-left     { text-align:left; }
 
.text-right    { text-align:right; }
 
.text-center   { text-align:center; }
 
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
 
.italic        { font-style:italic; }
 
.underline     { border-bottom:1px solid; }
 
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:10px 10px 4px 0; }
.img-left-bor  { float: left; margin: 10px 10px 5px 0; border: 1px double #5b4327;} 
.img-left-main {float: left; margin-top: 0px; margin-right: 8px; margin-bottom: 5px; margin-left: 0px; border: 1px solid #CCCCCC; background-color: white; padding: 3px;} 
.img-right     { float:right;margin:4px 0 4px 10px; }
.img-right-main {float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 8px; border: 1px solid #CCCCCC; background-color: white; padding: 3px;} 
.nopadding     { padding:0; }
 
.noindent      { margin-left:0;padding-left:0; }
 
.nobullet      { list-style:none;list-style-image:none; }

.padding       { padding-top:5px; padding-right:20px; padding-bottom:5px; padding-left:20px;}

.sbpadding		{padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 10px;}

.prop200	{width: 2px; background-color: #dddba6; height: 200px; float: left;}



/****** Layout ******/
/*Home Page Only v2/index.html */
#homecontainer {
	position: relative;
	margin: 0px auto;
	width: 1044px;
	margin-top: 20px;
	padding-right: 18px;
	}
	
#homebranding {
	position: relative;
	width: 1044px;
	height: 162px;
	background-image: url('../images/culogo1024.png');
	background-repeat: no-repeat;
	z-index: 10;
	}
img, #homebranding {behavior: url(iepngfix.htc);}

#promo {
	position: fixed;
	top: 0;
	right: 100px;
	width: 343px;
	height: 37px;
	z-index: 20;
}
img, #promo {behavior: url(iepngfix.htc);}

#homeimages {
	position: relative;
	width: 1024px;
	height: 426px;
	margin: -26px auto;
	text-align: center;
}

#indeximage1 {
	float: left;
	height: 400px;
	width: 256px;
	background-image: url(../images/indeximage1.jpg);
}
#indeximage1a {
	float: left;
	height: 400px;
	width: 256px;
	
}

#rotator2 {
  float: left;
  background: url(../rotator2/rotate.php) no-repeat;
  border-right: 2px dotted white;
  border-left: 2px dotted white;
  width: 444px;
  height: 400px;
 
}

#rotator2a {
  float: left;
  /*background: url(../rotator2/rotate.php) no-repeat;*/
  border-right: 2px dotted white;
  border-left: 2px dotted white;
  width: 444px;
  height: 400px;
 
}



#rotator3 {
  float: left;
  background: url(../rotator3/rotate.php) no-repeat;
  width: 320px;
  height: 400px;
 
}

#rotator3a {
  float: left;
  /*background: url(../rotator3/rotate.php) no-repeat;*/
  width: 320px;
  height: 400px;
 
}

#indexfooter {
	position: relative;
	width: 1044px;
	height: 42px;
	background-image: url('../images/indexfooter.jpg');
	background-repeat: no-repeat;
	margin: 0px auto;
	
	}
#companyinfo {
	
	position: relative;
	background: transparent;
	height: 25px;
	width: 1044px;
	text-align: center;
}

#companyinfo p {
	font-family: Georgia, "New Century Schoolbook", Times, serif;
  	 font-size: 10pt;
   	color: #232214;
   	font-variant: small-caps;
	font-weight: 500;
	padding-top: 5px;
}	
/*End Home Page layout*/

/**** Layout Code for Fixed Bottom ****/
#container {display: block; height:100%; max-height:100%; overflow: auto; position:relative; z-index: 3; padding-right: 17px;}


#header {position: fixed; margin:0; top: 0; right: 17px; display: block; width:100%; height:182px; z-index: 5; text-align: center; }
#footer {position: fixed; margin:0; bottom: 0; right: 17px; display: block; width:100%; height: 102px; z-index: 4; overflow: hidden;}

* html #header, * html #footer {position: absolute; }
.padhead {display: block; height: 156px;}
.padfoot {display: block; height: 100px;}

#footernav {
	position: relative;
	z-index: 10;
	width: 1044px;
	height: 102px;
	background-image: url('../images/webfooter.gif');
    background-repeat: no-repeat;
    margin: 0px auto;
   /* padding-right: 18px;*/

}

#footerscroll {position: relative; width: 120px; height: 25px; margin-top: 0px; margin-left: 898px; z-index: 15; background-image:url(../images/scroll.gif); background-repeat: no-repeat;}
.footerpad {padding-top: 33px;}	
* html .footerpad {padding-top: 22px;}
.footerpad1 {padding-top: 8px;}
* html .footerpad1 {padding-top: 0px;}

/*.columnone, .columntwo {width:31%; float:left; text-align:justify; margin-right:2%;}*/
.maincontent {width: 60%; float:left; text-align:justify; margin-right:2%;}

.sidebar { width: 38%; float: right; text-align:left; }
* html .sidebar {border:0;}
hr {clear:both; border:0; height:1px; color:#fff; background-color:#888;}



.archives {clear: left; text-align: center;}


#branding {
	position: relative;
	z-index: 10;
	margin: 0px auto;
	padding: 0;
	width: 1044px;
	height: 182px;
	background: transparent;
	text-align: center;
	background-image: url(../images/weblogo.png);
	background-repeat: no-repeat;
}
img, #branding {behavior: url(iepngfix.htc);}
#hotspot {position: relative; margin: 0px auto;    width: 185px;    height: 120px; z-index: 11;} 
#hotspot a h1{display: none;}

#tagline {
	position: absolute;
	z-index: 3;
	top: 67px;
	left: 207px;
	width: 600px;
	height: 150px;
	background-image: url(../images/tagline.png);
	background-repeat: no-repeat;
	
	
}

img, #tagline {behavior: url(iepngfix.htc);}


#movie {
	
	float: right;
	height: 283px;
	width: 255px;
}

#movie1 {margin: 20px 20px 20px 20px; height: 300px; width: 350px; z-index: -1;}

#topimages {
	position: relative;
	display: block;
	width: 1024px;
	height: 308px;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	z-index: 0;
}


#topgraphic {
	position: relative;
	width: 1024px;
	height: 300px;
	
}

#leftgraphic {position: relative; float: left; width: 512px; height:300px; border-right: 1px dashed white;}
#rightgraphic {position: relative; float:right; width: 511px; height:300px; z-index: 0; }



/*This is the content box 1024px wide for the index page*/

#content {
	position: relative;
	width: 1022px;
	background-color: #dddba6;
	border-right: 1px solid #77551a;
	border-left: 1px solid #77551a;
	}

#content_main {
   position: relative;
   float: left;
   text-align: left;
   background-color: #dddba6;
   width: 701px;
  
   }

#content_main .padding {
   padding: 10px 30px 10px 15px;
   }

#content_main h3 {
    position: absolute;
	text-indent: -9999px;
    
   }

#content_main p {
   margin: 0;
   padding: 0;
   padding-bottom: 15px;
   padding-top: 10px;
   font: 8pt/14pt Georgia, Times, serif; 
   letter-spacing: 0.02em;
   }

#content_sub {
	
	background-color: #dddba6;
	float: right;
	width: 320px;
	/*height: 300px;*/
	border-left: 1px dashed #c4c290;
	margin-top: 10px;
}

#content_sub .padding {
   padding: 0px 20px 10px 20px;
   }

#content_sub p {
	font-family: Tahoma, Trebuchet, Verdana, sans-serif;
	font-size: 9pt;
	text-align: justify;
	line-height: 1.5em;
	
	color: #312207;
}

#content_sub h4 {
	font-family: Tahoma, Trebuchet, Verdana, sans-serif;
	font-size: 8pt;
	
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 15px;
	color: #232214;
	}

#decoration {
	clear: both;
	position: relative;
	padding: 0 0 0 0;
	background-color: #dddba6;
	background-image: url(../images/decoration.jpg);
	background-repeat: repeat-x;
	width: 1024px;
	height: 8px;
	}



#banner {
	clear: both;
	position: relative;
	background: #5b4327;
	/*background-image: url(../images/cf_seattle07_banner.gif);*/
	/*background-repeat: no-repeat;*/
	height: 90px;
	width: 1024px;
	
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	
	
}





#announceleft {
	position: relative;
	width: 425px;
	text-align: center;
	float: left;
	padding: 15px 0 0 0;
	border-right: 2px dotted white;
	height: 25px;
}

#announceright {
	position: relative;
	float: right;
	text-align: center;
	width: 425px;
	padding: 15px 0 0 0;
	height: 25px;
}


.floatleftno {
	float: left;
	border: none;
}




SPAN.italic {
	font-family: Georgia, "New Century Schoolbook", Times, serif;
	font-size: 8pt;
	font-style: italic;
	}
SPAN.caps {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-variant: small-caps;
	font-weight: bold;
	}
	
	
/*Navigation*/
/*This is the navigation for the index page only*/
#navigation {
	width: 760px;
	height: 25px;
	position: relative;
	margin: 0px auto;
	padding: 0;
	list-style-type: none;
	}
/*This is the navigation for the interior pages*/
#mainnavigation {
	width: 760px;
	height: 25px;
	position: relative;
	margin: 0px auto;
	padding: 0;
	padding-top: 0px;
	list-style-type: none;
	}	

.button {margin:0; padding:0; list-style: none;}
.button li {float: left; display: inline;}
.button li a {display: block; height: 25px;	text-indent: -9999px; overflow: hidden;	font-size: 1%;}

li#nav_homepage a, li#nav_homepage a:visited {
	width: 114px;
	background-image: url(../images/navig_hom.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	
}

li#nav_cafes a, li#nav_cafes a:visited {
	width: 98px;
	background-image: url(../images/navig_cafes.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
li#nav_blends a, li#nav_blends a:visited {
	width: 114px;
	background-image: url(../images/navig_blends.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
li#nav_company a, li#nav_company a:visited {
	width: 120px;
	background-image: url(../images/navig_company.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
li#nav_retail a, li#nav_retail a:visited {
	width: 124px;
	background-image: url(../images/navig_retail.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
li#nav_wholesale a, li#nav_wholesale a:visited {
	width: 120px;
	background-image: url(../images/navig_wholesale.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
li#nav_contact a, li#nav_contact a:visited {
	width: 70px;
	background-image: url(../images/navig_contact.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

li#nav_homepage a:hover {
	background-position: 0 -25px;
}

li#nav_cafes a:hover {
	background-position: 0 -25px;
}
li#nav_blends a:hover {
	background-position: 0 -25px;
}
li#nav_company a:hover {
	background-position: 0 -25px;
}
li#nav_retail a:hover {
	background-position: 0 -25px;
}
.button li#nav_wholesale a:hover {
	background-position: 0 -25px;
}
li#nav_contact a:hover {
	background-position: 0 -25px;
}

/*sub navigation */
#subnav_spacer {width:300px; height: 25px; position: relative; margin:0px auto; padding: 0; background-color: transparent;}
#subnav_locations {
	width: 300px;
	height: 25px;
	position: relative;
	margin: 0px auto;
	padding: 0;

	}
#subnav_blends {
	width: 750px;
	height: 25px;
	position: relative;
	margin: 0px auto;
	padding: 0;

	}
	
#subnav_company {
	width: 600px;
	height: 25px;
	position: relative;
	margin: 0px auto;
	padding: 0;

	}
#subnav_wholesale {
	width: 450px;
	height: 25px;
	position: relative;
	margin: 0px auto;
	padding:0;
	}
.subbutton {margin:0; padding:0; list-style: none;}
.subbutton li {float: left; display: inline;}
.subbutton li a {display: block; height: 25px;	text-indent: -9999px; overflow: hidden;	font-size: 1%;}	
	


.subnavtop {width: 984px; height:2px; margin: 0px auto; background-image: url(../images/subnavtop.jpg); background-repeat: repeat-x;}
.subnavbottom {width: 984px; height:2px; background-image: url(../images/subnavbottom.jpg); background-repeat: repeat-x;}

/*cafes*/
li#subnav_sea a, li#subnav_sea a:visited {
	width: 150px;
	background-image: url(../images/subnav_seattle.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

li#subnav_pdx a, li#subnav_pdx a:visited {
	width: 150px;
	background-image: url(../images/subnav_portland.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

li#subnav_sea a:hover {
	background-position: 0 -25px;
}

li#subnav_pdx a:hover {
	background-position: 0 -25px;
}

/*blends*/
li#subnav_gusto a, 
li#subnav_gusto a:visited {width:150px; background-image: url(../images/sub_gustocrema.jpg); background-repeat: no-repeat; background-position: 0 0;}

li#subnav_terra a, 
li#subnav_terra a:visited {width:150px; background-image: url(../images/sub_terrasana.jpg); background-repeat: no-repeat; background-position: 0 0;}

li#subnav_bizzarri a, 
li#subnav_bizzarri a:visited {width:150px; background-image: url(../images/sub_bizzarri.jpg); background-repeat: no-repeat; background-position: 0 0;}

li#subnav_arco a, 
li#subnav_arco a:visited {width:150px; background-image: url(../images/sub_arco.jpg); background-repeat: no-repeat; background-position: 0 0;}

li#subnav_mezzanotte a, 
li#subnav_mezzanotte a:visited {width:150px; background-image: url(../images/sub_mezzanotte.jpg); background-repeat: no-repeat; background-position: 0 0;}

li#subnav_gusto a:hover {background-position: 0 -25px;}
li#subnav_terra a:hover {background-position: 0 -25px;}
li#subnav_bizzarri a:hover {background-position: 0 -25px;}
li#subnav_arco a:hover {background-position: 0 -25px;}
li#subnav_mezzanotte a:hover {background-position: 0 -25px;}

/*company*/
li#subnav_history a, 
li#subnav_history a:visited {width:150px; background-image: url(../images/sub_history.jpg); background-repeat: no-repeat; background-position: 0 0;}

li#subnav_press a, 
li#subnav_press a:visited {width:150px; background-image: url(../images/sub_press.jpg); background-repeat: no-repeat; background-position: 0 0;}

li#subnav_community a, 
li#subnav_community a:visited {width:150px; background-image: url(../images/sub_community.jpg); background-repeat: no-repeat; background-position: 0 0;}

li#subnav_news a, 
li#subnav_news a:visited {width:150px; background-image: url(../images/sub_news.jpg); background-repeat: no-repeat; background-position: 0 0;}

li#subnav_history a:hover {background-position: 0 -25px;}
li#subnav_press a:hover {background-position: 0 -25px;}
li#subnav_community a:hover {background-position: 0 -25px;}
li#subnav_news a:hover {background-position: 0 -25px;}

/*wholesale*/
li#subnav_program a, 
li#subnav_program a:visited {width:150px; background-image: url(../images/sub_program.jpg); background-repeat: no-repeat; background-position: 0 0;}
li#subnav_feature a, 
li#subnav_feature a:visited {width:150px; background-image: url(../images/sub_feature.jpg); background-repeat: no-repeat; background-position: 0 0;}
li#subnav_training a, 
li#subnav_training a:visited {width:150px; background-image: url(../images/sub_training.jpg); background-repeat: no-repeat; background-position: 0 0;}
li#subnav_program a:hover {background-position: 0 -25px;}
li#subnav_feature a:hover {background-position: 0 -25px;}
li#subnav_training a:hover {background-position: 0 -25px;}


#date {float: left; background-image: url(../images/dateicon.gif);background-repeat: no-repeat; width: 54px; height: 65px; margin-right: 10px; margin-bottom: 10px;}
#date p.month {font-size: small; color: white; font-variant: small-caps; font-weight: 700; text-align: center; margin-top: 5px;}
#date p.day {font-size: small; color:#891d03; font-weight: 800; margin-top: 9px; text-align: center;}
p.heading {color: #891d03; font-weight: bold; font-size: 11px;}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
	width: 372px;
}

.hoverbox a
{
	cursor: default;
	border-bottom: none;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

* html .hoverbox a:hover {
font-size: 99.99%; z-index: 1;
} 

.hoverbox img
{
	background: #fff;
	border-color: #fff;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 87px;
	height: 75px;
}

.hoverbox li
{
	background: #fff;
	/*border-color: #fff;
	border-style: solid;
	border-width: 1px;*/
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 1px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #fff;
	width: 175px;
	height: 150px;
}