body 
{
	margin:0;
	padding:0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:100.1%;
	background:#F4F4F4 url(../images/Body_Tile.jpg) repeat-y center top;
	text-align:center;
	color:#666666;
}
a:link, a:visited
{
	color:#2CACD1;
	text-decoration:none;
}
a:hover, a:active, a:focus 
{
	text-decoration:underline;
}
p, ul, ol
{
    line-height:1.4em;
    margin-top:14px;
    margin-bottom:14px;
    padding-top:0;
    padding-bottom:0;
}
ul, ol
{
    margin-left:25px;
}
h1, h2, h3
{
    font-weight:normal;
}
h1
{
    font-size:160%;
}
h2
{
    font-size:140%;
}
h3
{
    font-size:120%;
    font-style:italic;
}
.clear
{
	clear:both;
	padding-bottom:1px;
	margin-bottom:-1px;
}

/*Layout properties*/
#bgWrapper 
{
	width:100%;
	background:url(../images/bg.jpg) repeat-x center top;
}
#pageWrapper 
{
	min-height:592px;
	width:741px;
	background:url(../images/Body_Top.jpg) no-repeat center top;
	margin:0 auto;
	text-align:left;
	font-size:95%;
}
* html #pageWrapper 
{
	height:592px;
}
#header
{
    background-color:#A0A6A5;
    margin:0 7px;
}
#header p
{
    margin:0;
    padding:0;
}
p#logo
{
    float:left;
    height:135px;
    width:350px;
    text-indent:-1000em;
    background:url(../Images/logo.png) no-repeat left top;
}
p#logo a
{
    display:block;
    height:135px;
}
p#phone
{
    float:right;
    text-align:right;
    width:300px;
    color:#FFFFFF;
    font-size:130%;
    padding:25px 15px 0 0;
}
#content
{
    width:700px;
    margin:10px;
    padding:5px 10px;
}
#boxOut
{
    float:right;
    width:215px;
}
.borderBox
{
	border:1px solid #CCCCCC;
    margin:0 0 10px 13px;
    font-size:85%
}
.borderBox img
{
}
.boxPadding
{
    padding:5px;
}
.boxGrey
{
    background-color:#EFEFEF;
}
#picture
{
    padding:0 7px;
}
#footer
{
    width:80%;
    margin:40px auto 0;
    padding:15px 0;
    text-align:center;
    border-top:solid 5px #DFDFDF;
    font-size:90%;
}
#footer ul
{
    margin:0;
    padding:0 0 3px 0;
}
#footer ul li
{
    display:inline;
    list-style:none;
    padding-left:5px;
    margin-left:5px;
    border-left:solid 1px #A0A6A5;
}
#footer ul li.first
{
    padding-left:0;
    margin-left:0;
    border-left:0;
}

/* main nav */
#nav
{
	background:#f3f4f5 url(../Images/nav-bg.jpg) repeat-x left top;
    margin:0 7px;
    text-align:center;
    border-top:solid 1px #c8c9cb;
    border-bottom:solid 1px #c8c9cb;
}
#nav, #nav ul li a
{
	/* need to middor veritcal padding on #nav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand #nav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent #nav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top:15px;
	padding-bottom:16px;
}
#nav ul, #nav ul li
{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}
#nav ul li a
{
	margin:0 -1px 0 0;
	padding-left:15px;
	padding-right:15px;
	white-space:nowrap;
	text-transform:uppercase;
	font-size:75%;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../Images/nav-divider.jpg) no-repeat right top;
}
#nav ul li.first a
{
	padding-left:10px;
}
#nav ul li.last a
{
	background:none;
	padding-right:0;
}
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active, #nav ul li a:hover
{
	text-decoration:none;
}
#nav ul li span.divider
{
	display:none;
}
* html #nav ul li, * html #nav ul li a
{
	width:1%; /* IE/Mac needs this */
	display:inline-block;	/* IE/Mac needs this */
	/* \*/
		width:auto;
		display:inline;
	/* reset above hack */
}
* html #nav, * html #nav ul a
{
	/* \*/ height:0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html #nav
{
	padding:0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}
#nav ul li a:link, #nav ul li a:visited
{
	color:#555555;
}
#nav ul li a:hover
{
	color:#2CACD1;
	text-decoration:underline;
	/* background-position:-300px top; */
}
/* #nav ul li.first a:hover
{
	color:#0e4126;
	background-position:-305px top;
} */

/* Homepage */
ul.liWrap
{
    margin-left:10px;
}
ul.liWrap li
{
    font-size:80%;
    display:block;
    float:left;
    width:153px;
    list-style:none
}

/* Clients */
ul#clients
{
    margin-left:0;
}
ul#clients li
{
    list-style:none;
    background-position:left top;
    background-repeat:no-repeat;
    padding-left:110px;
    border-bottom:dotted 1px #C0C0C0;
    margin-bottom:15px;
}
li#agco
{
    background-image:url(../Images/logo_agco.gif);
}
li#bentley
{
    background-image:url(../Images/logo_bentley.gif);
}
li#greencrop
{
    background-image:url(../Images/logo_greencrop.gif);
}
li#jcb
{
    background-image:url(../Images/logo_jcb.gif);
}
li#parkleisure
{
    background-image:url(../Images/logo_parkleisure.gif);
}
li#scarab
{
    background-image:url(../Images/logo_scarab.gif);
}
li#stauff
{
    background-image:url(../Images/logo_stauff.gif);
}
li#westacpower
{
    background-image:url(../Images/logo_wpl.gif);
}
li#wheelabrator
{
    background-image:url(../Images/logo_wheelabrator.gif);
}

ul#testimonials
{
    margin-left:25px;
    margin-right:45px;
}
ul#testimonials li
{
    list-style:none;
    border-bottom:dotted 1px #C0C0C0;
    padding-bottom:15px;
    margin-bottom:15px;
}
ul#testimonials li blockquote
{
    font-style:normal;
}
ul#testimonials li cite
{
    font-style:normal;
    font-weight:bold;
    font-size:90%;
}


/* Enquiry - Styles */
ol.form, ol.form li
{
    margin:0;
    padding:0
}
ol.form li
{
    list-style:none;
}
ol.form li div
{
    clear:left;
}
ol.form li div label
{
    display:block;
    float:left;
    width:110px;
    line-height:1.6em;
    text-align:right;
    padding:0 10px 0 0;
}