/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,h5,ul,ol,li,a,form,hr { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Arial;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; -webkit-box-sizing: border-box; }
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #FFFFFF; background: url('../images/layout/body-bg.jpg') repeat-x; }
hr { border-color: #D3651D; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; font-size: 12px; }


object:active, div:active { outline: none; }
object:focus, div:focus { -moz-outline-style: none; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ol { margin-left: 30px; }


ul li { list-style-type: square; }

.bordered { border: 6px solid #601f00; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1, h1 a { color: #000000; font-size: 16px; margin: 0px 0px 15px 0px; }
h2, h2 a { color: #000000; font-size: 14px; margin: 0px 0px 15px 0px; }
h3, h3 a { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #FCB94F; font-size: 14px; line-height: 17px; }
a  { color: #ffdb35; font-size: 14px; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus, a:active { outline: 0;}


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main {
	width: 899px; /* Main Content Width */
	margin: 0px auto; /* Align to Center */
}

#header {
	background: url('../images/layout/header-image.jpg');
	height: 203px;
	text-align: center;
}

#headerBatsLogo_right {
	position:relative;
	left:735px;
	top:-100px;
	width:120px;
	height:95px;
	z-index:1;
}

#headerBatsLogo_left {
	position:relative;
	left:38px;
	top:-100px;
	width:120px;
	height:95px;
	z-index:1;
}


#bodyContainer {  }

#body {
}

#back_home_container { width: 100%; position: absolute; text-align: center; top: 1015px; }


#footer_container { position: absolute; width: 100%; top: 1025px; }

#footer_container_inner { width: 899px; margin: 0px auto; }


#footer_BatsLogo { position: absolute; width: 100%; top: 950px; }

#footer_footer_BatsLogo_inner { width: 899px; margin: 0px auto; }


#footer {
	margin-left: 24px;
    border-color: #D3651D; border-width: 1px; border-top-style: solid;
    width: 760px;

}

#footerLeft { width: 450px; float: left; color: #F78025; margin-top: 0px; padding-top: 0px; font-size: 11px; }
#footerRight { float: right; text-align: right; color: #F78025; width: 300px; margin-top: 0px; padding-top: 0px; font-size: 11px; }

#footerLeft a, #footerRight a { color: #F78025; padding: 0px 8px 2px 8px; text-decoration: none; font-size: 11px; }
#footerLeft a:hover, #footerRight a:hover { color: #F78025; text-decoration: underline; font-size: 11px; }

#usda_logo { float: right; margin-right: 24px; margin-top: -30px; }
#usda_batsIl_logo { float: right; margin-right: 24px; margin-top: -88px; }


#content { margin-left: 30px; margin-right: 30px; }


/* Navigation */

#nav {
	height: 55px;
	background: url('../images/layout/nav-bar.jpg');
	padding-left: 8px;
    margin-top: -2px;
}
a#nav1 {
	background: url('../images/layout/nav-1.jpg');
	height: 55px;
	width: 213px;
	display: block;
	float: left;
}
a#nav1:hover, #nav1.o {
	background-position: 0px -55px;
	text-decoration: none;
}
a#nav2 {
	background: url('../images/layout/nav-2.jpg');
	height: 55px;
	width: 235px;
	display: block;
	float: left;
	margin-left: 2px;
}
a#nav2:hover, #nav2.o {
	background-position: 0px -55px;
	text-decoration: none;
}
a#nav3 {
	background: url('../images/layout/nav-3.jpg');
	height: 55px;
	width: 213px;
	display: block;
	float: left;
	margin-left: 2px;
}
a#nav3:hover, #nav3.o {
	background-position: 0px -55px;
	text-decoration: none;
}
a#nav4 {
	background: url('../images/layout/nav-4.jpg');
	height: 55px;
	width: 217px;
	display: block;
	float: left;
	margin-left: 2px;
}
a#nav4:hover, #nav4.o {
	background-position: 0px -55px;
	text-decoration: none;
}


/* Home Page */

#home {
	height: 611px;
	padding: 14px 24px 0 24px;
}
#better-coffee {
	background: url('../images/better-coffee-for-better-lives.jpg');
	width: 226px;
	height: 293px;
	padding: 80px 6px 0 16px;
	float: left;
}
#better-coffee p{
	color: #FFFFFF;
}
#home-slideshow {
	background: url('../images/layout/home-slideshow-bg.jpg');
	width: 617px;
	height: 293px;
	float: right;
}
#home-bottom {
	margin-top: 14px;
	float: left;
    width: 860px; float: left;

}
#home-video {
	width: 226px;
	float: left;
}
#father-oscar {
	width: 201px;
	float: left;
	margin-left: 11px;
}
#father-oscar p {
	margin-top: 15px;
	border-color: #AB6725;
	border-width: 2px;
	border-right-style: solid;
	padding-right: 8px;
	position: absolute;
	width: 193px;
}
#resourceful-land {
	width: 205px;
	float: left;
	margin-left: 8px;
}
#resourceful-land p {
	margin-top: 15px;
	border-color: #AB6725;
	border-width: 2px;
	border-right-style: solid;
	padding-right: 8px;
	position: absolute;
	width: 197px;
}
#bean-to-bag {
	width: 191px;
	float: left;
	margin-left: 9px;


}
#bean-to-bag p {
	margin-top: 15px;
	position: absolute;
	width: 191px;
}


/* Comes From Page */

#comes-from {
	padding: 20px 18px 0 22px;
}
#comes-from-top {
	height: 275px;
	margin-bottom: 10px;
}
#comes-from-bottom {
	padding: 0 2px 0 2px;
}
#comes-from-bottom-left {
	width: 537px;
	float: left;
	margin-top: -15px;
}
#comes-from-bottom-right {
	float: right;
}


#foot { text-align: center; font-size: 11px; margin-top: -7px; }


#overlay { position: fixed; z-index: 92; width: 100%; height: 920px; top: 0px; left: 0px; background: #000000; opacity: 0.92; MoZOpacity: 0.92; filter: alpha(opacity=92); display: none; }

#vid_container { width: 100%; position: fixed; top: 150px; left: 0px; height: 300px; z-index: 2; display: none; }