/* ----------------------------------------------------------
Dennis Barnfield
Design by: Ryan Downie [ryan@bfinternet.co.uk]
Version: 1.0
-----------------------------------------------------------
----------------------------------------------------------
General Styles
--------------------------------------------------------- */
	/* = Resets  */
	@font-face {
		font-family: Titillium;
		src: url(../fonts/Titillium-normal.otf);
	}
	
	a {
		color:#F57326;
		text-decoration: none;
		outline:0;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	a.button, button {
		background:#1E1E1E url(../images/small-gradient.png) repeat-x scroll 0 0;
		border-color:#4F4F4F #3F3F3F #3F3F3F;
		border-style:solid;
		border-width:1px;
		color:#FFFFFF;
		display:block;
		float:left;
		font-size:111%;
		font-style:italic;
		margin:8px 0 0;
		padding:2px 29px;
		text-decoration:none;
	}
	
	a.button:hover, button:hover {
		border-color:#3F3F3F #3F3F3F #4F4F4F;
		border-style:solid;
		border-width:1px;
	}
	
	a.current {
		color:#F57326!important;
	}
	
	div.box {
		background:#010202 url(../images/box-gradient.png) repeat-x scroll left top;
		border:1px solid #393B3E;
		float:left;
		padding:10px;
		width:94%;
		margin-bottom: 25px;
		position: relative;
	}

/* ----------------------------------------------
   Building Blocks
------------------------------------------------ */

	html {
		background-color: #000;
	}
	
	body {
		background:#000 url(../images/body.jpg) no-repeat fixed 50% 0;
		color:#fff; line-height:1.8;;
	}

	div#wrapper {
		width:960px;
		margin:0 auto;
	}
	
	div#masthead {
		float: left;
		width:100%;
	}
	
	div#main-content {
		float: left;
		width:590px;
	}
	
	div#sub-content {
		float: right;
		width:360px;
	}

	div#footer {
		float:left;
		width:100%;
		border-top:5px solid #F57326;
		font-size:89%;
		padding-top: 14px;
	}

		div.vcard {
			float:left;
			width:747px;
		}
		
		div.vcard ul {
			margin:0;
		}
		
		div.vcard ul li {
			float:left; 
			list-style-type:none; 
			margin:0 15px 0 0; 
		}

		p#bf {
			float:left;
			width:212px;
		}
	
	  .clearfix:after {
		    content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
	    }

/* ----------------------------------------------
   Typeography
------------------------------------------------ */
	/* Logo */
	h1#logo {
		width: 320px;
		height: 76px;
		background: url(../images/logo.png) no-repeat;
		float: left;
		margin: 0 0 19px;
	}
	
	h1#logo a {
		display: block;
		width: 320px;
		height: 0;
		font-size: 1em;
		padding-top: 76px;
		text-indent: -2000px;
	}

	h2 {
		border-bottom:5px solid #F57326;
		font-size:212.1%;
		font-weight:normal !important;
		line-height:1.5;
		margin:0 0 21px !important;
	}
	
	div#jquery-headers div h4 {
		border-bottom:3px solid #F57326;
		float:right;
		font-size:200%;
		margin:10px 14px -13px 0;
		position:relative;
		text-align:right;
		width:370px;
		z-index:10;
	}
	
	div#masthead h3 {
		float:right;
		font-size:229%;
		font-weight:normal;
		margin:30px 0 0;
		font-family:Titillium;
	}

	div#masthead h3 span {
		color: #F57326;
	}

	h2,h3,h4,h5 {
		font-family:Titillium, Arial, Helvetica, Sans-serif;
	}

	div#newsletter h2 {
		margin:0 0 10px !important;
	}

	div.vcard h4 {
		font-size:144%; 
		line-height:1.3; 
		margin:0 16px 0 0; 
	}
	
	h4 {
		font-size:170%;
	}

