/* CSS Document */

body {
background:#ecf0f4;
font-family: Helvetica, Arial, sans-serif;
color:#000000;
font-size:14px;
line-height:140%;
margin:0px;
padding:0px;
}

#container {
width:775px;
position: absolute; 
left: 50%; 
height: auto;
margin-left: -387px;
background-image:url(images/main_back.gif);
background-repeat: repeat-y;
}

#header {
background:url(images/header_back.jpg) no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
color:#d8001d;
font-size:16px;
font-variant:small-caps;
font-weight:bold;
}
#not_alike {
background:url(images/not_all_waters_are_alike.gif) no-repeat;
width:451px;
height:69px;
}

#logo {
width:289px;
height:128px;
}

#waterbottle {
position:absolute;
height:311px;
width:172px;
background:url(images/waterbottle.gif) no-repeat;
}

#navigation {
padding:10px 0px 6px 180px;
color:#ffffff;
text-transform:uppercase;
font-size:12px;
font-weight:normal;
margin-top:7px;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
}

#navigation a {
color:#ffffff;
text-decoration:none;
padding:0px 15px 0px 15px;
}

#navigation a:visited {
color:#ffffff;
text-decoration:none;
}

#navigation a:hover {
color:#c3cce8 ;
text-decoration:underline;
}

.anylinkcss{
	position:absolute;
	visibility: hidden;
	border:1px solid #ffffff;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	line-height: 18px;
	z-index: 100;
	background-color:#395b77;
	text-align:center;
	margin:8px 0px 0px -460px;
}

.anylinkcss a{
width: 100%;
display: block;
border-bottom: 1px solid #ffffff;
background-color:#395b77;
padding: 1px 0;
text-decoration: none;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #7ca2c2;
text-decoration: none;
color: #395b77;
}


#center_info {
padding:54px 45px 20px 41px;
}

#footer {
clear:both;
color:#666666;
font-size:10px;
padding-bottom:10px;
text-align:center;
background:#ecf0f4;
}

#footer a {
color:#666666;
text-decoration:none;
}

#footer a:visited {
color:#666666;
text-decoration:none;
}

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

/* text sytles */
.h1 {
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:18px;
color:#142563;
font-weight:bold;
}

.h2 {
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:16px;
color:#41ad49;
font-weight:bold;
}

.h3 {
color:#FFFFFF;
font-size:18px;
font-weight:bold;
}


/*------------------- rounded corners --------------------- */

.top {
background:url(images/top.gif) repeat-x bottom;
}

.bottom {
background:url(images/bottom_new.gif) repeat-x top;
}

.right {
background:url(images/right.gif) repeat-y left;
}

.left {
background:url(images/left.gif) repeat-y right;
}

.middle_row {
background-color:#142563;
padding:5px;
color:#FFFFFF;
font-size:14px;
}

/*------------------- layout --------------------- */
.left_picture {
float:left;
width:210px;
}

.right_text {
margin-left:230px;
padding:0px 5px 5px 5px;
}

.left_picture_facts {
margin-right:450px;
padding-bottom:15px;
}

.right_text_facts {
float:right;
width:450px;
}

.left_picture_source {
margin-right:410px;
padding-bottom:15px;
}

.right_text_source {
float:right;
width:400px;
padding:10px 5px 5px 5px;
}

.left_text {
float:left;
width:350px;
}

.right_pic {
margin-left:420px;
}

.right_text_low {
margin:20px 0px 0px 230px;
padding:0px 5px 5px 5px;

}

.callout {
width:328px;
height:65px;
background-image:url(images/callout.jpg);
color:#FF0000;
background-repeat:no-repeat;
padding:18px 3px 3px 25px;
font-size:15px;
font-family:"Century Gothic", Arial, sans-sarif;
}

.callout2 {
width:462px;
height:65px;
background-image:url(images/callout2.jpg);
color:#FF0000;
background-repeat:no-repeat;
padding:19px 3px 3px 35px;
font-size:15px;
font-family:"Century Gothic", Arial, sans-sarif;
}

.left_stars {
float:left;
width:90px;
margin-top:-5px;
}

.right_stars {
margin-left:90px;
padding:10px 5px 5px 5px;
}

.left_stars2 {
float:left;
width:60px;
margin-top:-5px;
}

.right_stars2 {
margin-left:60px;
padding:10px 5px 5px 5px;
}

.left_stars3 {
float:left;
width:30px;
margin-top:-5px;
}

.right_stars3 {
margin-left:30px;
padding:10px 5px 5px 5px;
}

/* -------------------advantage section navigation------------------- */
#advantage_nav {
padding:5px 0px 5px 220px;
color:#395b77;
text-transform:uppercase;
font-size:12px;
font-weight:normal;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
background:url(images/advantage_nav.gif) no-repeat;
}

#advantage_nav a {
color:#395b77;
text-decoration:none;
padding:0px 15px 0px 15px;
}

#advantage_nav a:visited {
color:#395b77;
text-decoration:none;
}

#advantage_nav a:hover {
color:#7ca2c2 ;
text-decoration:underline;
}

/*--------------------white---------------*/
#white {
color:#ffffff;
font-size:14px;
}

#white a{
color:#ffffff;
font-size:14px;
text-decoration:none;
}

#white a:visited{
color:#ffffff;
font-size:14px;
text-decoration:none;
}

#white a:hover{
color:#ffffff;
font-size:14px;
text-decoration:underline;
}




/*--------------------dropdown menu---------------*/

#dropmenudiv {
position:absolute;
/*top:225px;*/
/*left:200px;*/
border:1px solid #ecf0f4;
border-bottom-width: 0;
font-size:11px;
font-weight:normal;
color:#ffffff;
line-height:18px;
z-index:100;
margin:9px 0px 0px 10px;
text-align:center;
}

#dropmenudiv a {
/*width: 100%;*/
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
color:#ffffff;
}

#dropmenudiv a:hover { /*hover background color*/
background-color: #c3cce8;
color:#142563;
}