/*  BASIC PRE-SETTING
====================================================*/

* { padding: 0; margin: 0; }

ul { padding-left: 0em; margin-left: 0em; list-style-type: none; }

ol { padding-left: 2em; margin-left: 0em;}


/*
dt { padding-left: 1em; margin-left: 0; padding-top: .5em; font-weight: bold; }

dd { padding-left: 2.5em; margin-left: 0; }

*/

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ol, ul, dl, fieldset, address, table { margin-bottom: 1em; }


/*  MAIN STRUCTURAL ELEMENTS 
====================================================*/

body { 
	font: 75%/1.6em arial, helvetica, sans-serif;
	background: #ffffff url('../img/page_bg.png') left top repeat-x;
	color: #3f3e33;
	text-align: center;
	padding-bottom: 45px;
	}
		
#container {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
/*
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
*/
	text-align: left;
	background: transparent url('../img/bottom_stripe.png') left bottom no-repeat; /* transparent */
	padding-bottom: 120px;
	}
	
	
#header {
	height: 117px;
	position: relative;
	background: transparent url('../img/page_bg.png') left top repeat-x;
	}	


#inner_wrapper {
	margin: 0 33px;
	padding-top: 45px;
	background-color: transparent; /* transparent */
	}


#home_main {
	margin-bottom: 75px;
	}


#planter_styles img {
	float: left;
	}

#home_main_info {
	float: left;
	width: 320px;
	padding-top: 15px;
	background-color: transparent; /* transparent */
	}



#home_sub_list {
	padding-top: 20px;
	float: left;
	width: 320px;
	}

#home_sub_list p {
	margin-bottom: 2em;
	font-size: 11px;
	line-height: 1.6em;
	}
	
	
#home_sub_list p, #home_sub_list img, #home_sub_bio p {
	padding-left: 4px;
	}
	
	
	

#home_sub_list a {
	font-weight: bold;
	}


#home_sub_list img {
	float: left;
	margin: 0 8px 0 0;
	}


#home_sub_bio {
	float: right;
	width: 440px;
	}




#footer {
	width: 900px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: transparent;
	/* transparent */
	background-repeat: no-repeat;
}

#footer p {
	font-size: .85em;
	color: #7d804a;
	background-color: transparent; /* transparent */
	line-height: 1.1em;
	}




/*  HOME SLIDE SHOW STYLES
====================================================*/


#indexpage #inner_wrapper #show {
	float: right;
	width: 463px;
	margin: 0px 0px 0px 0px;
	background-color: transparent; /* transparent */
	}








/*  PLANTER STYLES PAGE
====================================================*/



.planter_styles_box {
	float: left;
	background-color: transparent; /* transparent */
	}
	
	
.planter_styles_box h2 {
	text-align: center;
	}

.planter_styles_box img {
	float: left;
	}


/*  ELEMENT PAGE STYLES 
====================================================*/



#elementpage #inner_wrapper #show {
	float: left;
	margin: 0px 20px 0px 0;
	background-color: transparent; /* transparent */
	}



#elementpage #inner_wrapper p, #elementpage #inner_wrapper h2 {
	margin-left: 614px;
	}







/*  ASTOR PAGE STYLES
====================================================*/

#astorpage #inner_wrapper #tablebox,
#astorpage #inner_wrapper #planterbox,
#astorpage #inner_wrapper #sketchbox {
	float: left;
	text-align: center;
	}

#astorpage #inner_wrapper #tablebox,
#astorpage #inner_wrapper #planterbox {
	margin-right: 25px;
	}
	
#astorpage #inner_wrapper #planterbox {
	position: relative;
	top: -40px;
	}
	
#astorpage #inner_wrapper #sketchbox {
	padding-top: 100px;
	}	

#astorpage h2 {
	font-size: 1.6em;
	color: #7d804a;
	text-align: left;
	margin-bottom: 2em;
	}




/*  EMPIRE PAGE STYLES
====================================================*/

#empirepage #inner_wrapper #tablebox,
#empirepage #inner_wrapper #planterbox,
#empirepage #inner_wrapper #sketchbox {
	float: left;
	text-align: center;
	}

#empirepage #inner_wrapper #tablebox,
#empirepage #inner_wrapper #planterbox {
	margin-right: 25px;
	}
	
