/*
	CSS By: Eduardo Murillo Design 
	Company: Water Evolution
	Website: www.waterevolution.com.au
*/

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

*, html, div, td { margin:0; padding:0; border:0; }

table{ border-collapse:collapse; border-spacing:0; padding:0; margin:0; }

.clear { clear:both; }

/*

/*
-----------------------------------------
TYPOGRAPHY 
----------------------------------------- 
*/

a { color:#00283f; text-decoration:none; }
a:hover { color:#7cb4d2; text-decoration:underline; }

p{ padding-bottom:10px; text-align:left; }

.post ul li, 
.post ol li{ list-style-type:square; margin:2px 0 2px 15px; }

h1 { 
	color:#00283f;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	padding:0 0 10px 0;
}

h1 a { 	
	color:#00283f;
	font-weight:normal;
	text-decoration:none;
}

h1 a:hover { 	
	color:#7cb4d2;
	font-weight:normal;
	text-decoration:underline;
}



h2 { 
	color:#1b6e9a;
	font-size:17px;
	font-weight:normal;
	padding:0 0 2px 0;
}

h2 a { 	
	color:#1b6e9a;
	font-weight:normal;
	text-decoration:none;
}

h2 a:hover { 	
	color:#7cb4d2;
	font-weight:normal;
	text-decoration:underline;
}

h3 { 
	color:#00283f;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	padding:0 0 10px 0;
}

h3 a { 	
	color:#00283f;
	font-weight:normal;
	text-decoration:none;
}

h3 a:hover { 	
	color:#7cb4d2;
	font-weight:normal;
	text-decoration:underline;
}

h4 { 
	color:#00283f;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	padding:0 0 2px 0;
}

h4 a { 	
	color:#00283f;
	font-weight:normal;
	text-decoration:none;
}

h4 a:hover { 	
	color:#7cb4d2;
	font-weight:normal;
	text-decoration:underline;
}


/*
-----------------------------------------
LAYOUT DESIGN
----------------------------------------- 
*/

body{
	font-family:"palatino Linotype";
	color:#272727;
	padding:0;
	margin:0;
	font-size:13px;
	line-height:19px;
	
	background-color:#79afde;
}
/*
div#blueBG {
	background:url(images/bg/bg.jpg) repeat top left;
	padding:0;
	margin:0;
}
*/

div#waterBG {
	background:url(images/bg/water_evolution_bg.jpg) no-repeat top center;
	padding:0;
	margin:0;
}
 
div#wrapper {
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width:876px;
}

div#wrapperSideGradients {
	width:850px;
	background:url(images/bg/white_content_container_bg.png) repeat-y top center;
}

/*
-----------------------------------------
HEADER
----------------------------------------- 
*/

div#header {
	height:252px;
	width:860px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/bg/header_bg.jpg) no-repeat center;
	padding:0;
}

div#header .topHeaderContainer {
	height:108px;
}

div#header .logo{
	float:left;
	padding:11px 0 0 6px;
}

div#header .headerRight {
	float:right;
	padding:15px 0 0 0; 
}

div#header .rss { float:right; padding-right:8px; }

div#header .email { float:right; }

div#header .slogan { 
	padding:15px 0 0 0;
	color:#1b6e9a;
	font-size:18px;
	font-style:italic;
}

/*
-----------------------------------------
HEADER SEARCH FIELD
----------------------------------------- 
*/

div#searchSiteField {
	padding:0 4px 0 0;
}

div#searchSiteField .text{
	overflow:auto;
	height:22px;
	width:145px;
	padding:5px 0 0 3px;
	font-size:13px;
	border-right:1px solid #c1c1c1;
	border-bottom:1px solid #d5d5d5;
	border-left:1px solid #d9d9d9;
	border-top:1px solid #dadada;
	vertical-align:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/* background:url(images/bg/content_top_gradient.gif) repeat-x top center #ffffff; */
	line-height:17px;
}

div#searchSiteField .text:hover{
	border:1px solid #000000;
	background:url(images/bg/content_top_gradient.gif) repeat-x top center #ffffff;
}

div#searchSiteField .text:focus {
	border:1px solid #000000;
	background:url(images/bg/content_top_gradient.gif) repeat-x top center #ffffff;
}

div#searchSiteField .button {
	width:80px;
	padding:5px;
	margin:0;
	font-size:0.9em;
	text-transform:uppercase;
	background:url(images/bg/button-bg.gif) repeat-x center;
	border:1px solid #adadad!important;
	border-left-color:#ececec!important;
	border-top-color:#ececec!important;
}

