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

/* Te Waihou  

#003366		Blue
#fff		White
#663333		Red brown

*/

html	{
height:100%;
}

body  {
font-family:"Times New Roman", Times, serif;
font-size:12px;
line-height:17px;
color:#003366;
background:#fff;
margin:0;
padding:0;
}

td  {
vertical-align:top;
font-size:12px;
line-height:17px;
}

th  {
vertical-align:top;
font-size:12px;
line-height:17px;
}

p  {
font-size:12px;
line-height:17px;
margin:0 0 7px 0;
padding:0;
}

div, span  {
margin:0;
padding:0;
}

a:link,
a:visited  {
color:#003366;
text-decoration:underline;
}
a:hover  {
text-decoration:none;
}
a:focus {
outline:none;
}
a img	{
border:0px;
}

ul  {
margin:0;
padding:0;
margin:0 25px 10px 25px;
}
ol  {
margin:0;
padding:0;
margin:0 25px 10px 30px;
}
li  {
margin:0;
padding:0;
}

input, textarea	{
border:1px solid #003366;
background:#f2f5f7;
}

h1  {
color:#003366;
font-size:17px;
font-weight:normal;
line-height:20px;
text-transform:uppercase;
text-align:center;
margin:0 0 8px 0;
padding:0;
}
h1 span  {
font-size:21px;
}
h2  {
color:#003366;
font-size:13px;
font-weight:normal;
font-style:italic;
line-height:13px;
text-align:center;
margin:0 0 22px 0;
padding:0;
}
h3  {
color:#003366;
font-size:15px;
font-weight: normal;
line-height:17px;
margin:0 0 10px 0;
padding:8px 0 0 0;
}
h4  {
color:#003366;
font-size:15px;
font-weight: bold;
line-height:17px;
margin:0 0 10px 0;
padding:8px 0 0 0;
}
h5  {
color:#003366;
font-size:13px;
font-weight: bold;
line-height:15px;
margin:0 0 8px 0;
padding:8px 0 0 0;
}
h6  {
color:#003366;
font-size:13px;
font-weight: bold;
line-height:15px;
margin:0 0 8px 0;
padding:8px 0 0 0;
}

/*   */

.pageWrap	{
width:750px;
margin:60px auto 20px auto;
}

.pageWrapInside	{
background:url(../images/bg-inside.gif) no-repeat;
padding-top:23px;
}

.pageWrapInsideContact	{
background:url(../images/inside_headers/contact.jpg) no-repeat;
padding-top:23px;
}

.headersInside	{
position:absolute;
height:238px;
width:750px;
}
.ourStory	{
background:url(../images/inside_headers/our_story.jpg) no-repeat bottom;
height:211px;
}
.ourHistory	{
background:url(../images/inside_headers/our_history.jpg) no-repeat bottom;
}
.ourSource	{
background:url(../images/inside_headers/our_source.jpg) no-repeat bottom;
}
.ourProtection	{
background:url(../images/inside_headers/our_protection.jpg) no-repeat bottom;
}
.ourWater	{
background:url(../images/inside_headers/our_water.jpg) no-repeat bottom;
}

.logo	{
height:45px;
background:url(../images/logo-tewaihou.gif) no-repeat center 0;
}

.logoContact	{
background:none;
}

.navMain	{
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:12px;
line-height:15px;
color:#003366;
margin-top:45px;
}
.navMain a,
.navMain a:visited	{
padding:0 10px;
text-decoration:none;
}
.navMain a:hover	{
text-decoration:underline;
}

.navMainInside	{
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:12px;
line-height:15px;
color:#fff;
margin-top:202px;
padding:5px 0;
background:#003366;
}
.navMainInside a,
.navMainInside a:visited	{
color:#fff;
padding:0 10px;
text-decoration:none;
}
.navMainInside a:hover	{
text-decoration:underline;
}

#homeContent	{
text-align:center;
margin-top:20px;
padding-top:0px;
}

#homeFlash	{
width:574px;
height:414px;
margin:0px auto;
padding:15px 22px 0 0;
background:url(http://www.tewaihouwater.co.nz/images/home_static.jpg) no-repeat top left;
}

#insideContent	{
padding:25px 32px 0 32px;
}

.caps	{
text-transform:uppercase;
font-size:11px;
}

/* Our Water */

.navOurWater	{
position:absolute;
font-size:11px;
line-height:14px;
color:#003366;
margin-top:230px;
}
.navOurWater  a,
.navOurWater a:visited	{
padding:0 2px;
text-decoration:none;
}
.navOurWater  a:hover	{
text-decoration:underline;
}

.navSparkling	{
color:#663333;
}
.navSparkling  a,
.navSparkling a:visited	{
color:#663333;
}


#stillWrap	{
float:left;
width:330px;
height:244px;
margin:20px 0;
}

#still	{
position:absolute;
width:330px;
}
#still img	{
float:right;
margin-right:25px;
}
#still h1	{
color:#003366;
font-size:19px;
font-weight:normal;
line-height:20px;
text-transform:uppercase;
text-align:center;
margin:0px 0 12px 0;
padding:5px 0 0 0;
}
#still p	{
text-align:center;
font-style:italic;
line-height:22px;
}

#stillRange, #stillAnalysis, #stillOptions, #sparklingRange, #sparklingAnalysis, #sparklingOptions  	{
visibility:hidden;
position:absolute;
width:330px;
}

#sparklingWrap	{
float:right;
width:330px;
height:244px;
margin:20px 0;
color:#663333;
}
#sparklingWrap h3	{
color:#663333;
}