#empirepage #inner_wrapper #planterbox {
	position: relative;
	top: -40px;
	}
	
#empirepage #inner_wrapper #sketchbox {
	padding-top: 100px;
	}	

#empirepage h2 {
	font-size: 1.6em;
	color: #7d804a;
	text-align: left;
	margin-bottom: 2em;
	}



/*  METROPOLITAN PAGE STYLES
====================================================*/

#metropolitanpage #inner_wrapper #tablebox,
#metropolitanpage #inner_wrapper #planterbox,
#metropolitanpage #inner_wrapper #sketchbox {
	float: left;
	text-align: center;
	}

#metropolitanpage #inner_wrapper #tablebox,
#metropolitanpage #inner_wrapper #planterbox {
	margin-right: 10px;
	}
	
#metropolitanpage #inner_wrapper #planterbox {
	position: relative;
	top: 0px;
	}
	
#metropolitanpage #inner_wrapper #sketchbox {
	padding-top: 100px;
	}	

#metropolitanpage h2 {
	font-size: 1.6em;
	color: #7d804a;
	text-align: left;
	margin-bottom: 2em;
	}




/*  TAPERED PAGE STYLES
====================================================*/

#taperedpage #inner_wrapper #tablebox,
#taperedpage #inner_wrapper #planterbox,
#taperedpage #inner_wrapper #sketchbox {
	float: left;
	text-align: center;
	}

#taperedpage #inner_wrapper #tablebox,
#taperedpage #inner_wrapper #planterbox {
	margin-right: 25px;
	}
	
#taperedpage #inner_wrapper #planterbox {
	position: relative;
	top: -40px;
	}
	
#taperedpage #inner_wrapper #sketchbox {
	padding-top: 100px;
	}	

#taperedpage h2 {
	font-size: 1.6em;
	color: #7d804a;
	text-align: left;
	margin-bottom: 2em;
	}



	
	
/*  MATERIALS PAGE STYLES 
====================================================*/


#materialspage #inner_wrapper img {
	float: left;
	margin-right: 5px;
	}


#materialspage #inner_wrapper p {
	text-align: right;
	padding-right: 40px;
	}


	
/*  CORTEN PAGE STYLES 
====================================================*/


#cortenpage #inner_wrapper img.large {
	float: left;
	}

#cortenpage #inner_wrapper img.small {
	float: right;
	margin: 0 0 25px 25px;
	}



#cortenpage #inner_wrapper h2 {
	margin-bottom: 2em;
	}

#cortenpage #inner_wrapper p,
#cortenpage #inner_wrapper ul,
#cortenpage #inner_wrapper h2,
#cortenpage #inner_wrapper h3 {
	padding-left: 320px;
	padding-right: 20px;
	}



/*  STAINLESS PAGE STYLES 
====================================================*/


#stainlesspage #inner_wrapper img.large {
	float: left;
	}
	
#stainlesspage #inner_wrapper img.small {
	float: right;
	margin: 0 0 25px 25px;
	}


#stainlesspage #inner_wrapper h2 {
	margin-bottom: 2em;
	}

#stainlesspage #inner_wrapper p,
#stainlesspage #inner_wrapper ul,
#stainlesspage #inner_wrapper h2,
#stainlesspage #inner_wrapper h3 {
	padding-left: 320px;
	padding-right: 20px;
	}







/*  ALUMINUM PAGE STYLES 
====================================================*/


#aluminumpage #inner_wrapper img.large {
	float: left;
	}
	
#aluminumpage #inner_wrapper img.small {
	float: right;
	margin: 0 0 25px 25px;
	}


#aluminumpage #inner_wrapper h2 {
	margin-bottom: 2em;
	}

#aluminumpage #inner_wrapper p,
#aluminumpage #inner_wrapper ul,
#aluminumpage #inner_wrapper h2,
#aluminumpage #inner_wrapper h3 {
	padding-left: 320px;
	padding-right: 20px;
	}






/*  PLANTER WALL PAGE STYLES 
====================================================*/



#wallpage #inner_wrapper #show {
	float: left;
	margin: 0px 20px 0px 0;
	background-color: transparent; /* transparent */
	}



#wallpage #inner_wrapper p, #wallpage #inner_wrapper h2 {
	margin-left: 614px;
	}






