html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #eaeaea;
}

body {
	margin: 0;
	padding: 0;
	background: #eaeaea;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12pt;
	color: white;
}

#page {
	width: 800px;
	margin: 20px auto;
	background: #7e87bd url('../images/sideBorders800x1.gif') repeat-y top left;
}

#topArea {
	width: 800px;
	background: transparent url('../images/topBorder800x10.gif') no-repeat top left;
	margin: 0;
	padding: 10px 0 0 0;
}

#topImages {
	width: 798px;
	height: 220px;
	margin: 0 1px 0 1px;
	padding: 23px 0 0 0;
	text-align: right;
	background: white url('../images/truckBackdrop798x270.gif') no-repeat top left;
}

#logo, #callUs {
	width: 798px;
	text-align: right;
}

#logo {
	padding: 3px 0 21px 0;
	height: 80px;
}

#callUs {
	padding: 0 0 6px 0;
	height: 33px;
}

#strapline {
	height: 37px;	
}

#content {
	width: 798px;
	background: transparent url('../images/bgGradient1x433.gif') repeat-x top left;	
	min-height: 433px;
	margin: 0 1px;
}


#mainContent {
	border-left: 2px solid white;
	border-right: 2px solid white;
	padding: 0 20px 0 20px;
	float: left;
	width: 366px;
	margin: 14px 0 18px 0;
}

#imageContent {
	margin: 18px 0 0 18px;
	float: left;
	background: white url('../images/piccyArea156x318.gif') repeat-x top left;	
	width: 142px;
	height: 304px;
	padding: 7px;

}

#companyAdd {
	clear: left;
	padding: 15px 35px 5px 35px; 
	width: 730px;
	background: #eaeaea url('../images/bottomBorder800x10.gif') no-repeat top left;	
	font-size: 7pt;
	color: #283581;
	font-weight: bold;
	text-align: center;
}

#miniLinks {
	padding: 0 90px 0 0;
	font-size: 7.5pt;
	height: 74px;
	padding: 10px 0 0 0;
}	

#copyRight {
	padding: 4px 0 0 0;
}

#smm {
	padding: 20px 0 0 0;
}

/* ---- main menus ---- */
#mainMenu {
	padding: 18px 0 50px 34px;
	float: left;
	width: 163px;
}

#mainMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

#mainMenu ul li {
	display: block;
	margin: 0;
	padding: 0;
	height: 48px;
	width: 145px;
}

#mainMenu ul li a,
#mainMenu ul li a:link,
#mainMenu ul li a:active,
#mainMenu ul li a:visited {
	display: block;
	color: white;
	font-size: 9pt;
	font-weight: bold;
	height: 42px;
	vertical-align: 50%;
	width: 90px;
	text-decoration: none;
	padding: 6px 55px 0 0;
	margin: 0px;
}

#mainMenu ul li a:hover {
	color: #b3b8d6;
}


/* -- menu icons -- */
#home {
	background: transparent url('../images/home42x42.gif') no-repeat top right;		
}
#home:hover {
	background: transparent url('../images/homeOver42x42.gif') no-repeat top right;		
}
#haulage {
	background: transparent url('../images/haulage42x42.gif') no-repeat top right;		
}
#haulage:hover {
	background: transparent url('../images/haulageOver42x42.gif') no-repeat top right;		
}
#warehousing {
	background: transparent url('../images/warhousing42x42.gif') no-repeat top right;		
}
#warehousing:hover {
	background: transparent url('../images/warhousingOver42x42.gif') no-repeat top right;		
}
#airfreight {
	background: transparent url('../images/airFreight42x42.gif') no-repeat top right;		
}
#airfreight:hover {
	background: transparent url('../images/airFreightOver42x42.gif') no-repeat top right;		
}
#couriers {
	background: transparent url('../images/expressCouriers42x42.gif') no-repeat top right;		
}
#couriers:hover {
	background: transparent url('../images/expressCouriersOver42x42.gif') no-repeat top right;		
}
#aboutUs {
	background: transparent url('../images/aboutUs42x42.gif') no-repeat top right;		
}
#aboutUs:hover {
	background: transparent url('../images/aboutUsOver42x42.gif') no-repeat top right;		
}
#contactUs {
	background: transparent url('../images/contactUs42x42.gif') no-repeat top right;		
}
#contactUs:hover {
	background: transparent url('../images/contactUsOver42x42.gif') no-repeat top right;		
}

