/* @override http://newtraxwww.dev/css/layout.css */

body {
    margin: 0px;
    padding: 0px;
}

/* @group Page */

div.container {
	clear: both;
	position: relative;
	display: block;
    width: 100%;
    text-align: center;
}

div.pagetop {
    background-image: url(/img/page/bg.gif);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #717E85;
}

div.container div.containerInner {
	display: block;
    width: 800px;
    margin: 0px auto 0px auto;
    text-align: left;
}

/* @end */

/* @group header & footer */

#logo {
	width: 150px;
	height: 60px;
	padding-left: 30px;
	text-align: left;
}

#navcontainer {
	height: 60px;
	width: 600px;
}

div#nav {
	display: block;
	height: 32px;
}

/* @group header */

div#header {
	display: block;
	background-color: #1b2226;
}

div#headerSubnav div#subnav {
	clear: both;
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 180px;
	/*background-color: #273035;*/
	background-color: #1b2226;
}

div#headerSubnav div#subnav table {
	margin: 0px;
	padding:  0px;
}



/* @end */

/* @group footer */

div.footer {
	background-color: #f2f2f2;
	margin-top: 15px;
	border-top: 1px solid #d9d9d9;
}

div#footer {
	display: block;
	padding: 10px 0px;
}

#footer #logo {
	padding: 5px;
}
#footer div#subnav {
	clear: both;
	display: block;
	border-top: 1px solid #d0d0d0;
}

div#footer div#subnav td.subnavImg {
	display: none;
}

div.signatureFooter {
	background-color: #f2f2f2;
}

div#signature {
	margin: 0px auto;
	padding: 15px;
	text-align: center;
}

div#signature.footer {
	margin: 0px auto;
	padding: 5px;
	padding-left: 171px;
	text-align: left;
	border: none;
}

/* @end */



/* @end */

/* @group Top panel */

div#top {
	clear: both;
	display: block;
	height: 290px;
	background-image: url("/img/page/topBg.gif");
	background-position: top left;
	background-repeat: repeat-x;
	padding: 0px;
	background-color: #495154;
}

div#topEmpty {
	clear: both;
	display: block;
	height: 60px;
	background-image: url("/img/page/topBg.gif");
	background-position: top left;
	background-repeat: repeat-x;
	padding: 0px;
	color: #ffffff;
	background-color: #495154;
}

div#topStd {
	clear: both;
	display: block;
	height: 226px;
	background-image: url("/img/page/topBg.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 0px;
	color: #ffffff;
	background-color: #29343a;
}

div#topStdSkin {
	position: relative;
	width: inherit;
	height: inherit;
	background-repeat: no-repeat;
}

div.vCenteredTextContainer {
	height: inherit;
	display: table-cell;
	vertical-align: middle;
}

div#topStd div.title {
	color: #ffffff;
	text-align: left;
}

div#topStd div.vCenteredTextContainer div.title {
	float: left;
	color: #ffffff;
	text-align: center;
}

div#topEmpty div.title {
	float: left;
	color: #ffffff;
	text-align: left;
	width: 760px;
	padding-left: 25px;
}

div.top div.techTitle {
	width: 300px;
	padding-left: 30px;
}

div.top div.productsDetails {
}

div.top div.solutionsTitle {
	width: 180px;
	padding-left: 30px;
}
div.top div.solutionsDetails {
	float: left;
	padding-left: 45px;
	width:  510px;
	vertical-align: middle;
}

/* @group Solutions backgrounds */

div.solutions-udgmines {
	background-image: url(/img/top-solutions-udgmines.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div.solutions-wwcs {
	background-image: url(/img/top-solutions-wwcs.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div.solutions-bpb {
	background-image: url(/img/top-solutions-bpb.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div.solutions-other {
	background-image: url(/img/top-solutions-other.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* @group underground mines text */

div#udgmines-title {
	position: absolute;
	text-align: right;
	top: 15px;
	left: 284px;
	width: 500px;
}
div#udgmines-1 {
	top: 20px;
	left: 61px;
	width: 180px;
}
div#udgmines-2 {
	top: 97px;
	left: 61px;
	width: 160px;
}
div#udgmines-3 {
	top: 161px;
	left: 61px;
	width: 160px;
}
div#udgmines-4 {
	top: 105px;
	left: 428px;
	width: 225px;
}

div#udgmines-5 {
	top: 179px;
	left: 428px;
	width: 225px;
}

/* @end */

/* @group wastewater text */

div#wwcs-title {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 600px;
}
div#wwcs-1 {
	top: 82px;
	left: 193px;
	width: 295px;
}
div#wwcs-2 {
	top: 124px;
	left: 193px;
	width: 295px;
}
div#wwcs-3 {
	top: 167px;
	left: 193px;
	width: 300px;
}
div#wwcs-4 {
	top: 82px;
	left: 540px;
	width: 225px;
}

div#wwcs-5 {
	top: 124px;
	left: 540px;
	width: 225px;
}

/* @end */

/* @group border + perimeters */