/*  PRICING / ORDERING PAGE STYLES 
====================================================*/



#pricingpage #inner_wrapper p,
#pricingpage #inner_wrapper h2,
#pricingpage #inner_wrapper h3 {
	margin-left: 420px;
	}


#pricingpage #inner_wrapper #image_box {
	float: left;
	width: 394px;
	}

#pricingpage #inner_wrapper #image_box p {
	margin-left: 0px;
	text-align: center;
	}





/*  SHIPPING PAGE STYLES 
====================================================*/



#shippingpage #inner_wrapper p,
#shippingpage #inner_wrapper h2,
#shippingpage #inner_wrapper h3 {
	margin-left: 547px;
	}


#shippingpage #inner_wrapper #image_box {
	float: left;
	width: 522px;
	}

#shippingpage #inner_wrapper #image_box p {
	margin-left: 0px;
	text-align: center;
	}



/*  WARRANTIES PAGE STYLES 
====================================================*/



#warrantypage #inner_wrapper p,
#warrantypage #inner_wrapper h2,
#warrantypage #inner_wrapper h3 {
	margin-left: 547px;
	}


#warrantypage #inner_wrapper #image_box {
	float: left;
	width: 522px;
	}

#warrantypage #inner_wrapper #image_box p {
	margin-left: 0px;
	text-align: center;
	}




/*  CARE and MAINTENANCE PAGE STYLES 
====================================================*/




#carepage #inner_wrapper h2 {
	margin-left: 364px;
	margin-bottom: 3em;
	}


#carepage #inner_wrapper #image_box {
	float: left;
	width: 339px;
	}

#carepage #inner_wrapper #image_box p {
	margin-left: 0px;
	text-align: center;
	}

#carepage #inner_wrapper .detail_box {
	float: right;
	width: 468px;
	background-color: transparent;
	margin-bottom: 1em;
	}

#carepage #inner_wrapper .detail_box img {
	float: left;
	margin: 0 15px 15px 0;
	}




/*  GALLERY PAGE STYLES 
====================================================*/

	
	
#gallerypage #inner_wrapper #show {
	float: left;
	margin: 0px 0px 0px 0;
	background-color: transparent; /* transparent */
	}
	
	
	
	
	
/*  CONTACT PAGE STYLES 
====================================================*/



#contactpage #inner_wrapper p,
#contactpage #inner_wrapper h2,
#contactpage #inner_wrapper h3 {
	margin-left: 586px;
	}


#contactpage #inner_wrapper #image_box {
	float: left;
	width: 561px;
	}

#contactpage #inner_wrapper #image_box p {
	margin-left: 0px;
	text-align: center;
	}

	
	
/* REQUEST Form Styles
-------------------------------------------- */




/* Form Styles
-------------------------------------------- */




form dd {
	margin-bottom: 7px;
	}
	
form dt {
	font-size: .85em;
	color: #8a876b;
	}
	
	
#name, #company, #email, #address1, #address2  {
	width: 250px;
	}	

#city {
	width: 200px;
	}	

#state, #zip {
	width: 150px;
	}	



#thisform label {
	font-weight: normal;
	}

#thisform fieldset {
	border: 1px solid #e2e1d4;
	padding: 10px 20px;
	}

#thisform legend {
	color: #8a876b;
	border: 1px solid #ccc;
	padding: 4px 8px;
	font-weight: bold;
	}	
	/*	
	IE Fixes

	:hover and :active pseudo-classes do not behave as 
	we expect them to on all but one element in IE, but there 
	are Internet Explorer Behaviors to add the desired 
	functionality with little extra work.

	The scripting of the behavior goes into a separate .htc file 
	which compliant browsers do not ever see.
	(http://www.vladdy.net/Demos/IEPseudoClassesFix.html)
	
	 */
	
input, textarea
  { behavior: url('IEfixes/IEFixes.htc');
  }  
  
  

input:hover, input.hover { 
	border: 1px solid #666;
	color: #111;
	}

textarea:hover, textarea.hover { 
	border: 1px solid #666;
	color: #111;
	}

input:focus, input.focus { 
	background: #DFE3E1;
	border: 1px solid #666;
	}

textarea:focus, textarea.focus { 
	background: #DFE3E1;
	border: 1px solid #666;
	}


  
  
  

