/* Body */

body
	{
		background: #223705;
	}

/* Containers */
#main
	{
		display: block;
		position: absolute;
		width: 820px;
		height: 700px;
		left: 50%;
		margin: 0 0 0 -410px;

	}
#signage, #plumbfriend, #kitchen, #bath, #leftpanel, #pagecontent, #submenu
	{
		display: block;
		position: absolute;
		width: 350px;
		height: 110px;
		left: 0px;
		top: 0px;
	}
#plumbfriend
	{
		top: 110px;
		width: 350px;
		height: 85px;
	}
#kitchen
	{
		width: 235px;
		height: 195px;
		left: 350px;
	}
#bath
	{
		width: 235px;
		height: 195px;
		left: 585px;
	}
#leftpanel
	{
		width: 220px;
		height: 505px;
		top: 195px;
		background-image: url('../images/LeftPanelBack.jpg');
		background-position: center middle;
		background-repeat: no-repeat;
		text-align: center;
		padding-top: 35px;
		padding-left: 5px;
		padding-bottom: 10px;
	}

#pagecontent
	{
		width: 600px;
		height: 450px;
		top: 195px;
		left: 220px;
		padding-top: 10px;		
		background-image: url('../images/PageContentBack.jpg');
		background-position: center middle;
		background-repeat: no-repeat;
	}
#submenu
	{
		width: 600px;
		height: 55px;
		top: 645px;
		left: 220px;
		background-image: url('../images/BottomMenu.jpg');
		background-position: center middle;
		background-repeat: no-repeat;
		padding-bottom: 10px;
		/*border: 1px solid red;*/
	}
#bottomsect
	{
		display: block;
		position: absolute;
		width: 820px;
		height: 20px;
		left: 50%;
		margin: 700px 0 0 -410px;
	}
#legals
	{
		display: block;
		position: absolute;
		width: 200px;
		height: 20px;
		left: 20px;
		top: 0px;
		font-family: Verdana;
		font-size: 10pt;
		font-weight: normal;
		text-align: center;
	}
#copyright
	{
		display: block;
		position: absolute;
		width: 600px;
		height: 20px;
		left: 220px;
		font-family: Verdana;
		font-weight: normal;
		font-size: 10pt;
		color: #F6F9A0;
		text-align: center;
		margin: 0px;
	}
#credits {
		display: block;
		position: relative;
		width: 820px;
		height: 35px;
		top: 20px;
		left: 0px;
		line-height: 35px;
	}
#yamanchor, #fblike
	{
		display: block;
		position: absolute;
		width: 400px;
		height: 35px;
		top: 0px;
		left: 0px;
		line-height: 35px;
	}
#fblike 
	{
		width:350px;
		left:470px;
		height:30px;
		top:10px;
	}
#frameholder
	{
		display: block;
		position: relative;
		width: 550px;
		left: 25px;
		overflow: auto;
		background: #3B5F0A;
		border-top: 2px solid #5C5E37;
		border-left: 2px solid #898B56;
		border-right: 2px solid #ACAE7C;
		border-bottom: 2px solid #F6F9A0;
		border-collapse: no-collapse;
		scrollbar-3dlight-color: #74904E; 
		scrollbar-arrow-color:#3B5F0A;
		scrollbar-face-color: #D0DEBC;
		scrollbar-highlight-color: #D0DEBC;
		scrollbar-darkshadow-color:#223705;
		scrollbar-shadow-color:#223705;

	}
#prodline1, #prodline2, #prodline3, #prodline4
	{
		display: block;
		position: absolute;
		width: 285px;
		left: 15px;
		top: 110px;
		background: transparent;
		
	}
#prodline2
	{
		top: 110px;
		left: 285px;		
	}
#prodline3
	{
		top: 260px;
		left: 15px;
	}
#prodline4
	{
		top: 260px;
		left: 285px;
	}
.prodtext
	{
		position: relative;
		vertical-align: middle;
		horizontal-align: left;
		top: 33%;
	}
