*{margin:0;padding:0;border:0}
body {
  position: relative;
  text-align: center;
  font-family: "Trebuchet MS", "Arial", sans-serif;
  font-size: 13px;
  color: #4F5354;
  background: #A7A08D url('graphics/bg.jpg') no-repeat top center;
}
a, a:link, a:visited {
  color: #004195;
  text-decoration: underline;
}
a:focus, a:hover, a:active {
  text-decoration: none;
}
#page {
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 1000px;
}
#header {
  background: #FFFFFF;
  height: 185px;
}
#logo {
  position: absolute;
  top: 30px;
  left: 50px;
}
#topnav {
  position: absolute;
  top: 100px;
  background: url('graphics/nav_bar.jpg') no-repeat top left;
  width: 800px;
  height: 50px;
  overflow: hidden;
}
#topnav div {
  position: relative;
  top: 14px;
  display: inline;
  width: 330px;
  margin: 50px 50px; 
}
#topnav a {
  font-size: 18px;
  text-decoration: none;
  padding: 16px;
}
#trightnav {
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: right;
  width: 212px;
  height: 144px;
  padding: 20px;
  background: #FFFFFF url('graphics/paint_roller.jpg') no-repeat top right;
}
#trightnav ul {
  list-style-type: none;

}
#trightnav ul li {
  padding: 5px 0;
}
#trightnav  a, #trightnav a:link, #trightnav a:visited {
  font-size: 1.1em;
  color: #FFFFFF;
  text-decoration: none;
}
#trightnav  a:focus, #trightnav a:hover, #trightnav a:active {
  text-decoration: underline;
}
#spage {
  position: relative;
  background: #FFFFFF;
}
#content {
  position: relative;
  zoom:1
}
#footer {
  position: relative;
  width: 1008px;
  height: 32px;
  margin: 0 -4px;
  background: url('graphics/fbar.jpg') no-repeat top center;
  text-align: center;
}
#sfooter {
  position: relative;
  top: 32px;
  padding: 32px 70px;
  width: 860px;
  text-align: left;
  margin: 0 auto;
  color: #FFFFFF;
  background: #000000;
font-size:.8em;
}
#sfooter  a, #sfooter a:link, #sfooter a:visited {
  color: #FFFFFF;
  text-decoration: underline;
}
#sfooter  a:focus, #sfooter a:hover, #sfooter a:active {
  text-decoration: none;
}
.oilcolor, .oilcolor a, a.oilcolor, a.oilcolor:link, a.oilcolor:visited {
  color: #118244;
}
a.oilcolor:focus, a.oilcolor:hover, a.oilcolor:active, a.insecoilcolor {
  color: #FFFFFF;
  background: #118244;
}
.watercolor, .watercolor a, a.watercolor, a.watercolor:link, a.watercolor:visited {
  color: #004396;
}
a.watercolor:focus, a.watercolor:hover, a.watercolor:active, a.insecwatercolor {
  color: #FFFFFF;
  background: #004396;
}
.shad {
  width: 250px;
  height: 45px;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  margin: 20px 0;
  text-align: center;
}
.shad a {
  margin: 2px;
  width: 206px;
  height: 31px;
  padding: 5px 20px;
  text-decoration: none;
  display: block;
}
.shad a.watercolor:focus, .shad a.watercolor:hover, .shad a.watercolor:active {
  text-decoration: underline;
  color: #004396;
  background: #FFFFFF;
}
.shad a.oilcolor:focus, .shad a.oilcolor:hover, .shad a.oilcolor:active {
  text-decoration: underline;
  color: #118244;
  background: #FFFFFF;
}
.shad a.onpageoilcolor {
  background: #D8E8DD;
}
.shad a.onpagewatercolor {
  background: #CCE1FA;
}
.colleft {
  float: left;
  padding: 0 30px 0 50px;
  background: url('graphics/hdiv.jpg') no-repeat top right;
}
.colright {
  float: left;
  width: 280px;
  padding: 30px 20px 0 20px;
  text-align: center;
}
.colright img {
  margin: 18px 0;
}
.center {
  text-align: center;
}
.right {
  float: right;
  margin-left: 10px;
}
#midbox {
  position: relative;
  top: 32px;
  padding: 32px 50px 32px 70px;
  width: 880px;
  background: #4F5354;
  color: #FFFFFF;
  font-size: 14px;
  text-align: left;
  margin: 0 auto;
  line-height:175%;
}
#midbox h2 {
  color: #D1A85B;
  font-size: 20px;
  padding-top: 30px;
  font-weight:normal;
}
#midbox  a, #midbox a:link, #midbox a:visited {
  color: #FFFFFF;
  text-decoration: underline;
}
#midbox  a:focus, #midbox a:hover, #midbox a:active {
  text-decoration: none;
}
.rightnav {
  float: right;
  padding: 20px 20px 0 0;
  text-align: center;
}
.rightnav h2 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight:normal;
  margin-bottom:-10px;
}
.rightnav ul {
  list-style-type: none;
}
.rightnav ul li {
  padding: 5px 0;
}

.rightnav a, .rightnav a:link, .rightnav a:visited {
  text-decoration: none;
}
.rightnav a:focus, .rightnav a:hover, .rightnav a:active {
  text-decoration: underline;
}
#scontent {
  padding: 0 0 30px 50px;
  width: 630px;
}
#scontent h1 {
  font-size: 19px;
  font-weight:normal;
  margin-bottom:15px;
}
#scontent h3 {
  font-size: 15px;
  font-weight:normal;
  margin-bottom:15px;
}
#scontent p {
  padding: 10px 0;
  line-height: 180%;
}
#howmuch h3 {
  font-size: 35px;
  color: #00B451;
  text-align: center;
  font-weight:normal;
  line-height:110%;
  margin-bottom:15px;
}
#howmuch {
  font-size: 16px;
  color: #68E2FF;
  width: 335px;
  height: 108px;
  padding: 40px 260px 40px 40px;
  background: url('graphics/how_much.jpg') no-repeat top left;
  overflow: hidden;
}
#howmuch  a, #howmuch a:link, #howmuch a:visited {
  color: #68E2FF;
  text-decoration: underline;
}
#howmuch  a:focus, #howmuch a:hover, #howmuch a:active {
  text-decoration: none;
}
.solution {
  font-weight: bold;
}