input, textarea	{
	border: 1px solid #e2e1d4;
	background-color: #fff;
	color: #666;
	padding: 3px;
	}
	
input#send {
	background-color: #3f3e33;
	color: #FFF;
	padding: 3px 10px;
	margin-top: 10px;
	}


#thisform label {font-weight: bold; color: #8a876b}
	
	





table#estimate {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: rgb(212, 209, 176) rgb(212, 209, 176) rgb(212, 209, 176) rgb(212, 209, 176);
	border-collapse: collapse;
	background-color: white;
	font-size: 11px;
	}

table#estimate td {
	border-width: 0px 0px 0px 0px;
	padding: 1px 30px 1px 0;
	border-style: solid solid solid solid;
	border-color: rgb(212, 209, 176) rgb(212, 209, 176) rgb(212, 209, 176) rgb(212, 209, 176);
	background-color: transparent;
	text-align: left;
}
	
	
select {
	font-size: 11px;
	width: 120px;
	color: #333;
	}
	
	
#customsize_1, 
#customsize_2, 
#customsize_3, 
#customquantity_1, 
#customquantity_2, 
#customquantity_3, 
#quantity_1,
#quantity_2,
#quantity_3 {
	width: 120px;
	}	
	
	
		
	
	
	
/*  TEXT LINK STYLES 
====================================================*/

	
a:link		{ color: #7d804a; text-decoration: none; border-bottom: 1px solid #e6e7d0;}
a:visited	{ color: #7d804a; text-decoration: none;  border-bottom: 1px solid #e6e7d0;}
a:hover		{ color: #333; text-decoration: none;  border-bottom: 1px solid #999;}


.slideshow a:link		{ color: #7d804a; text-decoration: none; border-bottom: 0px dotted #7d804a;}
.slideshow a:visited	{ color: #7d804a; text-decoration: none;  border-bottom: 0px dotted #7d804a;}
.slideshow a:hover		{ color: #333; text-decoration: none;  border-bottom: 0px dotted #333;}




#footer a:link		{ color: #7d804a; text-decoration: none; border-bottom: 0px dotted #e3c599; }
#footer a:visited	{ color: #7d804a; text-decoration: none; border-bottom: 0px dotted #e3c599; }
#footer a:hover		{ color: #333; text-decoration: none; border-bottom: 0px dotted #333; }


a.h1:link		{ text-decoration: none; border-bottom: 0px dotted #BF0101; }
a.h1:visited	{ text-decoration: none; border-bottom: 0px dotted #BF0101; }
a.h1:hover		{ text-decoration: none; border-bottom: 0px dotted #BF0101; }



/*
a img, :link img, :visited img { border: 0; } 
*/

/*
#planter_styles a img, #planter_styles a:link img, #planter_styles a:visited img { border: 1px solid #fff; text-decoration: none; }   
#planter_styles a:hover img { border: 1px solid #fff; text-decoration: none;background-color: #fff; } 
*/


a img, a:link img, a:visited img { border: 1px solid #fff; text-decoration: none; }   
a:hover img { border: 1px solid #e4e4e4; text-decoration: none; background-color: #fff; } 


#wallpage a img, #wallpage :link img, #wallpage :visited img { border: 0; } 
#elementpage a img, #elementpage :link img, #elementpage :visited img { border: 0; } 


a { outline: none; }









/* ////////////////  Navigation Styles  ///////////////////////////////////// */



/* ////////////////  Main Nav  ///////////////// */



#main_nav ul {
	position: absolute;
	top: 69px;
	left: 33px;
	line-height: 1.6em;
	}



#main_nav ul {
	border-left: 1px solid #7a7869;
	padding-left: 0;
	margin-left: 0;
	background-color: #3f3e33;
	color: #7a7869;
	margin-bottom: 0px;
/*
	font-size: 12px;
*/
	}

#main_nav ul li { display: inline; }

#main_nav ul li a {
	padding: 2px 19px;
	background-color: #3f3e33;
	color: #d2cfaa;
	text-decoration: none;
	float: left;
	border: 0;
	border-right: 1px solid #7a7869;
	}

#main_nav ul li a:hover {
	background-color: #615f4f;
	color: #d2cfaa;
	}



#main_nav ul li#active a {
	background-color: #7a7869;
	color: #d2cfaa;
	}


/* ////////////////  Main Nav End ///////////////// */


/* ////////////////  Sub Nav  ///////////////// */



#sub_nav ul {
	position: absolute;
	top: 93px;
	left: 33px;
	line-height: 1.6em;
	}



#sub_nav ul {
	border-left: 1px solid #edeeda;
	padding-left: 0;
	margin-left: 0;
	background-color: #babe74;
	color: #ffffff;
/*
	font-size: 12px;
*/
	}

#sub_nav ul li { display: inline; }

#sub_nav ul li a {
	background: url('../img/nav-grad2.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 2px 19px;
	background-color: #babe74;
	color: #ffffff;
	text-decoration: none;
	float: left;
	border: 0;
	border-right: 1px solid #edeeda;
	}

#sub_nav ul li a:hover {
	background-color: #fff;
	color: #a5a868;
	}


#sub_nav ul li#sub_active a {
	background-color: #fff;
	color: #a5a868;
	}



/* ////////////////  Sub Nav End ///////////////// */

/* ////////////////  Alt Nav  ///////////////// */



#alt_nav ul {
	position: absolute;
	top: 35px;
	left: 425px;
	}



#alt_nav ul {
	padding-left: 0;
	margin-left: 0;
	background-color: transparent;
	color: #d3d0ac;
	font-size: 10px;
	}