/*  ----------------------------------------------------------
2.0 Navigations
------------------------------------------------------------ */

	/*= navigation-main  */
	ul#navigation-main, 
	ul#navigation-main ul {
		background:#1E1E1E url(../images/small-gradient.png) repeat-x scroll 0 0;
		border:1px solid #3C3C3E;
		float:left;
		font-size:89%;
		font-weight:bold;
		letter-spacing:1px;
		line-height:2.5em;
		margin:0;
		padding:0;
		position:relative;
		text-transform:uppercase;
		width:100%;
		z-index:9999;
	}
	
		ul#navigation-main a {
			color:#FFFFFF;
			display:block;
			padding:5px 19px;
			text-decoration:none;
		}
		
		ul#navigation-main a:hover {
			background-color:#696C72;
			color:#FFFFFF;
		}
		
		ul#navigation-main li{
			float:left;
			position:relative;
			list-style:none;
			background: transparent url(../images/divider.png) no-repeat scroll right top;
		}
		
		ul#navigation-main li.last {
			background-image: none;
		}
		
		ul#navigation-main ul {
			-moz-border-radius-topleft:0 !important;
			-moz-border-radius-topright:0 !important;
			display:none;
			left:-1px;
			position:absolute;
			top:39px;
			width:536px;
		}
		
			ul#navigation-main li ul a {
				float:left;
				height:auto;
				width:142px;
				padding:5px 15px;
			}
			
			ul#navigation-main ul ul{
				top:auto;
			}	
			
			ul#navigation-main li ul ul {
				left:12em;
				margin:0px 0 0 10px;
			}
			
			ul#navigation-main li:hover ul ul, 
			ul#navigation-main li:hover ul ul ul, 
			ul#navigation-main li:hover ul ul ul ul{
				display:none;
			}
			ul#navigation-main li:hover ul, 
			ul#navigation-main li li:hover ul, 
			ul#navigation-main li li li:hover ul, 
			ul#navigation-main li li li li:hover ul{
				display:block;
			}


/*  ----------------------------------------------------------
3.0 Forms
-------------------------------------------------------------
	/*= input styles */
	input[type="text"], textarea {
		background:#1E1E1E;
		border-color:#4F4F4F #3F3F3F #3F3F3F;
		border-style:solid;
		border-width:1px;
		border:medium none;
		color:#FFFFFF;
		float:left;
		font-size:109%;
		font-style:italic;
		margin:0 0 15px;
		padding:10px;
		text-shadow:1px 1px 1px #000000;
	}

	div#newsletter input[type="text"] {
		width:317px;
	}
	
	form#contactform input[type="text"] {
		margin:0 18px 0 0;
		width:237px;
		border: 1px solid #2A2C2E;
	}
	
	form#contactform textarea {
		float:left;
		width:515px;
		border: 1px solid #2F2F2F;
	}
	
	form#contactform button {
		float:right;
		margin:0 20px;
		padding:10px;
	}
	

/*  ----------------------------------------------------------
Page Elements
-------------------------------------------------------------- */

/* ------Homepage ----- */

	/* Main Content Areas */
	div#jquery-headers div {
		background:#000 url(../images/jquery-gradient.png) repeat-x scroll 0 0;
		border-bottom:1px solid #393B3E;
		border-left:1px solid #393B3E;
		border-right:1px solid #393B3E;
		float:left;
		margin:22px 29px 0 0;
		min-height:295px;
		padding:10px;
		position:relative;
		width:443px;
	}
	
		div#jquery-headers div ul {
			margin: 0em;
			background-color: #000;
		}
	
		div#jquery-headers div ul li {
			list-style-type: none;
		}
	
		span.replace {
			display: block;
			text-indent: -9999em;
			position: absolute;
			z-index: 13;
		}
	
			div#merlo span {
				background: url(../images/merlo.png) no-repeat;
				width: 100px;
				height: 81px;
				
			}
			div#case span {
				background: url(../images/case.png) no-repeat;
				width: 100px;
				height: 81px;
				
			}
	
			div#case {
				margin:22px 0em!important;
			}

	div#intro-area img {
		background:#3F3F3F none repeat scroll 0 0;
		float:right;
		margin:0 22px 20px;
		padding:6px;
		border: #5F5F5F 1px solid;
	}

	div#bd-groundcare {
		background:transparent url(../images/groundcare-bg.jpg) no-repeat scroll 0 0;
		padding:10px;
		float: left;
		width: 535px;
		position: relative;
	}
	
.vacancyArea {
background:none repeat scroll 0 0 #000000;
border:1px solid #F57236;
color:#FFFFFF;
display:block;
font-size:11px;
height:39px;
left:249px;
padding:5px 10px;
position:absolute;
top:97px;
width:284px;
text-align: center;
}

.vacancyArea p {
	margin: 0!important;
	font-weight: bold;
	width: 284px!important;
}

