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


* { font-size:100%; margin:0; padding:0; vertical-align: baseline; }
img {border:0;}

body {
background: #fff url(i/bg.jpg) repeat-x fixed;
color: #000;
text-align:center;
font: bold 15px/140% Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}
a {
text-decoration: none;
color: #a94224;
}
a:hover, a:focus {
text-decoration: underline;
outline: none;
color:#933;
}
#wrap0 {
width: 976px;
margin: 0 auto;
overflow:hidden;
background: url(i/bar-ext.jpg) 0 0 no-repeat;
height: 100%;
}
#wrap1 {
width: 960px;
margin: 0 auto;
padding: 0 8px;
text-align:left;
overflow:hidden;
height: 100%;
}
#header {
/*	background: url(i/header.jpg) no-repeat; */
background: url(i/sustainable-caging-solutions.jpg) no-repeat;
	height: 136px;
	width: 960px;
	overflow: hidden;
}
/* TOP NAVS */
#nav-1 {
	background: url(i/nav-1.jpg) no-repeat;
	height: 26px;
	width: 940px;
	padding: 0 10px;
	overflow: hidden;
	text-align: right;
	color: #dec;
	font: bold 12px/26px "Gil Sans", Verdana, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}
#nav-1 ul, #nav-2 ul {margin:0;padding:0;list-style:none;}
#nav-1 ul li, #nav-2 ul li {margin:0;padding:0;list-style:none;display:inline;}
#nav-1 ul li a {color: #fff;}
#nav-1 ul li a:hover, #nav-1 ul li a:focus {color: #fe0;}
#nav-2 {
	background: url(i/nav-2.jpg) no-repeat;
	height: 26px;
	width: 940px;
	padding: 0 10px;
	overflow: hidden;
	text-align: right;
	color: #ce6;
	font: bold 12px/24px "Gil Sans", Verdana, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}
#nav-2 ul li a {color: #ef6;}
#nav-2 ul li a:hover, #nav-2 ul li a:focus {color: #fc0;}
/* end top navs */
#cont-0 {
	background: url(i/bg-main.jpg) repeat-y;
	overflow: hidden;
width: 100%;
height: 100%;
}
#cont-1 {
	background: url(i/bg-main-top.jpg) 0 0 no-repeat;
	overflow: hidden;
width: 100%;
height: 100%;
	clear:both;
}
#btm {
	background: url(i/btm.gif) no-repeat bottom;
	height: 21px;
	width: 960px;
    margin: -20px auto 10px auto;
	clear: both;
	position: relative;
}
#btm a.topbutton { 
display: block;
height: 21px;
width: 112px;
overflow: hidden;
position: absolute;
z-index: 20;
top: -6px;
right: 30px;
background: url(i/top.gif) no-repeat 0 0;
color: #de5;
text-decoration: none;
}
#btm a.topbutton:hover,
#btm a.topbutton:focus { 
background-position: 0 100%;
color: #351;
}
#left-col {
	background: url(i/bg-leftcol-cont-top.jpg) 100% 0 no-repeat;
	width: 271px;
height: 100%;
	overflow: hidden;
	padding: 30px 10px 30px 64px;
	float: left;
	font-family: MicroExtendFLF, "Gil Sans", Verdana, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}
#main-col {
	width: 555px;
height: 100%;
	float: left;
	padding: 30px;
}
#main-col-home {
	width: 555px;
	min-height: 474px;
	height: 100%;
	float: left;
	padding: 30px;
	background: url(i/bg-home-cont.jpg) 0 0 no-repeat;
	font-weight: bold; 
	font-style: oblique;
}
#main-col-full {
width: auto;
height: 100%;
padding: 30px;
}

/* LEFT COLUMN BOXES */
.boxleft { 
width:274px;
background:url(i/box-top.gif) 0 0 no-repeat;
padding-top: 12px;
margin: 6px 0;
height: 100%;
overflow: hidden;
}
.boxleft div { 
width:274px;
background:url(i/box-btm.gif) 0 100% no-repeat;
padding-bottom: 12px;
height: 100%;
overflow: hidden;
}
.boxleft div div { 
width:250px;
background:url(i/box-mid.gif) 0 0 repeat-y;
padding: 0 12px;
height: 100%;
overflow: hidden;
}
.boxleft div div div { 
width:274px;
background: none;
padding: 0;
overflow: hidden;
}
.boxleft div div img { 
display: block;
float: left;
padding: 0 4px 0 0;
position: relative;
}
.boxleft div div div.links { 
width:150px; 
height: 100%;
float: right;
padding: 0;
overflow: hidden;
position: relative;
}
.boxleft div div div.links-long { 
width:170px; 
height: 100%;
float: right;
padding: 0;
overflow: hidden;
position: relative;
}
.boxleft a.btn { 
display: block;
background: url(i/box-button.png) 0 0 no-repeat;
color: #dd6;
font-weight: bold;
height: 34px;
width: 110px;
padding: 0 20px;
line-height: 28px;
overflow: hidden;
text-align: center;
}
.boxleft .links-long a.btn { 
background: url(i/box-button-long.png) 0 0 no-repeat;
width: 170px;
padding: 0;
font-size: ;
text-align: center;
}
.boxleft a.btn:hover, .boxleft a.btn:focus {
background-position: 0 100%;
text-decoration: none;
color: #000;
}

