/*-----------------------------GENERAL RESET----------------------------*/

html, body, div, span, img,
h1, h2, h3, h4, h5, h6,
small, big, em, strong, i, b, p
{
  margin:           0;
  padding:          0;
  border:           0;
  text-align:       left;
  text-decoration:  inherit;
  font-weight:      inherit;
  font-family:      arial;
  font-style:       inherit;
  font-size:        inherit;
  vertical-align:   inherit;
}

img, div, span {
  vertical-align:   baseline;
}

div {
  position:         relative;
  overflow:         hidden;
  font-size:        1em;
}

small {
  font-size:        0.8em;
}

big {
  font-size:        1.2em;
}

em, i {
  font-style:       italic;
}

strong, b {
  font-weight:      bold;
}

p img {
  vertical-align:   middle;
}

/*-----------------------------TEXT AND HEADINGS----------------------------*/

p {
  padding:          2px 10px 18px 10px;
}

h1, h2, h3, h4, h5, h6, th {
  font-weight:      normal;
  color:            #0053A0;
}

h1 {
  padding:          15px 10px 18px 10px;
  font-size:        1.8em;
  line-height:      1.2em;
}

h3 {
  border:           1px solid #0053A0;
  border-width:     0px 0px 1px 0px;
  margin:           0px 10px 10px 10px;
  padding:          6px 0px 4px 0px;
  font-size:        1.25em;
  font-weight:      bold;
  line-height:      1.2em;
}

h4 {
  font-size:        1.0em;
  padding:          5px 10px 4px 10px;
  font-weight:      bold;
}

h5 {
  border:           1px solid #0053A0;
  border-width:     0px 0px 1px 0px;
  margin:           0px 10px 10px 10px;
  padding:          0px 0px 6px 0px;
  font-size:        1.25em;
  font-weight:      bold;
  line-height:      1.2em;
}

h5 a {
	text-decoration:none;
}

h5 a:hover {
	text-decoration:underline;
}

h6 {
  border:           1px solid #FFFFFF;
  border-width:     0px 0px 1px 0px;
  margin:           0px 10px 10px 10px;
  padding:          0px 0px 6px 0px;
  font-size:        1.25em;
  font-weight:      bold;
  line-height:      1.2em;
}

h6 a {
	text-decoration:none;
}

h6 a:hover {
	text-decoration:underline;
}
a {
  text-decoration:  underline;
  color:            #0053A0;
}

/*-----------------------------FLOATS----------------------------*/

.float-right {
  float:            right;
  display:          inline;
  padding:          4px 10px 10px 25px;
}

.float-left {
  float:            left;
  display:          inline;
  padding:          4px 10px 20px 10px;
}

.float-clear {
  clear:            both;
}

.float-clear-left {
  clear:            left;
}

.float-clear-right {
  clear:            right;
}

/*-----------------------------MISC----------------------------*/

.blue {
  color:            #0053A0;
}

.no_top_pad {
  padding-top:      0px;
}

/*-----------------------------BODY----------------------------*/

body {
  color:            #555555;
  background:       #ffffff url('../images/page_frame/background.gif') repeat-x fixed bottom left;

  padding:          2% 1% 2% 1%;
  font-size:        12px;
  line-height:      18px;
  font-family:      arial, sans-serif;
}

#content {
  width:            918px;
  margin:           0px auto 0px auto;
}

/*-----------------------------HEAD----------------------------*/

#head {
  width:            918px;
  height:           333px;
  background:       url('../images/page_frame/head.jpg') no-repeat scroll top center;
}

#headwhouse {
  width:            918px;
  height:           333px;
  background:		url('../images/page_frame/warehouse.jpg') no-repeat scroll top center;
}

#headpp {
  width:            918px;
  height:           333px;
  background:		url('../images/page_frame/unload_truck.jpg') no-repeat scroll top center;
}

#headdestuff {
  width:            918px;
  height:           333px;
  background:		url('../images/page_frame/container_destuff.jpg') no-repeat scroll top center;
}

#headaccred {
  width:            918px;
  height:           333px;
  background:		url('../images/page_frame/racking.jpg') no-repeat scroll top center;
}

#headteam {
  width:            918px;
  height:           333px;
  background:		url('../images/page_frame/overhead.jpg') no-repeat scroll top center;
}

#headsafety {
  width:            918px;
  height:           333px;
  background:		url('../images/page_frame/safety.jpg') no-repeat scroll top center;
}

