/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* --------------------------------------------------------- */
/* ---------               body                  ----------- */
/* --------------------------------------------------------- */



body {
	background-color: #9B272C;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.clearFix {
	height: 0px; 
	clear: both; 
	display: block; 
	margin: 0; 
	padding: 0;
}


/* --------------------------------------------------------- */
/* ---------              topWrap                ----------- */
/* --------------------------------------------------------- */

#topWrap {
	/*background-color: #97262B;*/
	background-image: url(../images/bg-top.gif);
	background-repeat: repeat-x;
	height: 138px;
	width: 100%;
}

#topWrapCenter {
	width: 968px;
	margin: 0 auto;
}

#logoBanner {
	width: 308px;
	padding: 27px 0px 26px 37px;
	float: left;
}

#hanger {
	height: 90px;
	width: 623px;
	float: left;
}


/* --------------------------------------------------------- */
/* ---------           top navigation            ----------- */
/* --------------------------------------------------------- */

#navigation { 
	float: left;
	list-style: none;
	height: 48px;
	width: 623px;
	padding: 0px 0px 0px 0px;
}

#navigation a {
	display: block;
	height: 48px;
	text-indent: -9999px;
}

#navigation li { 
	float: left;
}	

#navigation li a:hover, #navigation li:hover {
	background-position: 0 -48px !important;
}

#navigation a.selected {
	background-position: 0 -48px !important;
}

#navigation #b-about-us a {
	width: 125px;
	background-image: url(../images/About-Us.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#navigation #b-warehousing-services a {
	width: 125px;
	background-image: url(../images/Warehousing-Services.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#navigation #b-trucking a {
	width: 125px;
	background-image: url(../images/Trucking.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#navigation #b-promotional-marketing a {
	width: 125px;
	background-image: url(../images/Promotional-Marketing.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#navigation #b-contact-us a {
	width: 123px;
	background-image: url(../images/Contact-Us.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/* --------------------------------------------------------- */
/* ---------  current page top nav button active ----------- */
/* --------------------------------------------------------- */


#about-us #b-about-us a, #warehousing-services #b-warehousing-services a, #trucking #b-trucking a, #promotional-marketing #b-promotional-marketing a, #contact-us #b-contact-us a {
	background-position: 0 -96px !important;
}


/* --------------------------------------------------------- */
/* ---------             pageHead                ----------- */
/* --------------------------------------------------------- */


#pageHeadWrap {
	height: 94px;
	width: 100%;
	background-image: url(../images/bg-page-head.gif);
	background-repeat: repeat-x;
}

#pageHead {
	width: 968px;
	margin: 0 auto;
}

#pageHead h1 {
	padding: 27px 0px 26px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	color: #97262B;
	font-weight: normal;
}


/* --------------------------------------------------------- */
/* ---------             mainBody                ----------- */
/* --------------------------------------------------------- */

#mainBodyWrap {
	width: 100%;
	background-color: #fff;
}

#mainBodyContent {
	width: 968px;
	padding: 36px 0px 46px 0px;
	margin: 0 auto;
}

#mainContent {
	float: left;
	width: 550px;
}

#mainContent p {
	font-size: 18px;
	line-height: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #59544D;
}

.mainContentDown {
	font-size: 16px;
	line-height: 20px;
	color: #59544D;
}

#mainContent ul {
	padding-left: 20px;
	font-size: 16px;
	line-height: 20px;
	color: #59544D;
	list-style-type: disc;
	list-style-position: outside;
}

#mainContent a{
	color: #97262B;
	text-decoration: none;
}

#mainContent a:hover {
	text-decoration: underline;
}

.homeCallOutBox {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px 0px 0px 50px;
	float: left;
	width: 368px;
	height: 151px;
	background-image: url(../images/homeCallOutBox-bg.png);
	background-repeat: no-repeat;
	background-position: right;
}

.homeCallOutBox p {
	padding: 50px 0px 0px 10px;
	float: left;
	line-height: 20px;
	font-size: 22px;
	color: #4F4B47;
}

.homeCallOutBox img {
	float: left;
	margin: 16px 0px 0px 15px;
	display: block;
}

.homeCallOutBox a{
	font-size: 16px;
	color: #97262B;
	text-decoration: none;
}

.homeCallOutBox a:hover {
	text-decoration: underline;
}

.callOutBox {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px 0px 0px 50px;
	float: left;
	width: 368px;
	height: 151px;
}

.callOutBox p {
	padding: 50px 0px 0px 10px;
	float: left;
	line-height: 20px;
	font-size: 22px;
	color: #4F4B47;
}

.callOutBox img {
	float: left;
	margin: 16px 0px 0px 15px;
	display: block;
}

.callOutBox a{
	font-size: 16px;
	color: #97262B;
	text-decoration: none;
}

.callOutBox a:hover {
	text-decoration: underline;
}


.imageBox {
	padding: 0px 0px 0px 44px;
	float: left;
	width: 374px;
}



/* --------------------------------------------------------- */
/* ---------               footer                ----------- */
/* --------------------------------------------------------- */

#footerBorderWrap {
	height: 25px;
	width: 100%;
	margin: 0 auto;
	background-image: url(../images/bg-bottom.gif);
	background-repeat: repeat-x;
}

#footerWrap {
	height: 39px;
	width: 100%;
	margin: 0 auto;
	background-image: url(../images/bg-footer.gif);
	background-repeat: repeat-x;
}

#footer {
	width: 968px;
	margin: 0 auto;
}

#footer p {
	padding-top: 8px;
	font-size: 11px;
	color: #C1948F;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}


#footer a{
	color: #C1948F;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}