body {
  background: #000 url('../Images/Backdrop.jpg') 0 0 repeat-x;
  color: #fff;
  font-family:  Verdana;
  margin: 0;
  width: 100%;
  }

div#Wrapper {
  background: url('../Images/BackdropWatermark.jpg') 50% 0 no-repeat;
  width: 100%;
  margin: 0;
  padding: 20px 0 0 0;
  min-width: 720px;
  display: block;
  }

div#Wrapper div#SkipNav {
  display: none;
  }

/* Global Classes */
  
a {
  color: #fff;
  }

div.Hr {
  background: #1e1e1e;
  clear: both;
  height: 1px;
  }
div.Hr hr {
  display: none;
  }

div.PanelTL {
  float: left;
  background: url('../Images/PanelTL.gif') 0 0 no-repeat;
  width: 6px;
  height: 6px;
  }
div.PanelTop {
  background: url('../Images/PanelTop.gif') 0 0 repeat-x;
  height: 6px;
  }
div.PanelTR {
  float: right;
  background: url('../Images/PanelTR.gif') 0 0 no-repeat;
  width: 6px;
  height: 6px;
  }
div.PanelContent {
  margin: 0;
  padding: 4px 10px 10px 10px;
  background: url('../Images/PanelBackdrop.gif') 0 0 repeat-x;
  border-left: solid 1px #1e1e1e;
  border-right: solid 1px #1e1e1e;
  }
div.PanelContent h2 {
  font-size: 17px;
  font-weight: normal;
  padding: 0;
  margin: 0;
  }

div.CurvedCornersTop {
  height: 6px;
  }
div.CurvedCornersBottom {
  height: 6px;
  }
div.CurvedCornersTop div.Left {
  float: left;
  background: url('../Images/CornerTL.gif') 0 0 no-repeat;
  width: 6px;
  height: 6px;
  }
div.CurvedCornersTop div.Right {
  float: right;
  background: url('../Images/CornerTR.gif') 0 0 no-repeat;
  width: 6px;
  height: 6px;
  }
div.CurvedCornersBottom div.Left {
  float: left;
  background: url('../Images/CornerBL.gif') 0 0 no-repeat;
  width: 6px;
  height: 6px;
  }
div.CurvedCornersBottom div.Right {
  float: right;
  background: url('../Images/CornerBR.gif') 0 0 no-repeat;
  width: 6px;
  height: 6px;
  }

.ClearFix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  }
  
/* Title and Owl Logo */
  
div#Header div#Title {
  margin: 0 20px 0 20px;
  }

div#Header div#Title h1 {
  height: 60px;
  background: url('../Images/Owl.png') 0 0 no-repeat;
  margin: 0;
  padding: 81px 0 0 127px;
  font-family: Palatino Linotype, serif;
  font-weight: bold;
  font-style: italic;
  font-size: 45px;
}

div#Header div#Title h1 { behavior: url(iepngfix.htc); }


/* Site Navigation */

div#Header div#SiteNavigation {
  float: right;
  margin: -165px 20px 0 0;
  }

div#Header div#SiteNavigation p {
  text-align: right;
  font-size: 14px;
  }
  
div#Header div#SiteNavigation ul {
  background: url('../Images/SiteNavigationSeparater.png') 0 0 repeat-x;
  height: 37px;
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
  }

div#Header div#SiteNavigation ul li {
  font-size: 12px;
  height: 37px;
  margin-right: 1px;
  float: left;
  }

div#Header div#SiteNavigation ul li.Left {
  background: #111 url('../Images/SiteNavigationLeft.png') 0 0 no-repeat;
  padding-left: 5px;
  }
div#Header div#SiteNavigation ul li.Right {
  background: #111 url('../Images/SiteNavigationRight.png') 100% 0 no-repeat;
  padding-right: 5px;
  margin: 0;
  }

div#Header div#SiteNavigation ul li a {
  height: 24px;
  padding: 12px 12px 0 12px;
  background: url('../Images/SiteNavigationBackdrop.png') 0 0 repeat-x;
  display: block;
  color: #fff;
  text-decoration: none;
  }

div#Header div#SiteNavigation ul li a:hover {
  background: #222658 url('');
  }
  
/* Columns */

div.ColMask {
  clear:both;
  float:left;
  width:100%;
  overflow:hidden;
  }

div.ColMid,
div.ColLeft {
  float:left;
  width:100%;
  position:relative;
  }
div#LeftColumn,
div#RightColumn,
div#MiddleColumn {
  float:left;
  position:relative;
  padding: 0;
  overflow:hidden;
  }

div.ColMid {
  right: 270px;
  }
div.ColLeft {
  right: 100%;
  margin-left: 270px;
  }
div#MiddleColumn {
  width:100%;
  left:100%;
  margin-right: -520px;
  }
div#LeftColumn {
    width: 250px;
    left: 520px;
  }
