/*
----------------------
A.Pettifor and Son LTD
----------------------
*/

/*
-----------------
Consistent Styles
-----------------
*/

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	background: #ffffff repeat top left;
}

.clear
{
	clear: both;
}

div#container
{
	width: 1080px;
	margin: auto;
}

div#header
{
	width: 1080px;
	float: left;
	display: inline;
	background: url(../images/header-bg.jpg) no-repeat top left;
}

div#header h1
{
	float: left;
	display: inline;
	background: url(../images/header.jpg) no-repeat top left;
	text-indent: -8000px;
	margin-left: 162px;
}

div#header h1 a
{
	display: block;
	width: 706px;
	height: 69px;
}

div#header p
{
	float: left;
	display: inline;
	width: 1080px;
	height: 251px;
	background: url(../images/telephone-bg.jpg) no-repeat top left;
}

div#header p span
{
	float: left;
	display: inline;
	background: url(../images/telephone.jpg) no-repeat top left;
	width: 378px;
	height: 123px;
	text-indent: -8000px;
	margin: 93px 0px 0px 162px;
}

div#cmscontent
{
	width: 1080px;
	float: left;
	display: inline;
	background: #ffffff repeat-y top left;
}

div#cmscontent h2
{
	float: left;
	display: inline;
	text-indent: -8000px;
	margin: 37px 0px 16.5px 197px;
	width: 331px;
	height: 66px;
}

div#cmscontent p
{
	padding: 13.5px 218px 13.5px 215px;
	font: normal 0.9em arial;
	color: #a1a1a1;
	clear: both;
}

div#cmscontent p.title
{
	color: #000000;
	text-align: center;
}

div#cmscontent p.center
{
	text-align: center;
}

div#cmscontent div#photos
{
	float: left;
	display: inline;
	margin: 57px 0px 20px 213px;
}

div#cmscontent div#photos img
{
	float: left;
	display: inline;
	margin-right: 23px;
}

div#footer
{
	float: left;
	display: inline;
	width: 780px;
	background: url(../images/footer.gif) no-repeat top left;
	margin: 18.5px 0px 0px 150px;
}

div#footer ul#sub-nav
{
	float: left;
	display: inline;
	margin: 20px 0px 22px 45px;
}

div#footer ul#sub-nav li
{
	float: left;
	display: inline;
}

div#footer ul#sub-nav li a
{
	color: #ffffff;
	font: normal 0.65em arial;
	text-transform: uppercase;
	padding-right: 11px;
	text-decoration: none;
}

div#footer p
{
	text-align: center;
	color: #000000;
	clear: both;
	font: normal 0.65em arial;
	text-transform: uppercase;
	margin: 0px 0px 14px 0px;
}

/*
------------------------
End of consistent styles
------------------------
*/

/*-----------Navigation--------------*/

div#cmsnav ul
{
	list-style-type: none;
	float: left;
	display: inline;
	background: #ffffff repeat top left;
	margin-left: 155px;
}

div#cmsnav ul li 
{
	float:left;
	display:inline;
	padding-top: 19px;
}

div#cmsnav ul li a
{
	display:inline;
	float:left;	
	display:block;
	text-indent:-8000px;
}

div#cmsnav ul li#navhome a{ background-image:url(../images/bttn-off-home.gif); height:39px; width:48px;}
div#cmsnav ul li#navcommercial a{ background-image:url(../images/bttn-off-commercial.gif); height:39px; width:192px;}
div#cmsnav ul li#navcontact a{ background-image:url(../images/bttn-off-contact.gif); height:39px; width:63px;}
div#cmsnav ul li#navsolid a{ background-image:url(../images/bttn-off-solid.gif); height:39px; width:122px;}
div#cmsnav ul li#navstorage a{ background-image:url(../images/bttn-off-storage.gif); height:39px; width:170px;}
div#cmsnav ul li#navtransport a{ background-image:url(../images/bttn-off-transport.gif); height:39px; width:88px;}
div#cmsnav ul li#navabout a{ background-image:url(../images/bttn-off-about.gif); height: 39px; width: 61px;}

body.homepg div#cmsnav ul li#navhome a{ background-image:url(../images/bttn-on-home.gif); height:39px; width:48px;}
body.commercialpg div#cmsnav ul li#navcommercial a{ background-image:url(../images/bttn-on-commercial.gif); height:39px; width:192px;}
body.contactpg div#cmsnav ul li#navcontact a{ background-image:url(../images/bttn-on-contact.gif); height:39px; width:63px;}
body.solidpg div#cmsnav ul li#navsolid a{ background-image:url(../images/bttn-on-solid.gif); height:39px; width:122px;}
body.storagepg div#cmsnav ul li#navstorage a{ background-image:url(../images/bttn-on-storage.gif); height:39px; width:170px;}
body.transportpg div#cmsnav ul li#navtransport a{ background-image:url(../images/bttn-on-transport.gif); height:39px; width:88px;}
body.aboutpg div#cmsnav ul li#navabout a{ background-image:url(../images/bttn-on-about.gif); height: 39px; width: 61px;}

/*----------end navigation----------*/

/*
----
Home
----
*/

body.homepg div#cmscontent h2
{
	display: block;
	background: url(../images/welcome-header.gif) no-repeat top left;
}


/*
----
Storage
----
*/

body.storagepg div#cmscontent h2
{
	display: block;
	background: url(../images/storage-header.gif) no-repeat top left;
}

/*
----
Commerical
----
*/

body.commercialpg div#cmscontent h2
{
	display: block;
	background: url(../images/commercial-header.gif) no-repeat top left;
}

/*
----
Transport
----
*/

body.transportpg div#cmscontent h2
{
	display: block;
	background: url(../images/transport-header.gif) no-repeat top left;
}

/*
----
Solid
----
*/

body.solidpg div#cmscontent h2
{
	display: block;
	background: url(../images/solid-header.gif) no-repeat top left;
}

/*
-------
Contact
-------
*/

body.contactpg div#cmscontent h2
{
	background: url(../images/contact-header.gif) no-repeat top left;
	width: 161px;
	display: block;
}

div#cmscontent p.contact
{
	text-align: center;
	color: #a60000;
}

div#cmscontent p.directors
{
	padding-left: 395px;
}

div#cmscontent img#map
{
	float: left;
	display: inline;
	margin: 22.5px 220px 9.5px 260px;
}