body {margin:0px; padding:0px; text-align:center; background-color:#282828; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:0.75em;} img {border:0px;} .center {text-align:center;} .clearall {clear:both;} /* Headings */ h1, h2, h3, h4, h5, h6, h7 {font-weight:bold;margin:.5em 0 .25em 0;line-height:1.1em;} h1 {font-size:1.9em; font-family:Georgia, "Times New Roman", Times, serif; color:#333333} h2 {font-size:1.3em;} h3 {font-size:1.2em; color:#000000} h4 {font-size:1.1em; color:#000000} h5 {font-size:1em;} h6 {font-size:0.9em;} h7 {font-size:0.8em;} /* Paragraph Text */ p, pre {margin:.35em 0 1.5em 0;line-height:1.65em;} span.small_text1{font-size:0.8em; line-height:0.9em;} /* Lists */ ul { list-style-image:url(../img/bullet.gif); margin:.5em 0 1em 1.5em;} ol {list-style-type: decimal;list-style-position: outside;margin: .5em 0 1em 1.5em;} li {padding-left:.5em;margin-bottom:.25em;} dl {} dt {margin:.5em 0 .25em 0;font-weight:bold;} dd {padding:0 0 .25em 1em;} /* Layout */ #wrapper {margin:0 auto; width:994px;} #contentbasetop {width:100%; height:21px; background-image:url(../img/contentbase_top.jpg); background-repeat:no-repeat;} #contentbasemid {width:100%; background-image:url(../img/contentbase_mid.jpg); background-repeat:repeat-y;} #contentbasebot {width:100%; height:27px; background-image:url(../img/contentbase_bot.jpg); background-repeat:no-repeat;} #container {margin:0 auto;width:944px; text-align:left;} #left {width:263px;float:left;padding:0px; } #right {width:645px;float:left;padding:0px; } #footer {clear:both;margin:0 auto;width:100%; background-image:url(../img/footerbgcol.jpg); background-repeat:repeat-x; line-height:2.5em; background-color:#000000;} #footer #footerHold {margin:0 auto;width:940px; background-image:url(../img/footerbg.jpg); background-repeat:no-repeat; background-position:center top; } #footer a {color:#FFFFFF; text-decoration:none;} #footer a:hover {text-decoration:underline;} #footer #footercontain {margin:0 auto;width:790px; text-align:left;font-size:10px; color:#FFFFFF; } #footer div.ftleft {width:485px; float:left; padding-top:5px; } #footer div.ftright {width:300px; float:left; padding-top:5px; } /* Self-clearing Containers */ #container:after, #footercontain:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #container, #footercontain {display:inline-block;} /* Force IE7 to respect generated content */ /* Hide the next declaration from IE Mac \*/ * html #container, * html #footercontain {height:1%;display:block;} /* IE box model hacks */ * html #left {width:263px;wid\th:260px;} * html #right {width:645px;wid\th:640px; } #logo {} #menu {margin:0; width:240px; padding:0;list-style:none; list-style-image:none} #menu li {margin:0;padding:0; margin-bottom:6px; /*height:24px;*/ list-style-image:none} #menu a {padding:.5em 10px;text-decoration:none;color:#FFFFFF;line-height:1em;display:block; background-image:url(../img/menubg.gif); background-position:top; background-repeat:no-repeat; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif } #menu a:hover, #menu a.active {background-image:url(../img/menubg.gif); background-position:bottom; background-repeat:no-repeat; color:#FFFFFF;} #menu li ul {margin:0px; margin-top:4px; margin-left:25px; padding:0px; list-style:none; list-style-image:none;} #menu ul ul li { padding:0; margin-bottom:6px; list-style-image:none} ul#menu li ul a {padding:.5em 10px; background-image:url(../img/submenu_bg.gif); background-position:bottom; background-repeat:no-repeat; } ul#menu li ul a:hover, ul#menu li ul a.subselected {background-image:url(../img/submenu_bg.gif); background-position:top; background-repeat:no-repeat; color:#FFFFFF;} * html #menu li {margin-bottom:0px; heig\ht:26px;} * html #menu a {padding:.5em 10px; margin:0px;} div.breadcrumb {font-size:11px;} div.breadcrumb a {color:#0066CC; text-decoration:none; text-transform:lowercase} div.breadcrumb a:hover {text-decoration:underline;} div.gradHold {width:622px;} div.gradContent {margin:auto; width:95%; padding:10px} div.grad_top {background-image:url(../img/grad_top.jpg); width:100%; background-repeat:no-repeat; background-position:top} div.grad_mid {background-image:url(../img/grad_mid.jpg); width:100%; background-repeat:repeat-y;} div.grad_base {background-image:url(../img/grad_base.jpg); width:100%; background-repeat:no-repeat; background-position:bottom} .code {font-family:courier,sans-serif;} /* Backgraound Image */ div.bg1 {background-image:url(/images/head-home.jpg); background-position:top; background-repeat:no-repeat;} div.bg2 {background-image:url(/images/head_design.jpg); background-repeat:no-repeat; background-position:top; height:153px;} div.bg3 {background-image:url(/images/head_construction.jpg); background-repeat:no-repeat; background-position:top; height:153px;} div.bg4 {background-image:url(/images/head_waterfeatures.jpg); background-repeat:no-repeat; background-position:top; height:153px;} div.bg5 {background-image:url(/images/head_turflawns.jpg); background-repeat:no-repeat; background-position:top; height:155px;} div.bg6 {background-image:url(/images/head_maintenance.jpg); background-repeat:no-repeat; background-position:top; height:155px;} div.bg7 {background-image:url(/images/head_groundworks.jpg); background-repeat:no-repeat; background-position:top; height:155px;} div.bg8 {background-image:url(/images/head_testimonials.jpg); background-repeat:no-repeat; background-position:top; height:151px;} div.bg12 {background-image:url(/images/head_paving.jpg); background-repeat:no-repeat; background-position:top; height:153px;} div.bg13 {background-image:url(/images/head_timber.jpg); background-repeat:no-repeat; background-position:top; height:154px;} div.bg14 {background-image:url(/images/head_planting.jpg); background-repeat:no-repeat; background-position:top; height:154px;} /*############## */ div.homeflash {margin:0 auto; margin-top:230px;background-image:url(/images/intropanel.png); width:624px; height:267px; background-repeat:no-repeat; text-align:center} div.homeflash div.introHold h1 {font-size:18px;} div.homeflash div.introHold p {margin:.25em 0 1em 0;line-height:1.5em;} div.homeflash div.introHold {margin:10px auto; margin-top:8px; width:590px; text-align:left;} div.homeflash div.flashleft {width:360px; padding-right:25px; float:left; } div.homeflash div.flashright {width:205px; float:left; padding-top:0px} div.introHold:after {content:".";display:block;height:0;clear:both;visibility:hidden;} div.introHold {display:inline-block;} * html div.introHold {height:1%;display:block;} * html div.flashleft {width:355px;wid\th:350px;} * html div.flashright {width:205px;wid\th:205px;} div.getintouch {width:95%; line-height:1.5em;} div.getintouch img {/*float:right*/ position:relative; right:0px; top:5px;} /* Images */ div.pgimage {padding-left:40px; padding-bottom:40px; float:right} div.leftimg {padding-right:20px; padding-bottom:30px; float:left;} div.rightimg {padding-left:20px; padding-bottom:30px; float:left;} div.linkitemHold {width:100%;} div.linkitemHold div.linkitem {padding-right:40px; height:106px; float:left} div.imgPanelHold {width:100%; height:145px;} div.imgPanelHold div.imgitem {padding-right:15px; float:left} div.linkitemHold:after, div.imgPanelHold:after {content:".";display:block;height:0;clear:both;visibility:hidden;} div.linkitemHold, div.imgPanelHold {display:inline-block;} /* Force IE7 to respect generated content */ /* Hide the next declaration from IE Mac \*/ *html div.linkitemHold, * html div.imgPanelHold {height:1%;display:block;}