div#RightColumn {
    width: 270px;
    left:100%;
  }
div#Content {
  margin: 0 270px 0 250px;
  }
div#Content.RightColumnOff {
  margin: 0 20px 0 250px;
  }

  
/* Services */

div#Services, div#SupportServices {
  width: 208px;
  padding: 6px;
  margin: 14px 14px 0 14px;
  }
div#SupportServices {
  margin-top: 0;
  }
div#Services ul, div#SupportServices ul {
  margin: 5px -5px -5px -5px;
  padding: 0;
  list-style: none;
  }

div#Services ul li, div#SupportServices ul li {
  float: left;
  margin: 0;
  margin: 5px;
  }

div#Services ul li a, div#SupportServices ul li a {
  display: block;
  width: 88px;
  height: 120px;
  }

div#Services ul li a span, div#SupportServices ul li a span {
  display: none;
  }

div#Services ul li.Arboriculture a {
  background: url('../Images/Services/Arboriculture.gif') 0 0 no-repeat;
  cursor: pointer;
  }
div#SupportServices ul li.ArbNet a {
  background: url('../Images/Services/ArbNet.gif') 0 0 no-repeat;
  }
div#SupportServices ul li.SubsNetUK a {
  background: url('../Images/Services/SubsNetUK.gif') 0 0 no-repeat;
  }
div#Services ul li.Environmental a {
  background: url('../Images/Services/Environmental.gif') 0 0 no-repeat;
  cursor: pointer;
  }
div#Services ul li.Groundworks a {
  background: url('../Images/Services/Groundworks.gif') 0 0 no-repeat;
  cursor: pointer;
  }
div#Services ul li.ServicesForInsurers a {
  background: url('../Images/Services/ServicesForInsurers.gif') 0 0 no-repeat;
  cursor: pointer;
  }
div#Services ul li.Laboratory a {
  background: url('../Images/Services/Laboratory.gif') 0 0 no-repeat;
  }
div#Services ul li.LandscapeArchitecture a {
  background: url('../Images/Services/LandscapeArchitecture.gif') 0 0 no-repeat;
  }
div#Services ul li.WasteManagement a {
  background: url('../Images/Services/WasteManagement.gif') 0 0 no-repeat;
  }
div#Services ul li.ExpertWitness a {
  background: url('../Images/Services/ExpertWitnessLarge.gif') 0 0 no-repeat;
  }

/* Services Sub Menus */

div#Services div.SubMenu, div#SupportServices div.SubMenu {
  position: absolute;
  margin-top: -120px;
  width: 186px;
  display: none;
  }
div#Services div.SubMenu ul, div#SupportServices div.SubMenu ul {
  margin: 0;
  padding: 0;
  }
div#Services div.SubMenu ul li, div#SupportServices div.SubMenu ul li {
  margin: 0;
  padding: 0;
  float: none;
  }
div#Services div.SubMenu ul li a, div#SupportServices div.SubMenu ul li a {
  margin: 0;
  width: 186px;
  height: 41px;
  display: block;
  }

div#Services div.SubMenu ul li a span, div#SupportServices div.SubMenu ul li a span {
  display: none;
  }

div#Services div#EnvironmentalMenu div.BlankTop {
  background-color: #000;
  width: 88px;
  height: 120px;
  margin: 0 0 0 98px;
  }

div#Services div#EnvironmentalMenu div.BlankBottom {
  background-color: #000;
  width: 186px;
  height: 262px;  //180px
  }

div#Services div#ArboricultureMenu {
  left: 31px;
  }
div#Services div#ArboricultureMenu div.BlankTop {
  background-color: #000;
  width: 88px;
  height: 120px;
  margin: 0;
  }

div#Services div#ArboricultureMenu div.BlankBottom {
  background-color: #000;
  width: 186px;
  height: 320px;
  }

div#Services div#ServicesForInsurersMenu div.BlankTop {
  background-color: #000;
  width: 186px;
  height: 130px;
  margin: -130px 0 0 0;
  }
div#Services div#ServicesForInsurersMenu div.BlankMiddle {
  background-color: #000;
  width: 88px;
  height: 120px;
  margin: 0 0 0 98px;
  }
div#Services div#ServicesForInsurersMenu div.BlankBottom {
  background-color: #000;
  width: 186px;
  height: 221px;  //180px
  }

div#SupportServices div#GroundworksMenu {
  left: 31px;
  }
div#SupportServices div#GroundworksMenu div.BlankTop {
  background-color: #000;
  width: 186px;
  height: 387px;
  margin: -470px 0 0 0;
  }
div#xSupportServices div#GroundworksMenu div.BlankMiddle {
  background-color: #000;
  width: 88px;
  height: 120px;
  margin: 0 0 0 98px;
  }
div#SupportServices div#GroundworksMenu div.BlankBottom {
  background-color: #000;
  width: 88px;
  height: 180px;
  }


  
