/* CSS Document */
body 				{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #9ba300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(/assets/images/bamboo3.jpg);
	color: #CCCCCC;
}

/* Headers */
h1 					{
	font-size: 16px;
	color: #FFFFFF;
} 
h2  				{
	font-size: 18px;
	font-weight: normal;
	color: #E8E8E8;
	margin: 5px 0;
}
h3					{ font-size: 14px; font-weight: normal; color: #898989; margin: 5px 0 20px 0; }
h4					{}
h5					{}

/* Linkage */
a:link 				{
	color: #9ba300;
} 
a:visited 			{
	color: #9ba300;
} 
a:hover				{}
a:focus				{}
a:active			{}  

a.no-hov			{ text-decoration: none !important; background-color: transparent !important; border: 0 !important; }

a.howto-pic			{ text-decoration: none !important; color: #ADC04C !important; border-bottom: solid #fff 1px!important; }

/* Misc. */
.locations				{ color: #9ba300; }
img						{
	border: 0;

}
img.borders				{
	border: 7px solid #FFF;
	margin: 3px;
}
strong					{
	color: #BAC400;
} 
img.brown-featured		{ margin: 4px 0 20px 4px; }
acronym 				{ cursor: help; }
::-moz-selection		{ background: #666c00; color: #fff; }
::selection				{ background: #666c00; color: #fff; }
.clear					{ clear: both; }
#contact-ph				{ padding: 5px 10px; background-color: #171717; border: solid #fff 2px; width: 200px; margin: 0 0 40px 140px; text-align: center; }
#top-pic				{ width: 800px; height: 209px; overflow: hidden; }
.pinstripe				{ display: block; height: 1px; background-color: #D7D7D7; overflow: hidden; margin: 20px 0; }
#service-areas			{ font-size: 10px; width: 600px; padding: 0 0 10px 20px; }
ul#service-arealist		{ margin: 0; padding: 0; }
ul#service-arealist	li	{ list-style-type: none; float: left; padding: 0 5px 4px 0; margin: 0; width: 140px; }

h1#logo					{ 	margin: 0; padding: 0; }
h1#logo a				{
	background-image:url(/assets/images/top-logo.jpg);
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	width: 421px;
	height: 114px;
}
h1#logo span			{ display: none; }

.mini-right				{ width: 160px; float: right; }
.mini-left				{ width: 360px; }

ul#ad-list				{ margin: 0; padding: 0; }
ul#ad-list li			{ font-size: 11px; margin: 12px 0 0 0; padding: 0; list-style-type: none; font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; }
html>body ul#ad-list li	{ font-size: 11px; margin: 15px 0 0 0; padding: 0; list-style-type: none; font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; }

/* Helpful Sidenav */
ul#helpful-sidenav					{
	margin: 0;
	padding: 0;
	width: 249px;
	border: solid 1px #6F6F6F;
	overflow: hidden !important;
}
ul#helpful-sidenav li				{
	display: block;
	width: 249px;
	margin: 0;
	padding: 0;
	font-size: 16px;
	text-align: center;
	list-style-type: none;
	overflow: hidden !important;
	text-transform: uppercase;
}

ul#helpful-sidenav li a:link		{
	display: block;
	width: 249px;
	margin: 0;
	padding: 6px 0;
	text-decoration: none !important;
	border: none !important;
	color: #fff;
	background-color: #000;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	overflow: hidden !important;
}
ul#helpful-sidenav li a:visited		{
	display: block;
	width: 249px;
	margin: 0;
	padding: 6px 0;
	text-decoration: none !important;
	border: none !important;
	color: #fff;
	background-color: #000;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	overflow: hidden !important;
}
ul#helpful-sidenav li a:hover		{
	display: block;
	width: 249px;
	margin: 0;
	padding: 6px 0;
	text-decoration: none !important;
	border: none !important;
	color: #798000;
	background-image: url(/assets/images/sidenav-bamboo-underline.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	overflow: hidden !important;
}
ul#helpful-sidenav li a:focus		{
	display: block;
	width: 249px;
	margin: 0;
	padding: 6px 0;
	text-decoration: none !important;
	border: none !important;
	color: #798000;
	background-image: url(/assets/images/sidenav-bamboo-underline.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	overflow: hidden !important;
}
ul#helpful-sidenav li a:active		{
	display: block;
	width: 249px;
	margin: 0;
	padding: 6px 0;
	text-decoration: none !important;
	border: none !important;
	color: #798000;
	background-image: url(/assets/images/sidenav-bamboo-underline.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	overflow: hidden !important;
}

#earth-banner				{ width: 100px; height: 70px; position: absolute; top: 0; left: 20px; z-index: 999999; }

/* "How Much Bamboo Do I Need" estimate thing */
#estimate				{ display: block; background-color: #99A100; border: solid #fff 10px; padding: 0 10px 20px 10px; margin: 40px 0; }
.calculate-button		{ float: right; margin: 0 15px 0 0; }
.calculate-button p		{ margin: 0; font-size: 10px; background-color: #4B4B4B; padding: 2px 5px; }
.input-box				{ margin: 5px 0 0 0 !important; }
p.important-note		{ margin: 20px 0 4px 0 !important; line-height: normal !important; font-size: 10px !important; }
p#out_paragraph			{ font-size: 18px !important; font-weight: normal; }

.dis-nav				{
	width:280px !important;
} 

ul#additional			{
	margin: 0;
	padding: 0;
	text-align: center;
	list-style-type: none;
	width: 340px;
}
ul#additional li		{
	float: left;
	width:150px;
	display:block;
	margin: 0;
	padding: 0;
}

