.CssTopLeftDetailPage
{
    background-image: url(Images/DetailPage/TopLeftDetailPage.png);
    background-repeat: no-repeat;
    background-color: #fffce9;
    width: 356px;
    height:135px;    
}

.CssTopCenterDetailPage
{
    background-image: url(Images/DetailPage/HarmonyLogo.png);
    background-repeat: no-repeat;
    width:  289px;
    height: 135px;        
}

.CssTopRightDetailPage
{
    background-image: url(Images/DetailPage/TopRightDetailPage.png);
    background-repeat: no-repeat;
    background-color: #fffce9;
    width: 359px;
    height: 135px; 
    text-align:right;
    vertical-align:bottom;       
}

.CssTopSeparate
{
    background-image: url(Images/DetailPage/SeparateTop.gif);
    background-repeat: no-repeat;
    width: 1004px;
    height: 13px;      
}

.CssBottomSeparate
{
    background-image: url(Images/DetailPage/SeparateBottom.gif);
    background-repeat: no-repeat;
    width: 1004px;
    height: 13px;      
}


/*----------------- Menu Left Panel ---------------------*/
.CssDetailMenuTopLeft
{
    background-image: url(Images/MainPageMenu/MenuTopLeft.png);
    background-repeat: no-repeat;
    width: 260px;
    height: 17px;      
}
.CssDetailMenuBottomLeft
{
    background-image: url(Images/MainPageMenu/MenuBottomLeft.png);
    background-repeat: no-repeat;
    width:  260px;
    height: 161px;
}

.CssDetailMenuRight
{
    background-image: url(Images/MainPageMenu/MenuRight.gif);
    background-repeat: no-repeat;
    width:   96px;
    height: 393px;    
}

