#navigation-and-content { 
background: url("page-background.jpg") no-repeat scroll bottom left #ffffff;
/* removing content-wrapper bottom margin instead for the moment EJH 22.02.13 border: 1px solid #7DA4B5;*/
}

#content-wrapper {margin-bottom: 0;}

.image-indented{
margin-left: 50px;
}
.image-floated {
float: right;
position: relative;
z-index: 1;
}




#page-title {
/* display: none; */
}

.row1 {
margin-top: 10px; padding: 0px;
}

.row2 {
margin: 0px; padding: 0px; clear: both;
}

.floated-icons {
float: right;
height: 30px;
position: relative;
z-index: 1;
}

.hp-col-1, .row2-col-1 {
float: left;
width: 460px;
margin: 0px; padding: 0px;
}

.hp-col-wide, .row2-col-wide {
float: left;
margin: 0px; padding: 30px;
}

.hp-col-2, .row2-col-2 {
float: right;
width: 460px;
margin: 0px; padding: 0px;
}

.centrebox {
margin-left: auto ;
margin-right: auto ;
border: 1px solid #7EA6B7;
background-color: white;
padding: 15px;
width: 600px;

}

.whitebox {
border: 1px solid #7EA6B7;
background-color: white;
padding: 15px;
margin: 0px 10px 27px 10px;
min-height: 110px;
}

/*
a.boxtitle:link, a.boxtitle:visited {text-decoration: none; color: #1d71af; font-weight: bold; font-size: 1.2em; }
a.boxtitle:hover {text-decoration: underline; color: #113a50;}
*/
.dssboxedimage {
    display: block;
    max-width: 100%;
    max-height: 100%;	
}
.dsscentredimage {
    display: block;
    vertical-align: middle;
}

.dssnoflex {
-webkit-flex: 0;	
}

.boxstyle_.box3.quicklinks {
background-color: #eaf6ff;
}

.hp-col-2 {
min-height: 200px;
position: relative;
} 

.parks {
position: absolute;
bottom: 0;
clear: both;
left: 0;
margin: 15px;
}

.map {
padding-top: 10px;
}

.metrics {
position: absolute;
bottom: 0;
right: 0;
margin: 15px;
width: 160px;
}

/*
 * hide when the screen is small. 
 */
.is-smallscreen .metrics { display: none; }



.icon {
float: left;
padding-bottom: 50px;
margin-right: 15px;
}