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

* {margins:0px; padding:0px;}

body {margin-top: 0px;	font-family: Arial, Helvetica, sans-serif;	color: #FFFFFF;	font-size: 62.5%; background:#aaacb8;}

.mac body {margin-top: 0px;	font-family: Arial, Helvetica, sans-serif;	color: #FFFFFF;	font-size: 71.5%; /*font-size: 11px !important;*/ background:#aaacb8;}

p {font-size:1.2em; line-height: 1.3em; margin: 0px 15px 10px 15px;}
.mac p	{font-size:1.1em; line-height: 1.2em; margin: 0px 15px 10px 15px;}
.safari p	{font-size:1.1em; line-height: 1.2em; margin: 0px 15px 10px 15px;}

h1 {font-size:1.6em; line-height: 1.2em; margin: 10px 15px 0px 15px; text-transform:uppercase;}
h2 {font-size:1.2em; line-height: 1.2em; margin: 10px 15px 10px 15px; text-transform:uppercase; color:#c0c0c0;}
h3 {font-size:1em; line-height: 1.2em; margin: 0px 15px 0px 15px; text-transform:uppercase;}
h4 {font-size:1.5em; line-height: 1.2em; margin: 0px 15px -2px 15px; text-transform:uppercase;}

#wrap{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	z-index:-3;
}
#header{
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 960px;
	/*position: relative;*/
	margin-bottom: 4px;
	height: 132px;
	z-index: 10;
	/*overflow:hidden;*/
}

.mac #header{
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 960px;
	/*position: relative;*/
	margin-bottom: 4px;
	height: 132px;
	z-index: 10;
	display:block;
	/*overflow:hidden;*/
}

#logo	{width:960px; height:35px; background:#000000; margin:0px 0px 3px 0px;}


#sidebar{
	width: 172px; height: 435px;
	background-color: #0053a1;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	float:left; position:relative;
	border-right: #aaacb8 solid 4px;
}

.mac #sidebar	{font-size: 0.8em;}
.safari #sidebar	{font-size: 1.0em;}



#sidebar img	{border:none;}
#sidebar .logo	{margin:8px 0px 20px 8px;}

#news-icon	{text-align:center; width:155px; padding:0px 0px 0px 0px; margin: 0px 0px 16px 8px; }

#sidebar p {margin: 10px 10px 0px 8px;}

.details	{width:150px; border:#0060aa solid 1px; padding:10px 0px 10px 5px;}
.login		{width:150px; border:#0060aa solid 1px; padding:10px 0px 10px 5px;}
.login img	{margin: 0px 0px -3px 10px;}

.qcs-logo	{float:right; margin:-8px 5px 0px 5px;}

#news		{width:260px; border:#999999 solid 1px; margin: 0px 10px 0px 10px; padding:10px 0px 10px 0px;}



#column1{
	float: left; position:relative;
	height: 435px; width:500px;
	background-color: #FFFFFF;
	border-right: #aaacb8 solid 4px;
}

.news-rotator	{float: left; position:relative;height: 150px; width:784px;background-color: #cccccc;text-align:left;}
.column1-news{float: left; position:relative;height: 285px; width:784px;background-color: #666666;text-align:left;}



#column2{
	float: left; position:relative;
	height: 435px; width:280px;
	background-color: #666666;
	text-align:left;
}

ul#profiles	{list-style:none; margin:0px 15px 0px 15px;}
ul#profiles li	{}

/* ABOUT / HISTORY ------------------------------------------ */

body#history-page #column1{ float: left; position:relative; height: 435px; width:259px; background-color: #666666; border-right: #aaacb8 solid 4px;}
body#history-page #column2{ float: left; position:relative; height: 435px; width:259px; background-color: #666666; border-right: #aaacb8 solid 4px;}
body#history-page #column3{ float: left; position:relative; height: 435px; width:258px; background-color: #666666;}

/* AWARDS ------------------------------------------ */

ul {margin:0px 0px 0px 25px; line-height:1.3em; font-size:1.1em;}
/*ul#videos {margin:0px 15px 0px 15px; line-height:1.4em; font-size:1.1em; list-style:none;}*/
li	{line-height:1.3em;}
ul li img	{margin: 0px 0px -3px 0x; padding: 0px 0px 0px 6px; border:none;}

ul.video  	{margin:0px 15px 50px 15px; padding:0px 0px 10px 0px; font-size:1.1em; list-style:none;}
ul.video li	{line-height:1.0em; float:left; margin:0px 15px 0px 0px; vertical-align:middle;}
ul.video li img	{margin: -2px 0px 0px 0x; padding: 0px 0px 0px 6px; border:none; vertical-align:middle;}

/* CONSTRUCTION ------------------------------------------ */

body#construction-page #column1{ float: left; position:relative; height: 435px; width:259px; background-color: #666666;}
body#construction-page #column2{ float: left; position:relative; height: 435px; width:259px; background-color: #666666; border-right: #aaacb8 solid 4px;}
body#construction-page #column3{ float: left; position:relative; height: 435px; width:258px; background-color: #666666;}

body#construction-team-page #column1{ float: left; position:relative; height: 435px; width:258px; background-color: #666666; border-right: #aaacb8 solid 4px;}
body#construction-team-page #column2{ float: left; position:relative; height: 435px; width:259px; background-color: #666666; border-right: #aaacb8 solid 4px;}
body#construction-team-page #column3{ float: left; position:relative; height: 435px; width:259px; background-color: #666666;}

body#profiles-page #column1{ float: left; position:relative; height: 435px; width:280px; background-color: #666666; border-right: #aaacb8 solid 4px;}
body#profiles-page #column2{ float: left; position:relative; height: 435px; width:500px; background-color: #666666;}

/*MAINTENANCE EMERGENCY ------------------------------------------ */

body#maintenance-emergency-page #column1 {
	float: left; position:relative;
	height: 435px; width:280px;
	background-color: #a9122a;
	border-right: #aaacb8 solid 4px;
}

body#maintenance-emergency-page #column2{
	float: left; position:relative;
	height: 435px; width:500px;
	background-color: #ffffff;
	text-align:left;
}