#leftpanelprods
	{
		display: block;
		position: absolute;
		/*top: 230px;*/
		/*left: 60px;*/
		left: 50%;		
		margin: 0 0 0 -72px;
		width: 145px;
		height: 425px;
		vertical-align: middle;
		horizontal-align: center;
		background-image: url('../images/MainProducts.jpg');
		background-position: center middle;
		background-repeat: no-repeat;
		overflow:hidden; 
		padding:0px; 
		z-index: 3;
	}
/* Anchors */

a, a:visited
	{
		font-family: Verdana;
		font-size: 10pt;
		font-weight: normal;
		text-decoration: underline;
		color: #D0DEBC;
	}
a:hover
	{
		text-decoration: underline;
		color: #9CF820;
	}
a.menu, a.menu:visited
	{
		font-family: Verdana;
		font-size: 10pt;
		font-weight: normal;
		text-decoration: none;
		color: #F6F9A0;
	}
a.menu:hover
	{
		text-decoration: underline;
		color: #9CF820;
	}
a.youme, a.youme:visited
	{
		
		font-family: Verdana;
		font-size: 8pt;
		font-weight: normal;
		text-decoration: none;
		color: #F6F9A0;
	}
a.youme:hover
	{
		text-decoration: underline;
		color: #9CF820;
	}
a.formprivacy, a.formprivacy:visited
	{
		font-weight: bold;
		color: #D0DEBC;
		text-decoration: underline;
	}
a.formprivacy:hover
	{
		color: #9CF820;
	}
/* Fonts */
h1, h2, h3, h4, p
	{
		font-family: Verdana;
		font-weight: normal;
		color: #EDE4B9;
		font-size: 14pt;
		text-align: center;
		margin-left: 20px;
		margin-right: 20px;
	}
h2
	{
		font-size: 12pt;
		font-weight: bold;
	}
h2.prodleft
	{
		text-align: left;
		margin-left: 45px;
	}

h3
	{
		font-size: 10pt;
		font-weight: bold;
		text-align: left;
	}
h3.copyright, h4.youandme
	{
		font-weight: normal;
		color: #F6F9A0;
		text-align: center;
	}
h4.youandme
	{
		display:block;
		position:absolute;
		left:10px;
		width:260px;
		height:35px;
		text-align:left;
		text-indent:40px;
		background-image:url('../images/Globe.jpg');
		background-position:center left;
		background-repeat:no-repeat;
	}
h3.form
	{
		text-align: center;
		color: #D0DEBC;
	}
h4
	{
		font-size: 8pt;
		font-weight: bold;
		text-align: justify;
	}
p
	{
		font-size: 10pt;
		text-align: justify;
		color: #D0DEBC;
		margin-right: 35px;
		margin-left: 25px;
	}
/* Forms */
form.contactfrm
	{
		font-family: Verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #D0DEBC;
		text-align: left;
		margin-left: 35px;
	}
textarea
	{
		background: #C2D6A7;
		font-family: Verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #223705;
	}
select
	{
		background: #C2D6A7;
		font-family: Verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #223705;
	}
input.button
	{
		font-family: Verdana;
		font-size: 8pt;
		font-weight: bold;
		color: #C2D6A7;
		height: 22px;
		background: #223705;
		border: 1px outset #74904E;
		border-collapse: no-collapse;
	}
input.text
	{
		height: 20px;
		background: #C2D6A7;
		font-family: Verdana;
		font-size: 9pt;
		font-weight: normal;
		color: #223705;
	}
/* List Styles */

li.terms
	{
		font-family: Verdana;
		font-size: 10pt;
		color: #D0DEBC;
		text-align: justify;
		margin-left: 0px;
		margin-right: 10px;
		line-height: 150%;
	}

/* Miscellaneous Elements */
img
	{
		color: #FFFFFF;
		font-family: Verdana;
		font-size: 9pt;
		font-weight: normal;
	}
img.image1
	{
		width: 145px;
		height: 425px;
	}