/* Aqua Filter Fresh Inc. stylesheet */

/*Universal STYLES*/
html {
padding: 0;
margin: 0;
}

body {
	font-family: "Times New Roman", Times, serif;
	padding:0;
	margin:0;
	background: transparent url(waterBG.jpg) repeat-x left top;
	background-color: #e8f3d9;
}

#waterBG {
	z-index:1;
}

/*Top STYLES*/

#top {
	background: transparent url(logoHolder.png) center top repeat-x;
	height:384px;
	position: relative;
	padding: 0;
	margin:0;
	margin-bottom:-55px;
}

#logo {
	margin:0 auto;
	/*background: transparent url(tylerMtnLogo.png) no-repeat center top;*/
	width: 227px;
	height: 221px;
	padding-left: 7px;
	position: relative;
	top: 20px;
	margin-bottom: -25px;
	z-index:3;
	text-align: center;
}

#logo a img {
	border: none;
	padding:0;
	margin:0;
	position: relative;
}

/*Navigation STYLES*/
.navP{
	width: 255px;
	float: left;
	margin-left: 20px;
	text-align: justify;
	font-size:16px;
	padding: 0;
}

.navBar{
	/*border: 1px dotted #ffffff;*/
	width: 600px;
	height: 120px;
	float: right;
	margin-top: 50px;
}

.navBar span{
	display:none;
	visibility: hidden;
}

#welcomeBtn{
	background-image: url(welcomeBtn.png);
	width: 104px;
}

#enewsBtn{
	background-image:url(enewsBtn.png);
	width:219px;
}

#contactBtn{
	background-image: url(contactBtn.png);
	width: 126px;
}

#welcomeBtn, #enewsBtn, #contactBtn, #offeringsBtn {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:top center;
	height: 107px;
	float: left;
	margin-right:45px;
	margin-top: 15px;
	cursor: pointer;
}

#offeringsBtn{
	background-image: url(offeringsBtn.png);
	width: 106px;
	height: 113px;
	margin-left:40px;
}

#welcomeBtn:hover {
	background-image: url(welcomeBtn_over.png);
}

#enewsBtn:hover{
	background-image: url(enewsBtn_over.png);
}

#contactBtn:hover{
	background-image: url(contactBtn_over.png);
}

#welcomeBtn:hover, #enewsBtn:hover, #contactBtn:hover, #offeringsBtn:hover {
	cursor: pointer;
	margin-top: 5px;
	height: 117px;
}

#offeringsBtn:hover{
	background-image: url(offeringsBtn_over.png);
	height: 123px;
}

a #welcomeBtn span, a #enewsBtn span, a #contactBtn span, a #offeringsBtn span {
	display:none;
	visibility: hidden;
} 

/*Flash STYLES*/
#homeFlash{
	z-index: 2;
	position: relative;
	top: 38px;
	margin: 0 auto;
	width:950px;
	height:280px;
}

/*Content STYLES*/
#container {
	background-color: #e8f3d9;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:5;
}

#content{
	width: 900px;
	margin:0 auto;
	color: #1b3000;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: justify;
}

/*for Lotus Notes generated depreciated font tag styles*/
#content font {
	margin:0 auto;
	color: #1b3000;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: justify;
}

#content a font{
	font-weight: bold;
	color: #007dc3;
	text-decoration:none;
}

#content a:hover font{
	color: #58b0e2;
}


/*end Lotus Notes font styling ;( */
td {
	font-family: "Times New Roman", Times, serif;
}

th {
	font-family: "Times New Roman", Times, serif;
}

a{
	font-weight: bold;
	color: #007dc3;
	text-decoration:none;
}

a:hover{
	color: #58b0e2;
}

ul{
}

li{
}

#content p:first-letter{
	font-size: 2.9em;
	font-weight: bold; 
	float: left;
}

#contentSide{
	float: right;
	margin-left: 30px;
	width: 250px;
}

.side {
	border: none;
	padding-bottom: 20px;
}

.pageTitle {
	margin: 0 auto;
	margin-top:20px;
	margin-bottom: 15px;
	text-align: center;
}