/*SERVICE PAGE ------------------------------------------ */

body#service-page #column1 {float: left; position:relative;	height: 435px; width:259px;	background-color: #666666; text-align:left; border-right: #aaacb8 solid 4px;}
body#service-page #column2 {float: left; position:relative;	height: 435px; width:259px;	background-color: #666666; text-align:left; border-right: #aaacb8 solid 4px;}
body#service-page #column3 {float: left; position:relative;	height: 435px; width:258px;	background-color: #666666;}

body#service-page02 #column1 {float: left; position:relative;	height: 435px; width:280px;	background-color: #666666; text-align:left; border-right: #aaacb8 solid 4px;}
body#service-page02 #column2 {float: left; position:relative;	height: 435px; width:500px;	background-color: #666666;}


/*MAINTENANCE PROGRAMMED ------------------------------------------ */

body#maintenance-programmed-page #column1 {
	float: left; position:relative;
	height: 435px; width:280px;
	background-color: #666666;
	border-right: #aaacb8 solid 4px;
}

body#maintenance-programmed-page #column2{
	float: left; position:relative;
	height: 435px; width:500px;
	background-color: #ffffff;
	text-align:left;
}


/*MAINTENANCE ECO SMART PLUMBING ------------------------------------------ */

body#eco-smart-plumbing-page #column1 {
	float: left; position:relative;
	height: 435px; width:280px;
	background-color: #666666;
	border-right: #aaacb8 solid 4px;
}

body#eco-smart-plumbing-page #column2{
	float: left; position:relative;
	height: 435px; width:500px;
	background-color: #ffffff;
	text-align:left;
}


/*ADDITIONAL SERVICES ------------------------------------------ */

body#additional-services01-page #column1 {
	float: left; position:relative;
	height: 435px; width:196px;
	background-color: #666666;
	border:0;
}

