/*
Theme Name: Clean Water Works
Theme URI: http://aborg.com/
Description: CWW Theme
Version: 1.0
Author: ABORG Computing
Author URI: http://www.aborg.com/
*/

/*RESET CSS
***********************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
	font-family:Arial, Helvetica, sans-serif;
}

body{
}

ul{
	list-style: none;
}

blockquote, q{
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after{
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins{
	text-decoration: none;
}

del{
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table{
	border-collapse: collapse;
	border-spacing: 0;
}



/*GLOBAL CSS 
***************************************************/

body{
	margin:0;
	padding:0;
	background:#3290e8 url(images/main_bg.jpg) repeat-x top left;
}

#index_main{
	background-color:#FFFFFF;
	width:974px;
	margin:0 auto;
}

#main{
	background-color:#FFFFFF;
	width:974px;
	margin:0 auto;
}



/* WHITE SPACE STYLE 
***************************************************/
.whitespace{
	clear:both;
	height:20px;
	widows:100%;
}

.whitespace2{
	clear:left;
	height:2px;
	widows:100%;
}

.whitespace3{
	clear:both;
	height:10px;
	widows:100%;
}
.clear-left{
	clear:left;
}
.clear-both{
	clear:both;
}
.space2{
	margin-left:25px;
}

/*IMAGE STYLE
********************************************/
img.alignleft, div.alignleft {
	float:left;
	margin:4px 8px 4px 0;
	padding:0 6px 6px 0;
}

img.alignright, div.alignright {
	float:right;
	margin:0 0 8px 8px;
	padding:0 3px 3px 0;
}

img.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* HEADER STYLE 
***************************************************/
h1{
	font-size:16pt;
	font-weight:normal;
	color:#587297;
	text-align:left;
}

h2{
	font-size:16px;
}


/* FONTS 
***************************************************/
.date{
	font-weight:bold;
	color:#666;
}

.spacing{
	font-size:9pt;
	color:#333333;
	font-weight:bold;
	margin-right:10px;
	text-align:left;
}

.sppar{
	margin-left:14px;
	display:block;
}

.small{
	font-size:9px;
}


/*SPLASH PAGE TOP MENU
*******************************************************************/

#index_top_menu{
	width:100%;
	padding-top:13px;
}

#eng{
	width:50%;
	float:left;
	margin:0 auto;
	text-align:center;
}

#eng a{
	color:#204c89;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
}

#fr{
	width:50%;
	float:left;
	margin:0 auto;
	text-align:center;
}

#fr a{
	color:#204c89;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
}

#fr a:hover, #eng a:hover{
	color:#3290e8;
}

.lnk img{
	padding-top:3px;
	margin-left:5px;
}	

#fr .lnk{
	margin-top:30px;
}

#eng .lnk{
	margin-top:30px;
}

/*SPLASH BANNER
*******************************************************/

#index_banner img{
	margin-top:15px;
}
/*SPLASH PAGE CONTENT
********************************************************/
#eng_content{
	width:25%;
	float:left;
	margin:40px 0px 20px 192px;
}
#fr_content{
	width:25%;
	float:left;
	margin:40px 0px 20px 238px;
}
.index_list li{
	text-decoration:none;
	font-size:9pt;
	margin-bottom:24px;
}

.index_list li a img{
	margin-right:16px;
	margin-top:-7px;
}

.index_list li a{
	color:#747474;
	font-size:9pt;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;	
}

.index_list li a:hover{
	color:#333333;
}

/*SPLASH BOXES
*********************************************************************/
#box1-2{
	float:left;
	width:175px;
	margin-right:16px;
	margin-top:8px;
}

#box2-2{
	float:left;
	width:174px;
	margin-right:17px;
	margin-top:8px;
}

#box3-2{
	float:left;
	width:175px;
	margin-right:16px;
	margin-top:8px;
}

#box4-2{
	float:right;
	width:175px;
	margin-top:8px;
}

#box5-2{
	float:left;
	width:175px;
	margin-right:16px;
	margin-top:8px;
}


/*HEADER WRAP 
************************************************************/
#inside_top{
	position:relative;
	height:117px;
}
#inside_content{
	background:#fff url(images/inside_bg.jpg) repeat-y top left;
}
#inside_logo{
	position:absolute;
	top:45px;
	left:12px;
	z-index:20;
}
#inside_content-generic{
   margin-top:-60px;
   background:#fff url(images/inside_bg.jpg) repeat-y top left;
}