div#Services div#EnvironmentalMenu ul li.Ecology a {
  background: url('../Images/Services/Ecology.gif') 0 0 no-repeat;
  }
div#Services div#EnvironmentalMenu ul li.Archaeology a {
  background: url('../Images/Services/Archaeology.gif') 0 0 no-repeat;
  }
div#Services div#EnvironmentalMenu ul li.Sustainability a {
  background: url('../Images/Services/Sustainability.gif') 0 0 no-repeat;
  }
div#Services div#EnvironmentalMenu ul li.EnvironmentalImpactAssessment a {
  background: url('../Images/Services/EnvironmentalImpactAssessment.gif') 0 0 no-repeat;
  }
div#Services div#EnvironmentalMenu ul li.FloodRiskAssessment a {
  background: url('../Images/Services/FloodRiskAssessment.gif') 0 0 no-repeat;
  }
div#Services div#EnvironmentalMenu ul li.BreeamAssessment a {
  background: url('../Images/Services/BreeamAssessment.gif') 0 0 no-repeat;
  }
div#Services div#EnvironmentalMenu ul li.AirQuality a {
  background: url('../Images/Services/AirQuality.gif') 0 0 no-repeat;
  }

div#Services div#ArboricultureMenu ul li.TreeHazardEvaluation a {
  background: url('../Images/Services/TreeHazardEvaluation.gif') 0 0 no-repeat;
  }
div#Services div#ArboricultureMenu ul li.PlanningAndDevelopment a {
  background: url('../Images/Services/PlanningAndDevelopment.gif') 0 0 no-repeat;
  }
div#Services div#ArboricultureMenu ul li.ServicesForLA a {
  background: url('../Images/Services/ServicesForLA.gif') 0 0 no-repeat;
  }
div#Services div#ArboricultureMenu ul li.TreeWorkManagement a {
  background: url('../Images/Services/TreeWorkManagement.gif') 0 0 no-repeat;
  }
div#Services div#ArboricultureMenu ul li.LandManagement a {
  background: url('../Images/Services/LandManagement.gif') 0 0 no-repeat;
  }

div#Services div#ServicesForInsurersMenu ul li.ArboriculturalSurveys a {
  background: url('../Images/Services/ArbSurveys.gif') 0 0 no-repeat;
  }
div#Services div#ServicesForInsurersMenu ul li.TreeMitigation a {
  background: url('../Images/Services/TreeMitigation.gif') 0 0 no-repeat;
  }
div#Services div#ServicesForInsurersMenu ul li.RootTesting a {
  background: url('../Images/Services/RootTesting.gif') 0 0 no-repeat;
  }
div#Services div#ServicesForInsurersMenu ul li.TreeSurgery a {
  background: url('../Images/Services/TreeSurgery.gif') 0 0 no-repeat;
  }
div#Services div#ServicesForInsurersMenu ul li.ExpertWitness a {
  background: url('../Images/Services/ExpertWitness.gif') 0 0 no-repeat;
  }

div#SupportServices div#GroundworksMenu ul li.GroundworksContractors a {
  background: url('../Images/Services/GroundworksContractors.gif') 0 0 no-repeat;
  }
div#SupportServices div#GroundworksMenu ul li.ServicesForLA a {
  background: url('../Images/Services/GroundworksServicesForLA.gif') 0 0 no-repeat;
  }
  
/* Content */

div#Content div {
  border: 0 !important
  }
div#Content div h1 {
  display: none;
  }

div#Content div.Backdrop {
  background: #101221 url('/Images/ContentBackdrop.jpg') 0 0 no-repeat; 
  border: solid 1px #336 !important; 
  border-top: none;
  min-height: 405px;
  padding: 10px;
  margin-bottom: 20px;
  }

div#Content p {
  margin: 20px 0 20px 0;
  font-size: 0.8em;
  }
div#Content p span {
  font-size: 15px;
  }
div#Content h2 {
  font-weight: normal;
  font-size: 16px;
  } 
  
div#Content h3 {
  margin: 20px 0 20px 0;
  font-weight: normal;
  font-size: 1.05em;
  }

div#Content h4 {
  margin: 20px 0 20px 0;
  font-weight: normal;
  font-size: 0.95em;
  }

div#Content ul li {
  line-height: 1.6em;
  font-size: 0.8em;
  }
div#Content ul li ul li {
  font-size: 100%;
  }
  
/* Internal Pages */

div#Content div.PageTitle {
  margin-top: 20px;
  height: 195px;
  }
div#Content div.PageTitle h2 {
  display: none;
  }
  
/* Footer */

div#Footer {
  text-align: center;
  width: 100%;
  }
div#Footer p {
  font-size: 0.75em;
  margin: 10px 0 10px 0;
  }
div#Footer p img {
  border: solid 1px #202020;
  }
div#Footer a {
  color: #999;
  font-weight: bold;
  }