/* Client: Waterflow plc		Date: 1 April 2010
----------------------------------------------------------------------------- */


/* RESET CODE
----------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


/* CLEAR AND FLOATS
----------------------------------------------------------------------------- */


.clear {
	clear:both;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hides from IE-mac */
* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}

.right {
	float:right;
}

.left {
	float:left;
}

.relative {
	position:relative;
}

.absolute {
	position:absolute;
	z-index:10;
}


/* STRUCTURE
----------------------------------------------------------------------------- */


.head, .prime, .banner, .container, .foot {
	clear:both;
	margin:0 auto;
}

/* This forces a vertical scroll bar regardless of page height, simply to combat the irritating page shift. */
html {
	height: 101%;
	margin-bottom: 1px;
}

/* for ie5.5 / 6.0 - realign the text */
* html .head, * html .prime, * html .banner, * html .container, * html .foot {
	text-align:left;
}

body {
	margin:0px auto;
	font-family:"Myriad web Pro", "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:100%;
	background:#fffeff;
}

/*
 For FireFox, Chrome and Safari - default monospace font too small
 See: http://www.undermyhat.org/blog/2009/09/css-font-family-monospace-renders-inconsistently-in-firefox-and-chrome/
*/
pre, code, samp, kbd, tt {
  font-family: "Courier New" , monospace;
}

/* Container for the whole page */
div.content {
	margin:0 auto;
	padding:0;
	width:1020px;
	position:relative;
	background:url(/images/bg_head.png) #ffffff no-repeat;
}

.logo {
	margin:0 0 0 50px;
	padding:31px 0 0 21px;
	height:49px;
	line-height:0;
}

.logo img {
	display:block;
}

.prime {
	margin:24px 50px 0 50px;
	padding:0px 0 0px 18px;
}

.container {
	margin:0px 0 0 0;
	padding:0px 50px 55px 50px;
	width:920px;
	clear:both;
	background:url(/images/bg_container.gif) #ffffff repeat-y scroll 50px 0;
	min-height:300px;
	height:auto !important;
	height:300px;
}

.home_container {
	margin:0px 0 0 0;
	padding:15px 50px 55px 50px;
	background:url(/images/bg_container_home.gif) #ffffff repeat-y scroll 50px 0;
}

.contact_container {
	margin:0 2px 0 2px;
	padding:0;
	width:916px;
	background:transparent url(/images/bg_contents.png) repeat-x top left;
}

.foot {
	margin:0 auto 20px;
	padding:15px 20px 0 20px;
	width:880px;
	clear:both;
	background:url(/images/bg_footer.gif) #ffffff no-repeat;
	height:63px;
}

.accreditations {
	margin:0 auto;
	padding:0;
	height:93px;
	width:920px;
}

/* fixes collapse of empty div in firefox */
.spacer {
	white-space: pre;
}

p.zoom {
	font-weight:bold;
	text-align:center;
	background:#EEEEEE;
	color:#555555;
	line-height:12px;
	font-size:10px;
	margin:0;
}

input {
	border:1px solid #ababab;
}


/* CAROUSEL STYLES
----------------------------------------------------------------------------- */

div.carousel_container {
	height:220px;
}

div.carousel {
	height:210px;
	width:900px;
	overflow:hidden;
	margin-left:10px;
}

div.carousel_list img {
	height:100px;
	width:440px;
	display:block;
}

div.carousels img {
	display:block;
}

	div.carousels #fader a {
		display: block;
		height: 210px;
		overflow: hidden;
		width: 900px;
	}

/* CHANNEL STYLES
----------------------------------------------------------------------------- */


div.channels_container {
	padding: 0 1px 0 1px;
	border-left:1px solid #eeedee;
	border-right:1px solid #eeedee;
}

div.channels {
	margin:1px 0px 0px 0px;
	padding:19px 16px 0 16px;
	background:#f5f5f5 url(/images/bg_ctas.png) repeat-x top;
}

div.channel {
	margin-right:27px;
	height:100px;
	width:155px;
}

div.channel.last {
	margin-right:0;
}

div.channel a {
	display:block;
}


/* CTA STYLES
----------------------------------------------------------------------------- */


div.ctas {
	margin:0;
	padding:0 1px 1px 1px;
	border-left:1px solid #eeedee;
	border-right:1px solid #eeedee;
	border-bottom:1px solid #e3e3e3;
}

div.ctas_inner {
	margin:0;
	padding: 15px 16px 10px 16px;
	background:#f5f5f5;
}

