@charset "utf-8";
/* CSS Document */

/* Browser reset */
* {
	margin: 0px;
	padding: 0px;
}

a img {
	border: 0px;
}

/* Z-orders */

#main {
	position: relative;
	z-index: 0;
}

#header {
	position: absolute;
	z-index: 1;
}

#menu, #content-inner, #submenu {
	position: relative;
	z-index: 5;
}

.front #content-right {
	position: absolute;
	z-index: 2;
}

.front #content-right #quote {
	position: absolute;
	z-index: 5;
}

#footer {
	position: relative;
	z-index: 4;
}

/* Rest */

body {
	background: url(../images/background.jpg) center top no-repeat #faf1e9;
	font-family: Arial, Helvetica, sans-serif;
}

#main {
	width: 965px;
	margin-top: 18px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	color: #454548;
}

#header {
	background: url(../images/header.png) no-repeat;
	width: 965px;
	height: 339px;
	top: 0px;
	left: 0px;
}

.front #header {
	background: url(../images/header-home.png) no-repeat;
}

#menu {
	width: 140px;
	margin-right: -100%;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 220px;
	padding-bottom: 32px;
	float: left;
}

#menu ul {
	margin: 0px;
	padding: 0px;
}

#menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-image: none;
	border-bottom: 1px solid #d9d4d5;
}

#menu li a {
	display: block;
	width: 140px;
	height: 34px;
	overflow: hidden;
	color: #ffffff;
	font-size: 1px;
}

#menu li.home a {
	background-image: url(../images/menu-home.png);
}

#menu li.products a {
	background-image: url(../images/menu-products.png);
}

#menu li.faqs a {
	background-image: url(../images/menu-faqs.png);
}

#menu li.gallery a {
	background-image: url(../images/menu-gallery.png);
}

#menu li.enquiry-form a {
	background-image: url(../images/menu-enquiry.png);
}

#menu li.news a {
	background-image: url(../images/menu-news.png);
}

#menu li.company a {
	background-image: url(../images/menu-company.png);
}

#menu li.contact-us a {
	background-image: url(../images/menu-contact.png);
}

#menu li a:hover {
	background-position: 0 -68px;
}

#menu li.active a, #menu li.active a:hover {
	background-position: 0 -34px;
}

h1 {
	color: #FFFFFF;
	font-size: 45px;
	margin-bottom: 35px;
}

#content {
	margin-left: 186px;
	float: left;
	width: 779px;
	padding-top: 200px;
	padding-bottom: 32px;
}

.front #content {
	background: url(../images/homepage-content-top.png) no-repeat 0 58px;
	padding-top: 286px;
	height: 414px;
}

#submenu {
	color: #20b8db;
	height: 3em;
	padding-left: 25px;
	width: 350px;
	font-size: 12px;
	position:relative;
	top:-5px;
}

#submenu a {
	color: #20b8db;
	text-decoration: none;
}

#submenu a:hover {
	color: #84b84f;
	text-decoration: underline;
}

#content-inner {
	padding-left: 25px;
	padding-right: 20px;
	width: 430px;
	float: left;
	font-size: 11px;
}

#content-inner p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#content-inner a {
	color: #20b8db;
	text-decoration: underline;
}

#content-inner a:hover {
	color: #84b84f;
	text-decoration: none;
}

#content-inner li {
	margin-left: 2em;
}

h2, h3 {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

#content-right {
	float: left;
/*	margin-left: 505px;
	padding-right: 32px;*/
	padding-top: 130px;
	padding-left: 36px;
	width: 242px;
	font-size: 11px;
}

.front #content-right {
	float: none;
	width: 378px;
	height: 654px;
	right: 0px;
	bottom: 0px;
	background: url(../images/windmill.png) bottom left no-repeat;
	padding: 0px;
}

.front #content-right #quote {
	text-align: right;
	font-size: 14px;
	color: #739f47;
	font-style: italic;
	padding-left: 17px;
	padding-right: 11px;
	padding-top: 17px;
	width: 127px;
	height: 154px;
	background: url(../images/quotes.png);
	bottom: 70px;
	right: 19px;
}