.CssDetailMenuProjectDetail
{
    background-image: url(Images/MainPageMenu/MenuProjectDetail.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 260px;
    height: 39px;      
}

.CssDetailMenuProjectDetail:hover
{
    background-image: url(Images/MainPageMenu/MenuProjectDetail.png);
    background-repeat: no-repeat;
    background-position: -260px 0;
    width: 260px;
    height: 39px;      
}

.CssDetailMenuProjectDetailActive
{
    background-image: url(Images/MainPageMenu/MenuProjectDetail.png);
    background-repeat: no-repeat;
    background-position: -260px 0;
    width: 260px;
    height: 39px;      
}

.CssDetailMenuProjectDetail a
{
    color: Black;   
    text-decoration: none; 
    font-size:12px;
}

.CssDetailMenuProjectDetailActive a
{
    color:#4f4f4f;
    text-decoration: none;   
    font-size:12px;
}

.CssDetailMenuProjectConcept
{
    background-image: url(Images/MainPageMenu/MenuProjectConcept.png);    
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 260px;
    height: 25px;     
}
.CssDetailMenuProjectConcept:hover
{
    background-image: url(Images/MainPageMenu/MenuProjectConcept.png);
    background-repeat: no-repeat;
    background-position: -260px 0;
    width: 260px;
    height: 25px;     
}
.CssDetailMenuProjectConceptActive
{
   background-image: url(Images/MainPageMenu/MenuProjectConcept.png);
    background-repeat: no-repeat;
    background-position: -260px 0;
    width: 260px;
    height: 25px;     
}

.CssDetailMenuProjectConcept a
{
    color: Black;   
    text-decoration: none; 
    font-size:12px;
}

.CssDetailMenuProjectConceptActive a
{
    color:#4f4f4f;
    text-decoration: none;   
    font-size:12px;
}

.CssDetailMenuFloorPlan
{
    background-image: url(Images/MainPageMenu/MenuFloorPlan.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 260px;
    height: 26px;      
}
.CssDetailMenuFloorPlan:hover
{
    background-image: url(Images/MainPageMenu/MenuFloorPlan.png);
    background-repeat: no-repeat;
    background-position: -260px 0;
    width: 260px;
    height: 26px;      
}
.CssDetailMenuFloorPlanActive
{
    background-image: url(Images/MainPageMenu/MenuFloorPlan.png);
    background-repeat: no-repeat;
    background-position: -260px 0;
    width: 260px;
    height: 26px;      
}

.CssDetailMenuFloorPlan a
{
    color: Black;   
    text-decoration: none; 
    font-size:12px    
}

.CssDetailMenuFloorPlanActive a
{
    color:#4f4f4f;
    text-decoration: none;   
    font-size:12px;     
}
.CssDetailMenuLocation
{
    background-image: url(Images/MainPageMenu/MenuLocation.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 260px;
    height: 24px;       
}
.CssDetailMenuLocation:hover
{
    background-image: url(Images/MainPageMenu/MenuLocation.png);
    background-repeat: no-repeat;
    background-position: -260px 0;
    width: 260px;
    height: 24px;       
}
.CssDetailMenuLocationActive
{
    background-image: url(Images/MainPageMenu/MenuLocation.png);
    background-repeat: no-repeat;
    background-position: -260px 0;
    width: 260px;
    height: 24px;       
}
.CssDetailMenuLocation a
{
    color: Black;   
    text-decoration: none; 
    font-size:12px    
}
.CssDetailMenuLocationActive a
{
    color:#4f4f4f;
    text-decoration: none;   
    font-size:12px;     
}
.CssDetailMenuFacilities
{
    background-image: url(Images/MainPageMenu/MenuFacilities.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 260px;
    height: 24px;      
}
.CssDetailMenuFacilities:hover
{
    background-image: url(Images/MainPageMenu/MenuFacilities.png);
    background-repeat: no-repeat;
    background-position: -260px 0;
    width: 260px;
    height: 24px;      
}
.CssDetailMenuFacilitiesActive
{
    background-image: url(Images/MainPageMenu/MenuFacilities.png);
    background-repeat: no-repeat;
    background-position: -260px 0;
    width: 260px;
    height: 24px;      
}
.CssDetailMenuFacilities a
{
    color: Black;   
    text-decoration: none; 
    font-size:12px       
} 
.CssDetailMenuFacilitiesActive a
{
    color:#4f4f4f;
    text-decoration: none;   
    font-size:12px;     
}

.CssDetailMenuProjectProgress
{
    background-image: url(Images/MainPageMenu/MenuProjectProgress.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 260px;
    height: 24px;      
}
.CssDetailMenuProjectProgress:hover
{
    background-image: url(Images/MainPageMenu/MenuProjectProgress.png);
    background-repeat: no-repeat;
    background-position: -260px 0;
    width: 260px;
    height: 24px;      
}
.CssDetailMenuProjectProgressActive
{
    background-image: url(Images/MainPageMenu/MenuProjectProgress.png);
    background-repeat: no-repeat;
    background-position: -260px 0;
    width: 260px;
    height: 24px;      
}

.CssDetailMenuProjectProgress a
{
    color: Black;   
    text-decoration: none; 
    font-size:12px  
}
.CssDetailMenuProjectProgressActive a
{
    color:#4f4f4f;
    text-decoration: none;   
    font-size:12px;   
}

.CssDetailMenuPortfolio
{
    background-image: url(Images/MainPageMenu/MenuPortfolio.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 260px;
    height: 23px;      
}
.CssDetailMenuPortfolio:hover
{
    background-image: url(Images/MainPageMenu/MenuPortfolio.png);
    background-repeat: no-repeat;
    background-position: -260px 0;
    width: 260px;
    height: 23px;      
}
.CssDetailMenuPortfolioActive
{
    background-image: url(Images/MainPageMenu/MenuPortfolio.png);
    background-repeat: no-repeat;
    background-position: -260px 0;
    width: 260px;
    height: 23px;      
}
.CssDetailMenuPortfolio a
{
    color: Black;   
    text-decoration: none; 
    font-size:12px  
}
.CssDetailMenuPortfolioActive a
{
    color:#4f4f4f;
    text-decoration: none;   
    font-size:12px;     
}

.CssDetailMenuContactUs
{
    background-image: url(Images/MainPageMenu/MenuContactUs.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 260px;
    height: 30px;      
}
.CssDetailMenuContactUs:hover
{
    background-image: url(Images/MainPageMenu/MenuContactUs.png);
    background-repeat: no-repeat;
    background-position: -260px 0px;
    width: 260px;
    height: 30px;      
}
.CssDetailMenuContactUsActive
{
    background-image: url(Images/MainPageMenu/MenuContactUs.png);
    background-repeat: no-repeat;
    background-position: -260px 0px;
    width: 260px;
    height: 30px;      
}
.CssDetailMenuContactUs a
{
    color: Black;   
    text-decoration: none; 
    font-size:12px  
}
.CssDetailMenuContactUsActive a
{
    color:#4f4f4f;
    text-decoration: none;   
    font-size:12px;     
}
.CssDetailMenuRightBar
{
    background-image: url(Images/MainPageMenu/MenuRightBar.png);
    background-repeat: no-repeat;
    width:   47px;
    height: 393px;     
}

.CssDetailMenuRightSpace
{
    width: 24px;   
    background-color: White;
}

.CssDetailContentLeftBar
{
    background-image: url(Images/DetailPage/DetailContentLeftBar.png);
    background-repeat: no-repeat;
    background-color: #f3a88b;
    width:   43px;
    height: 518px;
    vertical-align:bottom;      
}
.CssDetailContent
{
    width:  914px;
    height: 518px;    
    background-color: White; 
}
.CssDetailContentRightBar
{
    background-image: url(Images/DetailPage/DetailContentRightBar.png);
    background-repeat: no-repeat;
    background-color: #f3a88b;
    width:   47px;
    height: 518px;      
    vertical-align:bottom;  
}

.CssDetailFooter
{
    background-image: url(Images/DetailPage/DetailFooter.png);
    background-repeat: no-repeat;
    width: 1004px;
    height:  26px;     
}

.CssDetailFont
{
    color : #666666;
    font-size: 12px;    
}

.CssTitleFont
{
    color : #b87b50;
    font-size: 12px;   
}

.CssDetailTitleFont
{
    color : #a47429;
    font-weight: bold;
    font-size: 12px;    
}


.CssDetailTable
{
    border-right: #af9250 1px solid;
    border-top: #af9250 1px solid;
    border-left: #af9250 1px solid;
    border-bottom: #af9250 1px solid;
}

.CssTableTitle1
{
    background-color: #f0d5b8;
    color: #473414;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border-right: #af9250 1px solid;
    border-bottom: #af9250 1px solid;
}
.CssTableTitle2
{
   background-color: #fbddc9;
   color: #473414;
   font-size: 12px;
   font-weight: bold;
   text-align:center;   
   border-right: #af9250 1px solid;
   border-bottom: #af9250 1px solid;
}
.CssTableTitle3
{
   background-color: #edbf9e; 
   color: #473414;
   font-size: 12px;
   font-weight: bold;
   text-align:center;
   border-bottom: #af9250 1px solid;
}

.CssTableCell1
{
   background-color: #ffedd9;
   color: #473414;
   text-align:center;
   font-size: 12px;
   border-top: #ffffff 1px solid;
   border-bottom: #ffffff 1px solid;
   border-right: #af9250 1px solid;
}
.CssTableCell2
{
   background-color: #fff0e6;
   color: #473414;
   text-align:center;
   font-size: 12px;
   border-top: #ffffff 1px solid;
   border-bottom: #ffffff 1px solid;
   border-right: #af9250 1px solid;
}
.CssTableCell3
{
   background-color: #ffebdd;
   color: #473414;
   text-align:center;
   font-size: 12px;
   border-top: #ffffff 1px solid;
   border-bottom: #ffffff 1px solid;
}

.CssMenuText
{
    margin: auto auto auto 10px;
}

.CssFooterLink a
{
    color: #666666;
    text-decoration: none;
}