div.cta {
	float:left;
	margin-right:27px;
	width:155px;
}

div.cta.last {
	margin-right:0;
}

div.cta span {
	display:none;
	overflow:hidden;
}

div.cta ul {
	font-size:0.75em;
	font-weight:bold;
	color:#0AAAFD;
}

div.cta ul li{
	line-height:1.2em;
	margin-bottom:8px;
}


/* BULLET STYLES
----------------------------------------------------------------------------- */

div.content_two ul, div.content_three ul {
	margin-bottom:1em;
	padding-left:0px;
}

div.content_two ul li, div.content_three ul {
	font-size: 0.8em;
	line-height: 1.44em;
	background:url("/images/bullet.gif") no-repeat scroll 0 7px transparent;
	list-style:none outside none;
	padding-left:15px;
}


/* ROLLOVER STYLES
----------------------------------------------------------------------------- */


a.rollover {
	display:block;
	width:100%;
	height:100%;
}

a.rollover:hover {
	background-position:bottom;
}

a.rollover span {
	position:absolute;
	left:-5000px;
}


/* BANNER STYLES
----------------------------------------------------------------------------- */


div.banner {
	margin:7px 50px 0 50px;
	padding-left:10px;
	position:relative;
	height:221px;
}

div.banner img {
	display:block;
}


/* NAVIGATION GRID STYLES
----------------------------------------------------------------------------- */


div.navigationGrid div.navigation {
	width:100px;
	margin-right:11px;
	margin-bottom:8px;
	text-align:center;
}

div.navigationGrid div.navigation h2 {
	font-size:0.8em;
	font-weight:bold;
}

div.navigationGrid div.navigation.last {
	margin-right:0;
}

div.navigationGrid div.navigation .title {
	padding:2px;
}

div.navigationGrid div.navigation .text p {
	padding:0;
	margin:0;
	text-align:left;
}


/* ADMIN FORM STYLES
----------------------------------------------------------------------------- */

form.admin {
padding-top:10px;
	font-size:0.75em;
	background-color:#f2f2f2;
}

form.admin p {
	font-size:1em;
	padding:0;
	margin:0 0 0.5em 0;
}

form.admin fieldset {
	border:1px #CCCCCC solid;
	padding:10px
}

form.admin legend {
	font-weight:bold;
}

form.admin div.row {
	clear:both;
	margin-bottom:15px;
}

form.admin div.row input {
	vertical-align:text-bottom;
}

form.admin div.row div {
	margin-left:178px;
}

form.admin label {
	display:block;
	float:left;
	font-weight:bold;
	padding:0 8px 0 0;
	text-align:right;
	width:170px;
}

form.admin label sup {
	color: #FF0000;
}

form.admin div.row p.error {
	color:#FF0000;
}

form.admin div.row p.note {
	color:#555555;
}


/* LOGIN FORM STYLES
----------------------------------------------------------------------------- */


form.login {
	margin:40px 0 0 0px;
	padding:5px 0 10px 0;
	font-size:0.75em;
	background:#f4f4f4;
}

form.login p {
	font-size:1em;
}

form.login fieldset {
	border: 1px #CCCCCC solid;
}

form.login legend {
	font-weight:bold;
}

form.login div.row {
	clear:both;
	margin-bottom:10px;
}

form.login div.row input {
	vertical-align:text-bottom;
}

form.login div.row div {
	margin-left:178px;
}

form.login label {
	display:block;
	float:left;
	font-weight:bold;
	margin-right:10px;
	text-align:right;
	width:170px;
}

form.login label sup {
	color: #FF0000;
}

form.login div.row p.error {
	color: #FF0000;
	text-align:center;
}

form.login div.row p.note {
	color:#555555;
	text-align:right;
}


/* NEWSLETTER FORM STYLES
----------------------------------------------------------------------------- */


form.newsletter {
	font-size:0.75em;
}

form.newsletter fieldset {
}

form.newsletter div.row {
	clear:both;
}

form.newsletter div.row input {
	vertical-align:text-bottom;
	width:137px;
}

form.newsletter div.row input.natural {
	width:auto;
}

form.newsletter label {
	display:block;
	font-size: 1.7em;
	font-weight:normal;
	color:#294098;
}

.newsletter div.input {
	padding-top:4px;
	float:left;
}

.newsletter div.input input {
	padding:5px 0 5px 3px;
}

