/*-----------------------------------------------------------------------
//
//	Landscape Engineering
//
//	by DPI 21 Ltd - http://www.dpi21.com
//
//  Copyright 2008 DPI 21 Ltd. This code cannot be redistributed without
//  permission from http://www.dpi21.com
//
---------------------------------------------------------------------
//	Global Styles
// --------------------------------------------------------------------*/

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

body {
	font: 12px Helvetica, Verdana, Arial, Sans-Serif;
	color: #333333;
	background: url(../images/backgrounds/body.jpg) no-repeat bottom #0072BB;
}

a:link, a:active, a:visited {
	text-decoration: underline;
	color: #333333;
}

a:hover {
	color: #006F3B;
}

img {
	border: 0;
}

#wrapper {
	width: 860px;
	margin: 35px auto 0px auto;
}

/* Top Content */

#top, #areas, #banner, #commercial, #sports-play {
	float: left;
}

#top {
	width: 850px;
	background: url(../images/backgrounds/banner-top.png) top no-repeat;
	padding: 5px;
	height: 325px;
}

#areas {
	width: 200px;
	padding: 40px 5px 0px 0px;
	text-align: right;
	font-size: 15px;
	height: 290px;
}

#areas strong {
	font-size: 28px;
	letter-spacing: -1px;
}

#areas a:link, #areas a:active, #areas a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#areas a:hover {
	text-decoration: underline;
}

#commercial {
	padding: 70px 10px 0px 0px;
	margin-bottom: 5px;
	width: 190px;
	height: 77px;
	background: url(../images/buttons/commercial-landscaping.png) no-repeat top;
}

#sports-play {
	padding: 70px 10px 0px 0px;
	width: 190px;
	height: 64px;
	background: url(../images/buttons/sports-play.jpg) no-repeat;
}

#banner {
	width: 645px;
	height: 320px;
}

#movie {
	height: 300px;
}

/* Content Container */

#content-container, #column1, #column2 {
	float: left;
}

#content-container {
	background: url(../images/gradients/white.jpg) repeat-x #FFFFFF;
	padding: 10px 5px 5px 5px;
	width: 850px;
}

#column1 {
	width: 200px;
}

/* Bread Crumb */

#bread-crumb, #bread-crumb p, #bread-crumb ul, #bread-crumb li {
	float: left;
}

#bread-crumb.projects {
	width: 830px;
}

#bread-crumb {
	border-bottom: 1px solid #E0E0E0;
	margin-left: 10px;
	width: 635px;
	padding-bottom: 5px;
	padding: 5px 0px;
}

#bread-crumb p {
	padding-right: 5px;
	font-size: 13px;
	color: #006F3B;
}

#bread-crumb li {
	list-style-type: none;
	border-left: 1px solid #E0E0E0;
	padding: 0px 4px;
}

#bread-crumb a {
	text-decoration: none;
}

/* Column 2 */

#column2 {
	width: 630px;
	margin: 0px 0px 0px 10px;
}

/* Focus On */

#focus-on, #focus-on-image, #focus-on-text {
	float: left;
}

#focus-on {
	border-top: 1px dashed #E0E0E0;
	background: url(../images/backgrounds/focus-on.jpg) left bottom no-repeat;
	padding: 10px 5px 0px 5px;
	width: 625px;
	height: 208px;
	margin-top: 5px;
}

#focus-on-image {
	border: 1px solid #E0E0E0;
	padding: 4px;
	width: 200px;
	height: 150px;
}

#focus-on-image img {
	width: 200px;
	height: 150px;
}

#focus-on-text {
	width: 400px;
	padding-left: 10px;
}

#focus-on .heading {
	font-size: 14px;
}

/* Text Style 3 */

#text-style-3 {
	float: left;
	padding-bottom: 5px;
}

#text-style-3 p, #text-style-3 ul {
	padding: 5px 0px;
	line-height: 16px;
}

#focus-on p {
	padding: 5px 0px;
	line-height: 14px;
}

#text-style-3 li {
	list-style-position: inside;
}

#text-style-3 ul {
	margin-left: 5px;
}

#text-style-3 ul ul {
	padding: 5px 10px;
}
/* Recent Project */

#recent-project {
	float: left;
	border: 1px solid #E0E0E0;
	padding: 6px;
	background: url(../images/backgrounds/grey-gradient.jpg) repeat-x top;
	font-size: 11px;
	width: 186px;
}

#recent-project p, #recent-project img {
	padding: 5px 0px;
}

#recent-project .heading {
	font-size: 18px;
	color: #2D89B9;
	line-height: 18px;
}

#recent-project a {
	background: url(../images/arrows/blue.jpg) left no-repeat;
	padding: 0px 0px 0px 15px;
	color: #2D89B9;
	text-decoration: none;
}

/* Work With US */

#work-with-us {
	float: left;
	margin-top: 5px;
	width: 200px;
	background: url(../images/gradients/blue.jpg) repeat-x;
	color: #FFFFFF;
	font-size: 11px;
}