#headenvironment {
  width:            918px;
  height:           333px;
  background:		url('../images/page_frame/environmenthead.jpg') no-repeat scroll top center;
}

#headtruck {
  width:            918px;
  height:           333px;
  background:		url('../images/page_frame/truck.jpg') no-repeat scroll top center;
}

#headrack {
  width:            918px;
  height:           333px;
  background:		url('../images/page_frame/racking2.jpg') no-repeat scroll top center;
}

#headscan {
  width:            918px;
  height:           333px;
  background:		url('../images/page_frame/scanner.jpg') no-repeat scroll top center;
}

#clientshead {
  width:            918px;
  height:           333px;
  background:		url('../images/page_frame/clientshead.jpg') no-repeat scroll top center;
}

#headabout {
  width:            918px;
  height:           333px;
  background:		url('../images/page_frame/abouthead.jpg') no-repeat scroll top center;
}

#serviceshead {
  width:            918px;
  height:           333px;
  background:		url('../images/page_frame/serviceshead.jpg') no-repeat scroll top center;
}

#distributionhead {
  width:            918px;
  height:           333px;
  background:		url('../images/page_frame/distributionhead.jpg') no-repeat scroll top center;
}

#head_text {
  position:         absolute;
  top:              170px;
  right:            21px;
  width:            300px;
  color:            #ffffff;
}

#head_text h1 {
  padding:          15px 10px 5px 10px;
  color:            #ffffff;
}

#head_text p {
  font-size:        0.9em;
  font-weight:bold;
  line-height:      1.3em;
}

#head_text a {
  color:            #ffffff;
}

#menu_left, #menu_right {
  position:         absolute;
  bottom:           0px;
  margin:           0px;
  padding:          0px;
  list-style:       none;
}

#menu_left {
  left:             4px;
}

#menu_right {
  right:            4px;
}

#menu_left li, #menu_right li {
  float:            left;
  margin:           0px;
  padding:          0px;
  border:           1px solid #ffffff;
}

#menu_left li {
  border-width:     0px 1px 0px 0px;
}

#menu_right li {
  border-width:     0px 0px 0px 1px;
}

#menu_left a, #menu_right a {
  display:          block;
  padding:          7px 14px 8px 14px;
  float:            left;
  text-decoration:  none;
  font-weight:      bold;
  font-size:11px;
  color:            #333333;
}

#menu_left a:hover, #menu_right a:hover,
#menu_left a.selected, #menu_right a.selected {
 border:           1px solid #0053A0;
 border-width:     0px 0px 6px 0px;
 padding:          7px 14px 2px 14px;}

#menu_home {
  padding-left:     31px !important; 
}

/*-----------------------------MIDDLE----------------------------*/

#middle {
  width:            880px;
  padding:          15px 14px 0px 24px;
  background:       url('../images/page_frame/middle.png') repeat-y scroll top center;
}

div.left_block {
  float:            left;
  width:            575px;
  padding:          0px 14px 0px 0px;
  background:       url('../images/page_frame/middle.png') repeat-y scroll top right;
}



div.left_block li {
  padding: 0 0 10px 0;
}


div.left_block ul {
 padding-bottom: 0px;
}

div.left_block p {
 padding-bottom: 10px;
}

div.left_block h4 {
  padding: 0 0 10px 10px;
}

div.right_block {
  float:            right;
  width:            280px;
  padding:          14px 0px 0px 0px;
  font-size:        0.9em;
  line-height:      1.4em;
}

div.right_blockmap {
  float: right;
  clear:right;
  width: 197px;
  display: block;
  padding-bottom: 10px;
  padding-right: 5px;
}

/*-----------------------------FOOT----------------------------*/

#foot_divide {
  width:            918px;
  height:           37px;
  background:       url('../images/page_frame/foot_divide.png') repeat-y scroll top center;
}

#foot {
  font-size:        10px;
  line-height:      14px;
  width:            858px;
  padding:          0px 30px 10px 30px;
  background:       url('../images/page_frame/middle.png') repeat-y scroll top center;
}

#foot_base {
  width:            918px;
  height:           20px;
  background:       url('../images/page_frame/foot_base.png') no-repeat scroll top center;
}

#foot a {
  color:            #555555;
}

#foot a:hover, #foot a:active {
  color:            #0053A0;
}

#foot_logos {
  position:         absolute;
  right:            24px;
  top:              2px;
}