.newsletter div.button {
	float:right;
}

.newsletter div.button input {
	border:none;
}


/* CONTACT FORM STYLES
----------------------------------------------------------------------------- */


form.contact {
	font-size:0.75em;
}

form.contact p {
	font-size:1em;
}

form.contact div.row {
	margin-bottom:10px;
	padding:3px 0 0 5px;
	border:1px solid #ababab;
	background:#ffffff;
}


form.contact div.row.submit, form.contact div.row.error {
	border:none;
	background:none;
}

form.contact div.row input {
	border:none;
	width:100%;
}

form.contact div.natural input {
	width:auto;
}

form.contact div.row textarea {
	border:none;
	width:290px;
}

form.contact label {
	font-weight:bold;
	line-height:1.7em;
}

form.contact div.label {
	float:left;
	width:inherit;
}

form.contact div.row div.input{
	padding:0 0 5px 0;
	float:left;
}

form.contact div.row div.textarea {
	padding:0 0 5px 0;
	clear:both;
}

form.contact label sup {
	color: #FF0000;
}

form.contact div.row p.error {
	color: #FF0000;
	text-align:center;
}

form.contact div.row p.note {
	margin:0;
	text-align:right;
}


/* CONTENT COLUMN ONE
----------------------------------------------------------------------------- */


.content_one {
	margin: 0px 0px 0 0;
	padding: 0px 0 0 0;
	width:202px;
	float:left;
	display:inline;
	background:transparent url(/images/bg_contents.png) repeat-x top left;
	min-height:300px;
	height:auto !important;
	height:300px;
}

.home_content_one {
	margin:0;
	width:230px;
	background:none;
}

.contact_content_one{
	margin:0 0 0 20px;
	width:550px;
	background:none;
}

.login .content_one, .login .content_two, .login .content_three {
	background:none;
}

iframe {
	border:1px solid #ffffff;
}


/* CONTENT COLUMN TWO
----------------------------------------------------------------------------- */


.content_two {
	margin:0px 0px 0px 2px;
	padding:0 0 0 30px;
	width:450px;
	float:left;
	display:inline;
	background:transparent url(/images/bg_contents.png) repeat-x top left;
	min-height:300px;
	height:auto !important;
	height:300px;
}

div.news .content_two {
		padding:40px 0 0 30px;
}

.home_content_two_wide {
	margin:0px 35px 0px 20px;
	padding:0;
	width:450px;
	background:none;
}

.contact_content_two {
	margin:0 20px 0 0;
	padding:0;
	width:300px;
	float:right;
	background:none;
}

.content_two_wide {
	width:731px;
}

.content_admin {
	width:731px;
	background-image:none;
}


/* CONTENT COLUMN THREE
----------------------------------------------------------------------------- */


.content_three {
	margin:0px 2px 0px 0;
	padding:40px 20px 0px 29px;
	width:185px;
	float:right;
	display:inline;
	background:transparent url(/images/bg_contents.png) repeat-x top left;
	min-height:300px;
	height:auto !important;
	height:300px;
}

.home_content_three {
	margin:0px 20px 0px 0;
	padding:0;
	width:145px;
	background:none;
}


/* CONTENT COLUMN FOUR
----------------------------------------------------------------------------- */


.content_four {
	margin:15px 15px 0px 0;
	padding:0px 0 0px 0;
	width:180px;
	float:left;
	display:inline;
}


/* CONTENT COLUMN FIVE
----------------------------------------------------------------------------- */


.content_five {
	margin:15px 0 0px 0;
	padding:0px 0 0px 0;
	width:350px;
	float:left;
	display:inline;
}


/* PRIMARY NAVIGATION
----------------------------------------------------------------------------- */


ul.primarynav {
	margin:0;
	padding:0px 0 0 0;
}

ul.primarynav li {
	margin:0;
	padding:0;
	font-size:0.9em;
	display: inline;
	float: left;
}

ul.primarynav li.last {
	border-right:0px solid #000000;
}

ul.primarynav li a:hover {
	text-decoration:underline;
}

ul.primarynav li.active a {
	text-decoration:underline;
}

.prime ul li a {
	height:39px;
	display:block;
	overflow:hidden;
	line-height:300px;
}
.prime ul li#nav_1 a {width:85px;background:url(../images/waterflow-primary_home.png) no-repeat top left;}
.prime ul li#nav_1.active a {background-position:0 -39px;}
.prime ul li#nav_1 a:hover {background-position:0 -39px;}