div#bpb-title {
	position: absolute;
	top: 12px;
	left: 115px;
	width: 670px;
	text-align: right;
}
div#bpb-1 {
	top: 98px;
	left: 53px;
	width: 155px;
}
div#bpb-2 {
	top: 134px;
	left: 53px;
	width: 155px;
}
div#bpb-3 {
	top: 178px;
	left: 53px;
	width: 155px;
}
div#bpb-4 {
	top: 91px;
	left: 252px;
	width: 200px;
}
div#bpb-5 {
	top: 134px;
	left: 252px;
	width: 200px;
}

/* @end */

/* @group other */

div#other-title {
	position: absolute;
	top: 70px;
	left: 50px;
}

/* @end */
/* @end */

/* @group Products backgrounds */

div.imgMapLink {
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 9;
/*	border: 1px solid white;
	background-color: #f0f0f0;
	opacity: 0.4;*/
}

div.imgMapLink:hover {
	border: 1px dotted #61768c;
}

div#topImgMap-products-cws {
	top: 62px;
	left: 203px;
	width: 105px;
	height: 150px;
}

div#topImgMap-products-isp {
	top: 15px;
	left: 329px;
	width: 85px;
	height: 177px;
}

div#topImgMap-products-wn {
	top: 15px;
	left: 420px;
	width: 195px;
	height: 177px;
}

div#products-title {
	position: absolute;
	top: 15px;
	left: 25px;
	width: 300px;
	z-index: 10;
}

div#products-points {
	display: none;
	position: absolute;
	top: 25px;
	left: 560px;
	width: 240px;
}

div.products-wn {
	background-image: url("/img/top-products-wn.gif");
	background-position: 200px 12px;
}

div.products-isp {
	background-image: url("/img/top-products-isp.gif");
	background-position: 200px 12px;
}
div.products-cws {
	background-image: url("/img/top-products-cws.gif");
	background-position: 200px 12px;
}

/* @end */

/* @group Technology */

div.tech-mesh {
	background-image: url("/img/top-technology-meshfhss.jpg");
	background-position: 382px 0;
}

/* @end */
/* @end */


/* @group Main content */

div#content {
	width: 800px;
	background-image: url('/img/page/contentBg.gif');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #ffffff;
	min-height: 250px;
}

div#content .fixed {
	position: fixed;
	width: inherit;
}

div#content img.bullet {
	margin: 0px 10px 0px 0px;
}
img.graphic {
	margin: 25px 0px;
}
.centeredGraphic {
	display: block;
	clear: both;
	text-align: left;
	margin-left: auto !important;
	margin-right: auto !important;
}

div.boxes-sidebyside {
	float: left;
	width: 230px;
	margin: 0px;
	margin-right: 10px;
	clear: none;
}

/* @group 3 cols layout */

div.colsABC {
	display: block;
	clear: both;
}

div.colsABC > div.colA {
	float: left;
	width: 246px;
	padding: 10px;
	border-right: 1px solid #ffffff;
	min-height: inherit;
}

div.colsABC > div.colB {
	float: left;
	width: 246px;
	padding: 10px;
	border-right: 1px solid #ffffff;
	min-height: inherit;
}

div.colsABC > div.colC {
	float: left;
	width: 246px;
	padding: 10px;
	min-height: inherit;
}
/* @end */

/* @group 2/3 - 1/3 layout */

div.colsAB {
	display: block;
	clear: both;
}

div.colsAB > div.colA {
	float: left;
	width: 549px;
	padding: 15px;
	border-right: 1px solid #ffffff;
	min-height: inherit;
}

div.colsAB > div.colB {
	float: left;
	width: 200px;
	padding: 10px;
	min-height: inherit;
}
/* @end */

/* @group 1/2 - 1/2 layout */

div.colsAB50 {
	display: block;
	clear: both;
}

div.colsAB50 > div.colA {
	float: left;
	width: 370px;
	padding: 15px;
	border-right: 1px solid #ffffff;
	min-height: inherit;
}

div.colsAB50 > div.colB {
	float: left;
	width: 369px;
	padding: 15px;
	min-height: inherit;
}

/* @end */

/* @group 1/2 - 1/2 liquid layout */

div.colsAB50liquid {
	display: block;
	clear: both;
}

div.colsAB50liquid > div.colA {
	float: left;
	width: 45% !important;
	padding: 10px !important;
}

div.colsAB50liquid > div.colB {
	float: left;
	width: 45% !important;
	padding: 10px !important;
}

/* @end */

/* @group 2/3 - 1/3 liquid layout */

div.colsABliquid {
	display: block;
	clear: both;
	overflow: auto;
	width: 100%;
}

div.colsABliquid > div.colA {
	float: left;
	width: 60% !important;
	padding-right: 10px !important;
}

div.colsABliquid > div.colB {
	float: left;
	width: 35% !important;
	padding-left: 10px !important;
}

/* @end */


/* @group 1 col layout */

div.colsA {
	display: block;
	clear: both;
}

div.colsA > div.colA {
	display:  block;
	width: 770px;
	padding: 15px;
	min-height: inherit;
}

/* @end */
/* @end */