/* general style */

body {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0em;
	padding-top: 0em;
	margin-bottom: 0em;
	padding-bottom: 0em;
	background-repeat: no-repeat;
	background-color: #5681A3;
}

p {
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: 0em;
	padding-bottom: 0em;
}

.class1 A:link {
	text-decoration: none;
	color: #062043;
	font-size: 14px;
}
.class1 A:visited {
	text-decoration: none;
	color: #062043;
	font-size: 14px;
}
.class1 A:hover {
	color: #bfd5e3;
	text-decoration: none;
	font-size: 14px;
}
.class1 A:active {
	text-decoration: none;
	color: #bfd5e3;
	font-size: 14px;
}

.class2 {
	color: #FFF;
	font-size: 18px;
}

.class3 {
	color: #4d789b;
	font-size: 14px;
	font-weight: bold;
}

.class4 {
	color: #F00;
	font-weight: bold;
}

.class5 {
	color: #4d789b;
}

.class6 {
	font-style: italic;
}

.class7 {
	font-size: 24px;
	font-weight: bold;
}

.class8 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
}

.class9 {
	font-size: 9px;
}

.class10 {
	font-weight: bold;
	color: #4d789b;
}

.class11 {
	font-weight: bold;
	font-size: 30px;
}

.class12 {
	font-size: 16px;
	font-weight: normal;
}

.texta {
	font-size: 12px;
	margin: 1px;
	padding: 2px;
	background-color: #FFC;
	width: 300px;
}


/* Background images for different pages */

#homecontainer {
	width: 1008px;
	position: relative;
	margin: auto;
	padding: 0px;
	top: 0px;
	height: 720px;
	background-image: url(../image/Home%20Page%20Plain.jpg);
	background-repeat: no-repeat;
	z-index: 11;
}

#plaincontainer {
	width: 1008px;
	position: relative;
	margin: auto;
	padding: 0px;
	top: 0px;
	height: 720px;
	background-image: url(../image/Plain.jpg);
	background-repeat: no-repeat;
	z-index: 11;
}

#water101container {
	width: 1008px;
	position: relative;
	margin: auto;
	padding: 0px;
	top: 0px;
	height: 1548px;
	background-image: url(../image/Water%20Services%20Water%20101%20Plain.jpg);
	background-repeat: no-repeat;
	z-index: 11;
}

#waterservicesdeliverycontainer {
	width: 1008px;
	position: relative;
	margin: auto;
	padding: 0px;
	top: 0px;
	height: 720px;
	background-image: url(../image/Water%20Services%20Delivery%20Plain.jpg);
	background-repeat: no-repeat;
	z-index: 11;
}

#waterserviceshomeandofficedeliverycontainer {
	width: 1008px;
	position: relative;
	margin: auto;
	padding: 0px;
	top: 0px;
	height: 720px;
	background-image: url(../image/Water%20Services%20Home%20and-Office%20Delivery%20plain.jpg);
	background-repeat: no-repeat;
	z-index: 11;
}

#waterservicesspringwatercontainer {
	width: 1008px;
	position: relative;
	margin: auto;
	padding: 0px;
	top: 0px;
	height: 720px;
	background-image: url(../image/Water%20Services%20Spring%20Water%20Plain.jpg);
	background-repeat: no-repeat;
	z-index: 11;
}

#waterserviceswatercoolers {
	width: 1008px;
	position: relative;
	margin: auto;
	padding: 0px;
	top: 0px;
	height: 720px;
	background-image: url(../image/Water%20Services%20Water%20Coolers%20Plain.jpg);
	background-repeat: no-repeat;
	z-index: 11;
}

#waterservicesdistilledmisccontainer {
	width: 1008px;
	position: relative;
	margin: auto;
	padding: 0px;
	top: 0px;
	height: 720px;
	background-image: url(../image/Water%20Services%20Distilled%20Misc%20Plain.jpg);
	background-repeat: no-repeat;
	z-index: 11;
}

#coffeeservicescontainer {
	width: 1008px;
	position: relative;
	margin: auto;
	padding: 0px;
	top: 0px;
	height: 720px;
	background-image: url(../image/Coffee%20Services%20Plain.jpg);
	background-repeat: no-repeat;
	z-index: 11;
}

#couponheader {
	width: 870px;
	position: relative;
	margin: auto;
	top: 320px;
	height: 45px;
	z-index: 11;
	left: 0px;
}

#coupon {
	width: 870px;
	position: relative;
	margin: auto;
	top: 320px;
	height: 285px;
	z-index: 11;
	left: 0px;
}