/*
-----------------------------------------
MENU
----------------------------------------- 
*/

div#menuContainer {
	padding-bottom:15px;
	width:860px;
	height:50px;
	background:url(images/bg/menu_bg.jpg) no-repeat center;
	margin-left:auto;
	margin-right:auto;
}

div#menu {
	margin:0;
	padding:0;
}

div#menu a .descriptive { font-size:11px; padding:2px 0 0 0; color:#1b6e9a; text-transform:none; font-weight:normal; display:block; font-style:italic; }

div#menu a:hover .descriptive { color:#000000; }

div#menu ul {
	margin:0;
	padding:0;
}

div#menu ul li {
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	line-height:15px;
	padding:0;
}

div#menu ul li a:hover {
	color:#000000;
}

div#menu ul a.home {
	display:block;
	text-decoration:none;
	color:#1b6e9a;
	text-transform:uppercase;
	font-size:16px;
	width:92px;
	height:40px;
	padding:10px 0 0 10px;
}

div#menu ul a.sanosil {
	display:block;
	text-decoration:none;
	color:#1b6e9a;
	text-transform:uppercase;
	font-size:15px;
	width:79px;
	height:40px;
	padding:10px 0 0 10px;
}


div#menu ul a.waterconsultancy {
	display:block;
	text-decoration:none;
	color:#1b6e9a;
	text-transform:uppercase;
	font-size:15px;
	width:185px;
	height:40px;
	padding:10px 0 0 10px;
}


div#menu ul a.news {
	display:block;
	text-decoration:none;
	color:#1b6e9a;
	text-transform:uppercase;
	font-size:15px;
	width:70px;
	height:40px;
	padding:10px 0 0 10px;
}


div#menu ul a.casestudies {
	display:block;
	text-decoration:none;
	color:#1b6e9a;
	text-transform:uppercase;
	font-size:15px;
	width:121px;
	height:40px;
	padding:10px 0 0 10px;
}

div#menu ul a.aboutus {
	display:block;
	text-decoration:none;
	color:#1b6e9a;
	text-transform:uppercase;
	font-size:15px;
	width:106px;
	height:40px;
	padding:10px 0 0 10px;
}

div#menu ul a.contact {
	display:block;
	text-decoration:none;
	color:#1b6e9a;
	text-transform:uppercase;
	font-size:15px;
	width:105px;
	height:40px;
	padding:10px 0 0 10px;
}


div#menu ul.sf-menu li li {
	display:block;
	padding:10px 0 0 0;
	height:28px;
	vertical-align:middle;
	width:190px;
}

div#menu ul.sf-menu li li a {
	width:190px;
	font-size:12px;
}

/*
-----------------------------------------
CONTENT WRAPPER 
----------------------------------------- 
*/

div#container {
	width:876px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

div#callToActions {
	width:868px;
	margin-left:auto;
	margin-right:auto;
}

div#callToActions .hydrasil {
	float:left;
	background:url(images/calltoactions/hydrasil.jpg) no-repeat center top;
	display:block;
	width:287px;
	height:285px;
	margin-right:3px;
}

div#callToActions .sanosil {
	float:left;
	background:url(images/calltoactions/sanosil.jpg) no-repeat center top;
	display:block;
	width:287px;
	height:285px;
	margin-right:3px;
}

div#callToActions .waterconsultancy {
	float:left;
	background:url(images/calltoactions/water_consultancy.jpg) no-repeat center top;
	display:block;
	width:287px;
	height:285px;
}

div#callToActions .blueContent {
	color:#00283f;
	padding:15px 15px 0 15px;
	width:257px;
}

div#callToActions .view {
	padding:165px 30px 0 0;
	text-align:right;
}

div#callToActions .view a { color:#FFFFFF; font-style:italic; font-size:11px; }
div#callToActions .view a:hover  { color:#7cb4d2; font-style:italic; font-size:11px; text-decoration:underline; }

/*
-----------------------------------------
CONTENT CONTAINER
----------------------------------------- 
*/

div#contentContainer {
	width:864px;
	padding:30px 0 0 0;
	margin-left:auto;
	margin-right:auto;
}

div#contentContainer .top {
	background:url(images/bg/content_top.png) no-repeat center;
	display:block;
	width:864px;
	height:4px;
}

div#contentContainer .middle {
	width:864px;
	display:block;
	background:url(images/bg/content_bg.png) repeat-y center;
}