#sparkling	{
position:absolute;
width:330px;
}
#sparkling img	{
float:left;
margin-left:25px;
}
#sparkling h1	{
color:#663333;
font-size:19px;
font-weight:normal;
line-height:20px;
text-transform:uppercase;
text-align:center;
margin:0px 0 12px 0;
padding:5px 0 0 0;
}
#sparkling p	{
text-align:center;
font-style:italic;
line-height:22px;
}

/*  */

#footer	{
position: relative;
clear:both;
background:url(../images/footer.gif) no-repeat;
margin-top:0px;
padding:55px 0 10px 0;
}
#footer h1	{
margin-left:-9999px;
position:absolute;
}
#footer div	{
font-size:11px;
line-height:14px;
color:#003366;
border-top:1px solid #003366;
width:124px;
margin:0 auto;
padding-top:6px;
text-align:center;
}
#footer div a,
#footer div a:visited	{
padding:0 2px;
text-decoration:none;
}
#footer div a:hover	{
text-decoration:underline;
}

#footer #credits	{
width:300px;
border:0px;
text-align:center;
clear:both;
margin:8px 0 0 -88px;
}

.clearLeft	{
clear:left;
height:0;
}
.clearRight	{
clear:right;
height:0;
}
.clearBoth	{
clear:both;
height:0;
}

/* */

.contentPageTitle {font-family:"Times New Roman", Times, serif; color:#003366; font-size:17px; font-weight:normal; line-height:20px; text-transform:uppercase; text-align:center; margin:0 0 8px 0; padding:0;}

.documentGroupFiles	{
margin-top:12px;
}


/*------------ Contacts Module Styles ----------------------------------------------------------*/

/* container & elements of Contacts page */

.contactsIntro {}
.contactsRegionHeader {margin: 20px 0px 0px 0px;color:#999;	font-size:16px; font-weight:bold; }
.contactsContactHeader {font-size:14px;font-weight:bold;}
.required {color:#000000; font-weight:bold;}

#whereToBuyTable
{
width: 500px;
}

#whereToBuyTable form
{
margin: 0;
padding: 0;
}

form #whereToBuyTable select
{
width: 200px;
border: 1px solid #999999;
font-size: 11px;
}

form #whereToBuyTable input
{
width: 155px;
border: 1px solid #999999;
font-size: 11px;
}

form #whereToBuyTable input.whereToBuyButton
{
width: 40px;
border: 1px solid #999999;
font-size: 11px;
}

/*------------ Menu ----------------------------------------------------------*/

.navMain a,
.navMain a:visited	{
padding:0 10px;
text-decoration:none;
}
.navMain a:hover	{
text-decoration:underline;
}

.navMainInside	{
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:12px;
line-height:auto;
color:#fff;
margin:202px 0px 15px 0px;
padding:5px 0;
float: left;
width: 750px;
}
.navMainInside a,
.navMainInside a:visited	{
color:#fff;
padding:0px 10px;
text-decoration:none;
}
.navMainInside a:hover	{
text-decoration:underline;
}



.navMainInside ul li a, .navMainInside ul li a:visited {
text-decoration:none;
overflow:hidden;
}

.navMainInside ul li a:hover {
text-decoration:underline;
}

.navMainInside ul {
padding:0; 
margin:0px 0px 0px 105px; 
list-style: none;
}

.navMainInside ul li {
float:left; 
position:relative;
}

.navMainInside ul li ul {
display: none;
}



/* specific to non IE browsers */

.navMainInside ul li:hover a {
color:#fff;
}

.navMainInside ul li:hover ul {
display:block; 
position:absolute; 
top:15px; 
left: -123px; 
width:120px;
padding: 7px 0px 0px 0px;
}

.navMainInside ul li:hover ul li {
width:105px;
padding: 0;
margin: 0;
float:left;
text-align: left;
}

.navMainInside ul li:hover ul li a.hide {
color:#fff;
height: 20px;
}

.navMainInside ul li:hover ul li:hover a.hide {
color:#fff;
}

.navMainInside ul li:hover ul li ul {
display: none;
}

.navMainInside ul li:hover ul li a {
display:block; 
color:#003366;

}

.navMainInside ul li:hover ul li a span {
margin: 0px 7px 0px 6px;
}

.navMainInside ul li:hover ul li a:hover {
text-decoration: none;
}

.navMainInside ul li:hover ul li a span:hover {
text-decoration: none;
}

.fsub	{
background:#003366;
color:#fff;
font-size:11px;
width:auto;
border:0px;
margin-right:10px;
padding:1px 8px;
border:0px;
cursor:pointer;
}

#facebook img{
position: absolute;
right: 0px;
top: -30px;
width: 27px;
border: none;
}




/* ------------- Blog Styling ---------------------- */

#blogNavigation
{
float: right;
position: relative;
width: 20%;
font-size: 14px;
font-weight: bold;
margin: 0px 0px 50px 15px;
line-height: 20px;
}

#blogNavigation a
{
font-size: 12px;
font-weight: normal;
color: #666;
text-decoration: none;
}


#blogNavigation a:hover
{
text-decoration: underline;
}

.blogArchives,
.recentPosts,
.categoryLinkText
{
margin: 0px 0px 15px 0px;
}

#blogContent
{
float: left;
position: relative;
width: 75%;
margin: 0px 0px 50px 0px;
}

#blogContent hr
{
border: none;
background: none;
border-bottom: 1px solid #ccc;
margin: 20px 0px;
}

span.blogTitle
{
font-size: 14px;
font-weight: bold;
}

span.blogTitle a
{

}

.blogDate
{
color: #666;
}

.blogEntry
{

}

.blogTitle
{

}

.blogText
{

}