@charset "utf-8";
/* CSS Document */

body{margin:0px; padding:0px;}

img{ max-width:100%;}

#proprice{ display:none;}

p.telno{font-family: 'Open Sans', sans-serif; font-size:40px; margin:0px; padding:0px;}

p.email {font-family: 'Open Sans', sans-serif; font-size:14px; color:#44B8F0; margin:0px; padding:0px;}

#tel{	
	max-width:100%;
	height:75px;
	float:left;
	margin-right:10px;
	text-align:center;
}

a.sectionlnk:link {font-family: 'Open Sans', sans-serif; font-size:14px; color:#44B8F0; margin:0px; padding:0px;}

a.sectionlnk:hover {font-family: 'Open Sans', sans-serif; font-size:14px; color:#44B8F0; margin:0px; padding:0px;}

a.sectionlnk:active {font-family: 'Open Sans', sans-serif; font-size:14px; color:#44B8F0; margin:0px; padding:0px;}

a.sectionlnk:visited {font-family: 'Open Sans', sans-serif; font-size:14px; color:#44B8F0; margin:0px; padding:0px;}


h1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:5px;
}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.callnow{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#003366;
font-weight:bold;
}

.email{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#003366;
}




#pagewrap{
	width:980px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	
	}

#topnav {width:100%;
	height:40px;
	/*position:fixed;*/
	background-color:#c5e1eb;
	z-index:-2px;
	margin:0px; padding:0px;
	top:0px;
	border-bottom:double 1px #666; }
	
#topnavleft{}
	
	
#homeimg{
	width:65%;
	height:100%;
	float:left;
}
.mlogo{
	display:none;
}
#basketimg{
	width:35%;
	height:100%;
	float:left;
	text-align:right;
}
#watertanklogo{
	width:320px;
	height:100%;
	float:left;
}
#maincontent{
	width:100%;
	height:100%;
	float:left;
	
	/*margin-top:40px;*/
}

#leftcolumn{
	width:180px;
	height:100%;
	float:left;
}

#midcolumn{
	width:590px;
	height:100%;
	float:left;
}

#rightcolumn{
	width:180px;
	height:100%;
	float:left;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
border-color:#000000;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;

}

#navcontainer li { margin: 0 0 .3em 0;  }

#navcontainer a
{
	font-family:sans-serif;
display: block;
color: #000;
background-color:#ffffff;
max-width: 100%;
padding: .2em .8em;
text-decoration: none;
border-color:#000000;
font-size:12px;
}

#navcontainer a:hover
{
background-color:#bce0ff;
color: #000;
border-color:#000000;
font-size:12px;
}



#navcontainern ul
{
margin: 0;
padding: 0;
list-style-type: none;
border-color:#000000;
font-size:12px;
}

#navcontainern ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size:12px;
}

#navcontainern li { margin: 0 0 .3em 0;  }

#navcontainern a
{
display: block;
color: #000;
background-color:#ffffff;
width: 14em;
padding: .2em .8em;
text-decoration: none;
border-color:#000000;
font-size:12px;
}

#navcontainern a:hover
{
background-color:#bce0ff;
color: #000;
border-color:#000000;
font-size:12px;
}

#sectionbx{
	max-width:125px;
	height:198px;
	padding:6px;
	border:1px solid #CCC;
	float:left;
	margin:5px 0px 0px 5px;
	text-align:center;
	z-index:-10px;
}



#txt{
	width:100%;
	height:100%;
	float:left;
	}



@media only screen and (max-width: 668px) {
	
	#watertanklogo{
	display:none;	
	width:320px;
	height:100%;
	float:left;
}
.mlogo{
	display:inherit;
}
	
	#pagewrap{
	width:100%;
	height:100%;
	}
	#topnav {width:100%;
	height:40px;
	position:fixed;
	background-color:#c5e1eb;
	
	margin:0px; padding:0px;
	top:0px;
	border-bottom:double 1px #666; }
	
	#maincontent{
	width:100%;
	height:100%;
	margin-top:40px;
}

	#leftcolumn{ display:none;	}
	#midcolumn{ width:100%; height:100%;	}
	#rightcolumn{ display:none;	}
	#tel{width:100%;
	height:75px;
	float:left;
	margin-right:10px;
	text-align:center;
}

#sectionbx{
	max-width:100%;
	height:100%;
	padding:0px;
	border:0px solid #CCC;
	float:left;
	margin:5px 0px 0px 5px;
	text-align:center;
	
}

#sectionbximg{
	max-width:25%;
	height:100%;
	padding:6px;
	/*border:1px solid #CCC;*/
	float:left;
	/*margin:5px 0px 0px 5px;
	text-align:center;
	z-index:-10px;*/
}

#sectionbxtxt{
	max-width:75%;
	height:100%;
	padding:6px;
	/*border:1px solid #CCC;*/
	float:left;
	/*margin:5px 0px 0px 5px;
	text-align:center;
	z-index:-10px;*/
}

}