/* Navigation */
#nav				{
	height: 30px;
	margin: 0;
	background-image: url(/assets/images/nav-bg.jpg);
	background-repeat: repeat-x;
}

#nav a:link			{ font-size: 10px; font-weight: bold; color: #668224 !important; text-decoration: none !important; border-bottom: none !important; height: 18px; display: block; }
#nav a:visited		{ font-size: 10px; font-weight: bold; color: #668224 !important; text-decoration: none !important; border-bottom: none !important; height: 18px; display: block; }
#nav a:hover		{ font-size: 10px; font-weight: bold; color: #668224 !important; text-decoration: none !important; border-bottom: none !important; height: 18px; display: block; background-image: url(/assets/images/bamboo-underline.jpg); background-repeat: repeat-x; background-position: bottom; }
#nav a:focus		{ font-size: 10px; font-weight: bold; color: #668224 !important; text-decoration: none !important; border-bottom: none !important; height: 18px; display: block; background-image: url(/assets/images/bamboo-underline.jpg); background-repeat: repeat-x; background-position: bottom; }
#nav a:active		{ font-size: 10px; font-weight: bold; color: #668224 !important; text-decoration: none !important; border-bottom: none !important; height: 18px; display: block; background-image: url(/assets/images/bamboo-underline.jpg); background-repeat: repeat-x; background-position: bottom; }

#nav ul				{
	margin: 0 auto;
	padding: 0;
	width: 930px;
}
#nav li				{ display: block; float: left; list-style-type: none; margin: 10px 0 0 19px; padding: 0; }

li#nav-home				{ width: 33px; margin: 10px 0 0 13px; }
html>body li#nav-home	{ width: 33px; margin: 10px 0 0 25px; }
li#nav-about			{ width: 121px; }
li#nav-products			{ width: 102px; }
li#nav-howto			{ width: 98px; }
li#nav-faq				{ width: 25px; }
li#nav-environment		{ width: 84px; }
li#nav-shop				{ width: 61px; }
li#nav-contact			{ width: 70px; }
li#nav-contact-button	{
	width: 100px;
	height: 21px;
	margin: 5px 0 0 208px;
	padding: 0;
}

/* Main Styles */
#container			{
	text-align: left;
	margin: 0 auto;
	width: 930px;
	background-color: #000000;
}
#front-right		{
	width: 290px;
	margin: 0 0 0 625px;
	padding: 10px 0 0 0;
}
#front-left			{
	width: 590px;
	float: left;
	margin: 0 0 0 8px;
}
#front-right-bottom		{
	height: 182px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: left;
}

#front-right-bottom li		{
	float: left;
	margin: 0 10px 0 2px;
}

#front-right-top		{
	list-style-type: none;
	margin: 7px 0 0 0;
	padding: 0;
}
#front-right-top li		{
	margin: 6px 0 8px 0;
	padding: 2px 0 0 0;
}

