/* Reset CSS - Eric Meyer method - http://meyerweb.com/eric/tools/css/reset/index.html */
/* v1.0 | 20080212 */

h1, h2, h3, h4, h5, h6, p, fieldset, form{
	margin: 0;
	padding: 0;
}

/* general styles */ 
html, body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	height:100%;
	background:#363030 url(images/back-body.png) repeat top left;
	color:#FFFFFF;
	font: normal normal 12px Verdana, "Arial", Helvetica, sans-serif; 
}

h2{
	font-family: "TradeGothicLTBoldRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 32px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #505bab;
	padding:0px;
}
p{
	padding: 7px 0px;
}

img{ border: none; }

a{ text-decoration: none; }

.hidden{display:none;}

#logo{position:absolute;top:28px;left:24px;z-index:999;}
/* structure */
#header, #teaser, #content, #footer{
	position: relative;
	clear:both;
	float:left;
	width:100%;
}
#header {
	height:98px;
	background:url(images/sprite-wrapper.jpg) repeat-x top center;
}
#header-wrapper{	
	background:url(images/back-header.gif) repeat-x left top;
	height: 98px;
}
#teaser {
	background:url(images/sprite-wrapper.jpg) repeat-x center -98px;		
	height:272px;
	position: static;
}
#teaser-wrapper{
	height:272px;
	background:url(images/back-teaser.gif) repeat-x left top;	
	clear: both;
	position: static;
}
#show-teaser{
	background:url(images/banner-bg.png) no-repeat center top;
	text-align: center;
	padding: 10px 0px;
	width: 980px;
}

#content {
	background:url(images/sprite-wrapper.jpg) repeat-x center -370px;
	color: #7E7878;
}

#content-wrapper{
	background:url(images/back-content.gif) repeat left top;
	clear: both;
	height:506px;
}

#footer-wrapper {
	height:205px;
	background:url(images/back-footer.gif) repeat-x left top;
}
#footer{
	height:205px;
	background:url(images/sprite-wrapper.jpg) repeat-x center -876px;
}
.wrapper{margin:0px auto;width:980px;}
.header{height:98px; position: relative;}
.teaser{height:272px;}
.content-home{height:506px;}
.footer{height:205px;}
/*header & content*/
.upper-phone, .upper-menu, #icons, #wrapper-lower-content{
	position:relative;
	float:left;
	width:980px;
}
.upper-phone{
	margin:12px 0px 0px 0px;
	width: 970px;
	height:30px;
	font:normal 20px "Courier New", Courier, monospace;
	color:#FFFFFF;
	text-align:right;
}
.upper-menu{
	float:right;
	margin-top:15px;
	margin-right:0px;
	margin-left:0px;
	width: auto;
	height:20px;
	text-align:left;
	overflow:hidden;
}
/*CSS Sprite Menu*/
ul#menu{margin:0;padding:0;list-style:none;clear:both;}
#menu li{overflow:hidden;display:inline;float:left;}
#menu li a{
	font-family: "TradeGothicLTBoldRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #737373;
	font-weight: bold;
	display:block;
	padding: 0px 10px;
	letter-spacing: 0px;
	text-transform: uppercase;
}
#menu li a:hover, #menu li a.selected{
	color: #a30000;	
}
			
