html {
    border:0pt none;
    height:100%;
    margin:0pt;
    padding:0pt;
    text-align:center;
}

body {
    background-color:#DBDBDB; 
    margin:0pt auto;
    padding:0pt;
    width:760px;
    color:#555658;
    font-family:arial,helvetica,sans-serif;
    font-size:80%;
}

/* Main layout divs */

#wrapper {
    background-color:#FFFFFF; 
    width:760px;
    text-align:left;
}

div.banner {
    width:760px;
    height:215px;
    padding-top:none;
    margin-top:none;
    background-repeat:no-repeat;
}

#menu{
    width:760px;
    height:33px;
    background-color:#88898C;
}

#content{
}

/* Menu styles */

#menu div{
    margin: 8px 20px 0px 0px;
    float:right;
    font-weight:bold;
    font-size:110%;
    color:#ffffff;
}

#menu a{
    font-weight:bold;
    font-size:110%;
    text-decoration:none;
    color:#ffffff;
}

/* Content styles */

div.breadcrumb-bar{
    width:670px;
    margin-top:38px;
    margin-left:70px;
    font-size:130%;
    background-repeat: repeat-x;
}

div.breadcrumb{
    display:inline;
    padding-right:4px;
    width:auto;
}

div.breadcrumb, div.breadcrumb a{
    background-color:#ffffff;
    color:#838689;
    text-decoration:none;
}

div.main-content{
    background-repeat:no-repeat;
    margin-top:22px;
    padding-left:71px;
    padding-right:20px;
    padding-bottom:5px;
}
    div.main-content p{
   
    line-height:185%;

}
div.main-content h1{
    font-size:250%;
    font-weight:normal;
    margin-top:0px;
    display:inline;
}

div.main-content h2{
    font-size:150%;
    font-weight:normal;
    margin-top:0px;
}

div.main-content h3{
    font-size:120%;
    font-weight:normal;
    margin-top:0px;
}

div.main-content a{
    color:#444444;    
    text-decoration:none;
}
div.main-content a:hover {
    color:#993399;    
    text-decoration:none;
}
div.top-services-nav a {
    color:#444444;    
    text-decoration:none;
     line-height:145%;
      font-size:90%;
      font-weight:bold;
      font-family:arial,helvetica,sans-serif;
      margin-top:0px;
      vertical-align:top;
      padding-top:0px;
}

div.top-services-nav a:hover {
    color:#993399;    
    text-decoration:none;
     line-height:145%;
      font-size:90%;
      font-weight:bold;
      font-family:arial,helvetica,sans-serif;
      margin-top:0px;
      vertical-align:top;
      padding-top:0px;
}

div.apl-logo{
    width:200px;
    height:51px;
    float:right;
    margin-top:20px;
    margin-bottom:20px;
}

div.bottom-line{
    clear:both;
    width:670px;
    margin-bottom:10px;
}

div.footer-box{
    background-color:#88898C;
    color:#ffffff;
    width:670px;
    height:277px;
    text-align:right;
}

div.footer-box-left{
    float:left;
    vertical-align: bottom;
    width:300px;
    height:267px;
    margin: 0px 10px 0px 0px;
    padding: 5px 0px 5px 5px;
}

div.footer-box-call-us{
    width:300px;
    height:100px;
}


div.footer-box-left img{
    display:inline;
    width:135px;
    height:145px;
    margin: 10px 0px 0px 10px;
}

div.footer-box-right{
    float:right;
    position:relative;
    vertical-align: bottom;
    width:310px;
    height:267px;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 0px;
}

div.footer-box-right img{
    float:right;
    vertical-align:text-bottom;
    width:180px;
    height:245px;
    margin: 10px 0px 0px 0px;
}

div.footer-right-text{
    position:absolute;
    bottom:18px;
    left:0px;
    width:36%;
    float:left;
    vertical-align:bottom;
    font-weight:bold;
    font-size:120%;
    font-style:italic;
    margin: 10px 0px 0px 0px;
}

div.small-footer-left{
    float:left;
    vertical-align: bottom;
    width:300px;
    height:80px;
    margin: 0px 10px 0px 0px;
    padding: 5px 0px 5px 5px;
}



/* homepage specific styles */

#homepage div.banner{ background-image: url('../images/homepage-banner.jpg');}
#homepage #menu a.menu-home{color:#000000;}
#homepage div.breadcrumb-bar, #homepage div.bottom-line{ background-image: url('../images/homepage-line.gif');}
#homepage div.main-content{ background-image:url('../images/homewaterpage-arrow.gif');}
#homepage div.main-content h1, #homepage div.main-content h2, #homepage div.main-content h3{ color:#669966;}

/* profile specific styles */

#profile div.banner{ background-image: url('../images/profiletop.jpg');}
#profile #menu a.menu-profile{ color:#000000;}
#profile div.breadcrumb-bar, #profile div.bottom-line{ background-image: url('../images/profile-line.gif');}
#profile div.main-content{ background-image:url('../images/profilepage-arrow.gif');}
#profile div.main-content h1, #profile div.main-content h2, #profile div.main-content h3{ color:#99cc33;}

/* services specific styles */

#services div.banner{ background-image: url('../images/services.jpg');}
#services #menu a.menu-services{ color:#000000;}
#services div.breadcrumb-bar, #services div.bottom-line{ background-image: url('../images/services-line.gif');}
#services div.main-content{ background-image:url('../images/newsservicespage-arrow.gif');}
#services div.main-content h1, #services div.main-content h2, #services div.main-content h3{ color:#cccc99;}

/* portfolio specific styles */

