/****************/
/* GROUND RULES */
/****************/
body {
	font: 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 50px 0 0 0;
	margin: 0;
	background-color: #e6e7e8;
	color: #333;
}
html {
	background-color: #e6e7e8;
}
#wrapper {
	width: 970px;
	margin: 0 auto;
	background-color: #fff;
}
input,textarea {
	font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
}


/************/
/* MASTHEAD */
/************/
ul#accessibility {
	position: absolute;
	width: 970px;
	list-style: none;
	padding: 0;
	margin: 0;
	top: 5px;
}
ul#accessibility li {
	margin: 0;
	padding: 0 0 0 10px;
	float: right;
	color: #666;
}
ul#accessibility li a {
	text-decoration: none;
	color: #666;
}
ul#accessibility li a:hover {
	text-decoration: underline;
}
#masthead img {
	position: absolute;
}
#masthead h1 {
	height: 57px;
	line-height: 150px;
	padding: 18px 0 0 45px;
	font: 3.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
}


/**********************/
/* PRIMARY NAVIGATION */
/**********************/
ul#navigation{
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	line-height: 1.5em;
	font-size: 1.2em;
}
#navigation li {
	margin: 0;
	padding: 0;
	float: left;
}
ul#navigation li a {
	display: block;
	background-image: url(../img/bullet-primarynav.png);
	padding: 0 10px 0 10px;
	background-repeat: no-repeat;
	background-position: left center;
	text-transform: uppercase;
	font-weight: bold;
	white-space: nowrap;
	color: #48535b;
	text-decoration: none;
	float: left;
}
ul#navigation li a:hover {
	text-decoration: underline;
}



/************************/
/* SECONDARY NAVIGATION */
/************************/
#leftcol h3 {
	font-size: 1.2em;
	color: #fff;
	padding: 0;
	margin: 20px 10px 0 30px;
	font-weight: normal;
	text-transform: uppercase;
}
ul#subnavigation {
	margin: 10px 10px 10px 30px;
	padding: 0;
	list-style: none;
	font-size: 1.2em;
}
ul#subnavigation li {
	padding: 0;
	margin: 0;
}
ul#subnavigation li a {
	color: #333;
	text-decoration: none;
	background-image: url(../img/bullet-secondarynav.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 12px;
}
ul#subnavigation li a:hover {
	color: #000;
	text-decoration: underline;
}



/***********/
/* CONTENT */
/***********/
#content {
	clear: both;
	font-size: 1.2em;
	line-height: 1.4em;
}
#content h2 {
	font-size: 1.4em;
	font-weight: normal;
	padding: 0 0 2em 0;
	margin: 0;
	color: #0074bc;
	text-transform: uppercase;
}
#content h3 {
	font-size: 1.2em;
	font-weight: normal;
	padding: 1em 0 0 0;
	margin: 0;
	color: #0074bc;
}
#content p {
	padding: 0;
	margin: 0 0 1.4em 0;
	line-height: 1.4em;
}
#content a {
	color: #0074bc;
	text-decoration: underline;
}
#content a:hover {
	color: #000;
	text-decoration: none;
}

.spacedoutlist li {
	padding-bottom: 1.4em;
}
#content dt {
	font-weight: bold;
}
#content dd {
	margin: 0.5em 0 2em 30px;
	padding: 0 0 0 15px;
	border-left: 7px solid #0074bc;
}


/**********/
/* FOOTER */
/**********/
#footer {
	clear: both;
	border-top: 10px solid #e6e7e8;
	background-color: #d1d3d4;
	padding: 10px;
}
#footer ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #333;
}
#footer ul li {
	margin: 0;
	padding: 0;
}
#footer ul li a {
	float: left;
	padding-right: 10px;
	color: #666;
}
/*===========================*/
/*  for use with big footer  */
#footer #contactdetails {
	float: right;
	width: 600px;
	text-align: right;
}
#footer #contactdetails p {
	padding: 0;
	margin: 0;
}
/*===========================*/
/* for use with small footer */
#footer #contactdetails2 {
	font-size: 1.6em;
	color: #fff;
	float: right;
	text-align: right;
	padding: 0;
	margin: 0;
	width: 400px;
}
#footer #contactdetails2 a {
	color: #fff;
	text-decoration: none;
}
#footer #contactdetails2 a:hover {
	color: #0074bc;
	text-decoration: underline;
}
/*===========================*/
#footer #contactdetails a {
	color: #666;
}
#footer a:hover {
	text-decoration: none;
	color: #333;
}


