*
{
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

html
{
	height: 100%;
	overflow-y: scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ 
	padding: 0;
	margin: 0;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}
	
fieldset,img
{ 
	border: 0;
}
	
address,caption,cite,code,dfn,em,strong,th,var
{
	font-weight: normal;
	font-style: normal;
}

ol,ul
{
	list-style: none;
}

caption,th
{
	text-align: left;
}

h1,h2,h3,h4,h5,h6
{
	font-weight: normal;
	font-size: 100%;
}

q:before,q:after
{
	content:'';
}

abbr,acronym
{ 
	border: 0;
}
.faketop{}

*
{
	border: 0;
	margin: 0;
	padding: 0;
}

html 
{
	color: #000033;
	font: 100% "Trebuchet MS", "Lucida Console", Tahoma, Arial, sans-serif;
	line-height: 1.50em;;
	overflow: scroll;

	/* border-top: 10px solid #555555; */
}

body 
{
	color: #000033;
	font: 100% "Trebuchet MS", "Lucida Console", Tahoma, Arial, sans-serif;
	height: 100%;
	/* background: url(/ima/ptp_background.jpg) repeat-y; */
	}

p
{
	font-size: 100%;
	letter-spacing: 0.05em;
	margin: 5px 0px 0px 13px;
}

p.ftr
{
	font-size: 85%;
	margin: 30px 15px 0px 0px;
	text-align: right;
	color: #888888;
}

ul
{
	font-size: 92%;
	text-align: left;
	padding: 0px 0px 10px 25px;
	margin: 10px 0px 0px 10px;
	list-style-type: disc;
	color: #222222;
}

ol
{
	font-size: 92%;
	text-align: left;
	padding: 0px 0px 10px 25px;
	list-style-type: decimal;
}

strong
{
	font-weight: bold;
}


h1,h2,h3,h4,h5,h6
{
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 10px;
	color: #006633;
}

h1
{
	font-size: 130%;
}

h2
{
	font-size: 110%;
	color:#735728;
}

h3
{
	font-size: 110%;
}

h4
{
	font-size: 90%;
}

h5
{
	font-size: 80%;
}

#pagewidth
{ 
	width:770px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
	background-image:url(/images/mainlayout_r5_c1.gif);
} 

#header
{
	position:relative; 
	height:89px; 
	background-image:url(/images/mainlayout_r1_c1.gif);
	width:100%;
} 

#leftcol
{
	width:108px; 
	float:left; 
	position:relative; 
	background-image:url(/images/mainlayout_r2_c1.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin: 26px 0px 0px 0px;

}

#maincol
{
	background-image:url(/images/mainlayout_r2_c2.gif);
	background-position:top;
	background-repeat:no-repeat;
	border-right:#000033 solid 1px;
	border-left:#000033 solid 1px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	float: right; 
	display:inline; 
	position: relative; 
	width:640px; 
}

#footer
{
	height: 30px; 
	padding-left: 108px;
	background-image: url(/images/mainlayout_r7_c1.gif);
	background-repeat: no-repeat;
	clear: both;
} 

#swfcont
{
	text-align: center;	
	padding: 14px 0px 0px 0px;
}

#indexswfcont
{
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 16px 10px 0px 0px;
}



.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* .clearfix{ display: inline-table; } */

/* Hides from IE-mac \ */
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/* End hide from IE-mac */  


/*hide the left column when printing */
@media print
{ 
	#leftcol{ display:none; } 
	#twocols, #maincol{ width:100%; float:none; }
}

/* MENU */

#top
{
	position:absolute;
	width: 447px;
	height: 26px;
	visibility: visible;
	left: 322px;
	top: 64px;
}



.hiddenPic{ display:none; }

.design_back
{
	height: 93px; 
	width: 100px; 
	border-width: 0; 
	background: top left no-repeat; 
	background-image:url(/ima/leftbutton_design.jpg);
}

a#design:link img, a#design:active img, a#design:visited img
{
	height: 93px; 
	width: 100px; 
	border-width: 0; 
	background-image: url(/ima/opaque.png);
	opacity: 0.5;
	}

a#design:hover img
{ 
	height: 93px; 
	width: 100px; 
	border-width: 0; 
	background-image: url(/ima/opaque.png);
	opacity: 0.0;
	}

.construction_back
{
	height: 93px; 
	width: 100px; 
	border-width: 0; 
	background: top left no-repeat; 
	background-image:url(/ima/leftbutton_construction.jpg);
}

a#construction:link img, a#construction:active img, a#construction:visited img
{
	height: 93px; 
	width: 100px; 
	border-width: 0; 
	background-image: url(/ima/opaque.png);
	opacity: 0.5;
	}

a#construction:hover img
{ 
	height: 93px; 
	width: 100px; 
	border-width: 0; 
	background-image: url(/ima/opaque.png);
	opacity: 0.0;
	}

.maintenance_back
{
	height: 93px; 
	width: 100px; 
	border-width: 0; 
	background: top left no-repeat; 
	background-image:url(/ima/leftbutton_maintenance.jpg);
}

a#maintenance:link img, a#maintenance:active img, a#maintenance:visited img
{
	height: 93px; 
	width: 100px; 
	border-width: 0; 
	background-image: url(/ima/opaque.png);
	opacity: 0.5;
	}

a#maintenance:hover img
{ 
	height: 93px; 
	width: 100px; 
	border-width: 0; 
	background-image: url(/ima/opaque.png);
	opacity: 0.0;
	}

.waterwise_back
{
	height: 93px; 
	width: 100px; 
	border-width: 0; 
	background: top left no-repeat; 
	background-image:url(/ima/leftbutton_waterwise.jpg);
}

a#waterwise:link img, a#waterwise:active img, a#waterwise:visited img
{
	height: 93px; 
	width: 100px; 
	border-width: 0; 
	background-image: url(/ima/opaque.png);
	opacity: 0.5;
	}

a#waterwise:hover img
{ 
	height: 93px; 
	width: 100px; 
	border-width: 0; 
	background-image: url(/ima/opaque.png);
	opacity: 0.0;
	}

.contact_back
{
	height: 93px; 
	width: 100px; 
	border-width: 0; 
	background: top left no-repeat; 
	background-image:url(/ima/leftbutton_contact.jpg);
}

a#contact:link img, a#contact:active img, a#contact:visited img
{
	height: 93px; 
	width: 100px; 
	border-width: 0; 
	background-image: url(/ima/opaque.png);
	opacity: 0.5;
	}

a#contact:hover img
{ 
	height: 93px; 
	width: 100px; 
	border-width: 0; 
	background-image: url(/ima/opaque.png);
	opacity: 0.0;
	}



/* TEXT STYLES */

body,td,th
{
	color: #000033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height : 1.5;
}
body 
{
	background-color: #000033;
	background-image: url(/images/layout_r1_c2.gif);
	background-repeat: repeat-x;
}

a:link
{
	color: #006600;
	text-decoration: underline;
}

a:visited
{
	text-decoration: underline;
	color: #006600;
}

a:hover
{
	text-decoration: none;
	color: #009900;
}

a:active
{
	text-decoration: underline;
	color: #006600;
}


.returnhome
{
	padding: 0px 0px 10px 0px;
	letter-spacing: 0.00em;
}

a.returnhome:link, a.returnhome:visited, a.returnhome:active
{
	color: #ffffff;
	text-decoration: none;
	font-size: 85%;
}

a.returnhome:hover
{
	color: #ffffff;
	text-decoration: underline;
	font-size: 85%;
}





/* CONTACT STYLES */

.msgtop
{
	text-align: right;
	position: relative; 
}

#apptab
{
	width: 620px;
	border: 1px solid #ededed;
	overflow: hidden;
	margin: 20px 0px 0px 10px;
}
/*
#apptab.contab
{
	font-size: }
*/
table.contab td
{
	padding: 2px;;
}

#apptab tbody tr.odd td
{
	background: #f0f0f0;
}

#apptab tbody tr.even td
{
	background: #fed222;
}

.appbq1
{
	text-align: justify;
	padding: 15px;
}

.appcontent
{
	width: 500px;
	text-align: justify;
}


.appselect
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid #333333;
	background-position: center;
	background: #f0f0f0;
	margin: 0;
	padding: 2px 2px 2px 2px;
}


.appinput_20
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 23px;
	padding: 3px 2px 3px 2px;
	background-color: #f0f0f0;
}

