/*** GENERAL SCREEN LAYOUT STYLES ***/

#Main
{
	width:932px;
	margin:0px auto;
	margin-top:70px;
	padding:0px;
	background-color:#fff;
}

#Header
{
	padding:10px;
}

/*--------------------------------------------
	NAVIGATION
--------------------------------------------*/

#Nav 
{
	width:620px;
	height:32px;
	float:left;
	font-size:10px;
	color:#ffffff;
	background-color:#ffffff;
	background-image:url('/Images/mainnavbg.gif');
	background-repeat:no-repeat;
}

#Nav ul.Level1
{
	width:620px;
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#Nav ul.Level1 li
{
	color:#ffffff;
	font-weight:bold;
	float: left;
	text-align:center;
	position: relative;
	display:block;
}

#Nav ul.Level1 li a
{
	text-decoration:none;
	float:left;
	padding-top:10px;
	min-height:22px;
	display:block;
	color:#ffffff;
	text-transform: uppercase;
	line-height:normal;
}

* html #Nav ul.Level1 li a
{
	height:22px;
}

#Nav ul.Level2 
{
	list-style-type:none;
	margin: 0;
	padding: 0;
	width:150px;
	float:left;
	z-index: 500;
	top:32px;
	left:0px;
	position:absolute;
	display:none;	
}

#Nav ul.Level2 li
{
	font-weight:bold;
	float: left;
	display:block;
	text-align:left;
}

#Nav ul.Level2 li a
{
	display:block;
	color:#ffffff;	
	background-color:#333333;
	opacity:.70;
	filter: alpha(opacity=70); 
	-moz-opacity: 0.7;	
	width:180px;
	padding:4px 15px 4px 15px;
	min-height:14px;
	border-bottom:solid 1px #999999;
	font-weight:bold;
	text-transform:none;
	line-height:normal;
}

* html #Nav ul.Level2 li a
{
	height:14px;
}

#Nav ul.Level2 li a:hover
{
	background-color:#bbbbbb;
	color:#000000;
}

div#Nav ul li:hover ul
{
	display: block;
}

#Nav ul li a.home
{
	width:99px;
}

#Nav ul li a:hover.home
{
	background-image:url('/Images/navhomeover.gif');
	width:99px;
}

#Nav ul li a.homeCurrentActive, a.homActive
{
	background-image:url('/Images/navhomeover.gif');
	width:99px;
}

#Nav ul li a.about
{
	width:96px;
}

#Nav ul.Level1 li:hover
{
	background-color:#434343;
}

#Nav ul li a.aboutCurrentActive, a.aboutActive, a:hover.aboutActive
{
	background-color:#434343;
	width:96px;
	
}

#Nav ul li a.service
{
	width:96px;
}

#Nav ul li a.serviceCurrentActive, a.serviceActive, a:hover.serviceActive
{
	background-color:#434343;
	width:96px;
}

#Nav ul li a.news
{
	width:70px;

}

#Nav ul li a.newsCurrentActive, a.newsActive, a:hover.newsActive
{
	background-color:#434343;
	width:70px;

}

#Nav ul li a.online
{
	width:138px;

}

#Nav ul li a.onlineCurrentActive, a.onlineActive, a:hover.onlineActive
{
	background-color:#434343;
	width:138px;

}

#Nav ul li a.contact
{
	width:121px;

}

#Nav ul li a.contactCurrentActive, a.contactActive, a:hover.contactActive
{
	background-color:#434343;
	width:121px;

}
	
#Content
{
	width:610px;
	float:left;
}

#Footer
{
	border-top:1px solid #000;
	padding:10px;
}

.Mandatory
{
	background-image:url(../Images/IconMandatory.gif);
	background-repeat:no-repeat;
	display:block;
	height:16px;
	width:16px;
	float:right;
	margin-right:-4px;
}

/*** FORMBUILDER STYLES ***/

.FormBuilderMandatory
{
	float:right;
	background-image:url(../Images/IconMandatory.gif);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	overflow:hidden;
	margin-top:2px;
}

.FormBuilderMandatory span
{
	position:relative;
	left:-10000px;
}

div#NewsListing ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

div#NewsListing ul li a
{
	text-decoration:none;
	color:#000000;
}

img#MainAlteringLogo
{
	width:620px;
}

div#FooterLinks a:hover
{
	background-color:#000000;
}

ul#TOC li a
{
	font-family:Arial;
	font-size:10px;
	line-height:normal;
}

/**** ONLINE BOOKING BUTTON ****/
/*** Added by James Aug 2008 ***/

#OnlineBookingsLink
{
	position:absolute;
	top:140px;
	left:18px;
}

#OnlineBookingsLink a
{
	display:block;
	width:279px;
	height:86px;
	background-image:url(/Images/OnlineBookings.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#OnlineBookingsLink a:hover
{
	background-position:0px -88px;
}


/*** STYLES FOR ONLINE SERVICES & SATFEY OHS BUTTONS ***/

#LeftNavigation
{
	width:312px;
	height:304px;
	background-color:#3f3f3f;
}

#LeftNavigation ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}


#LeftNavigation ul li
{
	margin:0px;
	padding:0px;
	float:left;
	display:block;
	width:312px;
}

#LeftNavigation ul li a
{
	display:block;
	width:312px;
	margin:0px;
	padding:0px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#LeftNavigation ul li.StorageNav a:hover,
#LeftNavigation ul li.TrucksNav a:hover,
#LeftNavigation ul li.CouriersNav a:hover,
#LeftNavigation ul li.ConstructionNav a:hover
{
	background-image:none;
}

#LeftNavigation ul li.CouriersNav
{
	background-image:url(/Images/leftnav1couriers.jpg);
	background-position:0px -77px;
}

#LeftNavigation ul li.CouriersNav a
{
	background-image:url(/Images/leftnav1couriers.jpg);
	height:77px;
}

#LeftNavigation ul li.TrucksNav
{
	background-image:url(/Images/leftnav2taxitrucks.jpg);
	background-position:0px -69px;
}

#LeftNavigation ul li.TrucksNav a
{
	background-image:url(/Images/leftnav2taxitrucks.jpg);
	height:69px;
}


#LeftNavigation ul li.ConstructionNav
{
	background-image:url(/Images/leftnav3construction.jpg);
	background-position:0px -77px;
}


#LeftNavigation ul li.ConstructionNav a
{
	background-image:url(/Images/leftnav3construction.jpg);
	height:77px;
}


#LeftNavigation ul li.StorageNav
{
	background-image:url(/Images/leftnav4storage.jpg);
	background-position:0px -81px;
}

#LeftNavigation ul li.StorageNav a
{
	background-image:url(/Images/leftnav4storage.jpg);
	height:81px;
}

#OnlineServices
{
	width:156px;
	left:0px;
	top:0px;
	position:absolute;
}

#SafetyOHS
{
	width:155px;
	position:absolute;
	right:0px;
	top:0px;
}

.OnlineServicesLink
{
	width:156px;
	height:114px;
	background-position:0px 0px;
	background-image:url(/Images/OnlineServices.jpg);
	display:block;
}

.SafetyOHSLink
{
	width:155px;
	height:114px;
	background-position:0px 0px;
	background-image:url(/Images/SafetyOHS.jpg);
	display:block;
}

.OnlineServicesLink:hover,
.SafetyOHSLink:hover
{
	background-position:0px -114px;
}

.ServicesText
{
	font-weight:bold;
	color:#ffffff;
	font-size:12px;
	display:block;
	text-align:center;
}
 
#OnlineServices .ServicesText
{
	margin:0px 12px 0px 26px;
}

#SafetyOHS .ServicesText
{
	margin:0px 26px 0px 12px;
}