div#contentContainer .bottom {
	display:block;
	width:864px;
	height:5px;
	background:url(images/bg/content_bottom.png) no-repeat center;
}

/*
-----------------------------------------
CONTENT
----------------------------------------- 
*/

div#content {
	width:550px;
	padding:20px;
	float:left;
}

div#content .entry-content img, div#content .post-content img{
	padding: 2px 2px 2px 2px;
	background:#DDD;
	border: solid 1px #C0C0C0;
	margin:0;
}

div#content .postSummaryContainer {
	line-height:17px;
	width:550px;
	padding-bottom:18px;
}

div#content .commentsBubble {
	float:right;
	background:url(images/comments_bubble.png) no-repeat center;
	display:block;
	width:25px;
	height:29px;
	padding:0 0 0 11px;
}

div#content .commentsBubble a {
	color:#1b6e9a;
}

div#content .commentsBubble a:hover {
	color:#7cb4d2;
}

div#content .entry-content ul {
	padding-top:5px;
	padding-left:15px;
	padding-bottom:15px;
	margin:0;
}

div#content .entry-content ul li {
	margin:2px 0 2px 20px;
	line-height:15px;
}

div#content .entry-content ul li ul {
	padding:3px 0 3px 0;
	margin:0;
}

div#content .entry-content ol {
	padding-top:5px;
	padding-left:15px;
	padding-bottom:15px;
	margin:0;
}

div#content .entry-content ol li {
	margin:2px 0 2px 0;
	line-height:15px;
	list-style:decimal inside !important;
}

div#content .entry-content ol li ol {
	padding:3px 0 3px 0;
	margin:0;
}


div#content .contact-content ul, div#content .contact-content ol {
	padding-top:5px;
	padding-left:15px;
	padding-bottom:15px;
	margin:0;
}

div#content .contact-content ul li, div#content .contact-content ol li {
	margin:2px 0 2px 20px;
	line-height:15px;
}

div#content .contact-content ul li ul, div#content .contact-content ol li ol {
	padding:3px 0 3px 0;
	margin:0;
}

div#content .link-content h2{
	color:#272727;
	font-size:16px;
	font-weight:normal;
}

div#content .sitemap-content h2{
	color:#272727;
	font-size:16px;
	font-weight:normal;
}

div#content .sitemap-content ul {
	padding-top:5px;
	padding-left:15px;
	padding-bottom:15px;
	margin:0;
}

div#content .sitemap-content ul li {
	margin:2px 0 2px 20px;
}

div#content .sitemap-content ul li ul {
	padding:3px 0 3px 0;
	margin:0;
}

div#content .link-content ul {
	margin:0;
	padding:15px 0 0 0;
}

div#content .link-content ul li {
	list-style:none;
	padding:0 0 10px 0;
}


/*
-----------------------------------------
RIGHT CONTENT
----------------------------------------- 
*/

div#rightCol {
	width:245px;
	float:right;
	padding:19px 15px 0 10px;
	text-align:left;
	margin:0;
}

div#rightCol .home-content {
	height:200px;
	overflow:hidden;
}

div#rightCol .view {
	display:block;
	width:37px;
	height:25px;
	text-align:left;
	float:right;
	padding:4px 0 0 13px;
	background:url(images/calltoactions/right_content_view.jpg) no-repeat right center;
}

div#rightCol .view a { color:#00253f; font-style:italic; font-size:11px; }
div#rightCol .view a:hover  { color:#7cb4d2; font-style:italic; font-size:11px; text-decoration:underline; }

div#rightCol ul {
	padding:0;
	margin:0;
}

div#rightCol .side-content ul {
	padding:0 0 0 5px;
	margin:0;
}

div#rightCol .side-content ul li {
	margin:0 0 2px 20px;
	padding:0;
	line-height:18px;
}

div#rightCol .side-content ul li ul {
	padding:3px 0 3px 0;
	margin:0;
}

div#rightCol .waterImage {
	padding:10px 0 10px 0;
}

/*
-----------------------------------------
TABBED RIGHT COL
----------------------------------------- 
*/


div#rightColTab {
	width:245px;
	float:right;
	padding:19px 15px 0 10px;
	text-align:left;
	margin:0;
}

div#rightColTab ul  {
	margin:0;
	padding:0;
	list-style:none;
}

div#rightColTab ul li {
	list-style:none;
}


div#rightColTab ul li ul li ul {
	padding:5px 0 5px 5px;
}