/* Navbar Styling */

/* These styles create the dropdown menus. */
#nav, #nav ul { /* all lists  */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

#nav a {
	display: block;
	width: 14em;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 0px;
}

	#nav li { /* all list items*/
	float: left;
	width: 14em; /*width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #69f;
	width: 14em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items  */
	left: auto;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	padding-top: 3px;
	padding-left: 35px;
}

/* These Styles Define Each Menu Item */

#navbarhome {
	position:absolute;
	left:12px;
	top:115px;
	width:60px;
	height:20px;
	z-index:6;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#navbarabout {
	position:absolute;
	left:77px;
	top:115px;
	width:100px;
	height:20px;
	z-index:6;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#navbarourwater {
	position:absolute;
	left:135px;
	top:115px;
	width:110px;
	height:20px;
	z-index:6;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#navbarwaterservice {
	position:absolute;
	left:266px;
	top:115px;
	width:150px;
	height:20px;
	z-index:6;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#navbarcoffeeservice {
	position:absolute;
	left:422px;
	top:115px;
	width:160px;
	height:20px;
	z-index:6;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#navbarspecials {
	position:absolute;
	left:630px;
	top:115px;
	width:80px;
	height:20px;
	z-index:6;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#navbarcontact {
	position:absolute;
	left:710px;
	top:115px;
	width:120px;
	height:20px;
	z-index:6;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

/* End of Navbar Style */

#percentnatural {
	position:absolute;
	left:85px;
	top:160px;
	width:545px;
	height:30px;
	z-index:3;
	margin: 0px;
	padding: 0px;
	font-size: 28px;
	color: #002248;
	font-weight: bold;
}

#locallyowned {
	position:absolute;
	left:85px;
	top:190px;
	width:545px;
	height:30px;
	z-index:3;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #4d789b;
}

#bodytext {
	position:absolute;
	left:63px;
	top:311px;
	width:864px;
	height:330px;
	z-index:4;
	margin: 11px;
	padding: 0px;
	font-size: 18px;
	background-position: center center;
}

#water101text {
	position:absolute;
	left:68px;
	top:316px;
	width:850px;
	height:1148px;
	z-index:4;
	margin: 11px;
	padding: 0px;
	font-size: 16px;
	background-position: center center;
}

#waterserviceshomeandofficedeliverytext1 {
	position:absolute;
	left:75px;
	top:325px;
	width:864px;
	height:30px;
	z-index:4;
	padding: 0px;
	font-size: 18px;
	background-position: center center;
}

#waterserviceshomeandofficedeliverytext2 {
	position:absolute;
	left:80px;
	top:380px;
	width:300px;
	height:50px;
	z-index:4;
	padding: 0px;
	font-size: 24px;
	background-position: center center;
	font-weight: bold;
	color: #002248;
}

#waterserviceshomeandofficedeliverytext3 {
	position:absolute;
	left:385px;
	top:380px;
	width:300px;
	height:130px;
	z-index:4;
	padding: 0px;
	font-size: 24px;
	background-position: center center;
	font-weight: bold;
	color: #002248;
}

#waterserviceshomeandofficedeliverytext4 {
	position:absolute;
	left:680px;
	top:380px;
	width:260px;
	height:130px;
	z-index:4;
	padding: 0px;
	font-size: 24px;
	background-position: center center;
	font-weight: bold;
	color: #002248;
}

#waterserviceshomeandofficedeliverytext5 {
	position:absolute;
	left:395px;
	top:530px;
	width:520px;
	height:40px;
	z-index:4;
	margin: 11px;
	padding: 0px;
	font-size: 24px;
	background-position: center center;
	font-weight: bold;
	color: #4d789b;
	font-style: italic;
}

#waterservicesdistilledmisctext1 {
	position:absolute;
	left:275px;
	top:325px;
	width:600px;
	height:40px;
	z-index:4;
	padding: 0px;
	font-size: 28px;
	background-position: center center;
	font-weight: bold;
	font-style: italic;
	color: #002248;
}

#waterservicesdistilledmisctext2 {
	position:absolute;
	left:400px;
	top:375px;
	width:260px;
	height:60px;
	z-index:4;
	padding: 0px;
	font-size: 18px;
	background-position: center center;
	font-weight: bold;
}

#waterservicesdistilledmisctext3 {
	position:absolute;
	left:275px;
	top:440px;
	width:600px;
	height:40px;
	z-index:4;
	padding: 0px;
	font-size: 28px;
	background-position: center center;
	font-weight: bold;
	font-style: italic;
	color: #002248;
}