.appinput_40
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 28px;
	padding: 3px 2px 3px 2px;
	background: #f0f0f0;
}

.appinput_60
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 45px;
	padding: 3px 2px 3px 2px;
	background: #f0f0f0;
}

.appinput_80
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 55px;
	padding: 3px 2px 3px 2px;
	background: #f0f0f0;
}

.appinput_100
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 100px;
	padding: 3px 2px 3px 2px;
	background: #f0f0f0;
}

.appinput_120
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 120px;
	padding: 3px 2px 3px 2px;
	background: #f0f0f0;
}

.appinput_180
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 180px;
	padding: 3px 2px 3px 2px;
	background: #f0f0f0;
}

.appinput_220
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 220px;
	padding: 3px 2px 3px 2px;
	background: #f0f0f0;
}

.appinput_360
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 1px solid #111111;
	width: 360px;
	padding: 3px 2px 3px 2px;
	background: #f0f0f0;
}

#addit ul
{
	padding: 0;
	border-top: 1px solid #ccc;
	width: 170px;
	margin: 10px 0 10px 0px;
	text-align: center;
}

#addit li
{
	margin: 0; 
	padding: 0; 
	text-align: center; 
	list-style-type: none;
	border-bottom: 1px solid #ccc;
}

#addit a
{
	display: block;
	background: #ffffff;
	color: #666666;
	text-decoration: none;
	padding: 5px 0 5px 0;
	font-weight: bold;
}

#addit a:hover, #addit a#selected
{
	background: #333333; 
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}