/*Specials Page STYLES*/
#specialsNavBG{
	z-index: 2;
	position: relative;
	top: 38px;
	margin: 0 auto;
	width:950px;
	height:187px;
	background: transparent url(specialsTopNav.gif) top center no-repeat;
	padding:0;
}

#specialsArea{
	background: #e8f3d9 url(rounded1.gif) top center no-repeat;
	background-color: transparent;
	width: 100%;
	/*height: 760px;*/
	margin:0px auto;
	text-align: center;
	position: relative;
	top: -80px;
}

#specialsContainer{
	width: 900px;
	height: 750px;
	margin: 0 auto;
	background-color: transparent;
}

.specialOffer{
	background: transparent url(specialBorder.png) top left no-repeat;
	width:300px;
	height: 535px;
	float: left;
}

.specialOffer .specialItem{
	margin: 8px 5px 10px 0;
	
}

.offerAd {
	/*border: 1px white dotted;*/
	background: transparent url(exampleOffer.gif) no-repeat top center;
	height: 550px;
	width: 255px;
	margin-left: 20px;
}

.offerAd p{
	padding: 17px;
	text-align:justify;
	height: 550px;
	overflow: hidden;
}

.acceptOfferBtn {
	background: transparent url(acceptOfferBtn.gif) no-repeat top center;
	width: 213px;
	height: 43px;
	position: relative;
	top: 460px;
	left: 22px;
	cursor: pointer;
}

.acceptOfferBtn:hover {
	background-image: url(acceptOfferBtn_over.gif);
}

#specialsBottomBox{
	clear: both;
	margin:0 auto;
	text-align: center;
	background: #e8f3d9 url(specialsBottom.gif) top no-repeat;
	width: 877px;
	height:202px;
}

#bottomDeal{
	width: 600px;
	padding:0;
	float: left;
}

#bottomDeal p{
	text-align: justify;
	padding: 0 20px;
	line-height: 1.1em;
}

#dealImage{
	float:left;
	margin:10px;
}

#productArea{
	background: #e8f3d9 url(pdfProductListBG.jpg) no-repeat right top;
	width: 227px;
	height:176px;
	float:right;
	margin-top: 12px;
	margin-right: 12px;
	padding:0;
}

#productArea p{
	color: #ffffff;
	line-height:1.1em;
	padding: 10px;
	padding-top: 0;
	text-align: center;
	position: relative;
	top: -5px;
}

#productBtn{
	background: transparent url(productListBtn.gif) no-repeat top center;
	width: 179px;
	height:50px;
	margin: 0 auto;
	margin-top: 40px;
}

#productBtn:hover{
	background-image: url(productListBtn_over.gif);
}

#productBtn span{
	visibility:hidden;
	width: 179px;
	height:50px;
}


/*Contact Page STYLES*/
#contactNavBG{
	z-index: 2;
	position: relative;
	top: 38px;
	margin: 0 auto;
	width:950px;
	height:187px;
	background: transparent url(contactTopNav.gif) top center no-repeat;
	padding:0;
}

#contactArea{
	background: #e8f3d9 url(rounded1.gif) top center no-repeat;
	background-color: transparent;
	width: 100%;
	margin:0px auto;
	text-align: center;
	position: relative;
	top: -80px;
}

#contactContainer{
	background: transparent url(contactFormBG.gif) top center no-repeat;
	margin: 0 auto;
	width: 652px;
	height: 760px;
	color: #0079c2;
	font-weight: bold;
}

/*fix for Lotus Notes radio buttons
#destination, #typeofService {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}*/

#contactContainer h2{
	font-family:"Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #00a950;
	padding: 0;
}

#contactContainer label{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.infoBox, .infoBox_state, .infoBox_zip, #comments {
	font-size: 12px;
	border: solid 1px #afd680;
	margin: 3px;
	height: 18px;
}

.infoBox {
	float: right;
	width: 149px;
}

#info {
	clear:both;
	padding:35px 20px;
}

#leftInfo{
	float: left;
}

#rightInfo {
	float: right;
	margin-right: 20px;
	margin-bottom: 20px;
}