body#additional-services01-page #column2{
	float: left; position:relative;
	height: 435px; width:196px;
	background-image: url(../images/additional-services/additional-services-zip.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

body#additional-services01-page #column3{
	float: left; position:relative;
	height: 435px; width:196px;
	background-image: url(../images/additional-services/additional-services-stiebel-eltron.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

body#additional-services01-page #column4{
	float: left; position:relative;
	height: 435px; width:196px;
	background-image: url(../images/additional-services/additional-services-inovita.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

body#additional-services01-page #column2 h3 {font-size:1.2em; color:#000000; font-weight:bold; margin: 25px 15px 10px 15px;}
body#additional-services01-page #column3 h3 {font-size:1.2em; color:#000000; font-weight:bold; margin: 25px 15px 10px 15px;}
body#additional-services01-page #column4 h3 {font-size:1.2em; color:#000000; font-weight:bold; margin: 25px 15px 10px 15px;}


body#additional-services02-page #column1 {
	float: left; position:relative;
	height: 435px; width:196px;
	background-color: #666666;
	border:0;
}

body#additional-services02-page #column2{
	float: left; position:relative;
	height: 435px; width:196px;
	background-image: url(../images/additional-services/additional-services-heaven-fresh.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

body#additional-services02-page #column3{
	float: left; position:relative;
	height: 435px; width:196px;
	background-image: url(../images/additional-services/additional-services-roger-seller.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

body#additional-services02-page #column4{
	float: left; position:relative;
	height: 435px; width:196px;
	background-image: url(../images/additional-services/additional-services-jordan-plumbing.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


body#additional-services02-page #column2 h3 {font-size:1.2em; color:#000000; font-weight:bold; margin: 25px 15px 10px 15px;}
body#additional-services02-page #column3 h3 {font-size:1.2em; color:#000000; font-weight:bold; margin: 25px 15px 10px 15px;}
body#additional-services02-page #column4 h3 {font-size:1.2em; color:#000000; font-weight:bold; margin: 25px 15px 10px 15px;}

body#additional-services03-page #column1 {
	float: left; position:relative;
	height: 435px; width:196px;
	background-color: #666666;
	border:0;
}

body#additional-services03-page #column2{
	float: left; position:relative;
	height: 435px; width:196px;
	background-image: url(../images/additional-services/additional-services-jordan-plumbing.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

body#additional-services03-page #column3{
	float: left; position:relative;
	height: 435px; width:196px;
	background-image: url(../images/additional-services/additional-services-jordan-plumbing.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

body#additional-services03-page #column4{
	float: left; position:relative;
	height: 435px; width:196px;
	background-color: #666666;
	border:0;
}


body#additional-services03-page #column2 h3 {font-size:1.2em; color:#000000; font-weight:bold; margin: 25px 15px 10px 15px;}
body#additional-services03-page #column3 h3 {font-size:1.2em; color:#000000; font-weight:bold; margin: 25px 15px 10px 15px;}
body#additional-services03-page #column4 h3 {font-size:1.2em; color:#000000; font-weight:bold; margin: 25px 15px 10px 15px;}

/*SMALL PROJECTS 01 ------------------------------------------ */

body#small-projects01-page #column1 {
	float: left; position:relative;
	height: 435px; width:259px;
	background-color: #666666;
	border-right: #aaacb8 solid 4px;
}

body#small-projects01-page #column2{
	float: left; position:relative;
	height: 435px; width:259px;
	background-color: #666666;
	text-align:left;
	border-right: #aaacb8 solid 4px;
}
body#small-projects01-page #column3{
	float: left; position:relative;
	height: 435px; width:258px;
	background-color: #666666;
	text-align:left;
}


body#small-projects02-page #column1 {
	float: left; position:relative;
	height: 435px; width:280px;
	background-color: #666666;
	border-right: #aaacb8 solid 4px;
}

body#small-projects02-page #column2{
	float: left; position:relative;
	height: 435px; width:500px;
	background-color: #666666;
	text-align:left;
}



/*QSE ------------------------------------------ */


body#qse-page #column1{ float: left; position:relative; height: 435px; width:259px; background-color: #666666; border-right: #aaacb8 solid 4px;}
body#qse-page #column2{ float: left; position:relative; height: 435px; width:259px; background-color: #666666; border-right: #aaacb8 solid 4px;}
body#qse-page #column3{ float: left; position:relative; height: 435px; width:258px; background-color: #666666;}


/*QUALITY ------------------------------------------ */

body#quality-page #column1 {
	float: left; position:relative;
	height: 435px; width:390px;
	background-color: #666666;
}

body#quality-page #column2{
	float: left; position:relative;
	height: 435px; width:390px;
	background-color: #666666;
	text-align:left;
}


body#quality-page #column1 ul {margin:0px 15px 0px 30px; line-height:1.4em; font-size:1.1em;}


/*SAFETY ------------------------------------------ */