#alt_nav ul li { display: inline; }

#alt_nav ul li a {
	padding: 2px 10px;
	background-color: transparent;
	color: #d3d0ac;
	text-decoration: none;
	float: left;
	border: 0;
	border-right: 1px solid #b3b091;
	line-height: 10px;
	}

#alt_nav ul li a:hover {
	background-color: transparent;
	color: #f3f2e1;
	}


#alt_nav ul li#alt_active a {
	background-color: transparent;
	color: #f3f2e1;
	}

#alt_nav ul li a.no_border {border:0;}


/* ////////////////  Alt Nav End ///////////////// */





/*  h(n) STYLES
====================================================*/


/*  h1 STYLES   ***************************   */
	
#header h1	{
	text-indent: -9876px;
	width: 286px;
	height: 69px;
	background: transparent url('../img/header_logo_2.png') top left no-repeat;
	border-bottom: 0px;
	margin-left: 20px
	}
	
#header h1 a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}
	
/*  h2 STYLES   ***************************   */


h2 {
	font-size: 1.8em;
	line-height: 1.25em;
	color: #7d804a;
	font-family: arial;
	font-weight: normal;
	}




/*  h3 STYLES   ***************************   */


h3 {
	font-size: 1.0em
	}






/*  h4 STYLES   ***************************   */


h4 {
	
	}




/*  TABLE STYLES
====================================================*/





table {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: rgb(212, 209, 176) rgb(212, 209, 176) rgb(212, 209, 176) rgb(212, 209, 176);
	border-collapse: collapse;
	background-color: white;
	font-size: 11px;
	}
table th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 10px;
	border-style: solid solid solid solid;
	border-color: rgb(212, 209, 176) rgb(212, 209, 176) rgb(212, 209, 176) rgb(212, 209, 176);
	background-color: rgb(122, 120, 105);
	text-align: center;
	color: #ffffff;
	}
table td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 10px;
	border-style: solid solid solid solid;
	border-color: rgb(212, 209, 176) rgb(212, 209, 176) rgb(212, 209, 176) rgb(212, 209, 176);
	background-color: #e5e3ba;
	text-align: center;
}


table td.white {
	background-color: #ffffff;
	}


table td.gray {
	background-color: #d7d5c3;
	}





/*  MISCELLANEOUS STYLES
====================================================*/

hr { margin: 0px 0px 1em; height: 2px; color: #C06; border: none; } /* For Internet Explorer */
#content hr { margin: 0px 0px 1em; height: 2px; background-color: #C06; border: none;} /* For Gecko-based browsers */
#content hr { margin: 0px 0px 1em; height: 2px; background-color: #C06; border: 0px solid #C06; } /* For Opera and Gecko-based browsers */


.caption {
	font-size: .85em;
	}

strong { color: #3f3e33; }



#sub_nav ul li a { behavior: url('IEfixes/iepngfix.htc') }



/* self clearing rules */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */