body
{
    font-family:Verdana;
    font-size:11px;
}

#TopNav
{
	text-align: center;
	
	
	
}

#TopNav a
{    
    color: Green;
}

h1
{
    font-family:Verdana;
    font-size:12px;   
    margin:0; 
}

#Menu
{
    position:absolute;
    margin-left:500px;
    margin-top:15px;
    width:225px;    
}

#Menu a
{
    display:block;
    padding-right:30px;
    background:url(../_Img/menu-item.gif) no-repeat right top;
    vertical-align:middle;
    line-height:25px;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    color:Green;
}

#Container
{
    width:800px;
    margin:auto;
}

#Header
{    
    background:url(../_Img/sustainable-living-banner-home.jpg) no-repeat center top;
    height:144px;
}

#Header a
{
    display:block;
    width:100px;
    height:100px;
    margin-left:650px;
    margin-top:30px;
}

#House
{
    height:440px;
    width:500px;
    margin:auto;
    background:url(../_Img/house.jpg) no-repeat center top;
}

#WhiteOut
{
    visibility:hidden;
    position:absolute;
    height:440px;
    width:500px;
    filter:alpha(opacity=70);
    -moz-opacity:0.70;
    opacity: 0.70;    
}

.PointText
{
    display:block;
    position:absolute;
    cursor:pointer;     
     color:#333333;
}

.PointTextOff
{
    display:block;
    position:absolute;
    cursor:pointer;    
    color:#cccccc;
    z-index:0;
}

.PointImage
{
    position:absolute;
    cursor:pointer;
}

.PointInfo
{
    font-size:14px;
    line-height:16px;
    position:absolute;
    width:200px;
    visibility:hidden;
    border:solid 1px black;
    padding:5px;
    background:white;  
    z-index:1; 
    /*background:white url(../_Img/close.gif) no-repeat 190px 5px;*/
}

.PointInfo a
{
    display:block;    
}

.PointInfo h1
{
    padding-right:15px;
    cursor:pointer;
    background:url(../_Img/close.gif) no-repeat right top;  
    margin-bottom:5px;  
    width:100%;
}

/* HeatingEfficiency */
#HeatingEfficiencyText
{    
    margin-left:350px;
}

#HeatingEfficiencyImage
{
    width:70px; 
    height:90px; 
    margin-left:211px; 
    margin-top:101px;
}

#HeatingEfficiencyInfo
{
    margin-left:291px;
    margin-top:101px;
}

/* TreesAndWildLife */
#TreesAndWildLifeText
{
    margin-left:-80px;
    margin-top:50px;
}

#TreesAndWildLifeImage
{
    width:167px;
    height:80px;
    margin-top:21px;
    margin-left:44px;
}

#TreesAndWildLifeInfo
{
    margin-left:221px;
    margin-top:21px;
}

/* FuelEconomy */
#FuelEconomyText
{
    margin-left:-130px;
    margin-top:150px;
}

#FuelEconomyImage
{
    margin-top:191px;
    margin-left:27px;
}

#FuelEconomyInfo
{
    margin-left:114px;
    margin-top:191px;
}

/* LowerCarbon */
#LowerCarbonText
{
    margin-left:-80px;
    margin-top:330px;
}

#LowerCarbonImage
{
    margin-top:278px;
    margin-left:10px;
}

#LowerCarbonInfo
{
    margin-top:278px;
    margin-left:97px;    
}

/* ShoppingChoices */
#ShoppingChoicesText
{
    margin-left:50px;
    margin-top:450px;
}

#ShoppingChoicesImage
{
    margin-top:278px;
    margin-left:87px;
}

#ShoppingChoicesInfo
{
    margin-top:278px;
    margin-left:162px;    
}

/* ConserveWater */
#ConserveWaterText
{
    margin-left:180px;
    margin-top:450px;    
}

#ConserveWaterImage
{
    margin-top:278px;
    margin-left:169px;
}

#ConserveWaterInfo
{
    margin-top:278px;
    margin-left:238px;    
}


/* BuildingAndRenovating */
#BuildingAndRenovatingText
{
    margin-left:0px;
    margin-top:0px;
}

#BuildingAndRenovatingImage
{
    margin-top:119px;
    margin-left:104px;
}

#BuildingAndRenovatingInfo
{
    margin-top:119px;
    margin-left:221px;    
}

/* LessWaste */
#LessWasteText
{
    margin-left:510px;
    margin-top:400px;
}

#LessWasteImage
{
    margin-top:330px;
    margin-left:388px;
}

#LessWasteInfo
{
    margin-top:330px;
    margin-left:168px;    
}

/* OrganicGardening */
#OrganicGardeningText
{
    margin-left:510px;
    margin-top:300px;
}

#OrganicGardeningImage
{
    margin-top:234px;
    margin-left:303px;
}

#OrganicGardeningInfo
{
    margin-top:234px;
    margin-left:83px;    
}

/* HealthyHome */
#HealthyHomeText
{
    margin-left:510px;
    margin-top:150px;
}

#HealthyHomeImage
{
    margin-top:101px;
    margin-left:358px;
}

#HealthyHomeInfo
{
    margin-top:101px;
    margin-left:138px;    
}



/** For the help text **/


#Help,
#HelpFrame,
#HelpShadow
{
    position:absolute; 
    visibility:hidden; 
    width:250px; 
    background-color:#F5F5F5; 
    padding:5px; 
}

#HelpShadow 
{
    background-color:#000;
    float:left;
    filter:alpha(opacity=25);
    -moz-opacity:.25;
    opacity:.25;
}

#Help
{
    border:solid 1px black;    
    z-index:10;
}

#HelpFrame {
    z-index: 9;
}