#header 			{
	padding: 0;
	height: 114px;
	display: block;
	background-image: url(/assets/images/bamboo-headerbg.jpg);
}
#hideie				{ display: none; }
html>body #hideie				{ display: block; }
#topnav 			{
	color: #577A0E;
	text-align: right;
	font-size: 12px;
	margin: 0 auto;
	width: 930px;
}

#main				{
	width: 930px;
	padding: 2px 0 60px 0;
	color: #fff;
	background-color: #2d2d2d;
	background-image: url(/assets/images/content-grad-bg.jpg);
	background-repeat: repeat-x;
	border-bottom: solid #fff 2px;
}
#print-top			{ display: none; }
#main a:link		{ color: #fff; text-decoration: none; border-bottom: solid #9E9E9E 1px; }
#main a:visited		{ color: #fff; text-decoration: none; border-bottom: solid #9E9E9E 1px; }
#main a:hover		{ color: #fff; text-decoration: none; border-bottom: solid #fff 1px; }
#main a:focus		{ color: #fff; text-decoration: none; border-bottom: solid #fff 1px; }
#main a:active		{ color: #fff; text-decoration: none; border-bottom: solid #fff 1px; }

#mid-bottom			{
	background-image: url(/assets/images/mid-bamboo.jpg);
	border-top: 3px solid #151302;
}

#bgallery				{
	width: 360px;
	margin: 0 0 0 280px;
	color: #8F9801;
	font-size: 12px;
	text-align: left;
}
#bgallery a				{
	color:#9BA300;
	margin: 0px;
	text-decoration: none;
}
#bmailing				{
	float: left;
	width: 220px;
	padding: 0 15px 10px 15px;
	margin: 0 10px;
	font-size: 10px;
}
#bmailing a				{
	color:#577A0E;
	font-size: 12px;
	margin: 1px 10px;
}
#blocations				{
	float: right;
	width: 250px;
	font-size: 12px;
	
	margin: 0 0 5px 0;
	padding: 2px 0 0 0;
}

#blocations	a			{
	text-decoration: none;
}
#blocations2				{
	float: right;
	width: 250px;
	font-size: 12px;
	border: 2px solid #6A7000;
	margin: 0 0 5px 10px;
	padding: 2px 0 0 0;
}

#blocations2	a			{
	text-decoration: none;
}

input.showing				{
	border: 2px solid #6A7000;
	margin: 7px 0 0 20px;
	padding: 0;
	height: 22px;
	float: left;
}

#right				{
	width: 265px;
	margin: 0 4px 0 0;
	float: right;
	padding: 0;
}
html>body #right	{
	width: 265px;
	margin: 0 10px;
	float: right;
	padding: 0;
}
a#lowes				{
	padding:0;
	display: block;
	width: 249px;
	height: 131px;
	background-image: url(/assets/images/lowes-button3.jpg);
}
a#lowes:hover		{
	background-image: url(/assets/images/lowes-button-hover3.jpg);
}
a#lowes span		{
	display: none;
}

a#lowes2				{
	padding:0;
	display: block;
	width: 263px;
	height: 139px;
	background-image: url(/assets/images/lowes-button2.jpg);
}
a#lowes2:hover		{
	background-image: url(/assets/images/lowes-button-hover2.jpg);
}
a#lowes2 span		{
	display: none;
}

#right2				{
	width: 310px;
	margin: 0 4px 0 0;
	float: right;
	padding: 0;
	overflow: hidden;
}
html>body #right2	{ width: 310px; margin: 0 10px 0 0; float: right; padding: 0; }

#left				{
	width: 610px;
	margin: 0 0 0 25px;
	text-align: left;
}
#left p				{ font-size: 12px; line-height: 180%!important; }

#brown-featured	{ width: 178px; margin: 20px 0 20px 0; background-color: #814c00; border: solid #fff 1px; }

.brown-featured-content	{ width: 168px; padding: 10px 0 20px 10px; }

.brown-featured-content p	{ font-size: 11px; color: #fff; line-height: 200%; }

#faq				{
	margin: 0 0 0 25px;
}
#faq li				{ font-size: 12px; margin: 0 0 40px 0; }
ul#purpose-list		{ margin: 20px 0 0 20px; }
ul#purpose-list	li	{ margin: 4px 0 0 0 !important; }
#faq strong			{ color: #bac400; }

ul#page-list		{}
ul#page-list li		{ list-style-type: none; margin: 0 0 15px 10px; font-size: 11px; }