/*****************************/
/* HOMEPAGE SPECIFIC CONTENT */
/*****************************/
#strapline {
	height: 100px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#homepagesplash {
	margin-top: -100px;
}
#homewrapper {
	background-image: url(../img/bg-homepagesplash.png);
	background-repeat: repeat-y;
	background-position: left top;
	clear: both;
}
#strapline em {
	color: #fff;
	font-style: normal;
	display: block;
	margin-top: 30px;
}
#splash {
	float: left;
	margin-right: 10px;
}
#homecontent {
	background-color: #d1d3d4;
	border-left: 7px solid #0074bc;
	width: 415px;
	float: right;
	padding: 0 70px 0 40px;
}
#homecontent2 {
	width: 485px;
	padding: 0 0 0 43px;
	margin-top: 15px;
	float: right;
	background-image: url(../img/bg-homecontent2.png);
	background-repeat: repeat-y;
	background-position: center top;
}
div.home {
	background-image: url(../img/homepage-splash.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#content #homecontent h2 {
	margin: 1.4em 0;
	padding: 0;
}


/*----- HOMEPAGE CTA -----*/
ul#cta {
	padding: 0;
	margin: 0 33px 0 0;
	list-style: none;
	width: 190px;
	float: left;
}
ul#cta li {
	margin: 0;
	padding: 0;
	height: 70px;
}
ul#cta li a {
	display: block;
	background-repeat: no-repeat;
	background-position: 7px center;
	height: 54px;
	padding: 6px 0 10px 100px;
	font-size: 1.0em;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px dotted #b3b8bb;
	color: #0074bc;
	text-decoration: none;
}
ul#cta li a:hover {
	background-color: #cde0fe;
	color: #fff;
	text-decoration: underline;
}
ul#cta li.overview a {
	background-image: url(../img/cta-overview.png);
}
ul#cta li.products a {
	background-image: url(../img/cta-products.png);
}
ul#cta li.solutions a {
	background-image: url(../img/cta-faq-water-1.png);
}


/*---- LIVE DEMO ----*/
#livedemo {
	width: 231px;
	float: right;
	padding: 50px 20px 0 10px;
	background-image: url(../img/mouse.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#livedemo h3 {
	text-transform: uppercase;
	color: #0074bc;
	font-size: 1.4em;
	margin: 0;
	padding: 20px 0 10px 0;
}
#content #livedemo p {
	margin: 0;
	padding: 0 0 1.4em 0;
	line-height: 1.2em;
}
#livedemo p a {
	text-decoration: none;
	display: block;
	width: 5.5em;
	height: 1.8em;
	line-height: 1.8em;
	background-image: url(../img/bg-liveddemolink.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#livedemo p a:hover {
	text-decoration: underline;
}



/************************/
/* NON HOMEPAGE CONTENT */
/************************/
div#intcontwrapper {
	background-image: url(../img/bg-interiorpage.png);
	background-repeat: repeat-y;
	background-position: right top;
}
div.interior #leftcol {
	background-image: url(../img/interior-leftcol.png);
	height: 537px;
	width: 194px;
	float: left;
	background-repeat: no-repeat;
	background-position: right top;
}
div.interior #content {
	float: right;
	width: 726px;
	padding: 0 20px 0 0;
	border-bottom: 20px solid #fff;
}


/******************/
/* FONT SIZE FORM */
/******************/
#fontsizeform {
	position: absolute;
	top: 20px;
	width: 970px;
	margin: 0 auto;
	text-align: right;
	color: #666;
}
#fontsizeform fieldet,#fontsizeform fieldet legend {
	display: inline;
}
#fontsizeform input {
	border: 0;
	background-color: transparent;
	color: #666;
	font-size: 1.1em;
	width: 2.0em;
}