#work-with-us .heading {
	margin: 10px 10px 0px 10px;
	border-bottom: 1px dashed #FFFFFF;
	font-size: 15px;
	padding: 5px 0px;
}

#work-with-us ul {
	padding: 5px 10px 10px 10px;
}

#work-with-us li {
	font-size: 12px;
	list-style-type: none;
	padding: 2px 0px 2px 15px;
	background: url(../images/arrows/white.png) left no-repeat;
}

#work-with-us a {
	color: #FFFFFF;
	text-decoration: none;
}

#work-with-us a:hover {
	text-decoration: underline;
}

/* Request Brochure */

#request-brochure, #request-brochure ul, #request-brochure li {
	float: left;
}

#request-brochure {
	float: left;
	padding: 0px 5px;
	width: 850px;
	background: url(../images/gradients/white.jpg) repeat-x top #FFFFFF;
}

#request-brochure ul {
	display: block;
	padding: 10px 0px 0px 10px;
	width: 420px;
}

#request-brochure li {
	padding: 10px 5px 0px 5px;
	list-style-type: none;
}

#request-brochure p {
	float: right;
	width: 320px;
	padding: 10px 10px 0px 0px;
	font-size: 15px;
	color: #001E00;
}

#request-brochure strong {
	float: left;
	padding-top: 10px;
}

#request-brochure p img {
	float: left;
}

#request-brochure a {
	width: 200px;
	float: left;
	padding-top: 5px;
	color: #A6CE39;
	font-size: 11px;
}

#request-brochure a:hover {
	color: #333333;
}

/* Services Lists */

#services.commercial {
	background: url(../images/gradients/green.jpg) repeat-x bottom #A6CE39;
}

#services.sportsPlay {
	background: url(../images/gradients/blue.jpg) repeat-x bottom #2683AF;
}

#services {
	float: left;
	width: 180px;
	padding: 10px;
	color: #FFFFFF;
	height: 200px;
}


html>body #services {
	height: auto;
	min-height: 200px;
}

#services .heading {
	font-size: 16px;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 5px;
}

#services ul {
	padding: 5px 0px;
	line-height: 20px;
}

#services li {
	list-style-type: none;
}

#services a {
	color: #FFFFFF;
	text-decoration: none;
}

#services a:hover {
	text-decoration: underline;
}

/* Recent Projects */

.project-thumb, .project-thumb-text, .project-thumb-text img {
	float: left;
}

.project-thumb {
	padding: 4px;
	width: 185px;
	border: 1px solid #E0E0E0;
	margin: 5px;
}

.project-thumb-text {
	padding: 5px;
	width: 175px;
	background: url(../images/gradients/grey.jpg) repeat-x top;
}

.project-thumb p {
	padding: 3px 0px;
	line-height: 12px;
	font-size: 11px;
}

#focus-on .heading, .project-thumb .heading, .job .heading, .accreditation-text .heading {
	font-size: 14px;
	color: #006F3B;
}

.project-thumb a {
	text-decoration: none;
	background: url(../images/arrows/grey.jpg) left no-repeat;
	padding-left: 10px;
}

.project-thumb a:hover {
	text-decoration: underline;
}

/* Projects */

#project, #project-text, #project-images ul, #project-images li, #project-container {
	float: left;
}

#project-images {
	float: right;
}

#project {
	float: left;
	padding: 10px;
	width: 820px;
}

#project-text {
	width: 455px;
}

#project-text p {
	line-height: 14px;
}

#project-text p, #project-container ul {
	padding: 5px 0px;
}

#project-text a, .job a {
	background: url(../images/icons/pdf.jpg) left no-repeat;
	padding: 5px 0px 5px 25px;
}

#project-images {
	border: 1px solid #E0E0E0;
	padding: 4px;
	width: 335px;
}

#project-images ul {
	margin-top: 5px;
}

#project-images li {
	display: block;
}

#project-images li img {
	width: 57px;
	border:1px solid #fff;
}

.margin-left {
	margin-left: 5px;
}

#project-container {
	width: 825px;
	padding: 5px 5px 0px 10px;
	border-top: 1px solid #E0E0E0;
}

#project-container li, #job-nav li {
	display: inline;
	padding: 0px 1px;
}

#project-container li.active, #project-container a:hover, #job-nav li.active, #job-nav a:hover {
	color: #A6CE39;
}

/* Jobs */

#job-nav {
	float: right;
	width: 300px;
	text-align: right;
}

.job {
	float: left;
	border-bottom: 1px solid #E0E0E0;
	padding: 10px 0px;
	width: 635px;
}

.service {
	float: left;
	width: 140px;
	border: 1px solid #E0E0E0;
	text-align: center;
	padding: 4px;
	margin: 3px;
	height: 140px;
}

.service p {
	padding-top: 4px;
}

#image-rotate {position: absolute; width:200px; margin:0; padding:0; }
#image-rotate li { display: block; }

/* Who We Work With */

#who-we-work-with, #who-we-work-with ul {
	float: left;
}