.prime ul li#nav_2 a {width:87px;background:url(../images/waterflow-primary_about.png) no-repeat top left;}
.prime ul li#nav_2.active a {background-position:0 -39px;}
.prime ul li#nav_2 a:hover {background-position:0 -39px;}

.prime ul li#nav_3 a {width:102px;background:url(../images/waterflow-primary_services.png) no-repeat top left;}
.prime ul li#nav_3.active a {background-position:0 -39px;}
.prime ul li#nav_3 a:hover {background-position:0 -39px;}

.prime ul li#nav_4 a {width:143px;background:url(../images/waterflow-primary_market.png) no-repeat top left;}
.prime ul li#nav_4.active a {background-position:0 -39px;}
.prime ul li#nav_4 a:hover {background-position:0 -39px;}

.prime ul li#nav_5 a {width:129px;background:url(../images/waterflow-primary_case.png) no-repeat top left;}
.prime ul li#nav_5.active a {background-position:0 -39px;}
.prime ul li#nav_5 a:hover {background-position:0 -39px;}

.prime ul li#nav_6 a {width:81px;background:url(../images/waterflow-primary_news.png) no-repeat top left;}
.prime ul li#nav_6.active a {background-position:0 -39px;}
.prime ul li#nav_6 a:hover {background-position:0 -39px;}

.prime ul li#nav_7 a {width:94px;background:url(../images/waterflow-primary_careers.png) no-repeat top left;}
.prime ul li#nav_7.active a {background-position:0 -39px;}
.prime ul li#nav_7 a:hover {background-position:0 -39px;}

.prime ul li#nav_8 a {width:94px;background:url(../images/waterflow-primary_contact.png) no-repeat top left;}
.prime ul li#nav_8.active a {background-position:0 -39px;}
.prime ul li#nav_8 a:hover {background-position:0 -39px;}

.prime .right {
	line-height:2em;
}

/* SIDE NAVIGATION
----------------------------------------------------------------------------- */


div.sidenav {
	margin:0 0 0 2px;
	font-size:0.7em;
	line-height:1.4em;
	background:#1a1e29;
	font-family:Arial, Helvetica, sans-serif;
}

div.sidenav ul {
	padding:0 0 0 0px;
	margin:0;
}

div.sidenav li {
	padding:0 0 0 5px;
	margin:0;
	list-style:none;
	list-style-image:none;
	background: transparent url(/images/right_arrow_b.gif) no-repeat scroll 5px 8px;
}

div.sidenav li.expandable {
	background: transparent url(/images/right_arrow_b.gif) no-repeat scroll 5px 8px;
}

div.sidenav li.expanded {
	background: transparent url(/images/down_arrow_b.gif) no-repeat scroll 5px 8px;
}

div.sidenav li.level1 {
	font-weight:bold;
	border-bottom: 1px solid #444444;
}

div.sidenav li.level1 li {
}

div.sidenav li.level2 {
	font-weight:normal;
}

div.sidenav ul li a {
	margin:0 5px 0 15px;
	padding:5px 0 5px 0;
	color:#ffffff;	
	display:block;
	height:1%;
}

div.sidenav li a.noblock {
	display:inline;
}

div.sidenav li a.active, div.sidenav li a:hover {
	color:#2aa8ed;
	text-decoration:none;
}

div.sidenav span.first_title {
	border:none;
	margin:0;
}


/* ADMIN STYLES
----------------------------------------------------------------------------- */


p.admin, p.admin a {
	display:inline;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	color: #008b45;
	text-decoration:none;
}

p.admin {
	top:2px;
	left:0px;
	margin:0;
}

p.admin a {
	background:#c1ffc1;
	padding-left:2px;
	padding-right:2px;
	margin:2px;
}

p.admin a:hover {
	font-size:11px;
	font-weight:normal;
	color: #008b45;
	text-decoration:underline;
	background-image:none;
	background-color:#c1ffc1;
}

div.sidenav li.admin {
	background:#C1FFC1;
}

div.sidenav li.admin a {
	color:#008B45;
	font-weight:normal;
}

div.sidenav li span.admin {
	float:right;
}

div.sidenav li span.admin a {
	display:inline;
	background:#C1FFC1;
	color:#008B45;
	font-weight:normal;
	padding:0 2px 0 2px;
	margin:0;
}


/* BREADCRUMB NAVIGATION
----------------------------------------------------------------------------- */


