html, body {height:100%}

body 
{
    margin:0;
	background-color:#FFFFFF;
    height:100%;
    min-height:100%;
    font-family:Helvetica, Arial, Sans-Serif;
}




/*  CONTAINERS  */




#mainWrapper
{
    margin:auto;
	width:850px;
}

* html #mainWrapper
{	
    height:100%
}
#logo
{
	position:absolute;
	top: 35px;
	margin-left:70px;
	height:92px;
	width:241px;
}
#navbar
{
    background-image: url(../img/ecoclad/nav_bar.jpg);
	background-repeat:no-repeat;
	margin-left: 0px;
	position: absolute;
	top: 160px;
	height:70px;
	width:815px;
	padding:20px 0px 0px 45px;
}

#mainPic
{
	margin-left: 405px;
	position: absolute;
	top: 23px;
	height:272px;
	width:432px;
}


#contentWrapper
{
	background-color:#e7ebd4;
	width:750px;
	margin-left:25px;
	position:relative;
	top:170px;
	padding:7px;
	clear:both;
	display:block;
}

#lineWrapper
{
    position:relative;
	border:solid #999999 1px;
	height:100%;
	width:100%
}

#topWrapper
{
	position:relative;
	display:block;
	height:465px;
	clear:both;
}

#bottomWrapper
{
	height:150px;
	position:relative;
	clear:both;
	display:block;
	margin-bottom:10px;
	margin-top:25px
}

#content
{
	height:350px;
	width:380px;
	top:65px;
	left: 25px;
	position:relative;
	float:left;
}

#ytube
{
	border:solid #999999 1px;
	height:205px;
	width:274px;
	top:125px;
	margin-right:25px;
	position:relative;
	float:right;
	padding:.5em;
}

#picLink
{
	height:50px;
	width:274px;
	top:120px;
	margin-right:25px;
	position:relative;
	float:right;
	padding:0em;
}

#clear
{
	display: block;
    height: 0px;
    clear: both;
}


#ads
{
	height:147px;
	width: 300px;
	left: 25px;
	position:relative;
	float:left;
}

#certified
{ 	border:solid #999999 1px;
	height:100px;
	width: 395px;
	top: 25px;
	right: 25px;
	position:relative;
	float:right;
}

#brochure
{
	height:50px;
	width:274px;
	top:150px;
	margin-right:25px;
	position: relative;
	float:right;
	padding:.5em;
	margin-top:auto;
	margin-bottom:auto;
}

#bambo
{
	background-image:url(../img/portal/bambo_side.jpg);
	background-repeat:no-repeat;
	height:311px;
	width:111px;
	float:left;
	position: relative;
	left:-111px;
	bottom:411px;
}
#footer
{
	
	height:92px;
	width:750px;
	bottom: 0px;
	margin-top:168px;
	margin-left:25px;
}

/*  INTERIOR PAGES  */


#intContentWrapper
{
	width:500px;
	top:65px;
	left: 25px;
	position:relative;
	padding-bottom:75px;
}

#intContentWrapper2
{
	width:400px;
	top:65px;
	left: 25px;
	position:relative;
	padding-bottom:75px;
}
#intContentWrapper3
{
	width:500px;
	top:65px;
	left: 25px;
	position:relative;
	padding-bottom:75px;
	float:left
}


#column1
{
	width:425px;
	top:65px;
	left: 25px;
	position:relative;
	padding-bottom:75px;
	float:left;
}

#column2
{
	width:250px;
	top:145px;
	position:relative;
	right:25px;
	padding-bottom:175px;
	float:right;
}
#galleryTitle
{
	width:500px;
	top:65px;
	left: 25px;
	position:relative;
}

#galleryWrapper
{
	width:600px;
	top:65px;
	left: 25px;
	position:relative;
	padding-bottom:110px;
	float:left;
}
#swatches
{
	width:100px;
	top:65px;
	left: 25px;
	position:relative;
	float:right;
	padding-bottom:110px;
	margin-right:25px;
}

#joelWife
{
	width:200px;
	top:145px;
	left:25px;
	position:relative;
	float:right;
	margin-right:25px;
}


/*  TEXT  */



h1
{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style:normal;
	color:#598d3f;
}

h2
{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	color:#623e17;
}

.menu
{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none
}

.menu:hover
{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color:#a7cc95;
	text-decoration:none
}

.style1 {color: #598d3f}

.email
{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	color:#623e17;
	text-decoration:underline
}

.email:hover
{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	color:##598d3f;
	text-decoration:underline
}

.email2
{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:normal;
	color:#623e17;
	text-decoration:underline
}

.email2:hover
{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:normal;
	color:##598d3f;
	text-decoration:underline
}


/* Drop down Menu */




#navWrapper
{ 
	width:815px;
}
#m1l1 

{ 

	visibility: hidden; 

}

#m1l2 

{ 
    position: absolute;
	background-image:url(../img/ecoclad/nav_bk2.jpg);
	background-repeat: no-repeat;
	z-index: 0; 
	top: 200px;  
	margin-left:90px; 
	width: 100px; 
	visibility: hidden; 
	display: block;
	padding:0em;
	text-align:left;
	line-height:1.25em;

}              

#m1l3 

{ 
    position: absolute;
	background-image:url(../img/ecoclad/nav_bk.jpg);
	background-repeat: no-repeat;
	z-index: 0; 
	top: 200px;  
	margin-left:163px; 
	width: 53px; 
	visibility: hidden; 
	display: block;
	padding:0em;
	text-align:left;
	line-height:1.25em;

} 

#m1l4 

{ 

	position: absolute; 
	background-image:url(../img/ecoclad/nav_bk.jpg);
	background-repeat: no-repeat; 
	z-index: 0; 
	top: 200px;  
	margin-left:216px; 
	width: 65px; 
	visibility: hidden; 
	display: block;
	padding:0em;
	text-align:left;
	line-height:1.25em;

}               

#m1l5 

{ 

	position: absolute; 
	background-image:url(../img/ecoclad/nav_bk.jpg);
	background-repeat: no-repeat; 
	z-index: 0; 
	top: 200px; 
	margin-left:266px; 
	width: 150px; 
	visibility: hidden; 
	display: block;
	padding:0em;
	text-align:left;
	line-height:1.25em;

} 

#m1l6
{
	visibility:hidden;
}
#m1l7
{
	visibility:hidden;
}

b.btop, b.btop b, b.bbot, b.bbot b
{
    display: block; height: 10px; font-size: 1px;
	height: 10px;
	padding: 0em;
    background-image: url(../img/ecoclad/rndCorner.png);
    background-repeat: no-repeat
}
b.btop b{background-position: 100% -10px}
b.bbot{background-position: 0 -20px}
b.bbot b{background-position: 100% -30px}