#portfolio div.banner{ background-image: url('../images/portfolio.jpg');}
#portfolio #menu a.menu-portfolio{ color:#000000;}
#portfolio div.breadcrumb-bar, #portfolio div.bottom-line{ background-image: url('../images/portfolio-line.gif');}
#portfolio div.main-content{ background-image:url('../images/portfoliopage-arrow.gif');}
#portfolio div.main-content h1, #portfolio div.main-content h2, #portfolio div.main-content h3{ color:#666666;}

/* awards specific styles */

#awards div.banner{ background-image: url('../images/awards.jpg'); }
#awards #menu a.menu-awards{ color:#000000; }
#awards div.breadcrumb-bar, #awards div.bottom-line{ background-image: url('../images/awards-line.gif'); }
#awards div.main-content{ background-image:url('../images/awardspage-arrow.gif');}
#awards div.main-content h1, #awards div.main-content h2, #awards div.main-content h3{ color:#99cc00;}

/* contact specific styles */

#contact div.banner{ background-image: url('../images/contact.jpg');}
#contact #menu a.menu-contact{ color:#000000;}
#contact div.breadcrumb-bar, #contact div.bottom-line{ background-image: url('../images/contact-line.gif');}
#contact div.main-content{ background-image:url('../images/contactpage-arrow.gif');}
#contact div.main-content h1, #contact div.main-content h2, #contact div.main-content h3{ color:#999999;}

/* news-tips specific styles */

#news-tips div.banner{ background-image: url('../images/news-and-tips.jpg');}
#news-tips #menu a.menu-news{ color:#000000;}
#news-tips div.breadcrumb-bar, #news-tips div.bottom-line{ background-image: url('../images/services-line.gif');}
#news-tips div.main-content{ background-image:url('../images/newsservicespage-arrow.gif');}
#news-tips div.main-content h1, #news-tips div.main-content h2, #news-tips div.main-content h3{ color:#99CC00;}

/* construction specific styles */

#construction div.banner{ background-image: url('../images/construction.jpg');}
#construction #menu a.menu-services{ color:#000000;}
#construction div.breadcrumb-bar, #construction div.bottom-line{ background-image: url('../images/constructionpage-line.gif');}
#construction div.main-content{ background-image:url('../images/constructionpage-arrow.gif');}
#construction div.main-content h1, #construction div.main-content h2, #construction div.main-content h3{ color:#99CC00;}

/* design specific styles */

#design div.banner{ background-image: url('../images/designtop.jpg');}
#design #menu a.menu-services{ color:#000000;}
#design div.breadcrumb-bar, #design div.bottom-line{ background-image: url('../images/designpage-line.gif');}
#design div.main-content{ background-image:url('../images/designpage-arrow.gif');}
#design div.main-content h1, #design div.main-content h2, #design div.main-content h3{ color:#666666;}

/* lighting specific styles */

#lighting div.banner{ background-image: url('../images/lighttop.jpg');}
#lighting #menu a.menu-services{ color:#000000;}
#lighting div.breadcrumb-bar, #lighting div.bottom-line{ background-image: url('../images/lightingpage-line.gif');}
#lighting div.main-content{ background-image:url('../images/ligtingpage-arrow.gif');}
#lighting div.main-content h1, #lighting div.main-content h2, #lighting div.main-content h3{ color:#996666;}

/* planting specific styles */

#planting div.banner{ background-image: url('../images/plantingtop.jpg');}
#planting #menu a.menu-services{ color:#000000;}
#planting div.breadcrumb-bar, #planting div.bottom-line{ background-image: url('../images/plantingpage-line.gif');}
#planting div.main-content{ background-image:url('../images/plantingpage-arrow.gif');}
#planting div.main-content h1, #planting div.main-content h2, #planting div.main-content h3{ color:#993399;}

/* water specific styles */

#water div.banner{ background-image: url('../images/watertop.jpg');}
#water #menu a.menu-services{ color:#000000;}
#water div.breadcrumb-bar, #water div.bottom-line{ background-image: url('../images/homepage-line.gif');}
#water div.main-content{ background-image:url('../images/homewaterpage-arrow.gif');}
#water div.main-content h1, #water div.main-content h2, #water div.main-content h3{ color:#669966;}

/* waterside-retreat specific styles */

#waterside-retreat div.banner{ background-image: url('../images/koitop.jpg');}
#waterside-retreat #menu a.menu-portfolio{ color:#000000;}
#waterside-retreat div.breadcrumb-bar, #waterside-retreat div.bottom-line{ background-image: url('../images/casepage-line.gif');}
#waterside-retreat div.main-content{ background-image:url('../images/casepage-arrow.gif');}
#waterside-retreat div.main-content h1, #waterside-retreat div.main-content h2, #waterside-retreat div.main-content h3{ color:#9999cc;}

/* case study specific styles */

#case-study div.banner{ background-image: url('../images/case-study-top.jpg');}
#case-study #menu a.menu-portfolio{ color:#000000;}
#case-study div.breadcrumb-bar, #case-study div.bottom-line{ background-image: url('../images/portfolio-line.gif');}
#case-study div.main-content{ background-image:url('../images/portfoliopage-arrow.gif');}
#case-study div.main-content h1, #case-study div.main-content h2, #case-study div.main-content h3{ color:#666666;}

/* testimonials specific styles */

#testimonials div.banner{ background-image: url('../images/testimonialtop.jpg');}
#testimonials #menu a.menu-testimonials{ color:#000000;}
#testimonials div.breadcrumb-bar, #testimonials div.bottom-line{ background-image: url('../images/portfolio-line.gif');}
#testimonials div.main-content{ background-image:url('../images/portfoliopage-arrow.gif');}
#testimonials div.main-content h1, #testimonials div.main-content h2, #testimonials div.main-content h3{ color:#666666;}