div.breadcrumb {
	margin:0 0 10px 0;
	overflow: hidden;
	padding:8px 0 0 0;
	font-size:0.8em;
	height:22px;
	background:url(/images/border.gif) repeat-x scroll left bottom transparent;
}

.contact_container div.breadcrumb {
	margin: 0 20px 15px 20px;
}

div.breadcrumb p {
	font-size:12px;
}


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


.foot ul li {
	padding:0;
	margin:0;
	display:inline;
	float:right;
	color:#0000ff;
}

.foot ul li a {
	padding:0 0px 0 24px;
	display:block;
	float:left;
	font-size:13px;
	color:#e5e5e5;
	text-decoration: none;
}

.foot ul li a:hover {
	text-decoration:underline;
}

.foot ul li.active a {
	text-decoration:underline;
}

.foot .right {
	line-height:1.5em;
	margin:0;
	padding-left:1.5em;
}

.foot p {
	float:left;
	padding:0px;
	color:#e5e5e5;
}

.accreditations img {
	display:block;
}


/* GENERIC STYLES
----------------------------------------------------------------------------- */


div.foot_wrapper p.credits {
	margin:0;
	padding-top:10px;	
	font-size:10px;
	text-decoration: none;
	color: #666666;
	float:right;
	clear:both;
}

div.foot_wrapper ul {
	margin-bottom:15px;
	float:right;
	width:450px;
}

p.credits a {
	text-decoration: none;
	color: #666666;
}

p.credits a:hover {
	text-decoration: underline;
	color: #666666;
}


.first_title {
	margin:0 0 0px 0px;
	line-height:25px;
}

h1 {
	padding:0 0 8px 0px;
	font-size: 1.30em;
	font-weight:normal;
	color:#294098;
}

div.news h1.first_title {
	margin:0 0 12px 0;
	padding: 0 0 28px 0;
	background:url(/images/border.gif) repeat-x scroll left bottom transparent;
}


h2 {
	padding:0 0 8px 0px;
	font-size:0.95em;
	font-weight:bold;
	color:#252525;
}

div.news .article_summary h2 {
	width:300px;
}

h2.first_title {
	font-size: 1.30em;
	font-weight:normal;
	color:#294098;
}

span.first_title {
	display:block;
	padding:0 0 12px 0px;
}

h3 {
	padding:0 0 5px 0px;
	font-size: 0.80em;
	font-weight:bold;
	color: #252525;
}


p {
	margin:0 0 1em 0;
	font-size:0.8em;
	line-height:1.5em;
}

cite {
	font-size:0.75em;
	color:#777777;
}

div.featured_article cite {
	padding-left:10px;
}

div.article_summary cite {
	padding:0 30px 0 0;
	background: transparent url(/images/right_arrow.gif) no-repeat scroll right 2px;
}

a {
	color:#0aaafd;
	text-decoration:none;
}

p a {
	text-decoration:underline;
}

a:hover {
	text-decoration:underline;
}

ul {
	padding-left:20px;
	margin-left:0px;
}

ol {
	list-style-type:decimal;
	list-style-position:inside;
}

legend sup {
 color:#ff0000;
}

.center {
	text-align:center;
}

.small {
	font-size:90%;
}

.content_image {
	padding:0;
	line-height:0;
}

div.content_three .content_image {
	margin:0px 0px 10px 0px;
	line-height:0;
}

.content_image.right {
	margin:5px 0 10px 10px;
}

.content_image.left {
	margin:5px 10px 10px 0;
}

.content_image.full {
	margin:0 0 10px 0;
	padding:0;
	border:none;
}

.spotlight {
	padding: 0 50px;
	margin: 7px 0 0 0;
}

span.expander {
	font-family:monospace;
	font-size:1.6em;
}

tr.oddRow {
	background:#c1ffc1;
}

div.article_summary,
div.featured_article {
	background:url(/images/border.gif) repeat-x bottom left transparent;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

div.article_summary.last,
div.featured_article.last {
	margin: 0 0 20px 0;
	border-bottom:none;
}

div.article_summary h2,
div.featured_article h3 {
	padding: 0;
}

div.article_summary h2 {
	font-size:0.80em;
	line-height:1.2em;
}

div.featured_article h3 {
	padding-left:10px;
	background: transparent url(/images/right_arrow.gif) no-repeat scroll 0 4px;
}

div.article_summary img {
	float:right;
	margin:5px 15px 10px 10px;
}

div.article_summary p {
	float:left;
}