html, body { height: 100%; }
body { margin: 0; padding: 0; text-align: center; color: #303030; font-family: "Palatino Linotype", Georgia, Constantia; }

#surround { background: #f2eee8 url(img/bkg.jpg) repeat-x bottom; overflow: auto; height: 100%; }
#wrapper { width: 840px; min-height: 100%; text-align: left; margin: 0 auto -102px; padding: 0 30px; }
#header { width: 400px; height: 179px; padding: 30px 0 30px; float: left; }
#address { float: right; width: 400px; padding: 30px 2px 0 0; height: 92px; text-align: right; }
#nav { float: right; width: 402px; height: 38px; padding: 1px 0 2px; background: url(img/bkg_nav.jpg); text-align: center; }
#content { float: right; width: 402px; padding: 24px 0; }
#side { float: left; width: 400px; }
#push { height: 102px; clear: both; }
#footer { clear: both; height: 102px; width: 840px; padding: 0 30px; margin: 0 auto; text-align: left; }

a { color: #962d2e; }
a:hover { color: #9f5908; }

h1, h2, h3, h4 { margin: 0; font-family: Helvetica, Arial, sans-serif; font-weight: normal; }
h1 { width: 400px; height: 179px; background: url(img/doyle_roofing.png) no-repeat; text-indent:-500em; margin: 0; }
h2 { font-size: 1.375em; color: #962d2e; }
h3 { font-size: 1.125em; color: #3d3d3d; }
h4 { font-size: 1.125em; color: #ddd; }

p, address, ul { font: normal 0.875em/1.5em "Palatino Linotype", Georgia, Constantia; margin-top: 0; }
address { margin: 0 0 1em; }
ul, ol { margin-left: 0; padding-left: 1.5em; }

#nav ul, #nav ul li { margin: 0; padding: 0; list-style: none; font: bold 14px Helvetica, Arial, sans-serif; color: #f2eee8; }
#nav ul { text-align: center; }
#nav ul li { display: inline; height: 38px; line-height: 38px; }
#nav a { color: #f2eee8; text-decoration: none; height: 38px; padding: 0 10px; }
#nav a:hover { color: #fc3; }

img { border: 0; }
hr { color: #3d3d3d; background-color: #3d3d3d; border: none; height: 1px; margin: 0 0 16px; }

form { margin: 0 0 20px; padding: 0; }
form div { margin: 5px 0 0; }
legend { font: 0.875em/3em Helvetica, Arial, sans-serif; padding: 0 10px; margin: 0; color: #3d3d3d; }
fieldset { padding: 0 20px 20px; margin: 0; border: 1px solid #3d3d3d; }
label { display: block; font: 0.8125em/1em "Palatino Linotype", Georgia, Constantia; margin: 5px 0 2px; padding: 0; }

.sm { font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; }
.ctr { text-align: center; }
.textLeft { text-align: left; }
.marginBtm { margin-bottom: 0.5em; }
.marginBtm0 { margin-bottom: 0; }
p.caption { font-size: 0.8125em; font-style: italic; text-indent: 4px; }
span.phone { font-size: 1.375em; color: #962d3e; font-style: italic; font-weight: bold; line-height: 1em; }
#mission { margin: 1.5em 0 1em; text-align: center; }
#mission p { font-weight: bold; font-size: 0.9375em; }
#address address { line-height: 1.25em; }
ul.pdf li, li.pdf { background: url(img/pdf.png) no-repeat left; padding-left: 1em; list-style: none; margin: 0 0 0 -20px; }

#frame { float: right; width: 376px; height: 250px; padding: 12px; background: url(img/frame.png); }
#slideShow { width: 376px; height: 250px; background-image: url(img/roof_01.jpg); }

iframe { border: 1px solid #3d3d3d; margin: 2px 0; padding: 0; }

#footer img { display: block; }
#footer p { color: #534741; font: 0.625em/61px Verdana, Arial, Helvetica, sans-serif; margin: 0; }
#footer a { color: #534741; text-decoration: none; }
#footer a:hover { color: #962d2e; text-decoration: underline; }