/* html{
	width: 100%;
	height: 100%;
	position: relative;
}
*/

body{
	margin: 0px 0px 50px 0px;
	padding: 10px 0px 20px 0px;
	background: #56320e url(../images/background_11.jpg) top center no-repeat; /* #56320e 46250b */
	position: relative;
	width: 100%;
	height: 100%;
	_height: auto;
}
img{ border: 0px; }

/* OVER ALL LAYOUT ITEMS */

#layout{
	width: 888px;
	margin: auto;
	margin-bottom: 20px;
	position: relative;
	
	padding-bottom: 1px;
	_padding-bottom: 0px;
	
	
	background: #003d9e;
	background: #00318c;
	background: #005fa9;
	background: #00008e;
}
#content{
	font-family: verdana;
	font-size: 13px;
	line-height: 24px;
	color: #00396B;
	position: relative;
	width: 860px;
	padding: 14px;
}
#content_main{
	/* background: #E2DACB; */
	background: #e9e2d6;
	position: relative;
	font-size: 13px;
	
}
#content_main a:link, #content_main a:visited, #content_main a:active{
	font-size: 11px;
	color: #8f1709;
	text-decoration: underline;
}

#logo{
	width: 410px;
	height: 131px;
	background: url(../images/logo_cb_dark.png);
	margin: auto;
	_background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_cb_dark.png', sizingMethod='scale');
}


/* SITE WIDE MISC */

.colorbox{
	display: none;
	position: absolute;
	bottom: 0px;
	left: 0px;
	
	width: 100%;
	height: 100%;
	
	background-color: #0f0;
	opacity: .5;
}
.colorbox img{
	width: 100%;
	height: 100%;
}
.breaker{
	clear: both;
}
.firstp{ margin-top: 0px; }
.bold{
	font-weight: bold;	
}
.lgfont{
	font-size: 13px;
}
.smnote{
	font-size: 10px;
	line-height: 12px;
}


/* NAV TOP */
#nav_top{
	height: 28px;
	background: url(../images/bg_nav_top.gif);
	position: relative;
	z-index: 100;
}
#nav_top span{
	display: block;
	padding-top: 6px;
	width: 172px;
	float: left;
	text-align: center;
}

#nav_top div.menu{
	display: none;
	position: absolute;
	top: 28px;
}
.menu a:link, .menu a:active, .menu a:visited{
	opacity: .9;
	filter: alpha(80);
	display: block;
	margin: 2px 0px;
	line-height: 24px;
	padding: 2px 6px 2px 6px;
	background: url(../images/bg_nav_top.gif);
	font-size: 11px;
	color: #57320f;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}
#nav_top #menu_about{
	left: 25px;
}
#nav_top #menu_corporate{
	left: 190px;
}
#nav_top #menu_foodservice{
	left: 380px;
}
#nav_top #menu_brands{
	left: 556px;
}


/* CORPORATE NAV */

#nav_corp_home{
	float: left;
	padding: 4px 28px 0px 6px;
}

#nav_corp{
	height: 28px;
	background: url(../images/bg_nav_top.gif);
	position: relative;
	z-index: 100;
}
#nav_corp span{
	display: block;
	padding-top: 6px;
	width: 124px;
	float: left;
	position: absolute;
	top: 0px;
}
#nav_corp .corp_cs{
	display: block;
	padding-top: 2px;
	width: 124px;
	float: left;
	position: absolute;
	top: 0px;
}

#nav_corp_corporate_brands{ left: 50px; }
#nav_corp_business_benefits{ left: 230px; }
#nav_corp_coffee_101{ left: 500px; }
#nav_corp_products{ left: 620px; }
#nav_corp_contact{ left: 750px; }
#nav_corp_logo{ position: absolute; top: 0px; left: 360px; width: 115px; }
#nav_corp_logo img{ position: absolute; right: 0px; }


/* NAV SUB */
#nav_sub{
	background-color: #003F6D;
	height: 34px;
	position: relative;
}


/* NAV BOTTOM */
#nav_bottom{
	height: 52px;
	background: url(../images/bg_nav_top.gif);
	text-align: center;
	margin: 0px 14px 14px 14px;
	position: relative;
	z-index: 10;
	width: 860px;
}
#nav_bottom div{ padding: 6px 0px 0px 0px; width: 220px; float: left; text-align: left; font-size: 10px; font-family: verdana; color: #2d3560; }
#nav_bottom img{ float: left; margin-right: 5px; padding-bottom: 14px; }
#nav_bottom  #nav_bottom_first{ padding: 6px 0px 0px 80px; width: 260px; }