/******************/
/* ACCORDION MENU */
/******************/
#content #accordion dt {
	font-weight: normal;
	margin-bottom: 0.5em;
	background-repeat: no-repeat;
	background-position: 700px center;
}
#content #accordion dl dd p {
	margin: 1.4em 0;
}
#content #accordion dd {
	margin: 0;
	padding: 0;
	border: none;
}
#accordion dt a {
	display: block;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	border: 1px outset;
	padding: 5px 10px;
}
#accordion dt a:hover {
	text-decoration: underline;
	color: #fff;
}
#content #accordion dt.activetab {
	background-color: #48535b;
	background-image: url(../img/accordion-up.png);
}
#content #accordion dt.inactivetab {
	background-color: #0074bc;
	background-image: url(../img/accordion-down.png);
}


/*****************/
/* CONTACT FORMS */
/*****************/
#contacteurope fieldset,
#contactasia fieldset,
#contactaustralia fieldset,
#contactnorthamerica fieldset {
	border: 1px solid #999;
	padding: 10px;
	margin: 2.4em 0 0 0;
}
#contacteurope fieldset p,
#contactasia fieldset p,
#contactaustralia fieldset p,
#contactnorthamerica fieldset p {
	padding: 1.4em 0 0 0;
	margin: 0;
}
#contacteurope label,
#contactasia label,
#contactaustralia label,
#contactnorthamerica label {
	display: block;
	margin-top: 10px;
	clear: right;
	height: 25px;
	line-height: 25px;
}
#contacteurope legend,
#contactasia legend,
#contactaustralia legend,
#contactnorthamerica legend {
	border: 1px solid #999;
	padding: 1px 10px;
}
#contacteurope input,
#contacteurope textarea,
#contactasia input,
#contactasia textarea,
#contactaustralia input,
#contactaustralia textarea,
#contactnorthamerica input,
#contactnorthamerica textarea
{
	float: right;
	width: 70%;
	border: 2px solid #d1d4d6;
}
#contacteurope h3,
#contactasia h3,
#contactaustralia h3,
#contactnorthamerica h3 {
	line-height: 50px;
	padding-top: 20px;
}
#message1,#message2,#message3,#message4 {
	height: 295px;
}
#contacteurope input,
#contactasia input,
#contactaustralia input,
#contactnorthamerica input
{
	vertical-align: middle;
}
#contacteurope input.submit,
#contactasia input.submit,
#contactaustralia input.submit,
#contactnorthamerica input.submit
{
	width: 100px;
	background-color: #0074bc;
	background-image: url(../img/arrow-right.png);
	background-repeat: no-repeat;
	background-position: 75px center;
	text-align: left;
	padding-left: 10px;
	color: #fff;
	border: 1px outset #0074bc;
}
#contacteurope input.checkbox,
#contactasia input.checkbox,
#contactaustralia input.checkbox,
#contactnorthamerica input.checkbox
{
	width: 20px;
}
div.floatleft {
	float: left;
}
div.floatright {
	float: right;
}
div.fiftypercent {
	width: 46%;
	padding: 1.4em 2%;
}
div.linebreak {
	border-top: 1px solid #ccc;
	clear: both;
}
label.rqd em {
	font-weight: bold;
	font-size: 1.2em;
	color: #0074bc;
}
label.rqd input,label.rqd textarea {
	border-color: #cae0fe !important;
}



/*******************/
/* GENERAL GUBBINS */
/*******************/
.blucurve {
	font-weight: bold;
	color: #000;
}
.blucurve em {
	color: #0074bc;
	font-style: normal;
}



/* FLOAT HACK */
div#content:after,
div#homecontent2:after,
div#homewrapper:after,
div#homewrapper:after,
div#footer:after,
div#intcontwrapper:after,
ul#navigation:after,
label:after
{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
  
div#content,
div#homecontent2,
div#homewrapper,
div#footer,
div#intcontwrapper,
ul#navigation,
label
{display: inline-block;}

* html div#content,
* html div#homecontent2,
* html div#homewrapper,
* html div#footer,
* html div#intcontwrapper:after,
* html #navigation,
* html label
{height: 1%;}

div#content,
div#homecontent2,
div#homewrapper,
div#footer,
div#intcontwrapper,
ul#navigation,
label
{display: block;}