/*end nav*/
#icons{height:140px;}
#icons ul{margin:0;padding:0;list-style:none;clear:both;}
#icons ul li{overflow:hidden;display:inline;float:left;width:245px;height:140px;}
#icons ul li a{
	margin-top:17px;
	width:227px;
	height:110px;
	display:block;
	background:url(images/icon-container.png) no-repeat;
}
#icons ul li a span{
	display: block;
	cursor: pointer;
}
#icons ul li a.one{margin-left:18px;}
#icons ul li a.two{margin-left:11px;}
#icons ul li a.three{margin-left:7px;}
#icons ul li a.four{margin-left:0px;}
#icons ul li a span.title{overflow:hidden;text-indent:-9999px;background:url(images/sprite-icons.png) no-repeat;height:41px;display:block;}
#icons ul li a span.freight{width:115px;background-position: 0px 0px;}
#icons ul li a span.warehouse{width:160px;background-position: -115px 0px;}
#icons ul li a span.packaging{width:151px;background-position: -275px 0px;}
#icons ul li a span.custom-solutions{width:220px;background-position: -426px 0px;}
#icons ul li a span.desc{
	background:url(images/sprite-icons.png) no-repeat;
	height:58px;
	width:121px;
	padding:5px 0px 0px 100px;
	font:normal 10px Arial;
	color:#000000;
	text-align:left;
}
#icons ul li a span.freight-p{background-position: 0px -41px;}
#icons ul li a span.warehouse-p{background-position: -220px -41px;}
#icons ul li a span.packaging-p{background-position: 0px -101px;}
#icons ul li a span.custom-solutions-p{background-position: -220px -101px;}
#wrapper-lower-content{height:365px;}
#highlights, .separator{
	position:relative;
	float:left;
	height:365px;
}
#highlights{width:505px; margin: 0px 10px 0px 22px;}
#highlights p{ line-height: 1.6em; }
.separator{width:2px;height:202px;margin-top:50px;background:url(images/sprite-icons.png) no-repeat -463px -41px;}
#send-request{width:400px; height:365px; float:right;}
#highlights h2{
	padding: 30px 0px 0px 0px;
}
#highlights ul{
	position:relative;
	float:left;
	height:265px;
	width:500px;
	margin:19px 0px 0px 0px;
	padding:0;
	list-style:none;
	background:url(images/sprite-icons.png) no-repeat -465px -41px;
}
#highlights ul li{
	position:relative;
	float:left;
	width:422px;
	margin:10px 0px 18px 55px;
	padding:0;
	font:normal 18px Arial;
	line-height:24px;
	letter-spacing:2px;
	text-align:left;
	color:#7E7878;
}
#send-request h2, .form h2{
	margin: 0px 0px 0px 2px;
}
#send-request fieldset, .form fieldset{
	position:relative;
	float:left;
	height:300px;
	padding:0px 0px 0px 0px;
	margin:0;
	border: none;
}
#send-request fieldset .inputbox, .form fieldset .inputbox{
	position:relative;
	float:left;
	display:block;
	height:34px;
	width:246px;
	margin:8px 0px 0px 4px;
	padding:0px 13px;
	background:url(images/sprite-icons.png) no-repeat 0px -221px;
	border:none;
	font:normal 10px Arial; 
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	overflow:hidden;
}
#send-request fieldset .textarea, .form fieldset .textarea{
	position:relative;
	float:left;
	display:block;
	height:133px;
	width:370px;
	margin:8px 0px 0px 4px;
	padding:10px 13px 0px;
	background:url(images/sprite-icons.png) no-repeat 0px -258px;
	border:none;
	font:normal 10px Arial; 
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-align:justify;
	overflow:hidden;
}
#send-request fieldset .submiting, .form fieldset .submiting{	
	float:left;
	display:block;
	height:30px;
	width:90px;
	margin:8px 0px 0px 305px;
	display: inline;
	padding:0px;
	background:url(images/sprite-icons.png) no-repeat 0px -401px;
	border:none;
}

/*footer*/
.footer p, .footer p#footer-menu{
	position:relative;
	float:left;
	display:block;
	width:100%;
	margin-top:14px;
	font:normal 10px Arial;
	color:#A6A6A6;
	text-align:center;
}
.footer p#footer-menu{margin-top:45px;}
.footer p#footer-menu a{font:normal 10px Arial;	color:#A6A6A6;outline:none;text-decoration:none;}
.footer p#footer-menu a:hover{color:#FFFFFF;}

.contentPad{
	padding: 20px;
}

#contents{
	width: 980px;
	margin: 0px auto;	
	padding: 50px 0px 50px 400px;
}
/* end file: styles.css */