/*
Theme Name: Quawater custom
Theme URI: http://wordpress.org/
Description: Design by Peronii Solutions
Version: 1.6
Author: MPeronii Solutions
Author URI: http://www.peronii.co.za/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


body {
	margin: 0 0 0 0;
	font-family: Arial;
}

#wrapper {
	margin: 0 auto;
}


#header {
	width: 100%;
	margin: 0;
	padding: 0;
	/*height: 400px;*/
}

#wline {
	width: 100%;
	height: 177px;
	background: url('images/header_wline.png') repeat-x;
	margin: 0;
	padding: 0;
}

#wline-container {
	margin: 0 auto;
	width: 1000px;
	height: 177px;
	clear: both;
}

#logo {
	width: 293px;
	height: 177px;
	background: url(images/logo.png) no-repeat;
	float: left;
}

#splash {
	width: 170px;
	height: 177px;
	background: url(images/splash.png) no-repeat;
	float: right;
}


#pixopoint_menu_wrapper1 {
	width: 1000px;
	position: absolute;
	top: 156px;
	left: 10%;
	z-index: 100;
	margin: 0 auto;
}

#pixopoint_menu1 {
	width: 1000px;
	margin: 0 auto;

}


#container {
	width: 100%;
	background: #e5e5e5;
	margin: 0;
	padding: 0;
}
#content {
	width: 1004px;
	margin: 0 auto;
	padding-bottom: 20px;
	clear: both;
	overflow: hidden;
}

.intro {
	width: 100%;
	height: 222px;
	background: url(images/header_bline.jpg) repeat-x;
	text-align: center;
	margin: 0 auto;
	padding-top: 25px;
}

.intro .ipic {
	width: 984px;
	height: 206px;
	margin: 0 auto;
	padding-left: 20px;
}

.intro .ipic .headingText {
	color: #ffffff;
	width: 530px;
	font-size: 12px;
	font-weight: bolder;
	text-align: left;
	padding: 0 10px 0 0;
	margin: 0;
	float: left;
}
.intro .ipic .headingText p{
	margin:8px 18px 0 0;
}
.intro .ipic .headingText a{
	color: #ffffff;
}


#content .page_entry {
	padding: 0px;
	margin: 0 auto;
	width: 710px;
	overflow: hidden;
	text-align: left;
	color: #233468;
	font-size: 12px;
	float: left;
}
#content .page_entry p{
	margin:10px 0 0 10px;
}


#sidebar {
	width: 265px;
	float: right;
	margin: 15px 0 0 25px;
}

#sidebar .content-block {
	width: 265px;
	overflow: hidden;
	background: #1F9FAA;
	color: #ffffff;
	font-size: 12px;
}
.inner2 {
	padding: 5px 10px 5px 10px;
	
}
#sidebar .content-block h4 {
	margin: 0;
	padding-left: 10px;
	font-size: 15px;
}
#sidebar .content-block dl {
	clear: both;
	overflow: hidden;
	width: 250px;
	padding-left: 10px;
}
#sidebar .content-block dl dt{
	float: left;
	width: 120px;
	overflow: hidden;
	margin:0;
	padding:0;
}
#sidebar .content-block dl dd{
	float: left;
	overflow: hidden;
	width: 120px;
	margin:0;
	padding:0;
}
#sidebar .content-block .form {
	padding-left: 10px;
}
#sidebar .content-block .top {
	background: #e5e5e5 url(images/sidebar_top.png) no-repeat;
	width: 265px;
	height: 10px;
	padding:0;
	margin:0;

}
#sidebar .content-block .bottom {
	background: #e5e5e5 url(images/sidebar_bottom.png) no-repeat;
	width: 265px;
	height: 11px;
}
#sidebar a {
	color: #ffffff;
	text-decoration: none;
}
#sidebar a:hover {
	/*text-decoration: underline;*/
}