#footer {
	text-align: center;
	width: 965px;
	margin: 0 auto;
	margin-top: -22px;
}

#footer-message {
	height: 27px;
	width: 867px;
	margin: 0 auto;
	color: #ffffff;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 15px;
	font-size: 15px;
	font-style: italic;
}

#footer-message .right {
	padding-top: 2px;
}

#footer .home {
	background: url(../images/lowerbanner_home.jpg);
}

#footer .products {
	background: url(../images/lowerbanner_products.jpg);
}

#footer .faqs {
	background: url(../images/lowerbanner_sand.jpg);
}

#footer .gallery {
	background: url(../images/lowerbanner_desert.jpg);
}

#footer .enquiry-form {
	background: url(../images/lowerbanner_sand.jpg);
}

#footer .news {
	background: url(../images/lowerbanner_pipes.jpg);
}

#footer .company {
	background: url(../images/lowerbanner_smokefire.jpg);
}

#footer .contact-us {
	background: url(../images/lowerbanner_chain.jpg);
}

#footer-menu {
	font-size: 9px;
	text-transform: uppercase;
	line-height: 1.8em;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #737376;
}

#footer-menu a {
	color: #737376;
	text-decoration: none;
}

#footer-menu a:hover {
	color: #84b84f;
	text-decoration: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.enquiry {
	margin: 0px;
	padding: 0px;
}

.enquiry li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-image: none;
	padding-bottom: 3px;
}

.enquiry label {
	display: block;
	float: left;
	padding-right: 5px;
}

.enquiry span input, .enquiry textarea, .enquiry select {
	width: 180px;
}

.enquiry input.obstructions {
	width: auto;
}

.enquiry #thanks {
	font-size: 1.5em;
	margin-bottom: 1.5em;
}

.enquiry #error {
	color: #FF0000;
	font-size: 1.5em;
	margin-bottom: 1.5em;
}

#enquiry1 label {
	width: 100px;
}

#enquiry2 label {
	width: 200px;
}

.gallery-image-box{
width:129px;
height:127px;
display:block;

margin-bottom:25px;
margin-right:13px;
float:left;
}

.content-box-gallery{

padding-top:25px;
}

.lightbox-category {
margin-top:10px;
}

#content-right ul  li {
background:url(../images/icon_windmill.jpg) no-repeat;
background-position: 0 0;
list-style:none;
height:16px;
padding-left:23px;
margin-bottom:5px;
}

#content-inner ul.pumps  li {
background:url(../images/icon_windmill.jpg) no-repeat;
background-position: 0 0;
list-style:none;
height:16px;
padding-left:23px;
margin-bottom:5px;
}

#content-inner ul.pumps {
margin-top:10px;
}



#content-right  a {
color:#20B8DB;
text-decoration:underline;
}

#content-right  a:hover {
color: #84b84f;
text-decoration:none;
}

li#brochure-download  {
border:none;
margin-top:10px;
}

li#brochure-download a {
background:url(../images/brochure.jpg) no-repeat;
display:block;
height:41px;
width:142px;
}

li#brochure-download a:hover {
background-position:0 -41px!important;
}

ul.pumps li {
color: #84b84f!important;
}

a.active-product {
color: #84b84f!important;
text-decoration:underline!important;
}

ul.pumps li a {
text-decoration:none!important;
color:#20B8DB!important;
}

ul.pumps li a:hover {
text-decoration:underline!important;
color: #84b84f!important;
}

.gallery #content-inner {
width:100%;
}


#content-inner ul.pumps li {
margin-left:0!important;
}

#footer .faqs .left, #footer .gallery .left, #footer .enquiry-form .left, #footer .news .left    {
background:url(../images/phone-black.png) no-repeat;
display:block;
width:137px;
height:15px;
}

#footer .faqs .left img, #footer .gallery .left img, #footer .enquiry-form .left img, #footer .news .left  img {
display:none;
}


#footer .faqs .right{
background:url(../images/tech-black.png) no-repeat;
display:block;
width:307px;
height:11px;
}

#footer .faqs .right img {
display:none;
}