#waterservicesdistilledmisctext4 {
	position:absolute;
	left:400px;
	top:495px;
	width:260px;
	height:100px;
	z-index:4;
	padding: 0px;
	font-size: 18px;
	background-position: center center;
	font-weight: bold;
}

#waterservicesspringwatertext1 {
	position:absolute;
	left:275px;
	top:325px;
	width:600px;
	height:40px;
	z-index:4;
	padding: 0px;
	font-size: 28px;
	background-position: center center;
	font-weight: bold;
	font-style: italic;
	color: #002248;
}

#waterservicesspringwatertext2 {
	position:absolute;
	left:360px;
	top:365px;
	width:250px;
	height:60px;
	z-index:4;
	padding: 0px;
	font-size: 20px;
	background-position: center center;
	font-weight: bold;
}

#waterservicesspringwatertext3 {
	position:absolute;
	left:610px;
	top:365px;
	width:250px;
	height:100px;
	z-index:4;
	padding: 0px;
	font-size: 20px;
	background-position: center center;
	font-weight: bold;
}

#waterserviceswatercoolerstext1 {
	position:absolute;
	left:225px;
	top:320px;
	width:700px;
	height:40px;
	z-index:4;
	padding: 0px;
	font-size: 28px;
	background-position: center center;
	font-weight: bold;
	font-style: italic;
	color: #002248;
}

#waterserviceswatercoolerstext2 {
	position:absolute;
	left:390px;
	top:360px;
	width:500px;
	height:210px;
	z-index:4;
	padding: 0px;
	font-size: 24px;
	background-position: center center;
	font-weight: bold;
	color: #002248;
}

#waterserviceswatercoolerstext3 {
	position:absolute;
	left:225px;
	top:578px;
	width:700px;
	height:50px;
	z-index:4;
	padding: 0px;
	font-size: 20px;
	background-position: center center;
	font-weight: bold;
	color: #4d789b;
	font-style: italic;
}

#waterserviceswatercoolerstext4 {
	position:absolute;
	left:225px;
	top:630px;
	width:700px;
	height:40px;
	z-index:4;
	padding: 0px;
	font-size: 18px;
	background-position: center center;
	font-weight: bold;
	font-style: italic;
	color: #002248;
}

#coffeeservicestext1 {
	position:absolute;
	left:70px;
	top:325px;
	width:864px;
	height:30px;
	z-index:4;
	padding: 0px;
	font-size: 28px;
	background-position: center center;
	font-weight: bold;
	color: #002248;
}

#coffeeservicestext2 {
	position:absolute;
	left:80px;
	top:360px;
	width:854px;
	height:90px;
	z-index:4;
	padding: 0px;
	font-size: 18px;
	background-position: center center;
}

#coffeeservicestext3 {
	position:absolute;
	left:355px;
	top:450px;
	width:300px;
	height:130px;
	z-index:4;
	margin: 11px;
	padding: 0px;
	font-size: 18px;
	background-position: center center;
	font-weight: bold;
	color: #002248;
}

#coffeeservicestext4 {
	position:absolute;
	left:670px;
	top:450px;
	width:260px;
	height:130px;
	z-index:4;
	margin: 11px;
	padding: 0px;
	font-size: 18px;
	background-position: center center;
	font-weight: bold;
	color: #002248;
}

#coffeeservicestext5 {
	position:absolute;
	left:360px;
	top:590px;
	width:570px;
	height:40px;
	z-index:4;
	margin: 11px;
	padding: 0px;
	font-size: 16px;
	background-position: center center;
	font-weight: bold;
}

#condimentstext1 {
	position:absolute;
	left:70px;
	top:325px;
	width:864px;
	height:30px;
	z-index:4;
	padding: 0px;
	font-size: 28px;
	background-position: center center;
	font-weight: bold;
	color: #002248;
	font-style: italic;
}

#condimentstext2 {
	position:absolute;
	left:100px;
	top:370px;
	width:500px;
	height:130px;
	z-index:4;
	margin: 11px;
	padding: 0px;
	font-size: 20;
	background-position: center center;
	font-weight: bold;
	color: #002248;
	font-size: 20px;
}

#condimentstext3 {
	position:absolute;
	left:670px;
	top:370px;
	width:250px;
	height:130px;
	z-index:4;
	margin: 11px;
	padding: 0px;
	font-size: 20;
	background-position: center center;
	font-weight: bold;
	color: #002248;
	font-size: 20px;
}