#leftInfo, #rightInfo {
	width: 265px;
}

#leftInfo label, #rightInfo label {
	text-align: right;
	float: left;
	clear: right;
	width: 100px;
}

.state{
	text-align: right;
	width: 40px;
	float: left;
}

#info label.zipcode {
	float: left;
	width: 25px;
}

.infoBox_state {
	width: 35px;
	border: solid 1px #afd680;
	margin: 3px;
	margin-left: 13px;
	float: left;
}

.infoBox_zip{
	width: 75px;
	border: solid 1px #afd680;
	float: right;
	margin: 3px;
}

#destination {
	width: 300px;
	float: left;
}

#typeofService {
	width: 300px;
	float: right;
}

#commentBox{
	clear: both;
	float: left;
	width: 345px;
	padding: 20px;
}

#destination h2, #typeofService h2, #commentBox h2, #offerBox h2, #enewsBox h2{
	margin-bottom:8px;
	margin-top: 10px;
}

#destination h2, #typeofService h2{
	text-align: center;
}

#commentBox h2, #offerBox h2, #enewsBox h2{
text-align: left;
}

#comments{
	float: right;
	margin: 0px;
	width: 100%;
	height: 140px;
	overflow: auto;
}

#enewsBox, #offerBox {
}

#enewsBox{
	width: 200px;
	height: 30px;
	clear: left;
	float: left;
	padding: 15px;
	padding-top: 2px;
	position: relative;
}

#enewsBox h2{
padding-top: 8px;
margin-bottom: 2px;
}

#offerBox {
	float: right;
	padding-top: 20px;
	padding-right: 3px;
}

#offerBox label {
	float: left;
}

.clear {
	clear: left;
}

#copyInfoBtn {
	background: transparent url(copyInfoBtn.gif) no-repeat top center;
	width: 138px;
	height: 37px;
	float: right;
	cursor: pointer;
	margin: 15px 10px 0 0;
}

#copyInfoBtn span {
	visibility: hidden;
	display: none;
}

#copyInfoBtn:hover {
	background-image: url(copyInfoBtn_over.gif);
}

#submit{
	background: transparent url(submitBtn.gif) no-repeat top center;
	width: 142px;
	height: 42px;
	text-align: left;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}

#submit span{
	visibility: hidden;
	display: none;
}

#submit:hover{
	background-image:url(submitBtn_over.gif);
}

/*Thank you Page STYLES*/
#thankyouBG{
	z-index: 2;
	position: relative;
	top: 38px;
	margin: 0 auto;
	width:950px;
	height:187px;
	background: transparent url(thankyouTop.gif) top center no-repeat;
	padding:0;
}

#contentThankyou{
	width: 900px;
	margin:0 auto;
	margin-bottom:-50px;
	height: auto;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: justify;
	position: relative;
	top:-80px;
}

#contentThankyou p{
	padding-bottom: 15px;
}

#backtohomeBtn {
	background: transparent url(backHomeBtn.gif) no-repeat top center;
	height: 43px;
	width: 213px;
	margin: 0 auto; 
	text-align:center;
}

#backtohomeBtn:hover {
	background-image:url(backHomeBtn_over.gif);
}

/*Specials @ Bottom of Page STYLES*/
#specialsBottom{
	background: transparent url(rounded1.gif) no-repeat center top;
	height: 238px;
	width: 950px;
	margin: 0 auto;
	margin-top: 45px;
	text-align: center;
}

#specialsTitle{
	background: transparent url(offeringsBottomTitle.gif) no-repeat center;
	margin:0 auto;
	height: 20px;
	padding-top: 30px;
	padding-bottom: 0;
}

.specialItem{
	margin: 5px 12px;
	border: none;
}

/*Footer STYLES */
#footer{
	text-align:center;
	margin:0;
	padding:10px;
	/*padding-bottom: 15px;*/
	font-size:.8em;
	position: relative;
	top: 0;
	/*height: 90px;*/
}

#footer a{
	color: #00a950;
}

#footer a:hover{
	color: #73dea6;
}