body#safety-page #column1 {
	float: left; position:relative;
	height: 435px; width:390px;
	background-color: #666666;
	border-right: #aaacb8 solid 4px;
}

body#safety-page #column2 {
	float: left; position:relative;
	height: 435px; width:390px;
	background-color: #ffffff;
	text-align:left;
}


/*ENVIRONMENTAL ------------------------------------------ */

body#environmental-page #column1 {
	float: left; position:relative;
	height: 435px; width:390px;
	background-color: #666666;
	border-right: #aaacb8 solid 4px;
}

body#environmental-page #column2 {
	float: left; position:relative;
	height: 435px; width:390px;
	background-color: #ffffff;
	text-align:left;
}



/*VIDEO PAGE ------------------------------------------ */

body#video-page #column1 {
	float: left; position:relative;
	height: 435px; width:784px;
	background-color: #666666;
	border:0;
}



body#video-page #column1 img {border:#ffffff 4px solid; margin-right:15px;}

/*CONTACTS ------------------------------------------ */

body#contacts-page #column1 {
	float: left; position:relative;
	height: 435px; width:258px;
	background-color: #666666;
	border-right: #aaacb8 solid 4px;
}

body#contacts-page #column2 {
	float: left; position:relative;
	height: 435px; width:258px;
	background-color: #666666;
	text-align:left;
	border-right: #aaacb8 solid 4px;
}

body#contacts-page #column3 {
	float: left; position:relative;
	height: 435px; width:260px;
	background-color: #666666;
	text-align:left;
}


.form-title				{display:block; margin: 0px 0px 0px 15px; width:60px; float:left;}
#enquiry-form li{font-size: 1.2em; line-height:2.3em; list-style:none;}
input					{float:left; margin:0px 20px 12px 0px;}
textarea				{float:left; margin: 0px 0px 0px 15px;}
.send-button			{margin: 10px 0px 0px 15px;}

/* FOOTER ------------------------*/

#footer{
	background-color: #000000;
	margin-top: 4px; 							/* needs fix for IE*/
	font-family: Arial, Helvetica, sans-serif;
	color:#aaacb8;
	font-size: 1.1em;
	height: 20px;
	text-align: left;
	line-height: 20px;
	position: relative;
	width: 960px;
}

.ie #footer{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	color:#aaacb8;
	font-size: 1.1em;
	height: 20px;
	text-align: left;
	line-height: 20px;
	position: relative;
	width: 960px;
	border-top:#aaacb8 solid 4px;
	}

#footer p {margin:0px 0px 0px 5px;}

.logo{ float: left; position: relative;}


/* PAGE-NUMBER ------------------------*/

#page-number ul{position:relative; text-align:left;}
#page-number li {display:block; list-style-type:none; margin:0px 5px 0px 0px; padding:0px 3px 0px 3px; font-size:1.1em; height: 12px;color:#ffffff; float:left; position:relative; text-align:center; text-transform:uppercase; line-height:2em;}

#page-number	a:link		{color:#ffffff; text-decoration:none; border:#ffffff 1px solid; padding:0px 3px 0px 3px; width:13px;}
#page-number	a:visited	{color:#ffffff; text-decoration:none; border:#ffffff 1px solid; padding:0px 3px 0px 3px; width:13px;}
#page-number	a:hover		{color:#666666; text-decoration:none; border:#ffffff 1px solid; background:#ffffff; padding:0px 3px 0px 3px; width:13px;}
#page-number	a:active	{color:#ffffff; text-decoration:none; border:#ffffff 1px solid; padding:0px 3px 0px 3px; width:13px;}



#page-number-profiles ul{position:relative; text-align:left;}
#page-number-profiles li {display:block; list-style-type:none; margin:0px 5px 0px 0px; padding:0px 3px 0px 3px; font-size:1.1em; height: 12px;color:#ffffff; float:left; position:relative; text-align:center; text-transform:uppercase; line-height:2em;}

#page-number-profiles	a:link		{color:#ffffff; text-decoration:none; border:#ffffff 1px solid; padding:0px 3px 0px 3px; width:13px;}
#page-number-profiles	a:visited	{color:#ffffff; text-decoration:none; border:#ffffff 1px solid; padding:0px 3px 0px 3px; width:13px;}
#page-number-profiles	a:hover		{color:#238dc9; text-decoration:none; border:#ffffff 1px solid; background:#ffffff; padding:0px 3px 0px 3px; width:13px;}
#page-number-profiles	a:active	{color:#ffffff; text-decoration:none; border:#ffffff 1px solid; padding:0px 3px 0px 3px; width:13px;}






