/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	background-color: #FFFFFF;
/*	background-image: url(images/img02.gif);
	background-repeat: repeat-y;
*/	
	background-position: center top;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #003F77;
	font-weight: bold;
	font-size:24px
}

h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #003F77;
	font-weight: bold;
}

h5, h6, h7 {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
}

h2 {
	font-size: 18px;
	text-align:left;
}

h3 {
	font-size: 16px;

}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 12px;
}

h7 {
	font-size: 20px;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #6693bc;
}


a:hover {
	text-decoration: none;
	color: #73c5E5;
}



/** index navigation */

a#problem-solving {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(images/but_wm.gif);
    margin: -20px 10px 0px 10px;
}
a#problem-solving:hover {
    background-image: url(images/but_wm_on.gif);
}
a#domestic {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(images/but_dom.gif);
    margin: -20px 10px 0px 10px;
}
a#domestic:hover {
    background-image: url(images/but_dom_on.gif);
}
a#leak-detection {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(images/but_leak_detection.gif);
    margin: -20px 10px 0px 10px;
}
a#leak-detection:hover {
    background-image: url(images/but_leak_detection_on.gif);
}
a#cctv-and-jetting {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(images/but_cctv.gif);
    margin: -20px 10px 0px 10px;
}
a#cctv-and-jetting:hover {
    background-image: url(images/but_cctv_on.gif);
}
a#repair-installation {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(images/but_repair_installation.gif);
    margin: -20px 10px 0px 10px;
}
a#repair-installation:hover {
    background-image: url(images/but_repair_installation_on.gif);
}
a#service {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(images/but_service.gif);
    margin: -20px 10px 0px 10px;
}
a#service:hover {
    background-image: url(images/but_service_on.gif);
}
a#design-installation {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(images/but_valve.gif);
    margin: -20px 10px 0px 10px;
}
a#design-installation:hover {
    background-image: url(images/but_valve_on.gif);
}
a#water-hygiene {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(images/but_hygiene.gif);
    margin: -20px 10px 0px 10px;
}
a#water-hygiene:hover {
    background-image: url(images/but_hygiene_on.gif);
}
a#sewage {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(images/but_sewage.gif);
    margin: -20px 10px 0px 10px;
}
a#sewage:hover {
    background-image: url(images/but_sewage_on.gif);
}
a#survey {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(images/but_survey.gif);
    margin: -20px 10px 0px 10px;
}
a#survey:hover {
    background-image: url(images/but_survey_on.gif);
}
a#sm {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(images/but_sm.gif);
    margin: -20px 10px 0px 10px;
}
a#sm:hover {
    background-image: url(images/but_sm_on.gif);
}
a#water {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(images/but_water.gif);
    margin: -20px 10px 0px 10px;
}
a#water:hover {
    background-image: url(images/but_water_on.gif);
}


/** index navigation ends */


.img1 {
	float: left;
	margin: 4px 15px 0px 0px;
	border: 5px solid #ABDCEF;
}
.text1 {
	font-size: 14px;
}

/** HEADER */

#header {
	width: 900px;
	margin: 0px auto;
/*	background: #FFFBFD url(images/img02.gif) repeat-x left top; */
	padding: 0px;
}

#header h1 {
	margin: 0px;
	padding: 20px;
}

#header h2 {
	margin: 0px;
	font-size: 14px;
}

#main-heading {
	width: 630px;
	margin: 10px 0px 0px 30px;
	padding: 0px;
	background-image: url(images/main-header-line.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
}

#main-heading2 {
	width: 900px;
	margin: 10px 0px 0px 30px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
}

/** MENU */

#menu-wrapper {
	width: 900px;
	height:55px;
	margin: 0px auto;
	background-image:url(images/menu-background3.jpg);
	background-repeat: no-repeat;
}
.clearfix:after {
  content: "."; /* This dot is the actual appended content */
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}


#pipefix-logo {
	width: 132px;
	float: left;


}
#menu {
	width: 600px;
	float:right;
	margin: 0px 3px 0px 0px;
	/*padding: 32px 0px 6px 5px;*/
	text-align:right;
	height: 55px;
	position:relative;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position:absolute;
	bottom:0px;
	right:2px;

}

#menu li {
	display: inline;
}

#menu a {
	padding: 2px 2px;
/*	text-transform: uppercase; */
	text-decoration: none;
	font-size: 12px;
/*	font-weight: bold; */
	color: #FFFFFF;
}

#menu a:hover {
	color: #6693BC;
}

/** CONTENT */

#content {
	width: 900px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: bold;
}

#content p, #content ul, #content ol {
	line-height: 140%;
}

#left {
	float: left;
	width: 660px;
	padding: 0px 0px 5px 0px;
	background-image: url(images/img02.gif);
	
}
#left-no-bgrnd {
	float: left;
	width: 660px;
	padding: 0px 0px 5px 0px;
}

#right {
	float: right;
	width: 200px;
	padding: 10px 20px 5px 20px;
	background-image: url(images/bg_gradient.gif);
	

}