div#rightColTab ul li ul li ul li {
	line-height:20px;
}

/*
-----------------------------------------
ARCHIVE CATEGORIES
----------------------------------------- 
*/

div#archiveCategories {
	margin:0;
	padding:10px 0 0 0;
}

div#archiveCategories .categories {
	float:left;
	width:122px;
}

div#archiveCategories .archive {
	float:left;
	width:122px;
}

/*
-----------------------------------------
POSTS
----------------------------------------- 
*/

div#content .postSummaryMeta {
	font-size:11px;
	line-height:17px;
	padding:0 0 7px 0;
	float:left;
}

div#content .postExcerpt {
	line-height:19px;
}

/*
-----------------------------------------
META DATA
----------------------------------------- 
*/

.entry-title a {
	font-weight:normal;
	padding:0;
	margin:0;
}

.entry-title a:hover {
	font-weight:normal;
}

.post-meta {
	font-size:10px;
	font-style:italic;
	line-height:14px;
	padding-bottom:15px;
	padding-top:3px;
}

.entry-meta {
	font-size:10px;
	font-style:italic;
}

.entry-meta a, .post-meta a {
	color:#1b6e9a;
	text-decoration:none;
}

.entry-meta a:hover, .post-meta a:hover {
	color:#00283f;
	text-decoration:underline;
}

.entry-content a {
	color:#1b6e9a;
	text-decoration:underline;
}

.entry-content a:hover {
	color:#00283f;
	text-decoration:underline;
}

div#content .post-content ul {
	padding-top:5px;
	padding-left:15px;
	padding-bottom:15px;
	margin:0;
}

div#content .post-content ul li {
	margin:2px 0 2px 20px;
	line-height:15px;
}

div#content .post-content ul li ul {
	padding:3px 0 3px 0;
	margin:0;
}

div#content .post-content ol {
	padding-top:5px;
	padding-left:15px;
	padding-bottom:15px;
	margin:0;
}

div#content .post-content ol li {
	margin:2px 0 2px 0;
	line-height:15px;
	list-style:decimal inside !important;
}

div#content .post-content ol li ol {
	padding:3px 0 3px 0;
	margin:0;
}

p.readmore { text-align:left; padding:0; margin:0; } 
p.readmore a { color: #1b6e9a; padding:0; margin:0; }
p.readmore a:hover { color: #00283f; text-decoration:underline; }

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

div#footer {
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:15px;
	width:864px;
	padding:5px 0 0 0;
	line-height:16px;
}

div#footer .contactDetails {
	text-align:right;
	font-style:italic;
	font-size:17px;
	line-height:21px;
	color:#FFFFFF;
	padding:0 0 10px 0;
}

div#footer .contactDetails a {
	color:#FFFFFF;
	text-decoration:none;
}

div#footer .contactDetails a:hover {
	text-decoration:underline;
}

div#footer .top {
	background:url(images/bg/footer_border_top.jpg) center no-repeat;
	display:block;
	width:864px;
	height:4px;
	margin-bottom:10px;
}

div#footer .bottom {
	background:url(images/bg/footer_border_top.jpg) center no-repeat;
	display:block;
	width:864px;
	height:3px;
	margin-top:10px;
}

div#leftFooter {
	color:#FFFFFF;
	font-size:11px;
	line-height:17px;
	width:550px;
	float:left;
}

div#leftFooter a {
	color:#FFFFFF;
}


div#rightFooter {
	width:245px;
	float:right;
	text-align:right;
	font-style:italic;
	font-size:11px;
	line-height:17px;
	color:#FFFFFF;s
}

div#rightFooter a {
	color:#FFFFFF;
}


/*
-----------------------------------------
WEB DESIGN
----------------------------------------- 
*/

div#leftFooter .webDesign {
	text-align:left;
}

div#leftFooter a.webDesign {
	color:#01253e;
	font-style:italic;
	font-size:11px;
}

div#leftFooter a.webDesign:hover {
	color:#000000;
	text-decoration:underline;
}

/*
-----------------------------------------
ARTICLE COMMENTS
----------------------------------------- 
*/

div#comments {
	margin:0;
	padding:15px 0 0 0;
}

form#commentform .form-label {
	margin:1em 0 0;
}

form#commentform span.required {
	background:#fff;
	color:#c30;
}

form#commentform,form#commentform p {
	padding:0;
	font-size: 0.9em;
}