.vacancyArea a {
	color: #f57326;
	text-decoration: none;
}

.vacancyArea a:hover {
	text-decoration: underline;
}

	div#bd-groundcare h3 {
		border-bottom:3px solid #F57326;
		float:left;
		font-size:151%;
		font-weight:normal;
		line-height:1.5;
		margin:0;
		width:315px;
	}

	div#bd-groundcare p {
		float:left;
		margin:9px 140px 0 0;
		width:385px;
	}
	
	/* Sub Content Areas */	
	div#main-dealers ul {
		margin: 0em;
	}
	
	div#main-dealers ul li {
		float:left;
		list-style-type:none;
		margin:0 20px 9px 0;
	}
	
	div#main-dealers ul li a {
		display: block;
	}
	
	div#main-dealers ul li.last {
		margin: 0em;
	}

	div#main-dealers ul li img {
		background:#3F3F3F none repeat scroll 0 0;
		border:1px solid #5F5F5F;
		padding:1px;
	}
	
	div#main-dealers ul li img:hover {
		background:#7F7F7F;
	}
	
	div#newsletter button {
		float:right;
		margin:-3px 0 0;
		padding:7px 29px;
	}
	
/* ------About us page ----- */

	/* Main Content Areas */
	div#header{
		background:#000 url(../images/jquery-gradient.png) repeat-x scroll 0 0;
		border-bottom:1px solid #393B3E;
		border-left:1px solid #393B3E;
		border-right:1px solid #393B3E;
		float:left;
		margin: 20px 0;
		min-height:217px;
		padding:10px;
		position:relative;
		width:940px;
	}
	
		div#header div {
		float:left;
		min-height:217px;
		width:100%;
		}
		
			body#about div#header div {
				background:#000000 url(../images/headers/about-us.jpg) no-repeat scroll 100% 100%;
			}
		
			div#header h2 {
				float:left;
				margin:33px 0 10px 36px !important;
				width:400px;
			}
		
			div#header p {
				margin:0 36px;
				width:400px;
			}
			
		div.sister {
			background:transparent url(../images/sister-bg.jpg) no-repeat scroll 0 0;
			min-height:148px;
		}
	
			div.sister span {background: url(../images/other.png) no-repeat;
				width:96px;
				height: 77px;	
			}
		
			div.sister h3,
			div.products h3, 
			div.location h3,
			div.contact  h3{
				border-bottom:5px solid #F57326;
				float:right;
				font-size:170%;
				line-height:1.6;
				margin:0 10px;
				text-align:right;
				width:242px;;
			}
			
				div.sister h3 a,
				div.products h3 a,
				div.location h3 a,
				div.contact h3 a {
					color: #fff;
					text-decoration: underline;
				}
				
				div.sister h3 a:hover,
				div.products h3 a:hover
				div.locationh3  a:hover,
				div.contact h3 a:hover {
					color: #F57326;
					text-decoration: none;
				}
			
			div.sister p,
			div.products p,
				div.location p,
				div.contact p {
				float:right;
				margin:10px 6px 0 0;
				width:281px;
				text-shadow:1px 1px 1px #000;
			}
			
		div.products {
			background:transparent url(../images/products.png) no-repeat scroll 0 0;
			min-height:148px;
		}
	
			div.products span {background: url(../images/sale.png) no-repeat;
				width:96px;
				height: 77px;	
			}
			
		div.location {
			background:transparent url(../images/location-bg.jpg) no-repeat scroll 0 0;
			min-height:148px;
		}
	
			div.location span {background: url(../images/other.png) no-repeat;
				width:96px;
				height: 77px;	
			}
			
		div.contact {
			background:transparent url(../images/contact-bg.jpg) no-repeat scroll 0 0;
			min-height:148px;
		}
	
			div.contact span {background: url(../images/other.png) no-repeat;
				width:96px;
				height: 77px;	
			}
			
/* ------showroom page ----- */

		body#showroom div#header div {
			background:#000000 url(../images/headers/showroom.jpg) no-repeat scroll 100% 100%;
			}
		
		body#showroom div.box {
			width:940px;
		}
		
		ul#showroom-photos {
			margin: 0em;
			float: left;
			
		}
		
			ul#showroom-photos li {
			background:#1F1F1F none repeat scroll 0 0;
			border:1px solid #3F3F3F;;
			float:left;
			list-style-type:none;
			margin:0 25px 23px 0;
			padding:6px 6px 2px;
			width:202px;
			position: relative;
			}
			
			ul#showroom-photos li.last {margin-right: 0em;}
			
			ul#showroom-photos li a {
				display: block;
			}
			
			ul#showroom-photos li img {
				
			}
			