/* HEADER TOP MENU STYLE
************************************************************/
#top_menu{
	width:849px;
	height:55px;
	float:right;
	position:absolute;
	background:url(images/inside_menu_bg.png) no-repeat right top;
	left:125px;
	top:73px;
}

#top_menu ul{
	margin-left:100px;
	margin-top:1px;
}

#top_menu ul li{
	float:left;
	text-align:center;
	height:43px;
	border-right:1px solid #e0e0e0;
}

#top_menu ul li a{
	color:#6a81a1;
	text-decoration:none;
	font-size:10pt;
	padding:14px 32px 14px 32px;
	display:block;

}

#top_menu ul li:hover{
	background-color:#e4e4e4;
}
.onstate{
	background-color:#e4e4e4;
}

#top_menu ul li.noborder{
	border:none;

}
#top_menu ul li.noborder a{
	padding:14px 34px 14px 35px;
	display:block;
}

#phones{	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:8pt;
	color:#204c89;
	position:absolute;
	top:45px;
	right:20px;
}

.blue{
	color:#3290e8;
}

#lang{
	font-weight:bold;
	color:#adadad;
	position:absolute;
	top:16px;
	right:20px;
}



/*INSIDE BANNER
*******************************************************************/

#inside_banner{
	width:974px;
	height:154px;
	top:100px;
}


/*SUB MENU
*********************************************************************************/

.submenu{
	width:405px;
	height:154px;
	position:absolute;
	top:210px;
	#position:relative;
	#z-index:20;
	#margin-top:-270px;
}

.submenu_inside{
	width:405px;
	height:40px;
	position:absolute;
	top:274px;
	z-index:15;
	#position:relative;
	#margin-top:-334px;
}
.submenu li{
	float:left;
}

.submenu_inside li{
	float:left;
}

.submenu_inside-generic{
	width:405px;
	height:40px;
	position:absolute;
	top:211px;
	z-index:15;
	#position:relative;
	#margin-top:-271px;
}

.submenu_inside-generic li{
	float:left;
}





/*INDEX LEFT COLUNM PAGE
*********************************************************************/

#left_column{
	background:url(images/left_menu_bg.jpg) repeat-y top right;
	width:200px;
	min-height:215px;
	z-index:2;
	position:relative;
	margin:-18px 0px 20px 0px;
	float:left;
	line-height:100%;
}

#left_column h1{
	font-size:13pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#587297;
	font-weight:bold;
	padding:10px;
}

#left_column ul{
	width:175px;
	margin-left:10px;
	margin-top:5px;
}

#left_column ul li {
	margin:10px 0px 10px 0px;
	
}

#left_column ul li a{
	font-size:10px;
	color:#747474;
	text-decoration:none;
	text-align:left;

}

#left_column ul li a:hover{
	color:#333333;
	text-decoration:underline;
}



/*INDEX RIGHT COLUNM 
*********************************************************************/
#right_column{
	width:77%;
	float:right;
	padding:8px;
	padding-top:0;
	margin-top:-10px;
	padding-bottom:0;
	margin-bottom:-13px;
}



/*LEFT COLUNM INSIDE
*********************************************************************/
#left_column2{
	background:url(images/left_menu_bg.jpg) repeat-y top right;
	width:197px;
	min-height:345px;
	z-index:2;
	position:relative;
	margin-top:45px;
	float:left;
	padding-bottom:20px;
}

#left_column2 h1{
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#587297;
	font-weight:bold;
	padding:11px 10px 10px 10px;
}

.sectiontitle{
	color:#587297;
	font-weight:bold;
	font-size:10pt;
	text-decoration:none;
}

/*LEFT SIDE MENU
*********************************************************************/
#navlist{
	width:180px;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:15px;
}
#navlist li {
	margin:11px 0px 11px 0px;
}
#navlist li a{
    font-size:12px;
    color:#888;
	margin-left:10px;
	margin-top:5px;
	text-decoration:none;
	display:block;
}
#navlist li a:hover{
    color:#333333;
	text-decoration:underline;
}
#navlist .level2 {
	margin:0px 0px 0px 0px;
	display:block;
}	
#navlist .level3 {
	margin:0px 0px 0px 12px;
	display:block;
}
#navlist .level4 {
	margin:0px 0px 0px 23px;
	display:block;
}	
#navlist #blockL3{
	display:none;
}
#navlist #blockL4{
	display:none;
}
#navlist #blockL3open{
	display:block;
}
#navlist #blockL4open{
	display:block;
}
#navlist .currentl2 a{
	font-weight:bold;
	color:#333;
}