input#s-404, input#s-no-results {
	overflow:auto;
	height:22px;
	width:185px;
	padding:5px 0 0 3px;
	font-size:14px;
	border-right:1px solid #c1c1c1;
	border-bottom:1px solid #d5d5d5;
	border-left:1px solid #d9d9d9;
	border-top:1px solid #dadada;
	vertical-align:top;
	font-family:"Times New Roman", Times, serif;
	/* background:url(images/bg/content_top_gradient.gif) repeat-x top center #ffffff; */
	line-height:17px;
}

input#author,input#email,input#url {
	overflow:auto;
	width:282px;
	padding:3px;
	font-size:14px;
	border-right:1px solid #c1c1c1;
	border-bottom:1px solid #d5d5d5;
	border-left:1px solid #d9d9d9;
	border-top:1px solid #dadada;
	vertical-align:top;
	font-family:"Times New Roman", Times, serif;
	/* background:url(images/bg/content_top_gradient.gif) repeat-x top center #ffffff; */
}

textarea#comment {
	height:10em;
	overflow:auto;
	width:540px;
	padding:3px;
	font-size:14px;
	background: #fbfbfb;
	border-right:1px solid #c1c1c1;
	border-bottom:1px solid #d5d5d5;
	border-left:1px solid #d9d9d9;
	border-top:1px solid #dadada;
	vertical-align:top;
	font-family:"Times New Roman", Times, serif;
}

textarea#comment:hover,
input#author:hover,
input#url:hover,
input#email:hover,
input#s-404:hover,
input#s-no-results:hover	{
	border:1px solid #000000;
	background:url(images/bg/content_top_gradient.gif) repeat-x top center #ffffff;
}

textarea#comment:focus,
input#author:focus,
input#url:focus,
input#email:focus,
input#s-404:focus,
input#s-no-results:focus	{
	border:1px solid #000000;
	background:url(images/bg/content_top_gradient.gif) repeat-x top center #ffffff;
}

.button {
	width:120px;
	padding:5px;
	margin:5px 0 0 0;
	font-size:0.9em;
	text-transform:uppercase;
	background:url(images/bg/button-bg.gif) repeat-x center;
	border:1px solid #adadad!important;
	border-left-color:#ececec!important;
	border-top-color:#ececec!important;
}

.buttonSearch {
	width:120px;
	padding:5px;
	margin:0;
	font-size:0.9em;
	text-transform:uppercase;
	background:url(images/bg/button-bg.gif) repeat-x center;
	border:1px solid #adadad!important;
	border-left-color:#ececec!important;
	border-top-color:#ececec!important;
}


/*
-----------------------------------------
ARTICLE COMMENTS
----------------------------------------- 
*/

div#comments-list .comments {
	margin:0;
	padding:0;
}

div#comments-list .comment-meta {
	font-size:10px;
	text-align:left;
}

div#comments-list .comments ul {
	margin:0;
	padding:0;
}

div#comments-list .comments ul li {
	list-style:none;
	padding:0;
	margin:0;
}

div.comments ol li {
	margin:0 0 10px 0;
}

ol.commentlist{
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
}
ol.commentlist p{
	margin-bottom:11px;
	line-height: 20px;
}
ol.commentlist cite{
	font-style: normal;
	font-weight: bold;
}
ol.commentlist li{
	padding: 10px 10px 0 10px;
	margin:0;
	border:1px solid #f1f1f1;
}
ol.commentlist li.alt{
	padding: 10px 10px 0 10px !important;
	background:#f5f5f5;
	margin:5px 0 10px 0;
	border:1px solid #dbdbdb;	
}

.avatar { border:1px solid #dbdbdb;}

/*
-----------------------------------------
ARTICLE NAVIGATION
----------------------------------------- 
*/

div#nav-below {
	border-top:1px dotted #999999;
	padding:5px 0 0 0;
}

div.navigation {
	font-size:10px;
	padding-bottom:5px;
}

div.navigation div.nav-next {
	float:right;
	text-align:right;
}

div.navigation div.nav-previous {
	float:left;
	text-align:left;
}

.alignleft{
	display:inline;
	float:left;
	padding:0 5px 0 0; 
}

.alignright{
	display:inline;
	float:right;
	padding:0 0 0 5px; 
}

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

div#nav-images {
	height:150px;
	margin:1em 0;
}

/*
-----------------------------------------
ARICHIVES
----------------------------------------- 
*/

div#tags {
	float:left;
	width:195px;
	list-style:none;
}