.content {
background: url(../Images/Roofplanjpg.jpg) repeat center;
}

h1 {
text-align: left;
}

h1:first-letter {
background-color: transparent;
}

.left-align {
text-align: left;
}

blockquote {
margin-left: 0;
margin-right: 0;
}

#quotewrap {           
width: 51%;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
}

#quote {
text-align: left;
font-style: italic;
font-weight: bold;
padding: 15px; 
border-left: none;
border-right: none; 
border-top: none;
border-bottom: none; 
}

#quote:before {
content: url(../Images/quote-curve-tl.png); 
display: block;
background: transparent url(../Images/quote-curve-tr.png) no-repeat top right;
margin: -17px -15px 0 -15px; 
line-height: 0.1;
font-size: 1px;
}

#quote:after {
content: url(../Images/quote-curve-bl.png); 
display: block;
background: transparent url(../Images/quote-curve-br.png) no-repeat top right;
margin: 0 -15px -17px -15px; 
line-height: 0.1;
font-size: 1px;
}

#quotetext {
background-color: transparent;
margin-top: 0;
margin-bottom: 0;
padding-top: 2px; 
padding-bottom: 2px;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
border-left: 2px solid #009;
border-right: 2px solid #009; 
background-image: url(../Images/quote-bg.png);
}

#quotetext:before {
display: block;
content: url(../Images/pseudo-content.png);
background-color: transparent;
background-image: url(../Images/quote-bg.png);
margin-top: -17px;
margin-left: -2px;
margin-right: -2px;
border-top: 2px solid #009;
line-height: 0.1;
font-size: 1px;
}

#quotetext:after {
display: block;
content: url(../Images/pseudo-content.png);
background-color: transparent;
background-image: url(../Images/quote-bg.png);
margin-bottom: -17px;
margin-left: -2px;
margin-right: -2px;
border-bottom: 2px solid #009;
line-height: 0.1;
font-size: 1px;
}

#quotesrc {
font-size: 70%;
font-variant: small-caps;
text-align: right;
background-color: transparent;
display: block; 
}

h2, #R-Energies, #R-Energies-IE, .content p {
text-align: left;
}

#R-Energies, #R-Energies-IE {
line-height: 2em;
border: 2px solid #009;
position: relative;
padding: 10px 300px 10px 0;
margin-left: 0;
height: 14em;
}

#R-Energies li, #R-Energies-IE {
list-style-position: inside;
}

#R-Energies li span, #R-Energies-IE li span {
border-bottom: 1px dashed black;
background-color: transparent;
}

#R-Energies li:hover {
cursor: help;
}

#R-Energies li:hover span {
background-color: #00CC00;
color: #FFFFFF;
}

#R-Energies li:hover div, .on {
position: absolute;
width: 280px;
border: 2px solid #009;
}

#R-Energies li:hover div {
top: 50%;
right: 10px;
}

.on {
top: 50%;
right: 25px;
}

#photovoltaics:hover div, #photovoltaics .on {
height: 194px;
background: transparent url(../Images/photovoltaics.jpg) no-repeat top left;
margin-top: -99px;
}

#solar:hover div, #solar .on {
height: 157px;
background: transparent url(../Images/solar.jpg) no-repeat top left;
margin-top: -81px;
}

#rainwater:hover div, #rainwater .on {
height: 228px;
background: transparent url(../Images/rainwater.jpg) no-repeat top left;
margin-top: -116px;
}

#combined:hover div, #combined .on {
height: 223px;
background: transparent url(../Images/combined.jpg) no-repeat top left;
margin-top: -114px;
}

#pumps:hover div, #pumps .on {
height: 203px;
background: transparent url(../Images/pumps.gif) no-repeat top left;
margin-top: -104px;
}

#insulation:hover div, #insulation .on {
height: 237px;
background: transparent url(../Images/insulation.jpg) no-repeat top left;
margin-top: -121px;
}

#turbines:hover div, #turbines .on {
height: 178px;
background: transparent url(../Images/turbines.jpg) no-repeat top left;
margin-top: -91px;
}

h3 {
font-weight: bold;
font-size: 100%;
text-align: left;
}