#navlist .currentl3 a{
	font-weight:bold;
	color:#333;
}
#navlist .currentl4 a{
	font-weight:bold;
	color:#333;
}
#navlist .children{
	margin:0px 0px 0px 12px;
}

/*BREADCRUMBS
************************************************************/
#breadcrumbs{
	color:#4a4a4a;
	font-size:8pt;
	padding-top:57px;
	position:relative;
	z-index:10;
	padding-left:0px;
	margin-left:20px;
}

#breadcrumbs ul li{
	float:left;
	margin-left:20px;
}

#breadcrumbs a{
	color:#747474;
	font-weight:normal;
	text-decoration:none;
}

#breadcrumbs a:hover{
	color:#4a4a4a;
	text-decoration:underline;
}

/*INSIDE CENTER COLUMN
************************************************************/
#centre_column{
	width:545px;
	min-height:300px;
	float:left;	
 	margin-right:5px;
}
#centre_column-services{
	width:753px;
	min-height:300px;
	float:left;	
 	margin-right:5px;

}
.content_p{
	padding:20px 20px 20px 20px;
	color:#363636;
	font-size:13px;
	text-align:justify;
}
.content_p p{
	margin:10px 0px 10px 0px;
}

.content_p h1{
	font-size:16pt;
	font-weight:normal;
	color:#587297;
	margin-bottom:10px;
}

.content_p a{
	color:#204c89;
	text-decoration:none;
}

.content_p a:hover{
	text-decoration:underline;
}


/*INSIDE RIGHT COLUMN
************************************************************/
#right_column2{
	background-color:#FFFFFF;
	float:left;
	width:208px;
	/*min-height:308px;*/
	float:left;	
	text-align:left;
	margin:85px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#right_column2 p{
	color:#333333;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:2px 0px 7px 7px ;
	line-height:130%;

}
#right_column2 a:link{font-style:italic;color:#204d8a;text-decoration:none;}
#right_column2 a:visited{font-style:italic;color:#204d8a;text-decoration:none;}
#right_column2 a:active{font-style:italic;color:#204d8a;text-decoration:none;}
#right_column2 a:hover{font-style:italic;color:#3290e8;text-decoration:none;}

#right_column2 h1{
	color: #587297;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:0px 0px 2px 7px;
}
#right_column2 h2{
	color: #222;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:0px 0px 2px 7px;
}
#right_column2 h3{
	color: #222;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0px 0px 1px 7px;
}

#right_column2 img{
	text-align:center;
	margin:0 auto;
	padding:3px 0px 3px 0px;
	margin-left:-5px;
}

#ask_question{
	margin:5px 0px 0px 0px;	
}
#case-study{
	margin:25px 0px 25px 0px;	
}
#case-study p{
	margin:20px 0px 20px 0px;	
	
}

/*FOOTER
***********************************************************/
#footer{
	background:#FFFFFF url(images/footer_bg.gif) repeat-x top left;
	text-align:center;
    padding:20px 0px 25px 0px;
}

#footer p{
	font-size:8pt;
	color:#747474;
	font-family:Arial, Helvetica, sans-serif;
}

#footer p a{
	color:#747474;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

#footer p a:hover{
	color:#333333;
	text-decoration:underline;
}

.space{
	margin-left:15px;
}

