@charset "UTF-8";
/* CSS Document */


/* A1styles.css
------------------------------------------------------------------------------

Author:  			Peter Richman
E-mail:				peter@plugandplaydesign.co.uk
Company: 			Plug and Play Design
Date:				20/01/2008

Version:			1.0
Designed for:		FireFox 2

CSS file:			Design One 

------------------------------------------------------------------------------*/





/* =USUAL SUSPECTS
------------------------------------------------------------------------------*/

body{
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:			62.5%;
color:				#444444;
background:			url(images/background.gif) top left repeat-x #6abea2;
}

img{
border:				none;
}

.centre p strong{
color:				#000;
}


a{
text-decoration:	none;
}

q{
font-style:			italic;
color:				#000;
}

.clear{
clear:				both;
}

strong{
color:				#000;
}

hr{
margin-top:			20px;
margin-bottom:		20px;
margin-left:		17px;
margin-right:		17px;

}


/* HACK for FIREFOX!! - to always display right hand scroll bars in short pages
this prevents the page bouncing left when changing pages */

html { 
overflow: 			-moz-scrollbars-vertical; 
height: 100%; 
}

/*Hack over*/

p{
font-size:			1.2em;
line-height:		1.8em;
}

p a{
color:				#572600;
}

p a:hover{
color:				#FFF;
}

/* REMOVES HORIZONTAL SCROLL BARS */
html{
overflow-x:			hidden;
}
/* ------ END -------- */


/* REMOVES DOTTED LINE ON ACTIVE IMAGE LINKS WITH TEXT INDENT IN FF2+ */
a{
text-decoration:	none;
outline:none;
}
a:active
{
  outline: none;
}
/* ------ END -------- */


/* =TOP
------------------------------------------------------------------------------*/

.wrapper{
width:				821px;
margin-left:		auto;
margin-right:		auto;
}

.top{
width:				821px;
margin-left:		auto;
margin-right:		auto;
margin-top:			0px;
padding:            0px;
}

* .top{
* position:			relative;
* top:				-20px;
}

.logo{
background:			url(images/logo.gif) top left no-repeat;
height:				164px;
width:				350px;
text-indent:        -3000px;
margin:				-12px 0px 0px 0px;
padding:            0px;
float:				left;
}

.top p{
color:				#007161;
font-size:			1.7em;
text-align:			right;
background:			url(images/greenBar.gif) bottom no-repeat;
width:				431px;
float:				right;
margin:				50px 0px 0px 0px;
padding:            0px 40px 20px 0px;
line-height:		40px;
}

.top p span{
font-weight:		bold;
}

/* =MAIN MENU
------------------------------------------------------------------------------*/

.mainMenu{
float:				left;
list-style:			none;
padding:            0px;
margin:             14px 0px 0px 0px;
}

.mainMenu li{
margin:				10px 0px 0px 0px;
padding:            0px;
}


.mainMenu li a{
display:			block;
height:				35px;
width:				135px;
text-indent:        -5000px;
}

.mainMenu .about a{
background:			url(images/mainAbout.gif) top left no-repeat;
}

.mainMenu .about a:hover{
background-position:right;
}

.mainMenu .surveying a{
background:			url(images/mainSurveying.gif) top left no-repeat;
}

.mainMenu .surveying a:hover{
background-position:right;
}

.mainMenu .jetting a{
background:			url(images/mainJetting.gif) top left no-repeat;
}

.mainMenu .jetting a:hover{
background-position:right;
}

.mainMenu .repairing a{
background:			url(images/mainRepairing.gif) top left no-repeat;
}

.mainMenu .repairing a:hover{
background-position:right;
}

.mainMenu .residential a{
background:			url(images/mainResidential.gif) top left no-repeat;
}

.mainMenu .residential a:hover{
background-position:right;
}

.mainMenu .commercial a{
background:			url(images/mainCommercial.gif) top left no-repeat;
}

.mainMenu .commercial a:hover{
background-position:right;
}

.mainMenu .training a{
background:			url(images/mainTraining.gif) top left no-repeat;
}

.mainMenu .training a:hover{
background-position:right;
}

.mainMenu .contact a{
background:			url(images/mainContact.gif) top left no-repeat;
}

.mainMenu .contact a:hover{
background-position:right;
}

/* =CONTENT
------------------------------------------------------------------------------*/

.textContent{
float:				left;
width:				656px;
margin:				10px 0px 0px 0px;
background-repeat:	no-repeat;
background-position:100% 25px;
}


* .textContent{
* margin:			25px 0px 0px 0px;
* background-position:100% 0px;
}


.textContent h2{
color:				#007161;
font-family:		Helvetica, Verdana, Arial, sans-serif;
font-size:			1.6em;
margin-left:		30px;
}

.textContent p{
margin-left:		30px;
}


.title{
color:				#007161;
font-family:		Helvetica,Verdana,Arial,sans-serif;
font-size:			1.6em;
font-weight:		lighter;

}

/* =HOME 
------------------------------------------------------------------------------*/
#textHome{
margin-top:			-359px;
}

* #textHome{
* margin-top:		-349px;
}

/* =SURVEYING 
------------------------------------------------------------------------------*/

#textSurveying{
background-image:	url(images/imageLittleCar.jpg);
}

/* =JETTING
------------------------------------------------------------------------------*/
#textJetting{
background-image:	url(images/imageVanInside.jpg);
}

/* =REPAIRING
------------------------------------------------------------------------------*/
#textRepairing{
background-image:	url(images/imageRepairing.jpg);
}

/* =RESIDENTAL
------------------------------------------------------------------------------*/
#textResidential{
background-image:	url(images/imageResidential.jpg);
}


/* =COMMERCIAL
------------------------------------------------------------------------------*/
#textCommercial{
background-image:	url(images/imageDiagram.jpg);
}

/* =TRAINING
------------------------------------------------------------------------------*/
#textTraining{
background-image:	url(images/imageTraining.jpg);
}

/* =CONTACT
------------------------------------------------------------------------------*/
#textContact{
background-image:	url(images/imageBackofVan.jpg);
}