html { background: #1d3525; color: #fff; font: 76%/1.5 Tahoma, Arial, Helvetica, sans-serif; }
body { width: 934px; margin: 5px auto 12px auto; padding: 0; background: #193121 url(/_i/bg_body.jpg) 0 114px no-repeat; border-top: 1px solid #3c4f43; }
ul { list-style-type: none; padding: 0; margin: 0; font-size: 1em; }
li { padding: 0; margin: 0; font-size: 1em; }
#header { border-bottom: 1px solid #3c4f43; height: 78px; background: url(/_i/bg_header_.jpg) no-repeat; padding: 34px 18px 0 18px; }
#nav { float: left; width: 162px; margin-top: 17px; text-transform: uppercase; /*margin-left: 18px; */display: inline; margin-bottom: 10px; }
#nav li { float: left; clear: left; width: 188px; height: 23px; background-image:url(/_i/nav.gif); background-repeat:no-repeat; }
#nav li a { display: block; text-indent: -9999px; float: left; width: 170px; height: 23px; margin-left: 18px; display: inline; }
#nav li.section a { background: url(/_i/bg_dot.gif) bottom repeat-x; padding-bottom: 2px; }
#nav li.active { /*background-color: #5e7731; border-left: 5px solid #5e7731; */ }
#home, #planting, #lighting, #archive { margin-bottom: 15px; }
#home { background-position: 18px 0; }
#design { background-position: 18px -23px; }
#construction { background-position: 18px -46px; }
#planting { background-position: 18px -69px; }
#patios { background-position: 18px -92px; }
#driveways { background-position: 18px -115px; }
#water { background-position: 18px -138px; }
#lighting { background-position: 18px -161px; }
#residential { background-position: 18px -184px; }
#commercial { background-position: 18px -207px; }
#archive { background-position: 18px -230px; }
#summerhouses { background-position: 18px -253px; }
#ezigreenspace { background-position: 18px -276px; }
#gardenstudio { background-position: 18px -300px; }
#shop { background-position: 18px -324px; }
#gardendesignnews { background-position: 18px -350px; }
#home_page #nav #home { background-position: -170px 0; }
#design_page #design { background-position: -170px -23px; }
#construction_page #construction { background-position: -170px -46px; }
#planting_page #planting { background-position: -170px -69px; }
#patios_page #patios { background-position: -170px -92px; }
#driveways_page #driveways { background-position: -170px -115px; }
#waterfeatures_page #water { background-position: -170px -138px; }
#lighting_page #lighting { background-position: -170px -161px; }
#residential_page #residential { background-position: -170px -184px; }
#commercial_page #commercial { background-position: -170px -207px; }
#projectarchive_page #archive { background-position: -170px -230px; }
#summerhouses_page #summerhouses { background-position: -170px -253px; }
#ezigreenspace_page #ezigreenspace { background-position: -170px -276px; }
#gardenstudio_page #gardenstudio { background-position: -170px -300px; }
#shop_page #shop { background-position: -170px -324px; }
#gardendesignnews_page #gardendesignnews { background-position: -170px -350px; }
#main { float: right; width: 690px; margin-bottom: 20px; background: #192a1e; color: #fff; padding: 14px; position: relative; min-height: 300px; }
* html #main { height: 300px; }
#main ul.projects li, #main ul.images li { float: left; padding: 5px 10px 0 10px; height: 23px; }
#main ul.images li { padding: 5px 4px 0 4px; }
#main ul li.active { background: #5e7731; font-weight: bold; color: #fff; }
#main ul li.active a { background: #5e7731; display: block; font-weight: bold; color: #fff; }
#main ul.projects li:hover, #main ul.images li:hover { background: #5e7731; font-weight: normal; color: #fff; }
#main ul.images li.active:hover, #main ul.projects li.active:hover { background: #5e7731; display: block; font-weight: bold; color: #fff; }
#main ul.projects { background:url(/_i/bg_tabs.png) no-repeat; position:absolute; top:286px; left: 14px; width: 688px; height:28px; }
#main ul.images { background:url(/_i/bg_tabs.png) no-repeat; position:absolute; top:14px; left: 14px; width: 100%; height:28px; }
* html #main ul.projects, * html #main ul.images { background: #000; filter: alpha(opacity=85); }
#main ul.projects li a:hover { color: #fff; }
#main ul.images li.cat, #main ul.projects li.cat, #main ul.images li.cat:hover, #main ul.projects li.cat:hover { width: 50px; text-transform: uppercase; font-size: 0.9em; padding-left: 12px; padding-right: 24px; background: transparent; font-weight: normal; }
#home_page #main ul.projects li.cat, #home_page #main ul.projects li.cat:hover { width: 78px; padding-left: 12px; padding-right: 12px; }
#main ul.projects a, #main ul.images a { text-decoration: none; }
#main h4 { font-size: 1.1em; }
#main .newsitem p, #main .newsitem ul { margin-bottom: 15px; }
#footer { clear: both; border-top: 1px solid #303f36; background: #15281b; color: #fff; padding: 15px 0 5px 220px; font-size: 0.8em; }
#footer p { float: left; margin: 0; padding: 0; text-transform: uppercase; }
#footer a { background: #152113; float: right; padding: 0; margin-top: -5px; margin-right: 5px; text-decoration: none; }
#footer a:hover { background: #193121; color: #fff; }
h1 { width: 186px; height: 49px; margin: 0 17px 0 0; padding: 0; float: left; }
h1 a { text-indent: -9999px; background: url(/_i/logo.gif) no-repeat; width: 186px; height: 49px; float: left; }
h2 { float: left; font: italic normal 0.9em Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 3px;
background: url(/_i/tagline.gif) no-repeat; width: 370px; height: 29px; text-indent: -9999px; padding: 0; margin: 8px 0 0 7px; }
#main h3 { margin: 11px 0 0 0; font-size: 1.16em; padding-bottom: 4px; background: url(/_i/bg_dot.gif) bottom repeat-x; /*position: relative; */}
#main h3 em { font-size: 0.8em; font-weight: normal; /*position: absolute; right: 5px; */}
/* * html #main h3 em { right: 15px; }*/
#main p { margin: 5px 0 0 0; }
#topnav { float: right; margin: 17px 7px 0 0; display: inline; }
#topnav li { float: left; height: 16px; background-image: url(/_i/nav_top.gif); background-repeat: no-repeat; line-height:16px; }
#topnav li a { display: block; text-indent: -9999px; height: 16px; }
#about { width: 64px; background-position: 1px 0; }
#news { width: 57px; background-position: -67px 0; }
#links { width: 54px; background-position: -124px 0; }
#contact { width: 91px; background-position: -180px 0; }
/*#summerhouses_page #mainimg { float:left; height:415px; width:320px; }
#summerhouses_page #mainimg img { margin-top: 0; }
#summerhouses_page #main ul.images { width:320px; }
#summerhouses_page #main h3 { margin-left: 340px; margin-top: 0; }
#summerhouses_page #main p { margin-left: 340px; margin-bottom: 10px; }*/
#about_page #about { background-position: 1px -16px; }
#news_page #news { background-position: -67px -16px; }
#links_page #links { background-position: -124px -16px; }
#contact_page #contact { background-position: -180px -16px; }
a { color: #c9f995; }
a img, a:visited { border: 0; }
a:hover { text-decoration: none; }
#contactform { padding-top: 7px; }
#contactform #details { width: 270px; float: right; padding-top: 14px; }
#contactform form { width: 400px; float: left; }
#contactform form fieldset { border: 0; padding: 0; margin: 0; }
#contactform form fieldset p.error { margin-bottom: 10px; font-weight: bold; background: #7f2a17; padding: 2px 10px 3px 10px; }
#contactform form fieldset p.success { margin-bottom: 10px; font-weight: bold; background: #5e7731; padding: 10px 10px 10px 10px; }
#contactform form label { font-size: 0.9em; }
#contactform form input { height: 25px; margin: 2px 0 10px 0; }
#contactform form input, #contactform form textarea { width: 100%; border: 0; font: bold 14px Tahoma, Arial, Helvetica, sans-serif; width: 394px; padding: 1px 3px;}
#contactform form textarea { height: 140px; margin: 2px 0 10px 0; }
#contactform form #submit { background: #5e7731; border: 0; height: 30px; color: #fff; font-weight: bold; padding: 4px 0; display: block; width: 400px;}
#submit:hover { background: #4b5f27; }
.archivecolumn { width: 310px; background: #142218; margin-top: 10px; padding: 30px 15px 60px 15px; min-height: 120px; }
.l { float: left; }
.r { float: right; }
.archivecolumn h4 { margin: 0 0 7px 0; border-bottom: 1px solid #28342c; padding-bottom: 4px; }
.archivecolumn li { margin: 0 0 3px 0; }
.archivecolumn li a:hover { background: #c9f995; color: #000; }
.newsitem { margin-bottom: 40px; margin-top: 15px; }
#news_page #main h4 { margin: 0; font-size: 1.5em; }
.newsitem p.meta { font-size: 0.84em; font-style: normal; font-weight: normal; border-bottom: 1px solid #28342c; padding-bottom: 4px; margin: 0; }
#about_page #main p { margin-bottom: 15px; }
#about_page #main h3 { margin-bottom: 15px; }
#main .shopitem img { float: left; clear: left; margin: 0 15px 15px 0; }
#main .shopitem h4 { clear: both; border-bottom: 1px solid #28342c; padding-bottom: 4px; padding-top: 10px; }
#main .shopitem p { float: right; width: 410px; margin: 0 15px 15px 0; display: inline; }
#main p.highlight { font-weight: bold; background: #5e7731; padding: 10px 10px 10px 10px; }
.shopimages { float: left; width: 250px; overflow: hidden; }
#main .shopitem h5 { border-bottom: 1px solid #28342c; padding-bottom: 4px; float: right; width: 410px; margin: 0 15px 5px 0; display: inline; }
#main .shopitem p.price { margin-bottom: 0; }
#shop_page h3 { clear: both; }
#links_page #main ul { margin: 10px 0 0 0; }
#links_page #main li { margin: 3px 0 2px 0; }
.order { padding-top: 30px; }
#orderform { padding-top: 7px; }
#orderform #details { width: 320px; float: right; padding-top: 14px; }
#orderform form { width: 350px; float: left; }
#orderform form fieldset { border: 0; padding: 0; margin: 0; }
#orderform form fieldset p.error { margin-bottom: 10px; font-weight: bold; background: #7f2a17; padding: 2px 10px 3px 10px; }
#orderform form fieldset p.success { margin-bottom: 10px; font-weight: bold; background: #5e7731; padding: 10px 10px 10px 10px; }
#orderform form label { font-size: 0.9em; }
#orderform form input { height: 25px; margin: 2px 0 10px 0; }
#orderform form input, #orderform form textarea { border: 0; font: bold 14px Tahoma, Arial, Helvetica, sans-serif; width: 344px; padding: 1px 3px;}
#orderform form textarea { height: 140px; margin: 2px 0 10px 0; }
#orderform form #submit { background: #5e7731; border: 0; height: 30px; color: #fff; font-weight: bold; padding: 4px 0; display: block; width: 350px;}
#submit:hover { background: #4b5f27; }
#mainimg { height: 300px; overflow: hidden; display: block; }
#mainimg img { margin-top: -80px; }
#home_page ul.projects { display: none; }
#hpbanner { clear: right; float: right; width: 690px; margin: 20px 0 0 0; padding: 0; }
#home_page #main h4 { margin-bottom: 0; background: url(/_i/bg_dot.gif) repeat-x bottom; padding-bottom: 4px; }
#home_page #main p { font-size: 0.9em; }
#home_page #main p a { font-size: 1.19em; }
#home_page #main .hpintro a { font-size: 1em; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* whoa, blog updates */
#news_page #header { position: relative; }
/*#news_page #header h2 { background: url(/_i/sunflower.gif) no-repeat; height:110px; width:97px; position:absolute; top: 3px; margin: 0; left:405px; }*/
#news_page #header h2 { background: url(/_i/sunblog.jpg) no-repeat; height:110px; width:308px; position:absolute; top: 2px; margin: 0; left:295px; }
#news_page #main { padding: 0; width: 718px; background: #192A1E url(/_i/bgBlogSidebar.gif) top right no-repeat; margin-top: -1px; }
.newsitem { width: 473px; background: #e1e9cf; color: #192a1e; margin: 0; padding: 30px 15px; }
#blogSidebar { float: right; width: 185px; height: 100px; padding-top: 20px; padding-right: 15px; font-size: 0.9em; }
.previousposts { width: 473px; padding: 30px 15px; }
.newsitem a { color: #5b801c; }
.blogintro a { font-size: 0.9em; }
.feed { margin-top: 60px; }
#news_page #main .feed h4, #news_page #main h4.cats { font: bold 11px Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 8px; background: url(/_i/bg_dot_sidebar.gif) bottom repeat-x; padding-bottom: 8px; }
.feed a { background: url(/_i/iconRSS.gif) no-repeat; padding-left: 22px; height: 40px; display: block; }
#mainimg { height:443px; }
#mainimg img { margin-top: 0; }
#main ul.projects { top:429px;}
#summerhouses_page #mainimg { height:auto; text-align: center; background: #fff; }
h3 .firstletter { text-transform: uppercase; }
a:focus { outline: 0; }
#hpbanners { clear: both; margin-top: 10px; }
#b_gardenstudio { width: 337px; height: 95px; float:left; background: url(/_i/gardenstudio.jpg) no-repeat; text-indent: -9999px; overflow: hidden; }
#b_promo { width: 337px; height: 95px; float:left; background: url(/_i/idealhome.png) no-repeat; text-indent: -9999px; overflow: hidden; }
#b_latestblogentry { padding-left: 5px; padding-top: 10px; width: 330px; height: 85px; float: right; background: url(/_i/blogentry.jpg) no-repeat; overflow: hidden; }
#b_latestblogentry strong, #b_latestblogentry a { display: block; }
#b_latestblogentry strong { font-size: 0.8em; color: #192a1e; }
#b_latestblogentry a { color: #192a1e; font-size: 1.4em; text-decoration: none; }