html	{
		height:100%
		}
		
body	{
		height:100%
		}



body 		
		{background: url(transparent-bg.gif) #303030 center top;
		
		text-align: center; margin: 0 auto}

body p {margin-top: 15px}

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

h1		{

		color: #556B2F;
		font-size: 30px
		
		}

h2		{

		color: white;
		font-size: 50px
		
		}

h3		{

		color: #556B2F;
		font-size: 20px;
		font-family: arial, sans-serif;
		margin-top:10px;
		
		}

hr		{color: #556B2F}


a:link		{

		color: #556B2F;
		text-decoration: none

		}

a:hover		{

		color: purple;
		text-decoration: underline

		}

a:visited	{

		color: #556B2F;
		text-decoration: none

		}
		

		
		
		
		


#navcon {background: url(nav2.jpg) repeat-x #484848; width: 800px; margin: 0px auto; }
#nav {width: 800px; height: 25px; z-index: 1; position: relative; color: #999; font-family: helvetica; margin: 0px auto; font-size: .9em; }
#nav ul {list-style-type: none;}
#nav ul li {float: left; z-index: 2; position: relative; }
#nav ul li a { border-right: 1px solid #000000; padding: 4px 56PX; display: block; text-align: left; color: #999; text-decoration: none;}
#nav ul li a:hover { background:  url(nav2hvr.jpg) repeat-x #484848; color: #FFFFFF}
#nav ul li ul { display: none}
#nav ul li:hover ul {display: block; z-index: 3; position: absolute;  }
#nav ul li:hover ul li a {background: #484848; color: #fff; display: block; border-bottom: 1px solid #f2f2f2; border-right: none; width: 200px; }
#nav ul li:hover ul li a:hover {background: #330033; }
.top {border-top: 1px solid #f2f2f2; }

.phone {line-height:25px; padding:0px 25px 0px 15px; font-weight:bold; font-size:14px; background-color:#330033; border-right:solid 1px #484848; border-left:solid 1px #484848;}

		
		
		

#firstp:first-letter

		{

		font-size:3em;
		line-height:.55em;
		float:left;
		margin-right:0.1em;
		font-style:normal

		}
		
		
#firstp:first-line {
		line-height:1em;
		font-style:normal
		}


#header 	{

		background: url(transparent-bg.gif) #101010;

		height: 150px;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 100%;
		border-bottom:#330033 solid 2px
		
		}


#innerhead {	

		height: 150px;
		width: 800px;
		background:  url(images/header.jpg) no-repeat white;
		margin-left: auto;
		margin-right: auto
		}
		
#headerclick
		{
		position:absolute;
		top:0;
		z-index:9999;
		background-color:transparent;
		width:800px;
		height:150px;
		margin:0px auto;
		}






#navbar2 	{


		height: 25px;

		width: 800px;
		margin-right: auto;
		margin-left: auto;

		margin-top: 0px;

		margin-bottom: 0px;

		border-top: solid #000 1px;

		border-bottom: solid #000 1px;

		background: url(nav2.jpg) repeat-x silver;

		text-align: center


		}


#navbar2 ul 	{


		margin: 0px;

		padding: 0px;

		font-family: Arial, Helvetica, sans-serif;

		font-size: 16px;

		color: black;

		line-height: 25px;

		white-space: nowrap;
		
				text-align: center
		

		}


#navbar2 li {


		list-style-type: none;

		display: inline;


		}


#navbar2 li a {


		text-decoration: none;

		padding-left: 63px;

		padding-right: 63px;

		padding-top: 4px;

		padding-bottom: 4px;

		color: white


		}


#navbar2 li a:link {

		color: white;

		text-decoration: none


		}


#navbar2 li a:visited {


		color: white


}


#navbar2 li a:hover {


		color: white;

		margin:0px;

		background: url(nav2hover.jpg) repeat-x #556B2F;

		line-height: 25px
		
		}
		
		
#navbar2 li a:active {


		color: white;

		margin:0px;

		background: #484848
		
		}/*original nav style. Not in use now*/

#shadowwrap
				{
				width:854px;
				margin:0px auto;
				height:auto;
				background:url(images/outershadow.jpg) repeat-y top center
				}

#maincontainer	{
	width:800px;
	height: 450px;
	min-height:475px;
	margin:0px auto;
	text-align: center;
	background:#FFFFFF;
		

		}
		
		
#maincontainerhome	{

		width:800px;
		height: 450px;
		min-height:325px;
		margin:0px auto;
		text-align: center;
		background: url(images/oaktree.gif) no-repeat right bottom white;
		padding-bottom:15px;

		}


#mainbox 	{
	width:700px;
	height: 400px;
	min-height: 450px;
	margin-right: 50px;
	margin-left: 50px;
	padding-top: 30px;
	padding-bottom:15px;
	text-align:left
		
		}

#mainbox h1	{
		border-bottom: solid #556B2F 1px;
		padding-bottom: 10px
		}




#contact	{


		font-family: sans-serif;
		font-size: 0.8em;
		width: 350px;
		height: 215px;
		background: silver;
		padding-right: 30px;
		padding-top: 20px;
		border: 0px dotted;
		float: right;
		margin-left: 15px;
		margin-top:20px;
		border: solid #000 1px

		}

#email		{

		line-height: 1.7em;
		padding-left: 10px


		}
		

#inlineimg	{

		float: right;
		margin-left: 10px;
		margin-top:15px;
		z-index: 0; position:relative;
		

		}
		
#homeimage	{

		float: right;
		margin-left: 10px;
		width: 400px;
		height: 200px;

		}


#producttable td

		{

		font-family: sans-serif;
		font-size: 0.95em;
		text-align: left

		}

#credits	{

		background: #484848;
		width:800px;
		height: 25px;
		margin:0px auto;
		padding-top: 5px;
		text-align:center;
		font-family: arial, sans-serif;
		font-size: 0.8em;
		color: silver;
		white-space: nowrap

		}
		
		
#rightcolumncontact	{

		text-align:right;
		margin-top: 20px;
		margin-left: 10px;
		padding-top: 25px;
		padding-right: 25px;
		padding-left: 25px;
		padding-bottom: 25px;
		color: #707070;
		font-family: arial, helvetica, sans-serif;
		float:right;
		border: 1px solid #666666;
		background:#FFFFCC

		}
		
		
input { 
 background-color:#FFFFFF;
 color:#666666;
 border: 1px solid #666666
}

textarea { 
 background-color:#FFFFFF;
 color:#666666;
 border: 1px solid #666666
}

.button
		{
		color:#666666
		}