﻿body
{
	font-family:Arial;
	font-size:14px;
	margin:0;
	background-color:#0133BC;
}

#sitecontainer
{
    background-color:White;
	margin:0 auto;
}

#header
{
    margin:auto;
	height:129px;
	position:relative;
	width:1000px;
}

#logo
{
	background-image:url("/images/logo.png");
	position:absolute;
	width:290px;
	height:76px;
	top:30px;
	left:31px;
}

#contact
{
	position:absolute;
	background-image:url("/images/contactdetails.png");
	width:232px;
	height:79px;
	top:30px;
	left:736px;
}

#menucontainer
{
    background-image:url("/images/navigation.png");
}

#form
{
    padding-left:60px;
}

#menu
{
	margin:0px;
	width:1000px;
	padding:0px;
	margin:auto;
	background-repeat:repeat-x;
	height:69px;
	list-style:none;
}

#menu li
{
	float:left;
	padding:14px 0;
	width: 100%;
	margin:0px;
}

#menu li a
{
	height: 3em;
	line-height: 3em;
	float:left;
	display:block;
	color:White;
	list-style:none;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
}

#menu li a:hover
{
	background-color:White;
	color:Black;
	float:left;
	display:block;
	text-decoration:underline;
}

#menu li a:selected
{
	background-color:White;
	color:Black;
	float:left;
	display:block;
	text-decoration:underline;
}



#footerdivider
{
	width:100%;
	background-image:url("/images/footertop.png");
	background-repeat:repeat-x;
	height:11px;
}

#footer
{
	height:76px;
	width:100%;
	background-color:#0233bc;
}

#footermenu
{
	width:234px;
	margin:0 auto;
	list-style:none;
	padding-top:0px;
}

#footermenu li
{
	float:left;
	width: 231px;
}

#footermenu li a
{
	color:White;
}

#copyright
{
	text-align:center;
	color:White;
}

#filterationcontenttop
{
	background-image:url("/images/maincontainertop.png");
}

#maincontainer
{
	background-image:url("/images/maincontainerside.png");
	background-repeat:repeat-y;
	width:1000px;
	margin:auto;
}

#maincontainer p
{
    line-height:2;
    font-size:10pt;
}

#leftcontent
{
	float:left;
	width:617px;
	padding:5px 20px 20px 40px;
}

#rightcontent
{
	width:300px;
	float:right;
	margin-left: 0px;
}

#content
{
	float:left;
	width:90%;
	padding:5px 20px 20px 40px;
}

#rightimageplaceholder
{
	width:225px;
	height:346px;
	background-color:#e1e0de;
	margin:10px auto 10px auto;
	position:relative;
}

#rightimage
{
	position:absolute;
	width:212px;
	height:306px;
	background-color:White;
	margin-top:13px;
	top: -5px;
	left: 7px;
}

h1
{
	font-size:22px;
	font-weight:bold;
}

.mainimage
{
	float:left;
}

#mainimagetext
{
	width:76%;
	float:right;
}

.filterationlist
{
	list-style-image:url("/images/bulletpoint.png");
}

.filterationlist li
{
	margin-top:10px;
	color:#34345a;
	font-weight:bold;
	font-size:8pt;

}

#siteinfo
{
    background-color:White;
    min-height:500px;
}

.underlinebold
{
	font-weight:bold;
	text-decoration:underline;
}

.contentright
{
	float:right;
}

#footerinfo
{
	padding-top:5px;
}

#splitter
{
	background-image:url('/images/contactcenter.png');
	width:3px;
	height:397px;
    float:left;
}

.clear
{
	clear:both;
}

#sitemap
{
}
#sitemap li
{
	list-style-image:url("/images/bulletpoint.png");
}

#aboutus-h1
{
    background:url('../images/aboutus.jpg') no-repeat;
    text-indent:-9999px;
    margin-left:5px;
}

#waterfiltration-h1
{
    background:url('../images/waterfiltration.jpg') no-repeat;
    text-indent:-9999px;
    margin-left:5px;
}

#ionexchange-h1
{
    background:url('../images/ionexchange.jpg') no-repeat;
    text-indent:-9999px;
    margin-left:5px;
}

#reverseosmosis-h1
{
    background:url('../images/reverseosmosis.jpg') no-repeat;
    text-indent:-9999px;
    margin-left:5px;
}

#electrodeion-h1
{
    background:url('../images/electrodeion.jpg') no-repeat;
    text-indent:-9999px;
    margin-left:5px;
}

#other-h1
{
    background:url('../images/other.jpg') no-repeat;
    text-indent:-9999px;
    margin-left:5px;
}

#services-h1
{
    background:url('../images/services.jpg') no-repeat;
    text-indent:-9999px;
    margin-left:5px;
}

#contact-h1
{
    background:url('../images/contact.jpg') no-repeat;
    text-indent:-9999px;
    margin-left:5px;
}

#sitemap-h1
{
    background:url('../images/sitemap.jpg') no-repeat;
    text-indent:-9999px;
    margin-left:5px;
}

#water-h1
{
    background:url('../images/water.jpg') no-repeat;
    text-indent:-9999px;
    margin-left:5px;
}

#section
{
    margin-top:30px;
}

#maincontainer hr
{
    padding:0;
    margin:0;
    line-height:1px;
    marker-offset:0;
}

#login
{
    width:250px;
    margin:0 auto;
}

#loginbutton
{
    width:70px;
    margin:0 auto;
}