/* -- big icons -- */
div.home {
	background: transparent url('../images/homeIcon87x83.gif') no-repeat bottom right;	
}
div.haulage {
	background: transparent url('../images/haulageIcon87x84.gif') no-repeat bottom right;	
}
div.warehousing {
	background: transparent url('../images/warehousingIcon87x84.gif') no-repeat bottom right;	
}
div.airfreight {
	background: transparent url('../images/airFreightIcon87x83.gif') no-repeat bottom right;	
}
div.couriers {
	background: transparent url('../images/expressCouriersIcon87x83.gif') no-repeat bottom right;	
}
div.aboutUs {
	background: transparent url('../images/aboutUsIcon87x83.gif') no-repeat bottom right;	
}
div.contactUs {
	background: transparent url('../images/contactUsIcon87x84.gif') no-repeat bottom right;	
}


/* -------------- contact page form classes -------------- */


#mailform {
	padding: 15px 0 0 0;
}

#mailform h3 {
	clear: left;
}

div.controlBlock {
	width: 366px;
	clear: left;
}

#mailform label {
	padding-top: 1px;
	float: left;
	color: white;
	font-size: 9pt;
	display: block;
	width: 80px;
	text-align: right;
	margin: 0 10px 0 0;
}

#mailform label.checkbox {
	padding-top: 5px;
	float: left;
	color: white;
	font-size: 9pt;
	display: block;
	width: 250px;
	text-align: left;
	margin: 0 10px 0 0;
}

#mailform div.inputBlock {
	float: left;
	margin: 0 0 5px 0;
	width: 220px;
	color: white;
	font-size: 9pt;
}

#mailform input.text {
	border: 1px solid white;
	font-size: 9pt;
	color: #283581;
	padding: 1px 3px;
}

#mailform textarea.textarea {
	border: 1px solid white;
	font-size: 9pt;
	color: #283581;
	padding: 1px 3px;
}

#mailform input.text.small {
	width: 100px;
}
#mailform input.text.standard {
	width: 220px;
}
#mailform input.text.smallish {
	width: 120px;
}
#mailform input.text.standard {
	width: 220px;
}

#mailform textarea.textarea.smallish {
	width: 120px;
	height: 48px;
}
#mailform textarea.textarea.standard {
	width: 220px;
	height: 150px;
}

#buttonBlock {
	clear: left;
	padding-left: 110px;
}

input.actionBtn {
	border: solid;
	border-width: 2px;
	border-color: #949ac0;
	background: #d4d7e6;
	color: #283581;
	font-size: 8pt;
	padding: 0;
	margin: 0;
}

input.actionBtn:hover {
	border-color: #283581;
	background: #283581;
	color: white;
}

div.cssButton {
	float: left;
	height: 33px;
	width: 80px;
	background: transparent url('../images/buttonRight300x33.gif') no-repeat top right;	
}

div.cssButton a {
	display: block;
	background: transparent url('../images/buttonLeft15x33.gif') no-repeat top left;	
	padding: 8px 15px;
	height: 17px;
	font-size: 10pt;
	text-align: center;
}

div.clearLeft {
	clear: left;
}


/* -------------- contact page form classes -------------- */

/* -- text classes --*/

h1 {
	margin: 0 0 15px 0;
}

#miniLinks a,
#miniLinks a:link,
#miniLinks a:active,
#miniLinks a:visited {
	color: white;
}

#miniLinks a:hover {
	color: #b3b8d6;
}

a,
a:link,
a:active,
a:visited {
	color: white;
	font-weight: bold;
}

a:hover {
	color: #b3b8d6;
}

span.emphasise {
	font-weight: bold;
}

#rhaLogo {
	float: left;
	margin: 0 10px 0 0;
}

#terms {
	clear: left;
}

#terms p, #terms li {
	font-size: 10pt;
	margin: 0 0 5px 0;
}