.subheading {font-size:1.0em; font-weight:bold;}
.grey {color:#c0c0c0;}
.yellow {color:#e7c21e;}
.black {color:#000000;}

a:link		{color:#FFffff; text-decoration:none;}
a:visited	{color:#FFffff; text-decoration:none;}
a:hover		{color:#cccccc; text-decoration:none;}
a:active	{color:#cccccc; text-decoration:none;}

/*STAFF PAGE ------------------------------------------ */
body#staff-page #column1 {
	float: left; position:relative;
	height: 435px; width:784px;
	background-color: #666666;
	border:0;
}


body#staff-page #column1 p {font-size:1.2em; line-height: 2.2em; margin: 10px 15px 10px 15px;}

a[href *='.pdf']	{background: transparent url(../images/pdf.gif) no-repeat center left; padding: 20px 0px 20px 25px;}
a[href *='.PDF']	{background: transparent url(../images/pdf.gif) no-repeat center left; padding: 20px 0px 20px 25px;}
a[href *='.xls']	{background: transparent url(../images/xls.gif) no-repeat center left; padding: 20px 0px 20px 0px;}
a[href *='.XLS']	{background: transparent url(../images/xls.gif) no-repeat center left; padding: 20px 0px 20px 0px;}
a[href *='.doc']	{background: transparent url(../images/word.gif) no-repeat center left; padding: 20px 0px 20px 0px;}
a[href *='.DOC']	{background: transparent url(../images/word.gif) no-repeat center left; padding: 20px 0px 20px 0px;}
a[href *='.jpg']	{background: transparent url(../images/photo.gif) no-repeat center left; padding: 20px 0px 20px 0px;}
a[href *='.JPG']	{background: transparent url(../images/photo.gif) no-repeat center left; padding: 20px 0px 20px 0px;}
/*a[href *='/']	{background: transparent url(../images/dir.gif) no-repeat center left; padding: 20px 0px 20px 0px;}*/

body#staff-page #column1 a	{padding:5px 0px 5px 30px; display:block; float:left; width:300px;}

#space {margin: 0px 0px 0px 35px;}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/* NEWS STUFF */

body#news-page .column1-news	{float: left; position:relative;height: 685px; width:784px;background-color: #666666;text-align:left;}
body#news-page #sidebar{
	width: 172px; height: 835px;
	background-color: #0053a1;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	float:left; position:relative;
	border-right: #aaacb8 solid 4px;
}

#articleFooter {

clear: both;
width: 500px;
background: #666666;
margin-top: 10px;
padding: 4px;
margin-bottom: 10px;
vertical-align: middle;
border-top:#ffffff 1px;
}

#articleFooter a {
color: #ffffff;
margin-right: 10px;
}

#articleFooter img {
border: 0px;
vertical-align: bottom;
} 

#pageText h1	{margin: 10px 15px 0px 0px; font-size:1.8em;}
#pageText h2	{margin: 10px 15px 0px 0px; font-size:1.4em;}
#pageText p		{margin: 10px 15px 10px 0px;font-size:1.2em;}

.ie #pageText h1	{margin: 10px 15px 0px 0px; font-size:1.8em;}
.ie #pageText h2	{margin: 10px 15px 0px 0px; font-size:1.4em;}
.ie #pageText p		{margin: 10px 15px 10px 0px;font-size:1.2em;}

.ie #pageText td h1		{margin: 10px 15px 0px 0px; font-size:1.8em;}
.ie #pageText td h2		{margin: 10px 15px 0px 0px; font-size:1.4em;}
.ie #pageText td p		{margin: 10px 15px 10px 0px;font-size:1.2em;}
.ie .column1-mailarticle p	{margin: 10px 15px 10px 10px;font-size:1.0em;}


#pageText a #articleFooter		{font-size:1.5em;}

#pageText	{overflow:hidden; vertical-align:top;}

.column1-mailarticle	{float: left; position:relative;height: 435px; width:784px;background-color: #666666;text-align:left;}

#emailform label	{margin: 10px 15px 10px 10px;font-size:1.1em;}