/********************************************
* Kornegay
* Created 11/20/06 - AC
*
* General Style Definitions
********************************************/

/*********************************
* HTML Mods 
*********************************/

body {
    margin: 0;
    padding: 0;
    background: #666667;
}

* {
    margin: 0; 
    padding: 0;
    font-size: 12px; 
    font-family: Arial, Tahoma, Verdana, sans-serif;
    color: #333;
}

a {
    outline: none;
    color: #C25B1B;
}

a:hover {
    text-decoration: none;
}

p {
    padding: 0 0 10px 0;
}

em {
    font-size: 13px;
    color: #BB5F28;
    font-style: normal;
}

strong {
    color: #BB5F28;
}


/*********************************
* Text Styles 
*********************************/

.trashgraytext {
    color: #90846d;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
}



/*********************************
* Lists 
*********************************/

#right-column ul {
    list-style: none;
}

#right-column ul li {
    background: url(/images/bullet.gif) no-repeat 0 5px;
    padding-left: 12px;
    padding-bottom: 5px;
}

/*********************************
* Layout Definitions
*********************************/

#content {
    width: 800px;
    margin: 0px auto 30px auto; 
    background: #fff;

}

#home-photo1 {
    width: 800px;
    width/**/:/**/ 257px;
    height: 306px;
    height/**/:/**/ 283px;
    text-align: right;
    padding: 23px 515px 0 28px;
    background: url(../images/homepage_photo1.jpg) top left no-repeat;
}

#home-photo2 {
    width: 800px;
    width/**/:/**/ 257px;
    height: 318px;
    height/**/:/**/ 283px;
    text-align: right;
    padding: 23px 515px 0 28px;
    background: url(../images/homepage_photo2.jpg) top left no-repeat;
}

#home-photo3 {
    width: 800px;
    width/**/:/**/ 257px;
    height: 318px;
    height/**/:/**/ 283px;
    text-align: right;
    padding: 23px 515px 0 28px;
    
}

#home-title {
    font-size: 22px;
    color: #BB5F28;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #C0C0C1;
    font-weight: lighter;
}

#home-gallery {
    padding: 43px 97px 40px 109px;
}

#home-gallery2 {
	padding: 43px 97px 40px 60px;
}

#home-gallery2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #A77547;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#home-gallery2 l {
	color: #A77547;
	text-decoration: none;
}

#home-gallery2 v {
	text-decoration: none;
	color: #A77547;
}

#home-gallery2 h {
	text-decoration: underline;
	color: #A77547;
}
#home-gallery2 a {
	text-decoration: none;
	color: #A77547;
}


#product-info {
    width: 800px;
    width/**/:/**/ 743px;
    padding: 25px 0 30px 57px;
    overflow: hidden;
}

#left-column {
    float: left;
    width: 276px;
    text-align: right;
}

#left-column h1 {
    font-size: 22px;
    color: #BB5F28;
    font-weight: lighter;
}

#left-column h2 {
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #C0C0C1;
    font-size: 18px;
    color: #BB5F28;
    font-weight: lighter;
}

#right-column {
    float: right;
    width: 436px;
}

#contact-padding {
    width: 800px;
    padding: 34px 0 30px 0;
    overflow: hidden;
}

#contact-left {
    float: left;
    width: 435px;
}

#contact-left h1 {
    width: 255px;
    font-size: 35px;
    color: #BB5F28;
    text-align: right;
    font-weight: lighter;
    padding-bottom: 5px;
    margin: 0 0 15px 28px;
    border-bottom: 1px solid #C0C0C1;
}

#contact-right {
    float: right;
    width: 320px;
    padding-top: 74px;
}

#faqs-padding {
    width: 800px;
    width/**/:/**/ 673px;
    padding: 22px 57px 30px 70px;
}

#faqs-padding h1 {
    width: 240px;
    font-size: 22px;
    color: #BB5F28;
    text-align: right;
    font-weight: lighter;
    padding-bottom: 5px;
    margin: 21px 0 15px 0;
    border-bottom: 1px solid #C0C0C1;
}

#faqs-padding h2 {
    font-size: 14px;
    padding-bottom: 10px;
    color: #808183;
}

#faqs-padding h3 {
    font-size: 12px;
    padding-bottom: 10px;
    color: #808183;
}

#faqs-padding img {
    float: right;
    margin: 0 0 10px 15px;
}

#planters-padding {
    width: 800px;
    padding: 35px 0 30px 0;
    overflow: auto;
}

#planters-left {
    float: left;
    width: 354px;
    text-align: right;
}

#planters-left h1 {
    width: 256px;
    font-size: 22px;
    color: #BB5F28;
    font-weight: lighter;
    padding-bottom: 5px;
    margin: 0 0 15px 98px;
    border-bottom: 1px solid #C0C0C1;
}

#planters-right {
    float: right;
    width: 365px;
    padding: 10px 0 0 0;
}

#planters-right p {
    padding-left: 31px;
}

#planters-right a {
    display: block;
    height: 15px;
    background: url(../images/arrow.gif) no-repeat 0 0;
    padding: 0 0 10px 31px;
}

.planter {
    margin-bottom: 7px;
}

#photos-padding {
    width: 800px;
    width/**/:/**/ 692px;
    padding: 0 0 0 108px;
}

#photos-padding h1 {
    font-size: 35px;
    color: #BB5F28;
    font-weight: lighter;
    padding: 25px 0 15px 0;
}

.site-row1 {
    background: #EAD7A9;
}