h2 {
	font-size: 18px;
	margin: 10px 0 0 10px;
	padding: 0;
}

h3 {
	font-size: 16px;
	margin: 10px 0 0 0;
	padding: 10px 0 0 10px;
}
h4 {
	font-size: 12px;
	margin: 10px 0 0 10px;
	padding: 0;
}
sup {
	font-size: 7px;
}
a {
	color: #526D9C;
}
a:hover {
	color: #0A3278;
}

#footer {
	background: #0A3278;
	width: 100%;
	height: 18px;
	font-size: 11px;
	color: #ffffff;

}

#footer .text {
	width: 1004px;
	padding-top: 2px;
	margin: 0 auto;
	text-align: right;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}


/*Page headers starts*/

.intro .ipic .heading {
	width: 500px;
	height: 30px;
	float: left;
	margin: 20px 0 0 0;
}

.Home .heading, .Disclaimer .heading, .Newsletter-Subscribe .heading {
	background: url(images/headers/home_heading.png) no-repeat;
}
.About-Us .heading, .Mission-and-vision .heading, .Values .heading, .Corporate-responsibility .heading {
	background: url(images/headers/about_heading.png) no-repeat;
}
.Products .heading, .AquaDoc-UV .heading, .VillageSolution .heading, .Village-Solution .heading, .Completed-projects .heading, .Rajaf .heading, .Elomoya-2 .heading, .Cumbi .heading, .Guinjata .heading, .Mjejane .heading, .Elomoya-1 .heading, .Other-systems .heading, .Replacement-lamps-and-cartridges .heading  {
	background: url(images/headers/products_heading.png) no-repeat;
}

.About-Water .heading, .About-water-quality-and-health-risks .heading, .About-water-treatment .heading, .UV-Technology .heading {
	background: url(images/headers/about_water_heading.png) no-repeat;
}

.Contact-Us .heading, .Contact-Us---Replacement-lamps-and-cartridges .heading, .Contact-Us---AquaDoc-UV .heading, .Contact-Us---Special-Solutions .heading {
	background: url(images/headers/contact_heading.png) no-repeat;
}

.News .heading {
	background: url(images/headers/news_heading.png) no-repeat;
}


.Home .ipic, .Disclaimer .ipic, .Newsletter-Subscribe .ipic {
	background: url(images/headers/home.png) no-repeat;
}
.About-Us .ipic, .Mission-and-vision .ipic, .Values .ipic, .Corporate-responsibility .ipic {
	background: url(images/headers/about.png) no-repeat;
}
.Products .ipic, .AquaDoc-UV .ipic, .VillageSolution .ipic, .Village-Solution .ipic, .Completed-projects .ipic, .Rajaf .ipic, .Elomoya-2 .ipic, .Cumbi .ipic, .Guinjata .ipic, .Mjejane .ipic, .Elomoya-1 .ipic, .Other-systems .ipic, .Replacement-lamps-and-cartridges .ipic {
	background: url(images/headers/products.png) no-repeat;
}
.About-Water .ipic, .About-water-quality-and-health-risks .ipic, .About-water-treatment .ipic, .UV-Technology .ipic {
	background: url(images/headers/about_water.png) no-repeat;
}

.Contact-Us .ipic, .Contact-Us---Replacement-lamps-and-cartridges .ipic, .Contact-Us---AquaDoc-UV .ipic, .Contact-Us---Special-Solutions .ipic {
	background: url(images/headers/contact.png) no-repeat;
}
.News .ipic {
	background: url(images/headers/news.png) no-repeat;
}

/*Page headers ends*/

.roundedCornerGray {
	background: #d7d7d7;
	width: 700px;
	margin: 0;
	padding:0;
	border: 1px solid #cccccc;
	overflow: hidden;
}
.inner {
	padding-left: 10px;
}

.blueTextBlock {
	background: #526D9C;
	width: 300px;
	margin: 0;
	border: 1px solid #526D9C;
	padding:0;
}

