/* Import the style sheet that resets all browsers. */
@import url("reset.css");

/* Updated 4/30/08 */

.clearBoth {display:block; clear:both;}
.clearLeft {display:block; clear:left;}

/* Begin main boxes 'n stuff */
#pageWrap {
	width: 942px;
	position: relative;
	left: 50%;
	margin: 20px 0 0 -471px;
}
#headerWrap {
	background: url(../images/layout/bg-top.gif) no-repeat left top;
	height: 81px;
}
#repeatingBg {
	background: url(../images/layout/bg-repeating-content.gif) repeat-y left top;
}
#contentWrap {
	background: url(../images/layout/bg-main-content.gif) no-repeat left top;
	min-height: 460px;
	height: auto !important;
	height: 460px;
}
#leftCol {
	float: left;
	width: 135px;
	height: 390px;
	margin-left: 14px;
	position: relative;
}
#rightCol {
	float: right;
	width: 175px;
	margin-right: 14px;
}
#middleCol {
	margin: 0 217px 0 177px;
	padding-bottom: 1px;
}
#footerWrap {
	background: url(../images/layout/bg-footer.gif) no-repeat left top;
	min-height: 109px;
	height: auto !important;
	height: 109px;
	margin-bottom: 20px;
}
/* End main boxes 'n stuff */

/* Begin: I can haz header area? */
#topLeftLink {
	position: relative;
	top: 40px;
	left: 15px;
	margin: 0;
	width: 95px;
	height: 16px;
}
#topLeftLink a, #topLeftLink a:visited {
	display: block;
	height: 16px;
	text-indent: -9000px;	
	background: url(../images/contact-us.gif) no-repeat left top;
}
#topLeftLink a:hover {
	background-image: url(../images/contact-us-hover.gif);
}
#mainLogo {
	width: 148px;
	height: 58px;
	position: relative;
	top: 4px;
	left: 178px;
	margin: 0;
}
#mainLogo a, #mainLogo a:visited {
	display: block;
	height: 58px;
	text-indent: -9000px;
	background: url(../images/rand-whitney-logo.gif) no-repeat left top;
}
#quoteOne {
	width: 352px;
	height: 13px;
	background: url(../images/tag-advantage.gif) no-repeat left top;
	position: relative;
	top: -20px;
	left: 372px;
	margin: 0 0 -4px;
	text-indent: -9000px;
}
#quoteTwo {
	width: 352px;
	height: 27px;
	background: url(../images/tag-longer.gif) no-repeat left top;
	position: relative;
	top: -31px;
	left: 372px;
	margin: 0 0 -4px;
	text-indent: -9000px;
}
#quoteThree {
	width: 352px;
	height: 13px;
	background: url(../images/tag-partner.gif) no-repeat left top;
	position: relative;
	top: -20px;
	left: 372px;
	margin: 0 0 -4px;
	text-indent: -9000px;
}
/* End: I can haz header area? */

/* Begin Navtastica */
#nav, #nav ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
#nav ul {
	margin-left: .5em;
	margin-bottom: 1em;
}
#nav ul li {
	margin: .1em 0;
	font-size: .9em;
}
#nav li ul {
	display: none;
}
.aboutUsGroup #aboutUsSub,
.insiderGroup #insiderSub,
.productsGroup #productsSub,
.servicesGroup #servicesSub,
.solutionsGroup #solutionsSub {
	display: block;
}
#subNav {
	position: absolute;
	bottom: 0;
}
#subNav ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
#subNav ul li {
	margin: .1em 0;
}
#subNav ul a, #subNav ul a:visited {
	font-size: .8em;
	color: #a9936e;
	text-transform: uppercase;
}
/* End Navtastica */

/* Begin right-wing code */
#clientTestimonial {
	width: 99px;
	height: 12px;
	margin: 2em 0 0;
	text-indent: -9000px;
	
}
.testimonialText {
	font-style: italic;
	line-height: 1.8em;
	padding-left: 0;
}
.testimonialCredits {
	text-align: right;
}
#newsPress {
	width: 80px;
	height: 12px;
	margin: 2em 0 0;
	text-indent: -9000px;
	background: url(../images/news-press.gif) no-repeat left top;
}
.newsPressPreview {
	margin: 2em 0;
}
#tractorTrailor {
	display: block;
	position: relative;
	top: 30px;
	right: -10px;
}
/* End right-wing code */

