html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
body, html {width:100%;height:100%;background:url(../img/BGBG.jpg) repeat #3B2F24; line-height: 1.2;}
#container {width: 100%; height: 100%; position: relative; overflow: auto;}
.clear {clear:both;}
.contentArea {width:960px;margin: 20px auto;position:relative;clear:both; padding: 20px 0 20px 0; border: 1px solid #4B3A16; background: url(../img/content-bg.png) repeat; overflow: hidden;}
.contentBlock {width:890px;position:relative;margin:5px auto;padding: 20px;}
.mainContentDiv {width:599px; float:left; margin-right: 73px; border-right: 1px solid #CC90; position:relative;}
#homeContentTop {width: 599px; position: relative;}
#homeContentBottom {width: 599px; margin-top: 30px; position: relative;}
.slideshow {border: 1px solid #4B3A16; margin-top: 20px; position: relative;}
#midMod {width: 100%;position:relative; float: left;}
#bottomMod {width: 100%; position: relative; float: left;}
.interiorMainContent {width: 960px; margin:0 auto; padding: 0 0 20px 0; position:relative; overflow:hidden;}
.contentTabs {width:920px; margin:10px auto 20px auto; position:relative; clear: both;}
.push {height:20px; clear:both;}
.topMod {width: 100%; height: 165px; float: left; overflow: hidden; clear: both; background: url(../img/topModBG.jpg) repeat-x;}
a.featuredImg {height: 148px; width: 216px; margin: 12px auto; background: url(../img/featuredHome.jpg) no-repeat; display: block; text-indent: -9999px; border: 2px solid #936A01}
a.seminarImg {height: 130px; width: 222px; margin: 0 auto; background: url(../img/seminarHome.jpg) no-repeat; display: block; text-indent: -9999px; border: 2px solid #936A01}
a.seminarImg:hover {border: 2px solid #1A3300}
a.featuredImg:hover {border: 2px solid #1A3300}
/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/
#header {width:960px; margin: 0 auto;height:101px;position:relative;}
#logo {width:296px;height:101px;float:left;margin-top:20px;}
#headContact {width: 296px; height: 55px; float: right;margin-top: 38px;}
#headContact h4 {text-align: right; color:#268400; font-family: Arial, Helvetica, sans serif; font-size: 21px;}
#headContact a {text-align: right; color:#268400; font-family: Arial, Helvetica, sans serif; font-size: 21px; text-decoration: none; display: block;}
#headContact a:hover {text-decoration: underline;}
.interiorMainText {float: left; position: relative; width: 600px; margin-right: 32px;}
.intVid {width: 302px; height: 180px; position: relative; float: left; border: 2px solid #4B3A16; margin-bottom: 20px;}
.subVid {width: 302px; height: 180px; position: relative; float: right; /*border: 2px solid #4b3a16;*/ padding: 10px 20px 10px 20px;}
.interiorSlideshow {width: 922px; height: 204px; margin: 20px auto; border: 1px solid #4B3A16; position: relative; clear: both;}
.message {color: #CFAC65;}
.testimonyVid {border:1px solid #000; margin: 20px 0 20px 0; float:left;}
#testimonialVid1 {margin-right: 35px;}
a.accordianReadMore {width: 60px; height:20px; display:block; background: url(../img/readMoreSmall.jpg) no-repeat; text-indent: -9999px; margin-top: 5px; margin-left: 10px;}
a.accordianReadMore span {display: none;}
/* -----------------------------------*/
/* -------->>> NAVIGATION <<<---------*/
/* -----------------------------------*/
#topNavigation {width:958px;margin: 0 auto;height:auto;position:relative;z-index:400;background:url(../img/navBG.png) repeat-x;}
ul#topnav li.noLeft {border-left: none;}
ul#topnav li.noRight {border-right: none;}
ul#topnav {margin: 0 auto; padding: 0;float: left;width: 958px;list-style: none;position: relative;font-family:Arial, Helvetica, sans-serif;font-size: 14px; /*background: url(../img/topnav_stretch.gif) repeat-x; */}
ul#topnav li {float: left;margin: 0; padding: 0;border-right: 1px solid #555;}
ul#topnav li a {padding: 8px 13px;display: block;color: #f0f0f0;text-decoration: none;}
ul#topnav li.xp a {padding: 8px 20px 8px 19px;}
ul#topnav li a:current {background: #030;}
ul#topnav li:hover { background: #030 url(../img/topnav_active.gif) repeat-x; }
ul#topnav li span, ul#topnav li float span { float: left; padding: 10px 0; position: absolute; /*border: 1px solid #000; border-width: 0 1px 1px 1px;*/ left: 0; top:33px; display: none;
width: 958px;background: #030; color: #fff;
/*--Bottom right rounded corner--*/
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
/*--Bottom left rounded corner--*/
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;}
ul#topnav li.float span {text-align: right;}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}
/* -----------------------------------*/
/* --------->>> SIDEBAR <<<-----------*/
/* -----------------------------------*/
.sidebar {width:285px;float:left;position:relative;}
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {background:#EAECD7;width: 262px;border:1px solid #4B3A16;-background:#EAECD7;}
/* accordion header */
#accordion h2 {background:#1A3300;margin:0;padding:5px 15px;font-size:16px;font-weight:normal; color:#EAECD7; border:1px solid #4B3A16;border-bottom:1px solid #4B3A16;cursor:pointer;}
/* currently active header */
#accordion h2.current {cursor:default;color: #EAECD7;background: url(../img/tabBG.jpg);}
/* accordion pane */
#accordion div.pane {border:1px solid #4B3A16;border-width:0 2px;display:none;height:200px;padding:5px;color:#EAECD7;font-size:14px;}
/* a title inside pane */
#accordion div.pane h3 {font-weight:normal;margin:0 0 -5px 0;font-size:16px;color:#999;}
/* -----------------------------------*/
/* ------>>> LANDSCAPE DESIGN <<<-----*/
/* -----------------------------------*/
/* root element for tabs */
ul.design-tabs {margin:0 !important; padding:0;height:30px; border-bottom: 1px solid #4B3A16;}
ul.photo-tabs {height: 58px;}
/* single tab */
ul.design-tabs li {float:left; padding:0; margin:0;list-style-type:none;}
/* link inside the tab. uses a background image */
ul.design-tabs a {float:left;font-size:13px;display:block;padding:5px 30px;text-decoration:none;height:18px;background: #4B3A16;color:#fff; border-top: 1px solid #000; margin-right:4px;position:relative;top:1px;}
ul.design-tabs a:hover {background:#CFAC65;color:#fff;}
/* selected tab */
ul.design-tabs a.current { background: url(../img/white60.png) repeat;color:#fff;cursor:default; border-bottom: none;}
/* tab pane */
div.design-panes div.paneHide {display:none;border-right: 1px solid #4B3A16; border-left: 1px solid #4B3A16; border-bottom: 1px solid #4B3A16;overflow: hidden; padding: 20px 14px; background: url(../img/white60.png) repeat; clear: both;}
div.design-panes ul {list-style-type: disc; padding-left: 10px; margin-left: 30px; margin-bottom: 10px; font-size: 14px;}
div#awards ul li {margin-bottom: 10px; padding-left: 20px; color: #CFAC65; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
div.design-panes a {color: #CFAC65; text-decoration: none;}
div.design-panes a:hover {text-decoration: underline;}
div#awards ul {list-style: none;}
div.design-panes ul li {margin: 5px; color: #CFAC65; font-family: Arial, Helvetica, sans-serif;}
div.imageGallery {width: 98%; margin: 2px auto; position: relative; background: #fff; height: 200px;}
div.design-panes p span {color: #CFAC65;}
#contactUs ul {list-style: none; padding: 0; margin: 10px 0;}
#contactUs ul li {padding: 0; margin: 5px 0 10px 5px;}
/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/
#footer {width: 960px;/*background: #433416;*/ background: url(../img/footerBG.png) repeat; border: 1px solid #4B3A16; margin: 10px auto; clear: both;}
div.sitemap {padding: 24px; float: left; }
div.noRight {padding-right: 0;}
div.sitemap ul {list-style:none;}
div.sitemap ul li {margin-bottom: 10px;}
div.sitemap ul li a {font-size: 14px; color: #fff; text-decoration: none;}
div.sitemap ul li a.top {font-size: 14px; color: #CFAC65; padding-bottom: 3px; border-bottom: 1px dotted #CFAC65; margin-bottom: 20px;}
ul#sitemap li.noRight {border: none;}
ul.extraLinks {list-style: none; margin: 0 auto; position: relative; clear: both; width: 100px;}
ul.extraLinks li {float: left; display: block;}
ul.extraLinks li a {padding: 10px 30px; font-family: Georgia, Times New Roman, serif; font-size: 14px; color: #CFAC65; text-decoration: none; text-align: center;}
/* -----------------------------------*/
/* ------>>> WARRANTY <<<--------*/
/* -----------------------------------*/
table#warrantyTable {width: 500px; margin: 10px 0 10px 20px; position: relative;}
th {color: #CFAC65; text-decoration: underline; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; margin-bottom: 10px;}
tr {padding: 10px 10px 10px 0; margin-bottom: 5px; }
td {font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; padding: 5px 0 0 5px;}
/* -----------------------------------*/
/* ------>>> HOME SCROLLER <<<--------*/
/* -----------------------------------*/
#scrollWrap {width: 870px; height: 328px;margin: 0 auto;border: 2px solid #4B3A16; background: url(../img/overlayBG.png) repeat;overflow:hidden;}
.hide {display: none;}
/* INDIVIDUAL SLIDE PANELS */
.panel {width: 870px; height: 328px; margin: 0; position: relative;}
div.loader {width: 870px; height: 328px; margin: 0; position: absolute; z-index: 600}
.panelOverlay {width: 540px; height: 200px; position: relative; margin: 30px 0 0 300px; background: url(../img/content-bg.png) repeat; z-index: 9999}
.panelOverlay h1 {padding-top: 10px;}
/* -----------------------------------*/
/* ----->>> HOME SLIDESHOW <<<--------*/
/* -----------------------------------*/
#homeSlideshow {width: 262px; height: 196px; margin-top: 40px; position: relative;border:1px solid #4B3A16; }
.interiorSlider {width: 920px; height: 200px; margin: 10px auto; position: relative;border:1px solid #4B3A16;}
.sliderVid {width: 305px; height: 180px; margin-top: 10px; margin-left: 10px; position: relative; float: left; padding: 1px;margin-right: 20px;}
.sliderPhotos {width: 575px; height: 180px; margin-top: 10px; position: relative; float: left; background: #fff; border: 1px solid #4B3A16;}
/* -----------------------------------*/
/* -------->>> TEXT STYLES <<<--------*/
/* -----------------------------------*/
body p a:hover {color: #fff;}
a.readMore {margin-left: 6px; line-height: 18px; height: 18px; width: 61px; display: inline-block; text-decoration: none; font-family: arial, Helvetica, Sans-serif; font-size: 11px; color: #ccc; text-align: center; background: url(../img/readMore.png) bottom center no-repeat;}
h1 {margin-bottom:10px;font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; color: #fff;}
.sidebar h3 {padding:5px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; color:#FFF; background: #222A12; text-align: center;}
h1 span {width:20px; height:24px;background:url(../img/bullett.png) no-repeat;}
.sidebar h3 span {width:20px; height:24px; background:url(../img/bullett.png) no-repeat;}
p { margin-bottom: 8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #fff; line-height: 1.4em;}
p span {display: inline; clear: none;}
p span span {display:none;}
.sidebar p {font-size: .75em; padding:10px; color: #433416;}
p.form {margin:0 0 2px 0; padding:0 0 0 10px;}
h2 {color: #CFAC65; margin-bottom:10px;font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px;}
h3 {color: #CFAC65; margin-bottom:10px;font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px;}
h1.secondaryHome {border-top: 1px dotted #4B3A16; margin-top: 20px; padding-top: 20px;}
h2.galleryTitle {color: #CFAC65; margin-bottom:20px;font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px;}
h2.homeH2 {padding-left: 20px;}
p.homeP {padding-left: 20px;}
div.panel p {padding: 0 20px 0 20px;}
h6 {color: #CFAC65; font-size: 18px; border-bottom: 1px dashed #CFAC65; padding-bottom: 10px; margin-bottom: 20px; margin-top: 10px;}
div.nativePlantsBook {width: 200px; height: 271px; float: right; margin-top: 240px; margin-left: 40px; background: url(../img/plantbook.jpg) no-repeat;}
div.contactNativePlantsBook {width: 200px; height: 271px; margin: 90px 0 0 40px; position: relative; background: url(../img/plantbook.jpg) no-repeat;}
h4 {font-family: georgia, times new roman, serif; font-size: 14px; text-align: center; margin-bottom: 10px; color: #4B3A16}
a.forumLink {color: #1A3300; text-decoration: none; padding-left: 10px;}
a.forumLink:hover {text-decoration: underline;}
#speakingServices p {margin-bottom: 1px;}
/* -----------------------------------*/
/* --------->>> COMMENTS <<<----------*/
/* -----------------------------------*/
h5.comingSoon {height: 181px; width: 305px; display: block; line-height: 181px; font-family: Georgia, Times New Roman, serif; font-size: 24px; margin: 0 auto; text-align: center; color: #ccc; background: url(../img/cameragif.gif) no-repeat center;}
#testimonialsIntro {width: 920px; margin: 0 auto 20px auto; position: relative;}
/* -----------------------------------*/
/* ------->>> CONTACT FORM <<<--------*/
/* -----------------------------------*/
#contactForm {width: 400px; height: 400px; position:relative;}
#contactInfo {width: 450px; float: left; position: relative; clear: right;}
#ajaxForm {width: 420px; height: 440px; float: left; margin-right: 20px; position: relative;}
label {color: #ccc;font-family: Arial, Helvetica, sans-serif; font-size: 14px;padding: 0 5px 5px 0;display: block;}
li.special {display:none;}
input, textarea {border: 1px solid #000;color: #ccc;background: url(../img/content-bg.png) repeat;width: 265px; margin-bottom: 8px;}
#contactForm textarea {height: 100px;}
#contactForm .message {display: none;background: #996;color: #030;}
.alert { display: none;width: 200px; background: #996;color: #900;}
.input-box { margin-bottom: 5px;}
.submit {text-align: right;}
.submit input {color: #ccc;width: 30px;border: 1px solid;border-color: #999 #333 #333 #999;}
.error, .success {padding: 5px 5px 5px 25px; margin: 5px 0px;}
.error { border: 1px solid #ff0000;background: #ffdddd;background-image: url('images/action-error.gif');background-repeat: no-repeat;background-position: 5px center;}
.success {border: 1px solid #009900; background: #cfffcf;color: #003300; background-image: url('images/action-success.gif'); background-position: 5px center;}
.loading {background: #ffdddd;font-weight: bold; padding: 6px;font-size: 8pt;}
/**
* lightBox plugin
*/
#jquery-overlay {position: absolute; top: 0; left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0; left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px; margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%; height: 25%;width: 100%;text-align: center; line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0;float: right;}
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em; overflow: auto; width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data { padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;}
/* lightBox plugin - Gallery style */
/*div.gallery {background-color: #444; width: 100%;}*/
div.gallery ul { list-style: none; margin: 0 auto;}
div.gallery ul li { display: inline; }
div.gallery ul img {border: 3px solid #4B3A16;margin: 0 30px 10px 0; height: 100px; width: 100px; }
div.gallery ul a:hover img {border: 3px solid #fff; color: #fff;}
div.gallery ul a:hover { color: #fff; }
div.interiorMainText p, h1, h3 {padding-left: 20px;}
h1.noPad {padding: 0;}
/* SLIMBOX */
#lbOverlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
overflow: hidden;
background-color: #fff;
}
.lbLoading {
background: #fff url(../img/ajax-loader.gif) no-repeat center;
}
#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}
#lbPrevLink {
left: 0;
}
#lbPrevLink:hover {
background: transparent url(../img/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
right: 0;
}
#lbNextLink:hover {
background: transparent url(../img/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}
#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../img/closelabel.gif) no-repeat center;
margin: 5px 0;
outline: none;
}
#lbCaption, #lbNumber {
margin-right: 71px;
}
#lbCaption {
font-weight: bold;
}
h2.featuredH2 {margin-top: 20px;}
h1.seo {text-align: center; margin: 2px auto;}
h1.seo a {text-align: center; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; color: #ccc}
h1.seo a:hover {text-decoration: underline;}
h2.seoH2 {font-size: 12px; text-align: center; margin: 0 auto; color: #ccc; padding: 0 40px 0 40px}
p.pageInfo {font-family: Georgia, "Times New Roman", Times, serif; color: #993; font-size: 14px; text-align: center; margin-bottom: 2px;}
p.pageInfo a {color: #999933; text-decoration: none;}
p.pageInfo a:hover {color: #999933}
p.credits {font-family: Georgia, "Times New Roman", Times, serif; color: #993; font-size: 12px; text-align: center; margin-bottom: 5px}
p.credits a {color: #ccc; text-decoration: none}
p.credits a:hover {text-decoration: underline}
p.serviceAreas {font-size: 10px; padding: 10px 30px 3px 30px; text-align: center}
p.serviceAreas a {color: #ccc; text-decoration: none;}
p.serviceAreas a:hover {text-decoration: underline}