#nav_bottom a:link, #nav_bottom a:link, #nav_bottom a:link{
	color: #2d3560;
	text-decoration: none;
}
#nav_bottom a:hover{
	text-decoration: underline;
}


/* NAV BUTTONS */
#nav_buttons{
	height: 52px;
	margin: 14px 0px;
	position: relative;
	z-index: 10;
}
#nav_buttons img{
	border: 1px solid #281c05;
	margin: 0px 3px 0px 4px;
	height: 50px;
	display: block;
	float: left;
}
#nav_buttons #btn_left_end{ margin: 0px 3px 0px 2px; }
#nav_buttons #btn_right_end{ margin: 0px 0px 0px 3px; }


/* COFFEE CAN FOR MAIN PAGE */

#can{
	width: 227px;
	height: 298px;
	position: absolute;
	right: 0px;
	top: 250px;
	z-index: 100;
	background: url(../images/can.png);
	_background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/can.png', sizingMethod='scale');
}


/* ROUNDED BOXES */

.roundedbox{
	position: relative;
	padding: 0px;
	padding: 10px;
	/* background: #d7ccb7; */
	background: #BAA884;
}

.roundedbox_blue{
	position: relative;
	padding: 0px;
	padding: 10px;
	background: #16448d;
	color: #dddbce;
}

.roundedbox_blue p{
	line-height: 16px;
}


.roundedbox_tl{
	position: absolute;
	top: 0px;
	left: 0px;
}
.roundedbox_tr{
	position: absolute;
	top: 0px;
	right: 0px;
}
.roundedbox_bl{
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.roundedbox_br{
	position: absolute;
	bottom: 0px;
	right: 0px;
}


#content_main .roundedbox_blue a:link, #content_main .roundedbox_blue a:visited, #content_main .roundedbox_blue a:active{
	font-size: 13px;
	color: #dddbce;
	text-decoration: underline;
}


/* COLUMNS ... USED ON PRODUCTS PAGES */

.column_header{
	height: 50px;
	text-align: center;
}
.column{
	width: 270px;
	float: left;
	margin-left: 10px;
	position: relative;
}
.column ul{
	margin: 5px 0px 5px 15px;
	padding: 0px;
}
.column li{
	padding-bottom: 5px;
}

.column .roundedbox, .column .roundedbox_blue {
	width: 250px;
}


/* PNG BOX BROKEN ELEMENTS FOR PRODUCT PAGES */

#can_grounds{
	position: absolute;
	bottom: -90px;
	left: 1px;
	width: 279px;
	height: 255px;

	background-image: url(../images/can_grounds.png);
	_background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/can_grounds.png', sizingMethod='scale');
	
}
#bag{
	position: absolute;
	bottom: -47px;
	right: -25px;
	width: 160px;
	height: 118px;
	background-image: url(../images/bag.png);
	_background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bag.png', sizingMethod='scale');
}


/* COFFEE 101 */

#coffee_101 ul{
	width: 340px;
	padding: 0px 10px 10px 25px;
	display: block;
	float: left;
	margin: 0px;
}

#coffee_101 li{
	line-height: 17px;
	padding-bottom: 8px;
}

li{
	line-height: 20px;
	padding-bottom: 10px;
}


/* BUSINESS BENEFITS */

.expandable{
	display: none;
}
.bean{
	background-image: url(../images/bean.gif);
	background-position: 10px 12px;
	background-repeat: no-repeat;
	padding-left: 50px;
	width: 750px;
	margin: auto;
}
.bean ul{
	margin: 5px 0px 5px 30px;
	padding: 0px;
}

#benefits a.eb:link, #benefits a.eb:active, #benefits a.eb:visited{
	font-weight: bold;
	font-size: 13px;
	color: #004b7f;
	text-decoration: none;
}






/* TOUR */


.form{
	padding: 10px;
	margin: 0px;
}

.form table{
	width: 330px;
	padding: 0px;
	margin: 0px;
	margin: auto;
	border-collapse: collapse;
}

.form td{
	padding: 0px;
	margin: 0px;
}

.form_item{
	padding-bottom: 10px;
}

label{
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

#errors{
	width: 330px;
	text-align: left;
	color: #911;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	margin: auto;
}


/* ********************************* 

#product_matrix{
	top: 0px;
	left: 0px;
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	border: 1px solid #f00;
	text-align: center;
	z-index: 999;
}

*/