body { background: url('../images/grey_maroon_bg.gif') repeat-x #bfbfbf; margin: 0; text-align: center;} p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.4px; } h3 { color: #6f2525; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 17px; } h4 { color: #6f2525; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 15px; } li { font-size: 11.4px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-image: url('../images/bullet.gif'); } table { font-size: 11.4px; } #topBar { background: #6f2525; height: 16px; width: 100%; margin: 0; z-index: 1000; position: absolute; top:0px; left: 0px;} #containerBg { margin-left: auto; margin-right: auto; width: 840px; height: auto; background: url('../images/containerBg2.png'); background-repeat: repeat-y; margin-top: -18px;} #containerBtm { margin-left: auto; margin-right: auto; width: 840px; height: 27px; background: url('../images/containerBtm2.png') no-repeat; margin-top: 0px; clear: both;} #container { width: 785px; margin-left: auto; margin-right: auto; padding-top: 30px; height: auto; text-align: left; margin-left: 31px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11.4px; } #contentArea { margin-left: 15px; width: 770px;} #logo { margin-top: 15px; float: left;} #headerImg { height: 268px; width: 779px; margin-top: 10px; margin-bottom: 10px; border-top: 5px #6f2525 solid; border-bottom: 5px #6f2525 solid; clear: both; padding-top: 8px; } #headerInfo { float:right; margin-top:20px; color:#666; font-size:10px; text-align:right; margin-right:20px;} #footer { font-size: 10px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: center; clear: both;} #footer span { font-size: 10px; } #footer a { color: #6f2525; } #contentLeft { width: 470px; height: auto; float: left; } #contentRight { width: 270px; height: auto; float: right; text-align: left; margin-right: 25px; } #featProjTop { background: url('../images/featProjTop.png'); width: 270px; height: 16px; } #featProj { width: 240px; margin-left: 12px; } #featProj h3 { margin-top: 5px; margin-bottom: 5px; } #featProj img { border: 3px #cfdfa0 solid; } #featProjBtm { background: url('../images/featProjBot.png'); width: 270px; height: 16px; } #contentArea a { color: #6f2525; font-weight: bold; } #contentArea a:hover { color: #cfdfa0; font-weight: bold; } #nav { height: 32px; width: 600px; margin-top: -25px; margin-left: 50px; margin-right: -50px; float: right;} /*Menu Note: Padding used to be at 26px when there were 3 menu items */ #menu {list-style-type:none; padding:0; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;} #menu li {display:block; float:left; position:relative; z-index:100; margin-left:8px; margin-top: -1px;} #menu li span {display:block; z-index:100; background:transparent; padding: 4px 9px; padding-top: 4px; font-size:12px; font-weight: bold; color: #000;} #menu li a, #menu li a:visited {display:block; padding:0;} #menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(transparency.gif);} #menu dt {background: transparent; margin:0; font-size: 12px; font-weight: bold; border-bottom:0px solid #fff; float:left; border-right:0px solid #fff;} #menu dd {display:none; background: transparent; border-bottom:1px solid #6f2525; clear:left; margin:0; padding:0; color: #fff; font-size: 11.4px; text-align:left;} #menu dt a, #menu dt a:visited {display:block; color:#000; padding: 4px 9px; padding-top: 4px; text-decoration:none; } #menu dd a, #menu dd a:visited {background:#cfdfa0; color:#6f2525; text-decoration:none; display:block; padding: 4px 9px; padding-top: 4px; } #menu li a:hover {border:0;} #menu li:hover dd, #menu li a:hover dd {display:block;} #menu li:hover dl, #menu li a:hover dl {border-bottom:5px solid #6f2525;} /*#menu li:hover dt a, #menu li a:hover dt a, */ #menu dd a:hover {background: #6f2525; color:#fff;} #menu li:hover dt {background: url(../images/nav_menu_button_right.gif) no-repeat top right; color:#fff;} #menu li:hover dt a {background: url(../images/nav_menu_button_left.gif) no-repeat top left; color:#fff;} #subnav { clear: both; float: left; margin-top: 0px; margin-left: 0px; width:100%; } #subnav dl { margin-top: 10px; padding: 0px; margin-left: -40px;} #subnav dt { float: left; margin-left: 65px; } #subnav dt a { display: block; height: 0px !important; height /**/:100px; /* IE 5/Win hack */ padding: 100px 0 0 0px; overflow: hidden; background-position: 0 -100px; background-repeat: no-repeat; } #subnav dt a:hover { background-position: 0 0px; } #subnav2 { clear: both; margin-top: 0px; margin:auto; width: 600px; } #subnav2 dl { margin-top: 10px; padding: 0px; margin-left: -40px;} #subnav2 dt { float: left; margin-left: 15px; } #subnav2 dt a { display: block; height: 0px !important; height /**/:100px; /* IE 5/Win hack */ padding: 100px 0 0 0px; overflow: hidden; background-position: 0 -100px; background-repeat: no-repeat; } #subnav2 dt a:hover { background-position: 0 0px; } #subnav dt#landscaping, #subnav dt#landscaping a { width: 127px; background-image: url('../images/landBtn.gif'); background-repeat: no-repeat; } #subnav dt#irrigation, #subnav dt#irrigation a { width: 127px; background-image: url('../images/irrBtn.gif'); background-repeat: no-repeat; } #subnav dt#golf, #subnav dt#golf a { width: 127px; background-image: url('../images/synBtn.gif'); background-repeat: no-repeat; } #subnav dt#property, #subnav dt#property a { width: 127px; background-image: url('../images/propBtn.gif'); background-repeat: no-repeat; } #subnav dt#sweep, #subnav dt#sweep a { width: 127px; background-image: url('../images/sweepBtn2.gif'); background-repeat: no-repeat; } #subnav dt#snow, #subnav dt#snow a { width: 127px; background-image: url('../images/snowBtn.gif'); background-repeat: no-repeat; } #subnav2 dt#landscape2, #subnav2 dt#landscape2 a { width: 127px; background-image: url('../images/landscape2Btn.gif'); background-repeat: no-repeat; } #subnav2 dt#golf2, #subnav2 dt#golf2 a { width: 127px; background-image: url('../images/golf2Btn.gif'); background-repeat: no-repeat; } #subnav2 dt#parkinglot2, #subnav2 dt#parkinglot2 a { width: 127px; background-image: url('../images/parkinglot2Btn.gif'); background-repeat: no-repeat; } #subnav2 dt#snow2, #subnav2 dt#snow2 a { width: 127px; background-image: url('../images/snow2Btn.gif'); background-repeat: no-repeat; } #subnav2 dt#property2, #subnav2 dt#property2 a { width: 127px; background-image: url('../images/property2Btn.gif'); background-repeat: no-repeat; } #subnav2 dt#water2, #subnav2 dt#water2 a { width: 127px; background-image: url('../images/water2Btn.gif'); background-repeat: no-repeat; } #subnav2 dt#beforeafter2, #subnav2 dt#beforeafter2 a { width: 127px; background-image: url('../images/beforeafter2Btn.gif'); background-repeat: no-repeat; } #subnav2 dt#retainingwall2, #subnav2 dt#retainingwall2 a { width: 127px; background-image: url('../images/retainingwall2Btn.gif'); background-repeat: no-repeat; } #left {margin-left:30px;} #photo { position:absolute; display:inline; z-index:3; background-color:black; color:white; height:18px; width:54px; font-size: 14px; font-weight: bold; } #photo a { text-decoration: none; color: #fff; border: 0px; } #tableImg img { border: 2px #cfdfa0 solid; } #featProjCont { background: #f8f8f8; border-left: 2px #ededed solid; border-right: 2px #ededed solid; margin-top: -10px; } #lsNav { clear: both; float: left; margin-top: 0px; margin-left: 0px; width: 590px; margin-bottom: 15px; } #lsNav dl { margin-left: 0px; margin-top: 0px; padding: 0px; margin-left: -40px; } #lsNav dt { float: left; margin-left: 35px; } #lsNav dt a { display: block; height: 0px !important; height /**/:47px; /* IE 5/Win hack */ padding: 47px 0 0 0px; overflow: hidden; background-position: 0 0px; background-repeat: no-repeat; } #lsNav dt a:hover { background-position: 0 -47px; } #lsNav dt#main, #lsNav dt#main a { width: 116px; background-image: url('../images/lsMain.gif'); background-repeat: no-repeat; } #lsNav dt#water, #lsNav dt#water a { width: 116px; background-image: url('../images/lsWater.gif'); background-repeat: no-repeat; } #lsNav dt#retain, #lsNav dt#retain a { width: 116px; background-image: url('../images/lsRetain.gif'); background-repeat: no-repeat; } #lsNav dt#hydro, #lsNav dt#hydro a { width: 116px; background-image: url('../images/lsHydro.gif'); background-repeat: no-repeat; } #slideshow {display: inline; width: 300px; float: right; margin: 0 20px 0 10px; } #slideshow div { border: 3px #cfdfa0 solid; width: 300px;} #slideshow h3 {text-align: center; margin: 0 0 -2px 0;} #slideshow a {text-decoration: none;}