#who-we-work-with {
	border: 1px solid #E0E0E0;
	background: url(../images/gradients/grey.jpg) repeat-x;
	padding: 10px;
	width: 600px;
	line-height: 18px;
	margin-top: 5px;
}

#who-we-work-with li {
	list-style-type: none;
}

#who-we-work-with ul.list1 {
	border-right: 1px dashed #E0E0E0;
}

#who-we-work-with ul.list1 {
	width: 289px;
}

#who-we-work-with ul.list2 {
	width: 290px;
	padding-left: 10px;
}

/* Get In Touch */

#contact-details-text, #map, #enquiry-form, #col1, #col2, #col3 {
	float: left;
}

#contact-details-text {
	width: 410px;
	padding-right: 10px;
}

#map {
	padding: 4px;
	font-size: 11px;
	width: 200px;
}

#map, #enquiry-form fieldset, #enquiry-form input, #enquiry-form textarea, #request-brochure-form fieldset, #request-brochure-form input, #request-brochure-form textarea, #request-brochure-form #col1 select {
	border: 1px solid #E0E0E0;
}

#enquiry-form fieldset, #request-brochure-form fieldset {
	padding: 5px 10px;
	width: 610px;
	margin-top: 10px;
}

#enquiry-form legend, #enquiry-form #send, #request-brochure-form legend, #request-brochure-form #send {
	background: #A6CE39;
	padding: 2px 4px;
	color: #FFFFFF;
}

#enquiry-form #col1 {
	width: 250px;
	padding-right: 10px;
}

#enquiry-form #col2 {
	width: 350px;
}

#enquiry-form #name, #enquiry-form #telephone, #enquiry-form #email, #enquiry-form #company {
	width: 240px;
}

#enquiry-form #enquiry {
	width: 340px;
	height: 90px;
}

#enquiry-form input, #enquiry-form textarea, #request-brochure-form input, #request-brochure-form textarea {
	padding: 2px;
	margin-top: 3px;
	color: #666666;
	font: 11px Helvetica, Verdana, Arial, Sans-Serif;
}

#request-brochure-form #col1, #request-brochure-form #col2, #request-brochure-form #col3 {
	width: 200px;
}

#request-brochure-form #col1, #request-brochure-form #col2 {
	padding: 0px 5px 5px 0px;
}

#request-brochure-form #col1 input, #request-brochure-form #col2 input, #request-brochure-form #telephone, #request-brochure-form #col2 textarea, #request-brochure-form #col1 select {
	width: 185px;
}

#request-brochure-form #col2 textarea {
	height: 50px;
}

#request-brochure-form #postcode {
	width: 75px;
}

/* Accreditation */

.accreditation, .accreditation img, .accreditation-text {
	float: left;
}

.accreditation {
	padding: 4px;
	width: 620px;
	border: 1px solid #E0E0E0;
	margin: 5px 0px;
}

.accreditation img {
	width: 100px;
}

.accreditation-text {
	padding: 0px 10px;
	width: 500px;
}


/* Footer */

#footer-container {
  clear: both;
  width:100%;
  background: url(../images/backgrounds/footer.png) repeat-x;
}

#footer {
	margin: 0 auto;
	background: url(../images/backgrounds/footer.jpg) no-repeat; 
	width: 860px;
	padding: 75px 0px 0px 0px;
	font-size: 11px;
	line-height: 16px;
	color: #62801E;
}

#footer a {
	color: #62801E;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

#contact-details {
	float: left;
	width: 400px;
}

#validation, #copyright {
	float: right;
	text-align: right;
	width: 400px;
}

#validation li, #footer-nav li {
	display: inline;
}

#validation a {
	background: url(../images/icons/tick.jpg) left no-repeat;
	padding-left: 12px;
	margin-right: 2px;
}

#footer-nav {
	padding: 20px 0px;
	clear: both;
	text-align: center;
}

/* Other Styles */

h1 {
	padding: 10px 0px 5px 0px;
	color: #006F3B;
	font-size: 18px;
	font-weight: normal;
}

h2 {
	padding: 5px 0px;
	color: #006F3B;
	font-size: 17px;
	font-weight: normal;	
}

h3 {
	padding: 5px 0px;
	color: #006F3B;
	font-size: 16px;
	font-weight: normal;	
}

h4 {
	padding: 5px 0px;
	color: #006F3B;
	font-size: 15px;
	font-weight: normal;	
}

.image-right {
	float: right;
	padding: 4px;
	border: 1px solid #E0E0E0;
	margin: 10px 0px 10px 10px;
}

.image-left {
	float: left;
	padding: 4px;
	border: 1px solid #E0E0E0;
	margin: 10px 10px 10px 0px;
}

.clear {
	clear: both;
}

.indent {
	padding-right: 10px;
}

.size13 {
	font-size: 13px;
}

.light-green {
	color: #A6CE39;
}

.dark-green {
	color: #006F3B;
}

.blue {
	color: #2D89B9;
}

.light-green10 {
	color: #A6CE39;
	font-size: 10px;
}