﻿/*********** GENERAL / ALL D.W.T. AREAS ***********/  /*********** GENERAL / ALL D.W.T. AREAS ***********/  /*********** GENERAL / ALL D.W.T. AREAS ***********/
body        
{
	padding:10px 0 10px 0;
	margin:0;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:12px;
	color:#333;
	line-height:150%;
	background:#c0c0c0;
}

img
{
	border:0;
}

td
{
	vertical-align:top;
}

div#wrap    /*** TOTAL WRAP WIDTH = 950px INC BORDER ***/
{
	width:950px;
	margin:auto;
}


/*********** HEADER ***********/   /*********** HEADER ***********/   /*********** HEADER ***********/
div#header        
{
	height:190px;
	background:url('../images/all-pages/banner.jpg');
}

table#header-text
{
	width:950px;
	height:125px;
}

table#header-text td
{
	width:50%;
	vertical-align:bottom;
}

div#header h1        
{
	margin:0;
	padding:0 0 0 210px;
	font-size:18px;
	line-height:120%;
	color:#0a82da;
}

div#header h2        
{
margin:0;
padding:0 190px 0 0;
text-align:right;
font-size:13px;
color:#bc4200;
}

div#header h6        
{
margin:0;
padding:0 190px 0 0;
text-align:right;
font-size:15px;
font-style:italic;
color:#ccc;
}


/*********** MAIN BODY TABLE ***********/   /*********** MAIN BODY TABLE ***********/   /*********** MAIN BODY TABLE ***********/

table#main-table    
{
	border-left:6px solid #edf4f7;
	border-right:6px solid #edf4f7;
	border-bottom:6px solid #edf4f7;
	background:#fff;
	border-top:6px solid #edf4f7;
	width:100%;
}



/*********** MAIN BODY - LEFT ***********/   /*********** MAIN BODY - LEFT ***********/   /*********** MAIN BODY - LEFT ***********/

td#left-td    		/*** TOTAL LEFT TD WIDTH = 220px ***/
{
	width:220px;
	background-color:#edf4f7;
}

div#left-div     	/*** TOTAL LEFT DIV CONTENT = 200px ***/
{
	width:200px;
	margin:10px;
}

div#left-div p
{
	margin-top:5px;
	font-size:11px;
	line-height:140%;
}

/*********** MAIN BODY - RIGHT ***********/   /*********** MAIN BODY - RIGHT ***********/   /*********** MAIN BODY - RIGHT ***********/

td#right-td     	/*** TOTAL RIGHT TD WIDTH = 710px ***/
{

}

div#right-div    	 
{
	width:590px;	/********** !!! MAXIMUM CONTENT WIDTH = 590px **********/  /********** !!! MAXIMUM CONTENT WIDTH = 590px **********/
	padding:25px 25px 10px 25px;
	margin-left:25px;
	border:3px solid #edf4f7;
}

div#right-div h1
{
	padding:0;
	margin:0;
	font-size:16px;
	color:#0a82da;
}   	 

div#right-div h2
{
	padding:0;
	margin:0;
	font-size:12px;
	color:#555;
}   	 


/*********** MAIN NAVIGATION ***********/  /*********** MAIN NAVIGATION ***********/  /*********** MAIN NAVIGATION ***********/
table#nav
{
	width:200px;
}

table#nav td
{
	vertical-align:middle;
}


table#nav a
{
	padding:15px 0 20px 80px;
	display:block;
	background-image:url('../images/nav/nav.png');
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

table#nav a:hover
{
	background-image: url('../images/nav/nav-hover.png');
}

#home #nav-home,
#light-haulage #nav-light-haulage, 
#man-and-van #nav-man-and-van, 
#contact #nav-contact
{
	background-image: url('../images/nav/nav-hover.png');
}



/*********** GENERAL HYPERLINKS / ALL UNSPECIFIED HYPERLINKS ***********/  /*********** GENERAL HYPERLINKS / ALL UNSPECIFIED HYPERLINKS ***********/
a, a:visited 
{
		color:#fff;
}

a:hover, a:active
{
		color:#0c0;
}



/***********SIDE NOTE - UNDER NAV ***********/
div#side-note
{
	margin-top:40px;
	width:160px;
	height:160px;
	padding:20px;
	background-image:url('../images/all-pages/post-it-note.jpg');
	font-size:11px;
	color:#000099;
}

div#side-note h3
{
	margin:0 0 10px 0;
	padding:0;
	font-size:10px;
}




/*********** CONTACT FORM ***********/  /*********** CONTACT FORM ***********/  /*********** CONTACT FORM ***********/

#contact table#form
{
	width:100%;
	border:4px dotted #edf4f7;
	margin:10px 0 0 0;
}

#contact input
{ 
	width:160px;
	background:#edf4f7; 
}

#contact textarea
{ 
	width:270px;
	background:#edf4f7; 
	height:200px; 
}

#contact p
{
	font-size:11px;
	margin:0 0 10px 0;
}



/*********** HLS FOOTER ***********/
div#hls-footer
{
	background:#edf4f7;
	font-size:10px;
	text-align:center;
	padding:1px;
	line-height:120%;
}

span#slogan
{
		color:#000099;
		font-style:italic;
}

/*********** FOOTER INC HYPERLINKS ***********/  /*********** FOOTER INC HYPERLINKS ***********/  /*********** FOOTER INC HYPERLINKS ***********/
div#footer
{
	font-size:11px; 
	font-weight:normal; 
	text-decoration:none;
	text-align:center;
	margin:5px 0 200px 0;
}

div#footer a, div#footer a:visited
{ 
	text-decoration: none; 
	font-family: Arial, Sans-Serif; 
	color:#fff; 
}

div#footer a:hover
{ 
	color:#0d80d3;
}

/*********** END ***********/
/*********** END ***********/