#colA {
	float: left;
	width: 190px;
	padding: 0px 0px 0px 0px;
}
#colA-contact {
	float: left;
	width: 180px;
	padding: 0px 0px 0px 0px;
}

#colB {
	float: right;
	width: 360px;
	padding: 0px 0px 0px 0px;
}

#colC {
	float: right;
	width: 180px;
	padding: 0px 20px 0px 0px;
}

#colD {
	float: left;
	width: 600px;
	padding: 0px 0px 0px 0px;
}

#colE {
	float: right;
	width: 400px;
	padding: 0px 20px 0px 0px;
}
#home-colB {
	float: right;
	width: 180px;
	padding: 0px 0px 0px 0px;
}

#home-colC {
	float: right;
	width: 180px;
	padding: 0px 20px 0px 0px;
}


/** FOOTER */

#footer {
	clear: both;
	width: 900px;
	margin: 0px auto;
	border-top: 1px solid #003F77;
	background-color: #FFFFFF;	
}
#footerleft {
	float: left;
	width: 500px;
	color: #FFFFFF;
	font: normal 12px  Trebuchet MS, Helvetica, sans-serif;
}
#footerright {
	float: right;
	width: 400px;
	color: #FFFFFF;
	background-color: #FFFFFF;	
	font: normal 10px Trebuchet MS, Helvetica, sans-serif;
	padding-top: 5px;
	padding-right: 0px;
	text-align: right;
	border:none;
}

#footer p {
	margin: 0px;
	padding: 20px 10px 0px 0px;
	color: #4773C1;
}

#border-top {
	border-top: 5px solid #003F77;
}

#main-image {
	float:left;
	margin: 0px;
	padding: 0px;
}

#main-content {
	width: 600px;
	margin: 0px auto;
	padding: 20px 20px 20px 20px;
}

.text-white {
	color: #FFFFFF
}

.block-quote {
	font-family: Arial, Helvetica, sans-serif;
	color: #6693BC;
	font-weight: bold;
	font-size:20px;
}
.nav-image {

	border: 0px;
	float: right;
    margin: 0px 0px 0px 10px;
}
.main-image-left {

	border: 1px solid #CCCCCC;
	float: left;
}
.main-image-centre {

	border: 1px solid #CCCCCC;
}
.align-right {
 	float:right;
}

/* #content #right ul {
	list-style-type:square;
	margin-left:0px; 
	list-style-position:inside

}
#content #right li {
} 
*/

ul.noIndent {
	margin-left: .5em;
	padding-left: .5em;
	list-style-type:square;
	color: #003F77;

}
#colB ul {
	list-style-type:square;

}
#main-content ul {
	list-style-type:square;

}
p.side-text {
	font-size:8px;
	margin: 10px;

}

hr.dotted {
	border-top-width: 2px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #6693BC;
}

p.small-text {
	font-size:9px;
}

.page-image-left {
	float:left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;

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

}

/* form styles */
#contact-form form {
	margin:0px 0 0 0; 
	padding: 0 0 10px; 
  	width: 420px; 
  	float: left; 
}	
#contact-form fieldset {
	border: 1px solid #6693BC; 
	margin: 0 0 10px;
	padding: 5px 0 15px 15px; 
}
#contact-form legend {
	border: 1px solid #6693BC; 
	color: #fff; 
	background: #003F77; 
	padding: 1px 5px 2px; 
	margin-bottom: 5px;
	font: normal 1em Arial, Helvetica, sans-serif;  
}
#contact-form label {
	float: left; 
 	width: 80px; 
  	clear: both; 
	font-size: .8em;
	text-align: right;
	margin-top: 5px; 
	}
#contact-form input, #content textarea {
	color: #000; 
	border: 1px solid #6693BC; 
	padding: 1px; 
	background: #DEE3E7; 
	margin: 3px 5px 2px; 
	width: 280px; 
	float: left; 
}
#contact-form table {
	font-size: .80em;
}
#contact-form table td {
	padding: 6px;
	border-bottom: 1px solid #6A7C93;
}

/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to IE Mac */

#contact-form input.sminp {
	width: 110px; 
	margin-right: 160px; 
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#contact-form input:focus, #content input:active, #content textarea:focus, #content textarea:active {
	color: #000;
	background: #C0C8D2;
}
/* style for acronym and help */
acronym, abbr 
	{
	border-bottom: 1px dotted blue; 
	cursor: help;
	}
#content #breadcrumb p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;

}
#content #breadcrumb a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #4773C1;

}
#content #breadcrumb a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #73C5E5;

}
#content #left-no-bgrnd #main-content #colA .small-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#content #left-no-bgrnd #main-content hr {
	color: #6693BC;
	color:#6693BC; background: #6693BC; border: 0; Height:1px;}

#content #left-no-bgrnd #main-content #casestudy {
	float: left;
	width: 250px;
	padding: 0px 0px 0px 0px;
}

#content #left-no-bgrnd #main-content #technicalsheet {
	float: right;
	width: 250px;
	padding: 0px 0px 0px 0px;
}