body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:  url("bg.jpg"); }
.content { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #B89B81; line-height: 16px; }
.subhead { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #409732; line-height: 16px; font-weight: bold; }
.head { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #39837B; line-height: 16px; font-weight: bold; }
.rightnav { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #98806B; line-height: 16px; text-decoration: none; font-weight: bold; }
.bstyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #B89B81; line-height: 16px; text-decoration: none; font-weight: bold; }
a:hover { color: #ACC16E; }
.address { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7D8B3B; line-height: 16px; text-decoration: none; }
.style1 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #A1C05A; line-height: 16px; font-weight: bold; }
ul { list-style-type: none; padding-left: 0; margin-left: 0; }
li { background: url(images/bullet.gif) no-repeat left top; padding-left: 16px; margin-bottom: 10px; }
a:focus { outline: none; -moz-outline: none; }

/*-----------------------------------*/
/* Gallery Styles	
/*-----------------------------------*/

#portNav { position: relative; top: -27px; left: 24px; margin: 12px 0 0 0; }
.portNav { position: absolute; margin: 0; padding: 0; list-style: none; z-index: 10000; top: 0; font-size: 12px; }
.portNav li { float: left; text-align: center; font-size: 12px; background: none; padding-left: 0px; }
.portNav li a { display: block; text-indent: -9999px; vertical-align: middle; height: 38px; text-decoration: none; text-align: center; outline: none; font-size: 12px; }

/* Design Button */
.portNav li a.nav7 { width: 144px; background: url(images/nav.jpg) no-repeat 0 0; }
.portNav li a.nav7:hover, .portNav li.active a.nav7 { background-position: 0 -38px; }

/* Outdoor Living Button */
.portNav li a.nav8 { width: 196px; background: url(images/nav.jpg) no-repeat -144px 0; }
.portNav li a.nav8:hover, .portNav li.active a.nav8 { background-position: -144px -38px; }

/* Water Features Button */
.portNav li a.nav9 { width: 201px; background: url(images/nav.jpg) no-repeat -340px 0; }
.portNav li a.nav9:hover, .portNav li.active a.nav9 { background-position: -340px -38px; }

/* Landscaping Button */
.portNav li a.nav10 { width: 179px; background: url(images/nav.jpg) no-repeat -541px 0; }
.portNav li a.nav10:hover, .portNav li.active a.nav10 { background-position: -541px -38px; }

/* Lighting Button */
.portNav li a.nav11 { width: 161px; background: url(images/nav.jpg) no-repeat -720px 0; }
.portNav li a.nav11:hover, .portNav li.active a.nav11 { background-position: -720px -38px; }

#galleryContent { position: relative; width: 895px; height: 538px; top: -10px; }
.galImages { position: relative; margin: 0 0 0 40px; top: 10px; }
#galContainer { position: absolute; width: 895px; height: 495px; }

/*-----------------------------------*/
/* Toggle Styles 
/*-----------------------------------*/

h2.trigger { padding: 9px 0 0 10px; margin: 0; background: #281507; height: 20px; width: 478px; color: #FFFFFF; font-size: 12px; float: left; font-family: Helvetica, Arial, sans-serif; }
h2.trigger a { text-decoration: none; display: block; color: #F3F1EA; font-size: 17px; font-weight: 600; }
h2.trigger a:hover { color: #000000; }
.trigger:hover { color: #ffffff; text-decoration: underline; }
h2.active { background-position: left bottom; } /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container { padding: 0; border-top: 1px solid #d6d6d6; background: #F3F1EA; overflow: hidden; clear: both; }
.toggle_container .block { /*padding: 20px; /*--Padding of Container--*/ /*background: url(../images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/ }
h2.trigger2 { padding: 0px; margin: 0 0 5px 5px; height: 20px; width: 661px; font: bold 13px/25px Helvetica, Arial, sans-serif; color: #622125; float: left; }
h2.trigger2 a { text-decoration: none; display: block; color: #F3F1EA; font-size: 17px; font-weight: 600; }
h2.trigger2 a:hover { color: #000000; }
.trigger2:hover { color: #000000; }
h2.active { background-position: left bottom; } /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container2 { margin: 0 0 5px 5px; padding: 0; border-top: 1px solid #d6d6d6; overflow: hidden; font-size: 1.2em; width: 710px; clear: both; }
.toggle_container2 .block2 { /*padding: 20px; /*--Padding of Container--*/ /*background: url(../images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/ }

.seo { font-family: Helvetica, Arial, sans-serif; }
.seo th { border-bottom: 1px solid #D6D6CA; border-right: 1px solid #D6D6CA; border-top: 1px solid #D6D6CA; color: #ffffff; padding: 1px 2px; font-size: 12px; text-align: center; }
.seo tr { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; text-align: left; padding: 0; background: #281507; }
.seo td { border-right: 1px solid #D6D6CA; border-bottom: 1px solid #D6D6CA; background: #fff; line-height: 16px; text-align: center; font-size: 11px; padding: 6px 4px; }