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

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Arial, Verdana, Helvetica, sans-serif;
}

/*-- MAKE THE RIGHT HAND SCROLL BAR ALWAYS VISIBLE - FOR JQUERY NAV --*/
html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}


/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

img {border: 0;}

body
{
  margin: 19px 0 0 0;
  /*background: url(/images/bg_page.gif) top left repeat-x #32312b;*/
  background-color:#CBCBCB;
  color: #333333;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  min-width: 960px;
  text-align: center;
}


a:link {text-decoration: none; color: #FFFD08; background-color: transparent;}
a:visited {text-decoration: none; color: #FFFD08; background-color: transparent;}
a:hover {text-decoration: underline; color: #FFFD08; background-color: transparent;}

/*-- GENERAL BITS --*/
.container {margin: 0 auto; width: 800px; padding: 0; border: 0; position: relative; text-align: left;}

/*-- HEADER--*/
.headerArea {float: left; display: inline; width: 800px; height:115px; margin: 0; padding: 0; background: url(images/top.jpg) top left no-repeat #000066;}

/*-- INTRO HEADER--*/
.headerAreaIntro {float: left; display: inline; width: 799px; height:40px; margin: 0; padding: 0; background: url(images/top2.jpg) top left no-repeat #000066;}

.headerNavBar {display:inline; float:left; height:30px; width:800px; background: url(images/main_bg.jpg) top left repeat-y; text-align:center; font-weight:bold; color:#FFFD08;}
	.headerNavBar ul {list-style: none; margin: 0 0 0 0; padding: 0 0 5px 40px; text-align:center;  border-bottom:1px solid #FFFD08; font-size:14px;}
	.headerNavBar li {display: inline; padding: 0 0 10px 0; margin: 0 20px 0 0; height: 18px; padding:5px;}
	.headerNavBar li a:link {text-decoration: none; color:#FFFFFF;}
	.headerNavBar li a:visited {text-decoration: none; color:#FFFFFF;}
	.headerNavBar li a:active {text-decoration: none; color:#FFFD08;}
	.headerNavBar li a:hover {text-decoration: none; color: #FFFD08;}

.mainArea {float: left; display: inline; width: 800px; margin: 0 0 0 0; padding: 0; background: url(images/main_bg.jpg) top left repeat-y #000066;}

.leftColumn {float: left; display: inline; width: 130px; margin:20px 10px 10px 2px; padding:0; color: #FFFD08; background-color:#000066;}
	.leftColumn ul {list-style: none; margin: 0; padding: 0; font-size:12px; margin:30px 0 10px 0;}
	.leftColumn li {padding: 0 0 0 4px; margin: 0;}
	.leftColumn li a:link {text-decoration: none; color:#FFFFFF; background-color: transparent;}
	.leftColumn li a:visited {text-decoration: none; color:#FFFFFF; background-color: transparent;}
	.leftColumn li a:active {text-decoration: none; color:#FFFD08; background-color: transparent;}
	.leftColumn li a:hover {text-decoration: none; color: #FFFD08; background-color: transparent;}
	
.mainColumn {float: left; display: inline; width: 628px; margin:0 0 0 5px;}
	.mainColumn h1 {color:#FFFD08; font-size:18px; font-weight:normal; margin:10px 0 3px 0; line-height:1.5em; border:0; border-bottom:1px solid #FFFFFF;}
	
.introFlashHolder {width:800px; text-align:center; margin:40px 0 40px 0;}
	.introFlashHolder p {margin:50px 0 50px 0;}

.mainTextArea {float: left; display: inline; background-color:#0066CC; color:#FFFFFF; width:628px;}
	.mainTextArea h2 {font-size:14px; margin:10px 0 0 20px;}
	.mainTextArea h3 {font-size:16px; margin:10px 0 10px 30px; font-weight:normal; text-align:center; font-style:italic;}
	.mainTextArea h3 strong {color:#000033;}
	.mainTextArea p {font-size:12px;}

.footerArea {float: left; display: inline; width: 800px; height:40px; margin: 0; padding: 11px 20px 10px 20px; background: url(images/bottom.jpg) top left no-repeat; font-size:10px; color:#999999; text-align:center; line-height:1.2em;}
.footerLeft {width:300px; display:inline; float:left;}
.footerRight {width:300px; display:inline; float:right;}

.homeTop {margin:10px 20px 10px 20px;}
.homeBottom {margin:10px 20px 10px 20px; background:url(images/Malc.jpg) bottom right no-repeat; padding:0 170px 0 0; height:115px;}

.warehousingTop {background:url(images/Dsc02145.jpg) top right no-repeat #0066CC; padding:0 195px 0 0; margin:10px 20px 10px 20px;}
.warehousingBottom {background:url(images/Dsc02138.jpg) top left no-repeat #0066CC; padding:0 0 0 180px; margin:10px 20px 20px 20px;}

.transportTop {margin:10px 20px 10px 20px;}
.transportBottom {background:url(images/collage_small.jpg) bottom right no-repeat #0066CC; padding:0 210px 0 0; margin:10px 20px 10px 20px;}
.transportFlashHolder {margin:0 20px 0 0; padding:0; width200px; height:140px; display:inline; float:right;}

.deliveryTop {background:url(images/Deliveries.jpg) top right no-repeat #0066CC; padding:0 195px 0 0; margin:10px 20px 10px 20px;}
.deliveryBottom {background:url(images/2trucks.jpg) top left no-repeat #0066CC; padding:0 0 0 180px; margin:10px 20px 20px 20px;}

.consignmentTop {background:url(images/globe2.jpg) top left no-repeat #0066CC; padding: 0 0 0 180px; margin:10px 20px 10px 20px; height:153px;}
.consignmentBottom {background:url(images/Dsc02143.jpg) top right no-repeat #0066CC; padding: 0 195px 0 0; margin:10px 20px 20px 20px; height:131px;}

.packagingTop {background:url(images/pallet.jpg) top left no-repeat #0066CC; padding: 0 0 0 180px; margin:10px 20px 10px 20px; height:145px;}
.packagingBottom {background:url(images/Dsc02137.jpg) top right no-repeat #0066CC; padding: 0 195px 0 0; margin:10px 20px 20px 20px; height:181px;}

.contactSimon {background:url(images/Simon.jpg) top left no-repeat #0066CC; padding: 0 0 0 85px; margin:10px 20px 10px 20px; height:75px;}
 .contactSimon p {margin: 5px 0 5px 0;}

.contactAdmin {padding: 0; margin:10px 20px 10px 20px;}
 .contactAdmin p {margin: 5px 0 5px 0;}