body {
background: #939393;
font-family: Arail, Tahoma, Verdana, sans-serif;
font-size: 14px;
color: #686868;
margin: 0;
}
img {
border: 0;
}
.clear {
clear: both;
}
#wrapper {
background: #fff;
width: 996px;
margin: 0 auto 0;
border-left: 2px solid #000;
border-right: 2px solid #000;
}
#header {
background: url('images/header.jpg') no-repeat;
height: 118px;
}
#header h1 {
font-family: Georgia;
font-size: 36px;
font-weight: bold;
color: #fff;
padding: 53px 0 0 30px;
margin: 0;
}
#content {
padding: 30px;
}
#beforeafterpics {
width: 302px;
float: left;
margin: 0 30px 0 0;
}
#beforeafterpics img {
display: block;
margin: 0 0 10px;
}
#content h2 {
font-family: Georgia;
font-size: 30px;
font-weight: bold;
color: #212121;
margin: 0;
}
#introtext h2 span {
color: #d30404
}
#introtext p {
line-height: 28px;
margin: 0 0 14px;
}
hr {
background: #c8c8c8;
height: 2px;
border: 0;
margin: 20px 0 23px;
}
.quote1 {
width: 416px;
background: #f9f9f9;
border: 1px solid #c8c8c8;
padding: 20px;
float: left;
margin: 25px 20px 0 0;
}
.quote2 {
width: 416px;
background: #f9f9f9;
border: 1px solid #c8c8c8;
padding: 20px;
float: left;
margin: 25px 0 0;
}
.quote1 p, .quote2 p {
font-size: 12px;
line-height: 24px;
margin: 0;
}
.quote1 img, .quote2 img {
margin: 0 20px 0 0;
float: left;
}
#bottomcta {
padding: 30px 0 0;
text-align: center;
clear: both;
}
#footer {
background: #9e0000;
}
#footer p {
color: #fff;
text-align: center;
font-weight: bold;
padding: 20px;
font-size: 12px;
margin: 0;
}