#condimentstext4 {
	position:absolute;
	left:300px;
	top:540px;
	width:500px;
	height:80px;
	z-index:4;
	margin: 11px;
	padding: 0px;
	font-size: 20;
	background-position: center center;
	font-weight: bold;
	color: #002248;
	font-size: 20px;
}

#contactustext1 {
	position:absolute;
	left:70px;
	top:325px;
	width:864px;
	height:30px;
	z-index:4;
	padding: 0px;
	font-size: 28px;
	background-position: center center;
	font-weight: bold;
	color: #002248;
}

#contactustext2 {
	position:absolute;
	left:140px;
	top:400px;
	width:350px;
	height:30px;
	z-index:4;
	margin: 0px;
	padding: 0px;
	font-size: 20;
	background-position: center center;
	color: #002248;
	font-size: 16px;
	line-height: 22px;
}

#contactustext3 {
	position:absolute;
	left:550px;
	top:485px;
	width:300px;
	height:30px;
	z-index:4;
	margin: 0px;
	padding: 0px;
	font-size: 20;
	background-position: center center;
	color: #002248;
	font-size: 16px;
	line-height: 22px;
}

#contactustext4 {
	position:absolute;
	left:550px;
	top:400px;
	width:330px;
	height:30px;
	z-index:4;
	padding: 0px;
	font-size: 20;
	background-position: center center;
	color: #002248;
	font-size: 12px;
	font-weight: bold;
}

#contactustext5 {
	position:absolute;
	left:90px;
	top:430px;
	width:380px;
	height:210px;
	z-index:4;
	font-size: 20;
	background-position: center center;
	font-weight: bold;
	color: #002248;
	font-size: 12px;
	text-align: right;
}

#contactustext6 {
	position:absolute;
	left:550px;
	top:510px;
	width:330px;
	height:130px;
	z-index:4;
	margin: 0px;
	padding: 0px;
	font-size: 20;
	background-position: center center;
	font-weight: bold;
	color: #002248;
	font-size: 14px;
}

#contactustext7 {
	position:absolute;
	left:624px;
	top:427px;
	width:2
	30px;
	height:30px;
	z-index:4;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #002248;
}

#contactustext8 {
	position:absolute;
	left:762px;
	top:425px;
	width:130px;
	height:50px;
	z-index:4;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 12px;
	color: #002248;
}

#contactusthanks {
	position:absolute;
	left:200px;
	top:370px;
	width:600px;
	height:250px;
	z-index:4;
	margin: 11px;
	padding: 0px;
	font-size: 20;
	background-position: center center;
	font-weight: bold;
	color: #002248;
	font-size: 14px;
}

#Address {
	position:absolute;
	left:3px;
	top:670px;
	width:1000px;
	height:18px;
	z-index:4;
	font-size: 16px;
	color: #bfd5e3;
	font-weight: bold;
}

#Address2 {
	position:absolute;
	left:3px;
	top:1498px;
	width:1000px;
	height:18px;
	z-index:4;
	font-size: 16px;
	color: #bfd5e3;
	font-weight: bold;
}

#Copywright {
	position:absolute;
	left:4px;
	top:695px;
	width:1000px;
	height:18px;
	z-index:4;
	font-size: 12px;
	color: #bfd5e3;
	font-weight: bold;
}

#Copywright2 {
	position:absolute;
	left:4px;
	top:1523px;
	width:1000px;
	height:18px;
	z-index:4;
	font-size: 12px;
	color: #bfd5e3;
	font-weight: bold;
}

#counter {
	position:absolute;
	top:695px;
	z-index:10;
	right: 100px;
	width: 200px;
	height: 40px;
}

/* index.php style */

#ibwalogo {
	position:absolute;
	top:31px;
	width:72px;
	height:72px;
	z-index:5;
	right: 30px;
}

#ibwalogo2 {
	position:absolute;
	top:570px;
	width:160px;
	height:57px;
	z-index:8;
	left: 760px;
}

#text {
	position:absolute;
	left:165px;
	top:320px;
	width:556px;
	height:143px;
	z-index:6;
	font-size: 30px;
	padding: 4px;
	font-style: italic;
	font-weight: bold;
	color: #002248;
}

#waterservicesdeliverytext {
	position:absolute;
	left:70px;
	top:315px;
	width:570px;
	height:143px;
	z-index:6;
	font-size: 18px;
	padding: 4px;
}

#Presenting {
	position:absolute;
	left:230px;
	top:165px;
	width:650px;
	height:83px;
	z-index:17;
	font-family: "Comic Sans MS";
	font-size: 24px;
	color: #FFFFFF;
}