.boxleft ul {padding: 0 0 0 30px;}
.boxleft ul li {
list-style: none;
padding: 0;
margin: 0;
font-size: 12px;
line-height: 130%;
font-weight: 600;
}
.boxleft ul li a {
color: #000;
}

.boxleft .links-long ul {padding: 0 0 0 8px;}

/* NEW */
.new {position: absolute;
z-index: 20;
margin-top: -12px
}
/* end new */
/* end left column boxes */

/* LEFT-COLUMN SLIDESHOW */
#l-slideshow {margin: 12px}

#l-slideshow #master0 #canvas0_0,
#l-slideshow #master0 #canvas0_1,
#l-slideshow #master0 #canvas0_2,
#l-slideshow #master0 #canvas0_3,
#l-slideshow #master0 #canvas0_4,
#l-slideshow #master0 #canvas0_5,
#l-slideshow #master0 #canvas0_6,
#l-slideshow #master0 #canvas0_7,
#l-slideshow #master0 #canvas0_8
{
background: #6a681d url(i/bg-main.jpg) -76px 0 !important;
}
/* end left-col slideshow */


/* FOOTER */
#footer {
font-size: 0.8em;
line-height: 130%;
width: 960px;
margin: 16px auto;
color: #343;
}
#footer div {
width: 33%;
float: left;
}
/* end footer */

/* typography */
#left-col h1 {font-size: 1.3em;
line-height: 140%;
margin: 0 0 10px 30px;
color: #dd6;
font-variant: uppercase;
}
h1 {font-size: 2em;
line-height: 130%;
margin: 0 0 4px 0;
color: #130;
font-variant: small-caps;
}
h2 {font-size: 1.5em;
line-height: 130%;
padding: 6px 0;
color: #109;
}
h3 {font-size: 1.4em;
line-height: 130%;
padding: 4px 0;
color: #309;
}
h4 {font-size: 1.2em;
line-height: 130%;
padding: 4px 0;
color: #c30;
}
h5 {font-size: 1.2em;
line-height: 130%;
padding: 4px 0;
}
h6 {font-size: 1.1em;
line-height: 120%;
padding: 4px 0;
color: #c30;
}
p{padding:0.4em 0}
blockquote { margin: 4px 20px;}
ol {
padding: 4px 2.5em;
}
ul {padding: 4px 1em;}
ul li {
padding: 0 0 0 0.2em;
margin: 1px 0;
}
hr{
color: #dfa;
}

sub,
sup {
font-size: 0.8em;
line-height: 110%;
vertical-align: bottom;
}
sup {
vertical-align: top;
}
dl {padding: 4px 1em;}
dt {
padding: 0;
margin: 1px 0;
font-weight: bold;
}
dd {
padding: 0;
margin: 1px 0 4px 1em;
}

.blue {
	color: #309;
}

.red {
	color: #c30;
}

/* INSET */
#inset {
width: 190px;
float: right;
border: 2px inset #9c6;
padding: 10px;
margin: 0 0 10px 10px;
}
#inset h3 {font-size: 1.1em;
color: #460;
}
/* end inset */

.part {
margin: 6px 0;
clear: left;
}
.part img {
margin: 8px 6px 0 0;
float: left;
background: #fff;
padding: 4px;
border: 3px double #030;
}
.desc {
float: left; 
width: 326px;
padding-left: 10px;
}

.white {
width: 539px;
background: #fff;
padding: 8px;
height: 100%;
overflow: hidden;
}

/* homepage video button */
a.video {
display: block;
width: 179px;
height: 123px;
background: url(i/video-button.gif) 0 0 no-repeat;
}
a.video span {display: none;}
a.video:hover, a.video:focus { background-position: 0 100%;}

/* TABLES */
th {text-align: center; padding: 4px 6px; vertical-align: middle;}
table {margin: 0 auto; font-size: 0.9em; border-spacing: 0;}
td {padding: 0 6px;}

table.spectable { border: 2px ridge #363; background: #efe;}
table.spectable th { background: #336600; color: #fff; }
table.spectable th, table.spectable td { border: 2px ridge #363;}
tr.row2 td { background: #ddd;}


/* Assignable */
.clr {clear: both;}
.clear {clear: both; height:1px; visibility:hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.float-lft {float:left; padding-right: 6px;}
.float-rt {float:right; padding-left:6px;}
.underline {border-bottom: thin;}
.smaller {font-size:small;}
.larger{font-size:larger;}
.caption {text-align: center; font-size: small; font-weight:bold;}
.bar {background: url(i/bar0.jpg) 0 0 repeat-x; font-size: 20px; color: #fff; margin: 10px 0; padding: 0 10px; line-height: 30px; clear: both;}
.bar2 {background: url(i/bar2.jpg) 0 0 repeat-x; font-size: 20px; color: #ef6; margin: 10px 0; padding: 0 10px; line-height: 30px; clear: both;}
.darkgreen {color: #030;}
.orange {color: #c30;}
.pdf {
padding: 0 0 0 22px;
background: url(i/adobe.gif) no-repeat 0 0;
}

/* eXTReMe Tracking */
#eXTReMe {
clear: both;
width: 100%;
overflow: hidden;
}
#EXim{
float: right;
visibility: hidden;
}
#eXTReMe a {
display: block; width: 41px; height: 38px; float: right;
}