.blueButton {
	background: url(images/blue_button.png) no-repeat;
	text-align: center;
	width: 100px;
	height: 31px;
	padding-top: 7px;
}

.blueButton a {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}



.table {
	clear: both;
	overflow: hidden;
	padding-left: 10px;
	width: 98%;
}
.table dt{
	float: left;
	width: 50%;
	overflow: hidden;
	margin:0;
	padding:0;
}
.table dd{
	float: left;
	overflow: hidden;
	width: 50%;
	margin:0;
	padding:0;
}

.align-right {
	float: right;
}
.align-left {
	float: left;
}

.clearB {
	clear: both;
	overflow: hidden;
}

.redText {
	color: #990000;
}

.vs1 {
	background: url('images/villagesolution_1.jpg') no-repeat top right;
	z-index: 100;
	width: 170px;
	height: 206px;
	margin: 0;
	padding: 0;
}

div #homeText_left_ad p{
	margin:10px 0 0 11px;
}
div dl#homeText_left dd p{
	margin:10px 0 0 -29px !important;
}


.news_item .news_date {
	color: #BFD1F1;
	font-size: 15px;
	font-weight: bold;
}
.news_item .news_title a {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
.news_title {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.news_item .news_title a:hover {
	text-decoration: underline;
}
.news_article {
	color: #BFD1F1;
	font-size: 11px;
	margin: 0;
	padding: 0px;
}
.news_item .news_article a {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.news_item .news_article a:hover {
	text-decoration: underline;
}

.category_news dd {
	margin:0;
	padding:0;
float: left;
}


.whiteText {
	color: #ffffff;
}



#suckerfishnav .current_page_item a, #suckerfishnav .current_page_item a:hover, #suckerfishnav .current_page_parent a, #suckerfishnav .current_page_parent a:hover, #suckerfishnav .current-cat a, #suckerfishnav .current-cat a:hover, .News #suckerfishnav .cat-item a {
	background: transparent url(images/menu_selected.png) no-repeat;
	color: #ffffff;
	width: 120px;
}

#suckerfishnav .current_page_item li a, #suckerfishnav .current_page_parent li a, #suckerfishnav .current_cat li a {
	background: transparent;
	color: #0A3278;
	width: 240px;
}

#suckerfishnav .current_page_item li a:hover, #suckerfishnav li ul .current_page_item a:hover, #suckerfishnav .current_cat li a:hover, #suckerfishnav li ul .current_cat a:hover, #suckerfishnav .current_page_parent li a:hover, #suckerfishnav li ul .current_page_parent a:hover {
	background: transparent;
	width: 240px;
	color: #526D9C;
}

#suckerfishnav li ul .current_page_item a, #suckerfishnav li ul .current_page_parent a, #suckerfishnav li ul .current_cat a {
	background: #ffffff;
	color: #526D9C;
	width: 240px;
}


/* Hover button starts */
.moreButton2:hover {
background: url(images/more_over.jpg);
}
.moreButton {
  margin-top: 1px;
  padding: 0;
  display: inline-block;
  width: 50px;
  height: 13px;
  background: url("images/more_old.jpg") no-repeat 0 0;
}

.moreButton:hover { 
  background-position: 0 -13px;
}

.moreButton span {
  display: none;
}
.sideBarButtonWrapper {
margin: 5px 0 5px 3px;
}

.sideBarButton:hover {
text-decoration: none;
}

.sideBarButton:hover a {
text-decoration: none;

}


.sidebarButton {
  margin-top: 1px;
  padding-top: 7px;
  display: inline-block;
  width: 259px;
  height: 23px;
  background: url("images/sidebar_button.png") no-repeat 0 0;
text-align: center;
}
.sidebarButton {
font-size: 13px;
}


.sidebarButton:active {
background-position: 0 -30px;
}

/* Hover button ends */
.clearing{
	clear:both;
	height:1px;
}
