@import 'spas.css';
h2, .header2 { color: #6E8E83; }

ul#subBack   {margin: 1px 0; padding: 0; float: left; list-style: none; border: 1px solid #83796D;border-bottom: none;background-color: #83796D; width: 712px;}

ul#subBack   li { float: left; height: 22px; }

ul#subBack   li a {display: block; text-indent: -1000em; height: 22px; background: url(../images/nav/backyard.gif) no-repeat; }
ul#subBack li#plan a { width:115px; background-position: 0 0; }
ul#subBack li#plan em a, ul#subBack li#plan a:hover { background-position: 0 -23px; }
ul#subBack li#inst a { width:146px; background-position:-115px 0; }
ul#subBack li#inst em a, ul#subBack li#inst a:hover { background-position: -115px -23px; }
ul#subBack li#how a {width:103px; background-position:-261px 0; }
ul#subBack li#how em a, ul#subBack li#how a:hover { background-position: -261px -23px; }
ul#subBack li#faq a { width:67px; background-position:-364px 0; }
ul#subBack li#faq em a, ul#subBack li#faq a:hover { background-position: -364px -23px; }

#content p { margin-top: 14px; }
.col1 { font-family: Verdana, Arial, Helvetica, sans-serif; display: block; width: 418px; padding: 0 45px 21px 21px ; background: url(../images/benefits/home-div.jpg) top right no-repeat; float: left; }
.col2 { float: left; width: 206px; padding: 14px 0 0 21px; }
.col2 h2 { color: #786c61; }

#back-home { float: left; margin-bottom: 30px;}
#back-home div { display: block; float: left; height: 123px; width: 190px; padding: 0 30px 0 138px; position: relative; line-height: 13px; border-bottom: 1px solid #ccc }
#back-home div p img { display: block; margin-bottom: 8px; }
#back-home div .thm { position: absolute; top: 0; left: 0; }
#back-home div a.go { position: absolute; display: block; text-indent: -1000em; width: 24px; height: 9px; background: url(../images/backyard/go-btn.gif) top left no-repeat; top: 86px; left: 141px; }

#faqs p { margin: 10px 0; line-height: 14px; }
#faqs p a { font-weight: bold; line-height: 18px; display: block; padding-left: 10px; background:url(../images/difference/faq.gif) no-repeat; background-position: 0 6px; color: #236dc7; }
#faqs p a.on { background-image: url(../images/difference/faq-on.gif); background-position: 0 8px; }
#faqs p span { display: block; padding-left: 10px; }

#spaDetails_rtCol, #spaDetails_ltcol { margin-top: 44px;}
#landing_squares_pgs #spaDetails_ltcol { margin-top: 0; }
#content #landing_squares_pgs #spaDetails_ltcol p { margin: 14px 0 0; }
#spaDetails_rtCol { background: url(../images/backyard/band.gif) top left no-repeat; padding: 60px 16px; width: 408px; line-height: 14px; }

#spaDetails_rtCol.planning { background: none; padding-top: 20px; margin-top: 0; width: 440px; border-left: 1px solid #d6d6d6; }

#outdoor-steps { border-top: 1px solid #cacac5; border-bottom: 1px solid #cacac5; position: relative; left: -16px; width: 419px; padding: 15px 0 0 24px; float: left; margin-top: 20px;  }
#outdoor-steps div { width: 118px; float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #cacac5; height: 235px; }
#outdoor-steps div img { margin-bottom: 20px; }
#outdoor-steps div.noline { padding-right: 0; margin-right: 0; border-right: none; }

#exciting { float: right; width: 164px; position: relative; left: 25px; height: 500px; }
#exciting strong { display: block; padding: 10px; width: 144px; background: #a9bcb6; color: #fff; font-weight: normal; }
#exciting span { border-left: 1px solid #cacac5; border-bottom: 1px solid #cacac5; display: block; padding: 10px; }
.bold {font-weight:bold;}
.seobh1 { font:11px Verdana, Arial, Helvetica, sans-serif; color: #786C61;margin:0;padding:0;display:inline;}