/* ------Contact us page ----- */

		body#contact div#header div {
			background:#000000 url(../images/headers/contact.jpg) no-repeat scroll 100% 100%;
		}
		
/* ------Location ----- */

		body#about div#header div {
			background:#000000 url(../images/headers/location.jpg) no-repeat scroll 100% 100%;
		}
		
		div#map {
			height:350px;
			width:550px;
		}
		
		
		
		
		
		
		
/*--- New Machinery Page START ---*/


ul#new-machinery {margin:0 0 0 1.5em; }
ul#new-machinery  a {text-decoration:underline; }
a:hover {color:#fff;}
ul#new-machinery li {float: left; display:inline-block; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 3em 2em 0; min-height:450px; vertical-align:top; width:130px; }
ul#new-machinery li img {background:#36383b none repeat scroll 0 0; border:1px solid #36383b; margin-bottom:0.5em; padding:0.3em; }
ul#new-machinery  p {width:100%; font-size:90%; padding:0;}



/*--- New Machinery Page END ---*/


		
		
/* ------Machinery for hire ----- */

		body#machinery div#header div {
			background:#000000 url(../images/headers/machinery.jpg) no-repeat scroll 100% 100%;
		}
		
		ul#machinery-hire, ul#image-area {
			margin: 0em;
		}

		ul#machinery-hire li {
			border-bottom:5px solid #3F3F3F;
			float:left;
			list-style-type:none;
			margin:0 0 25px;
			padding-bottom:28px;
			width:100%;
		}
		
			ul#machinery-hire li a {
				display: block;
			}
			ul#machinery-hire li img, ul#image-area img, img.news_img {
				background:#3F3F3F none repeat scroll 0 0;
				float:left;
				margin:0 22px 20px 0;
				padding:6px;
				border: #5F5F5F 1px solid;
			}
		
				div.container {
					float:right;
					width:330px;
				}
				
					div.container h3 {
						font-size:210%;
						margin:0;
						border-bottom: 5px solid #F57326;
					}
				
					h2.more a {
						color: #fff;
					}
					
				div.container table {
					
				}
				
					div.container th {
						text-align:left;
						vertical-align:top;
						width:104px;
					}
					
					div.container table td {
						
					}
					
					th, td {
						border:none;
						padding:0.5em;
					}
					
			ul#image-area li {
				list-style-type: none;
			}
			
			table#products th {
				text-align:left;
				vertical-align:top;
				width:180px;
			}
			
/* ------Links lists ----- */

		body#links div#header div {
			background:#000000 url(../images/headers/links.jpg) no-repeat scroll 100% 100%;
		}	
		
		ul#links-list {
			margin: 0em;
		}	
		
		ul#links-list li {
			list-style-type: none;
		}
		
		ul#links-list li h3 {
			border-bottom:4px solid #F57326;
			font-size:168%;
			line-height:1.5;
			margin:0 0 11px;
		}
		
		ul#links-list li h3 a {
			color:#FFFFFF;
			text-decoration:underline;
		}
		
		span.zoom {
			background:transparent url(../images/span-zoom.png) no-repeat scroll 0 0;
			bottom:37px;
			height:52px;
			left:17px;
			opacity:0.9;
			position:absolute;
			text-indent:-9999em;
			width:65px;
		}
		
		ul#image-area li {
			float:left;
			list-style-type:none;
			position:relative;
		}


		ul#image-area li span.zoom {
			bottom:27px;
			left:7px;
		}
	
	
		ul#showroom-photos li img {
			position:relative;
		}
	
		ul#showroom-photos span.zoom {
			bottom:8px;
			left:1px;
	}