/* Begin the chubby middle area code */
#staticBanner {
	display: block;
}
#innerRight {
	float: right;
	width: 235px;
	margin-top: 20px;
}
#solutionImages {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
#solutionImages li {
	width: 33%;
	float: left;
}
#solutionImages img {
	border: 2px solid #e9e4da;
}
#solutionImages a:hover img {
	border-color: #a9936e;
}
#solutionsForOurClients {
	width: 141px;
	height: 12px;
	margin: .5em 0 0;
	text-indent: -9000px;
	background: url(../images/solutions-for-our-clients.gif) no-repeat left top;
}
.readMoreLink {
	text-transform: uppercase;
	font-weight: bold;
	padding-right: 10px;
	font-size: .8em;
}
#contactSalesRep {
	width: 200px;
	height: 16px;
	margin: 2.5em 0 0;
	text-indent: -9000px;
	background: url(../images/contact-us.gif) no-repeat left top;
}
#contactRepInfo {
	margin: .25em 0 0;
}
#innerLeft {
	margin-top: 20px;
	margin-right: 265px;
}
#innerLeft h3 {
	font-weight: bold;
}
#contactForm label {display:inline;}
#contactForm dt {float:left; width:7em; text-align:right; margin-right:.5em;}
#contactForm dd {margin-left:7.5em;}
/* End the chubby middle area code */

/* Begin the footer area code */
#copyright {
	margin: 0;
	font-size: .8em;
	width: 325px;
	position: relative;
	top: 45px;
	left: 165px;
	text-align: center;
	text-transform: uppercase;
}
#contactInfo {
	margin: 0;
	font-size: .8em;
	width: 220px;
	position: relative;
	top: 29px;
	left: 505px;
	text-align: center;
	text-transform: uppercase;
}
/* End the footer area code */

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Begin the Home page styles -- they're quite different from all of the others...
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#homePage #headerWrap {
	background-image: url(../images/layout/bg-top-home.gif);
}
#homePage #repeatingBg {
	background-image: url(../images/layout/bg-repeating-content-home.gif);
}
#homePage #contentWrap {
	background-image: url(../images/layout/bg-main-content-home.gif);
}
#homePage #flashWrap {
	width: 548px;
	height: 270px;
}
#homePage #innerRight {
	width: 265px;
}
#recyclingProgram {
	width: 109px;
	height: 33px;
	margin: 0;
	text-indent: -9000px; /* Why 9000, and not 9999? I don't know really. */
	background: url(../images/recycling-program.gif) no-repeat left top;
}
#homePage #innerLeft {
	margin-right: 280px;
}
#coldChainTechnology {
	width: 157px;
	height: 17px;
	margin: 0;
	text-indent: -9000px;
	background: url(../images/thermalPackaging.gif) no-repeat left top;
}
#protectivePackaging {
	width: 157px;
	height: 17px;
	margin: 0;
	text-indent: -9000px;
	background: url(../images/protectivePack.gif) no-repeat left top;
}
#e-business {
	width: 157px;
	height: 17px;
	margin: 0;
	text-indent: -9000px;
	background: url(../images/eBusiness.gif) no-repeat left top;
}
#digitalServices {
	width: 157px;
	height: 17px;
	margin: 0;
	text-indent: -9000px;
	background: url(../images/graphicDigiServ.gif) no-repeat left top;
}
#containerProducts {
	width: 157px;
	height: 17px;
	margin: 0;
	text-indent: -9000px;
	background: url(../images/ContainerProducts.gif) no-repeat left top;
}
#homePage #footerWrap {
	background-image: url(../images/layout/bg-footer-home.gif);
	background-position: left bottom;
	min-height: 55px;
	height: auto !important;
	height: 55px;
}
#homePage #copyright {
	width: 280px;
	top: 38px;
	left: 165px;
}
#homePage #contactInfo {
	width: 282px;
	top: 22px;
	left: 460px;
}