ul#page-list-two	{}
ul#page-list-two li	{ list-style-type: none; margin: 0 0 15px 10px; font-size: 11px; }

ul.brownbg-list		{ width: 150px; margin: 0; padding: 0; }
ul.brownbg-list li	{ list-style-type: circle; font-size: 11px; margin: 0 0 15px 10px; font-family: Arial, Helvetica, sans-serif; }

ul.faqs				{ font-size: 12px; }
ul.faqs li			{ list-style-type: decimal; margin: 0 0 60px 0; }

/* Gallery */
ul.gallery-thumbs		{
	width: 350px;
	margin: 0;
	padding: 10px 0 0 10px;
}
ul.gallery-thumbs li	{
	display: block;
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 0 20px 20px;
	padding: 0;
	list-style-type: none;
	border: 4px solid #7A8100;
	background-color: #151302;
}

ul.gallery-thumbs2		{
	width: 550px;
	margin: 0;
	padding: 10px 0 0 10px;
}
ul.gallery-thumbs2 li	{
	display: block;
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 0 20px 20px;
	padding: 2px 2px 1px 1px;
	list-style-type: none;
	border: 4px solid #7A8100;
	background-color: #151302;
}
.ie7-gallery-fix		{
	height: 330px;
	width: 540px;
}

/* Footer */
#footer				{
	margin: 0;
	background-color: #151302;
	text-align: left;
}
#fholder			{
	width: 930px;
	margin: 0 auto;
	padding: 3px 0;
}

#finfo				{
	width: 410px;
	margin: 0 0 0 250px;
	color: #8F9801;
	font-size: 12px;
	text-align: center;
	border-left: 1px solid #E5A752;
	border-right: 1px solid #E5A752;
}
#finfo a				{
	color:#577A0E;
	font-size: 12px;
	margin: 2px;
}
#fcat				{
	float: left;
	width: 190px;
	padding: 0 15px 0 25px;
}
#fcat a				{
	color:#577A0E;
	font-size: 12px;
	margin: 1px 10px;
}
#flogo				{
	float: right;
	width: 260px;
	padding: 10px 0 0 0;
}

 /* Form Styles */ 
 #form1                     { width: 335px; display: block; height: 330px; padding: 10px 0 0 10px; } 
 #form1 label           { float: left; width: 100px; display: block; margin: 2px 0 0 0; font-size: 26px; padding: 0 0 0 10px; } 
 #form1 span            { float: right; width: 55%; display: block; margin: 8px 0 0 0; padding: 0; } 
 .level                     { display: block; width: 100%; height: 35px; padding: 0 0 2px 0; } 
 .level2                { display: block; width: 100%; height: 35px; padding: 0 0 2px 0; } 
 .fieldbox                { background-image: url(/assets/images/box-form.jpg); font-size: 16px; width: 98%; margin: 0; padding: 0; background-repeat: repeat-x; border: solid #B1B1B1 1px; } 
 .comments               { background-image: url(/assets/images/box-form.jpg); font-size: 12px; font-family: Arial, Helvetica, sans-serif; width: 307px; margin: 0 0 0 10px; padding: 0; background-repeat: repeat-x; border: solid #B1B1B1 1px; } 
 .error                    {}
 
  #form2                     { width: 335px; display: block; height: 230px; padding: 0 0 0 10px; } 
 #form2 label           { float: left; width: 100px; display: block; margin: 2px 0 0 0; font-size: 26px; padding: 0 0 0 10px; } 
 #form2 span            { float: right; width: 55%; display: block; margin: 8px 0 0 0; padding: 0; }

/* Gallery Styles */
ul#gallery 			{ margin:0; padding: 0; }
ul#gallery li		{ list-style-type:none; float:left; border:1px solid #CCCCCC; margin: 2px 2px; display:block; }
ul#gallery a:link, ul#gallery a:visited { padding: 5px; text-align:center; font-size: 10px; width: 114px; height: 138px; display:block; }
ul#gallery a:hover  { background-color:#666666; }
ul#gallery a:active { padding: 5px; text-align:center; font-size: 10px; width: 114px; height: 134px; display:block; }
ul#gallery span	    { display:block; height:100px;}
a.delete			{ margin: 2px !important; width: 20px !important; height: 20px !important; display:block !important; float: left; }