/*NEWS SECTION
*************************************************************************/
.post-entry{
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
	border-bottom:1px solid #f0f0f0;
}
.bloglink{
	padding:4px 0px 4px 0px;
}
.bloglink a{
	font-size:17px;
	font-weight:normal;
	color:#587297;
	text-decoration:none;
}
.bloglink a:hover{
	text-decoration:underline;
}
.singlelink{
	font-size:17px;
	font-weight:normal;
	color:#587297;
	text-decoration:none;
}
.singleentry{
	margin:0px 0px 65px 0px;
}	
.meta-date{
	font-size:10px;
	color:#999;
}
#section{

	border-bottom:1px solid #e0e0e0;
	color:#666;
	font-weight:bold;
	font-size:12px;
	margin:0px 20px 0px 10px;
	padding:3px 0px 3px 0px;
}	
/*COMMENTS STYLE
***********************************************************/
#content-text ul.commentlist{
	list-style-type:none;
	background-color:#fff;
	margin:0;
	padding:0;
}
#content-text ol.commentlist{
	list-style-type:none;
	background-color:#fff;
	margin:0;
	padding:0;
}
#content-text li.even{
	background-color:#f5f5f5;
	border:1px solid #e9e9e9;

	padding:15px;
	margin:12px 0px 12px 0px;
	position:relative;
}
#content-text li.odd{
	background-color:#fff;
	border:1px solid #e9e9e9;

	padding:15px;
	margin:12px 0px 12px 0px;
	position:relative;
}
#content-text .vcard img{
	float:right;
}
#content-text .commentmetadata{
	position:absolute;
	bottom:15px;
	font-size:10px;
}
#content-text li.even p{
	padding:15px 0px 30px 0px;
	margin:0px 40px 0px 0px;
}
#content-text li.odd p{
	padding:15px 0px 30px 0px;
	margin:0px 40px 0px 0px;
}
#content-text cite{
	font-weight:bold;
}
#comments{
	font-weight:normal;
	font-size:11px;
}

/*4 COLUMNS SERVICES
*************************************************************************/
#services{
	text-align:left;
}	
#services td{
	width:188px;
	padding:0px 0px 0px 5px;
}

/*SITEMAP
*************************************************************************/
#sitemap{
	margin:10px 0px 10px 0px;
}	
#sitemap td{
		padding:0px 20px 20px 0px;
		text-align:left;
		width:300px;
}	
#sitemaptitles{
	font-size:17px;
	display:block;
	padding:0px 0px 10xp 0px;
	border-bottom:1px solid#e0e0e0;
	margin:10px 0px 10px 0px;
}
#sitemaptitles a:hover{
	text-decoration:none;
}
#sitemap a{
   padding:0;
   margin:0;
   line-height:150%;
}
#sitemap .level2 {
    margin:2px 0px 2px 15px;
}
#sitemap .level3 {
	margin:2px 0px 2px 30px;
}
#sitemap .level4 {
	margin:2px 0px 2px 45px;
}
#sitemap #sitemappost li {
	padding:0px 0px 8px 0px;
}
/*INSIDE FOOTER
*************************************************************************/
#top_row{
	padding-top:0px;
	margin-top:-13px;
	position:relative;
	z-index:30;
}

#footer_box1{
	width:190px;
	float:left;
	text-align:left;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#4a4a4a;
	font-weight:normal;
	padding-left:20px;
}

#footer_box1 a{
	color:#8d8d8d;
	font-size:8pt;
	text-decoration:none;
}

#footer_box1 li, #footer_box2 li, #footer_box3 li, #footer_box4 li{
	margin:0;
	padding:0;	
	line-height:100%;
}

#footer_box1 h2, #footer_box2 h2, #footer_box3 h2, #footer_box4 h2{	
	margin-bottom:10px;
	display:block;
	font-weight:normal;
}

#footer_box2{
	width:195px;
	float:left;
	text-align:left;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#4a4a4a;
	font-weight:normal;
	padding-left:20px;
}

#footer_box2 a{
	color:#8d8d8d;
	font-size:8pt;
	text-decoration:none;
}

#footer_box3{
	width:195px;
	float:left;
	text-align:left;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#4a4a4a;
	font-weight:normal;
	padding-left:20px;
}

#footer_box3 a{
	color:#8d8d8d;
	font-size:8pt;
	text-decoration:none;
}

#footer_box4{
	width:195px;
	float:left;
	text-align:left;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#4a4a4a;
	font-weight:normal;
	padding-left:20px;
}

#footer_box4 a{
	color:#8d8d8d;
	font-size:8pt;
	text-decoration:none;
}

#footer_box1 a:hover, #footer_box2 a:hover, #footer_box3 a:hover, #footer_box4 a:hover{
	color:#333333;
	text-decoration:underline;
}
#footer-bottom
{
	padding:10px 0px 10px 0px;
}
.footer-row{
	padding:8px 0px 10px 0px;
}

/*FORM STYLE
************************************************************/
#checkbox p{
	margin:0;
	padding:2px 0px 2px 0px;
}
#checkbox input{
	display:inline-block;
	margin-right:10px;
}
#CWWform {
	margin:15px 0px 0px 0px;
}	
#CWWform td{
	padding:4px 10px 4px 0px;
	text-align:left;
}