/*  ----------------------------------------------------------
3.0 Progrssive enhancment
-------------------------------------------------------------- */

	/* Border Radius */
	 ul#navigation-main, 
	 ul#navigation-main ul, 
	 div#jquery-headers div, 
	 div.box,
	 div#intro-area img,
	 a.button,button,
	 div#main-dealers ul li img,
	 input[type="text"],
	 div#header div,
	 div#header,
	 ul#showroom-photos li,
	 div#fancy_inner,
	 textarea,
	 div#map,
	 ul#machinery-hire li img   {
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
	}

	/* Text Shadow */
	ul#navigation-main a,
	a.button,button,h2,h3,h4,h5  {
		text-shadow:2px 2px 0 #000000;
	}

	ul#navigation-main a:hover{
		text-shadow:1px 1px 0 #000;
	}

	a.button:hover, button:hover {
		text-shadow:-2px -2px 0 #000;
	}

	/* Box Shadow */
	div#jquery-headers div, div.box, div#header div, div#header {
		-moz-box-shadow:4px 4px 11px #000000;
		-webkit-box-shadow:4px 4px 11px #000000;
	}

	ul#navigation-main ul {
		-moz-box-shadow:1px 2px 4px #000000;
		-webkit-box-shadow:1px 2px 4px #000000;
	}

	a.button, button {
		-moz-box-shadow:1px 2px 4px #000000;
		-webkit-box-shadow:1px 2px 4px #000000;
		cursor:pointer;
	}

	a.button:hover, button:hover {
		-moz-box-shadow:-1px -2px 4px #000000;
		-webkit-box-shadow:-1px -	2px 4px #000000;
	}
	
	
/*------------------------
 = 5.1 Fancy Box
------------------------*/
	div#fancy_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; display: none; z-index: 30; }
	* html div#fancy_overlay {position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
	div#fancy_wrap { text-align: left; }
	div#fancy_loading {position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden;	background: transparent; z-index: 100;}
	div#fancy_loading div {position: absolute;top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../images/fancybox/fancy_progress.png') no-repeat; }
	div#fancy_loading_overlay {position: absolute; background-color: #FFF; z-index: 30;}
	div#fancy_loading_icon { position: absolute; background: url('../images/fancybox/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px;}
	div#fancy_outer {position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
	div#fancy_inner {
		background:#1F1F1F none repeat scroll 0 0;
		border:1px solid #3F3F3F;
		height:100%;
		position:relative;
		width:100%;
	}
	div#fancy_content {margin: 0; z-index: 100; position: absolute; }
	div#fancy_div {background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100;}
	img#fancy_img {position: absolute; top: 0; left: 0; border:0; padding: 0;  margin: 0; z-index: 100; width: 100%; height: 100%; }
	div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../images/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; }
	#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
	#fancy_ajax { width: 100%; height: 100%; overflow: auto; }
	a#fancy_left, a#fancy_right {position: absolute;  bottom: 0px;  height: 100%;  width: 35%;  cursor: pointer; z-index: 111;  display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; }
	a#fancy_left { left: 0px;  }
	a#fancy_right { right: 0px;  }
	span.fancy_ico {position: absolute;  top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112;  cursor: pointer; display: block; }
	span#fancy_left_ico {left: -9999px; background: transparent url('../images/fancybox/fancy_left.png') no-repeat; }
	span#fancy_right_ico { right: -9999px; background: transparent url('../images/fancybox/fancy_right.png') no-repeat;}
	a#fancy_left:hover { visibility: visible; }
	a#fancy_right:hover { visibility: visible; }
	a#fancy_left:hover span { left: 20px;  }
	a#fancy_right:hover span { right: 20px;  }
	.fancy_bigIframe { position: absolute; top: 0; left: 0;width: 100%;height: 100%; background: transparent; }
	div#fancy_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
	div.fancy_bg {position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0;}
	div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x; }
	div.fancy_bg_ne {top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat; }
	div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('../images/fancybox/fancy_shadow_e.png') repeat-y; }
	div.fancy_bg_se {bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat; }
	div.fancy_bg_s {
	bottom: -18px; width: 100%; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x; }
	div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat;}
	div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('../images/fancybox/fancy_shadow_w.png') repeat-y; }
	div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat; }
	div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none; }
	div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; }
	div#fancy_title table { margin: 0 auto; }
	div#fancy_title table td { padding: 0; vertical-align: middle; }
	td#fancy_title_left { height: 32px; width: 15px; background: transparent url(../images/fancybox/fancy_title_left.png) repeat-x; }
	td#fancy_title_main { height: 32px; background: transparent url(../images/fancybox/fancy_title_main.png) repeat-x; }
	td#fancy_title_right { height: 32px; width: 15px; background: transparent url(../images/fancybox/fancy_title_right.png) repeat-x; }