/*-------style reset-------*/
html, body, div, span, h1, h2, h3, p, em, font, img, ol, ul, li, form, label, img{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
:focus {outline: 0;}
ol, ul {list-style: none;}

body {font: 62.5% arial, helvetica, verdana, sans-serif; text-align: center; margin: 0 auto; background: #E8E7E3 url(images/bkgdGradient.jpg) repeat-x top left;}

#container {position: relative; text-align: left; width: 791px; height: 690px; padding: 80px 0 0 27px; margin: 0 auto; margin-top: 94px; background: #fff url(images/family.jpg) no-repeat top center;}
#container2 {position: relative; text-align: left; width: 791px; height: 540px; padding: 80px 0 0 27px; margin: 0 auto; margin-top: 94px; background: #fff url(images/family.jpg) no-repeat top center;}

h1 {font-size: 2.5em; font-weight: bold; color: #009900; font-style: italic; padding: 0 0 7px 0; line-height: 1em;}
h2 {font-size: 1.8em; font-weight: bold; color: #009900; padding: 20px 0 10px 0;}
p {font-size: 1.2em; color: #333; padding: 0 350px 16px 0;}
span {font-weight: bold; font-size: 1.2em;}
.days {float: left; margin-right: 10px;}

#logo {position: absolute; top: -80px; left: 10px;}
#saver {position: absolute; top: -94px; right: 30px;} 

.mainNav {position: absolute; top: 13px; right: 15px; text-align: right;}
.mainNav p {padding: 0;}
.mainNav a {color: #fff; text-decoration: none; font-weight: bold; line-height: 1.8em; text-transform: uppercase;}
.mainNav a:hover {color: #ED8F29; text-decoration: underline;}

ul.products {float: left; width: 160px;}
ul.products li {font-size: 1.2em; color: #333; padding: 0 0 2px 12px; margin-right: 10px; background: url(images/bullet_orange1.gif) no-repeat top left;}

.boxGreen {position: absolute; top: 231px; right: 6px; width: 450px; height: 280px; padding-top: 12px; background: url(images/bkgdGreen.jpg) no-repeat top center;}
.boxGreen ul {padding: 5px 0 0 17px;}
.boxGreen ul li {color: #fff; font-size: 1.2em; padding: 0 25px 10px 12px; background: url(images/bullet_orange2.gif) no-repeat top left;}
.boxGreen ul li span {font-size: 1.1em; font-weight: bold; text-transform: uppercase;}
.boxGreen img {float: left; margin: 10px 3px 0 7px;}
.boxGreen p {padding: 15px 0; text-align: center; color: #fff; font-size: 1.4em;}
.boxGreen span {font-size: 1.1em;}
.boxGreen .line {border-bottom: 1px solid #fff; padding-top: 25px; margin: 0 15px 0 220px;}

.callout {position: absolute; top: 511px; right: 224px; width: 256px; height: 173px; text-align: center; padding: 76px 0 0 0; background: url(images/bkgdBlue.gif) no-repeat top center;}
.callout p {color: #fff; padding: 0 0 5px 16px; font-size: 1.6em; font-style: italic; line-height: 1em;}
.callout .big {font-size: 1.8em; font-weight: bold;}

.hours {position: absolute; top: 525px; right: 30px; width: 179px; height: 178px; padding-top: 10px; background: url(images/hoursBkgd.gif) no-repeat top center;}
.hours p {line-height: 1.4em; padding: 10px 0 0 16px;}

.map {margin-top: 50px;}
.phone {position: absolute; top: 190px; right: 90px;}

#footer {position: absolute; left: 0; top: 720px; height: 61px; width: 818px; text-align: center; background: url(images/footerBkgd.gif) no-repeat center bottom;}
#footer p {color: #125211; font-size: 1.1em; padding: 5px 45px 0 35px;}
#footer a {color: #125211;}

#footer2 {position: absolute; left: 0; top: 580px; height: 61px; width: 818px; text-align: center; background: url(images/footerBkgd.gif) no-repeat center bottom;}
#footer2 p {color: #125211; font-size: 1.1em; padding: 5px 45px 0 35px;}
#footer2 a {color: #125211;}