/*=====[ January 2005 . Author John Oxton (joshuaink.com) ]=====*/


/* Kill margin and padding on all elements - because different browsers have different defaults */
*{
	margin:0;
	padding:0;
}

html{
/* Fixes background nastiness when a sidebar is open in Firefox */
	min-width:778px;
}

body{
/* Use backgound image as opposed to colour so that site is still functional if images are off */
	background:white url(bgtop.gif) 0 0 repeat-x;
/* Shove all content to the center of the screen for Internet Explorer 5 */
	text-align:left;
}

/*=====[ Set up container divs and add background tiles ]=====*/

#pageheadContainer,
#contentContainer,
#footContainer{
/* 100% so we can create the fullscreen width backgrounds */
	width:100%;
}

#pageheadContainer{
	background:transparent url(trans.gif) 0 100% repeat-x;
}

#contentContainer{
	background:white url(contentbg.gif) 0% 100% repeat-y;
/* Float left to prevent floated child divs(#article & #subContent) overflowing . aka the FnE method http://www.orderedlist.com/articles/clearing_floats_fne */
	float:left;
}

#footContainer{
	background:transparent url(footer.jpg) 0 0 repeat-x;
	clear:both;
}

#pagehead,
#content,
#foot{
/* Set widths for "sub" container divs and center on the screen . fluid you say? I think not sir, you are quite mad! */
	width:778px;
	margin:0;
/* Position relative so we can position children absolutley but keep them relative to their parents and not the document root - confused? Me too! */
	position:relative;
/* Shove the content back where it should be now we have convinced IE5 that center aligned websites are, infact, groovy (see body{}) */
	text-align:left;
}

#pagehead{
	height:265px;
}
#topbg{
	background-image:url(headbg.jpg);
	height:44px;
	text-align:right;
}
#topbg p{
	padding-top:20px;
	margin:0px;
	padding-right:15px;
}
#topbg IMG{
	border:0px;
	padding:2px;
}
#topbg a {
	font-family: Tahoma;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#topbg a:hover {
	color: #FFCC66;
	background-color:inherit;
}
#topnev{
	width:778px;
	height:32px;
}
#home
{
margin:0px;
width:63px;
height:32px;
position:absolute;
}
#about
{
margin-left: 63px;
width:81px;
height:32px;
position:absolute;
}
#services
{
margin-left: 144px;
width:81px;
height:32px;
position:absolute;
}
#lo
{
margin-left: 225px;
width:93px;
height:32px;
position:absolute;
}
#dc
{
margin-left: 318px;
width:118px;
height:32px;
position:absolute;
}
#contact
{
margin-left: 436px;
width:111px;
height:32px;
position:absolute;
}
#date
{
margin-left: 547px;
width:231px;
height:32px;
position:absolute;
background-image:url(nevleft.jpg);
background-repeat:no-repeat;
text-align:right;
}
#date p
{
margin:0px;
padding-top:12px;
}
#header
{
margin:0px;
width:778px;
height:189px;
}
#logo
{
width:225px;
height:189px;
position:absolute;
background-image:url(logo.jpg);
background-repeat:no-repeat;
}
#mainimage
{
margin-left:225px;
width:553px;
height:189px;
position:absolute;
background-image:url(head.jpg);
background-repeat:no-repeat;
}
#foot{
	height:48px;
	text-align:center;
}
#foot p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4C4C4C;
text-decoration:none;
padding-top:20px;
}
#foot a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4C4C4C;
text-decoration:none;
}
#foot a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4C4C4C;
text-decoration:underline
}
ul {
   font: 11px Tahoma, Arial, sans-serif;
   margin-left: 1em;
   padding-left: 25px;
   color: #333;
}

/* More backgounds, we need more backgrounds! */
#pagehead{
	background:transparent url(../candy/pageheadBackground2.png) 0 100% repeat-x;
}

#content{
/* Add drop shadow/fading backgound to top of content area . doesn't work on IE5/MAC . oh the shame! */
	background:transparent url(contentbg.gif) 0 0 no-repeat;
/* Ensure this background tile is never cut short, min-height for Firefox and pals, _height 'hack' for Internet Exploiter */
	min-height:300px;
	height:300px;
}

#foot{
	background:transparent url(footer.jpg) 100% 0 repeat-x;
}

/*=====[ Set up two column layout for articles and subcontent ]=====*/

#article{
	width:554px;
	float:left;
	padding:25px 0 5px 0;
	margin-left:0px;
	background-image:url(maintextbg.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#servicesin{
width:333px;
background-image:url(boxbg.jpg);
background-repeat:repeat-x;
}
#servicestab {
	width:338px;
	float:left;
	background-image:url(vertidot.jpg);
	background-repeat:repeat-y;
	background-position:top right;
	margin-left:5px;
}
#trucking {
	width:535px;
	height:62px;
	clear:both;
	margin-left:5px;
}
#trucking1 {
	width:177px;
	height:62px;
	float:left;
	padding-top:15px;
	margin:0px;
}
#trucking2 {
	width:170px;
	height:62px;
	float:left;
	padding-top:15px;
	padding-left:2px;
	margin:0px;
}
#trucking3 {
	width:177px;
	height:62px;
	margin-left:2px;
	float:left;
	padding-top:15px;
	padding-left:2px;
	margin:0px;
}
#formimage {
	width:259px;
	height:65px;
	float:left;
	padding-top:15px;
	margin:0px;
}
#trackingimage {
	width:259px;
	height:65px;
	float:left;
	padding-top:15px;
	padding-left:5px;
	margin:0px;
}
#news {
	width:191px;
	float:left;
	padding:3px 0 0px 0;
	background-image:url(boxbg.jpg);
	background-repeat:repeat-x;
}

#subContent{
/* Fix double margin bug in IE on floats using display:inline */
	display:inline;
	width:224px;
	float:left;
	padding:0px 00px 0;
	margin-left:0px;
	}
#whychose
{
width:224px;
height:52px;
}
#leftimage
{
width:186px;
height:131px;
margin-left:30px;
}
#map
{
width:186px;
margin-left:30px;
margin-top:10px;
margin-bottom:10px;
}
#hline2
{
width:177px;
height:5px;
background-image:url(horidot.jpg);
background-repeat:repeat-x;
}
#moredetail
{
width:177px;
height:20px;
padding-top:5px;
}
#hline
{
width:177px;
height:5px;
margin-left:23px;
background-image:url(horidot.jpg);
background-repeat:repeat-x;
}