#table-photos tr td {
    text-align: right;
}

#table-photos p {
    padding-top: 15px;
}

#table-photos div {
    color: #9C9EA0;
    padding: 15px 0;
}

#table-photos strong {
    font-size: 15px;
    font-weight: lighter;
}

/*********************************
* Interior Page Definitions
*********************************/



/*********************************
* Footer Definitions
*********************************/

#footer {
    width: 800px;
    overflow: hidden;
    background: #E3E3C1;
    text-align: center;
    padding: 10px 0;

}

#footer div {
    color: #3C3D3D;
}

#footer a {
    color: #7E755C;
}

#footer strong {
    font-weight: lighter;
    font-size: 14px;
}

#footer em {
    font-style: normal;
    color: #7E755C;
}

#notable {
    width: 800px;
    background: #A2D0EF;
    text-align: center;
    padding: 8px 0;
    color: #7E755C;
}

/*********************************
* Main Navigation
*********************************/

#nav {
    width: 800px;
    margin: 0;
    padding: 0;
    background: #A2D0EF;
    overflow: hidden;
}

#nav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}

#nav a {
    float: left;
    display: block;
    text-decoration: none;
    height: 55px;
    font-size: 11px;
    font-weight: bold;
    color: #666667;
    height/**/:/**/ 35px;
    padding: 20px 0 0 0;
    text-align: center;
}

#nav a:hover {
	color: #ffffff;
    background: #276892;
}

#nav a#home {
    width: 72px;
    text-align: center;
    border-right: 1px solid #E5F0FA;
}
#nav a#planters {
    width: 102px;
    border-right: 1px solid #E5F0FA;
}
#nav a#product-features {
    width: 210px;
    border-right: 1px solid #E5F0FA;
}
#nav a#site-photos {
    width: 122px;
    border-right: 1px solid #E5F0FA;
}
#nav a#benches {
    width: 100px;
    border-right: 1px solid #E5F0FA;
}
#nav a#faqs {
    width: 74px;
    border-right: 1px solid #E5F0FA;
}
#nav a#contact-us {
    width: 113px;
}

/*********************************
* Subnavigation
*********************************/

#subnav {
	width: 800px;
	width/**/:/**/ 355px;
	margin: 0;
	padding: 0 0 0 445px;
	background: #869B84;
	overflow: hidden;
	height: 30px;
	height/**/:/**/ 25px;
	text-align: right;
	vertical-align: middle;

}

#subnav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}

#subnav a {
    float: left;
    display: block;
    text-decoration: none;
    height: 24px;
    height/**/:/**/ 19px;
    padding-top: 5px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #4E4138;
}
#subnav a:hover {
    color: #fff;
}

#subnav a#planters {
    width: 116px;
    border-left: 1px solid #EBE1D8;
    border-right: 1px solid #EBE1D8;
    background: #AE8663;
}
#subnav a#trash-ash {
    width: 121px;
    border-right: 1px solid #EBE1D8;
    background: #AE8663;
}
#subnav a#benches {
    width: 100px;
    background: #AE8663;
    border-right: 1px solid #EBE1D8;
}

#subnav li#spec div {
    padding: 3px 0 0 0;
	background: #276892;
	overflow: hidden;
	height: 30px;
	height/**/:/**/ 25px;
}

#subnav li#spec div em {
    font-style: normal;
    color: #ffffff;
    font-size: 10px;
}

#subnav li#spec div a {
    font-size: 10px;
    color: #9CB5C9;
    float: none;
    display: inline;
    font-weight: normal;
	margin-right: 10px;
}
a.learnmorelink  { font-size:12px; font-family: Trebuchet MS, Verdana, Tahoma, sans-serif; color: #ffffff; text-decoration: none; }
a:hover.learnmorelink  { font-size:12px; font-family: Trebuchet MS, Verdana, Tahoma, sans-serif;  color: #e2b232; text-decoration: none; }


.photopickclick { font-size:12px; font-family: Trebuchet MS, Verdana, Tahoma, sans-serif; color: #90846D; text-decoration: none; }

}
.gallery_spacing  {
	padding-right: 9px;
}
.masaruH1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-weight: normal;
	padding-left: 30px;
}
#masaruText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFBF00;
	font-weight: normal;
	padding-right: 10px;
}

#tdInt h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #7E755C;
	font-weight: normal;
	margin: 0 0 20px 65px;
	
}

#tdHome {
	padding-right: 30px;
	padding-top: 30px;
}
#tdHome h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #523F35;
	font-weight: normal;
	padding-bottom: 20px;
}
#tdHome hr {
	color: #523F35;
	width: 250px;
	height: 1px;
	float: right;
}
#tdHome h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: right;
	color: #523F35;
	font-weight: normal;
}
#tdHome p {
	line-height: 18px;
	color: #ffffff;
}
#masaruText i {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFBF00;
	font-weight: normal;
}

/* // Miscellaneous */

#gradient-style
{
	font-size: 12px;
	margin: 0px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

#gradient-style th
{
	font-size: 12px;
	font-weight: bolder;
	padding: 8px;
	border-top: 2px solid #808080;
	border-bottom: 2px solid #808080;
	color: #000000;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #808080;
	color: #818182;
	border-top: 1px solid #808080;
}
#gradient-style tfoot tr td
{
	background: #E3E3C1;
	font-size: 12px;
	color: #818182;
}
#gradient-style tbody tr:hover td
{
	background: #E3E3C1;
	color: #666667;
}