html,body {
  height: 100%;
}
html {
  background: url(/HollyRandall/elements/background.jpg) 50% 0;
}
body {
  background: url(/HollyRandall/elements/background.jpg) 50% 0 no-repeat;
  color: #444;
}

a {
  color: #367e97;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #f06c00;
}
ul, p {
  margin: 0 0 1em 0;
  line-height: 1.3em;
}
li {
  margin: 0 0 0 25px;
}

:focus {
  outline: none;
}

.center {
  text-align: center;
}

#tupperware {
  width: 970px;
  z-index: 10000;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
#header {
  padding: 20px 0 0 0;
  position: relative;
  height: 75px;
  z-index: 10000000;
}

#spacer {
  height: 400px;
  overflow: auto;
}


.nothomepage {
}




.header {
  text-indent: -10000px;
}

.header {
}

#wrapper {
  height: auto !important;
  min-height: 100%;
  margin: 0 0 -63px 0;
  text-align: center;
}
.push {
  height: 63px;
}
#slider {
  overflow: hidden;
  height: 449px;
  position: relative;
  margin: 0 0 30px 0;
}
#slider ul {
  height: 449px;
  position: relative;
}
#slider ul li {
  width: 796px;
  height: 447px;
  padding: 1px;
  background: url(/images/bg/showcase_frame.png) 0 0;
  margin: 0 10px;
  float: left;
}
#slider ul li img {
  width: 796px;
  height: 445px;
  display: block;
}
#slider_container {
  width: 970px;
  margin: 0 auto 30px auto;
  padding: 1px;
  border: 1px solid #000;
}
#slider_handle {
  position: relative;
  height: 40px;
  width: 920px;
  margin: 0 auto;
}
.ui-slider-handle {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0px;
  margin-left: -20px;
  background: #000;
}
a.arrow {
  position: absolute;
  top: 192px;
  display: block;
  width: 72px;
  height: 70px;
  background: url(/HollyRandall/elements/arrows.png) 0 0;
  text-indent: -10000px;
  z-index: 100000;
}
a.arrow.right {
  background-position: -83px -140px;
  left: 50%;
  margin: 0 0 0 407px;
}
a.arrow.left {
  background-position: -5px -140px;
  left: 50%;
  margin: 0 0 0 -476px;
}
a:hover.arrow.right {
  background-position: -83px -70px;
}
a:hover.arrow.right.deactivated,
a.arrow.right.deactivated {
  background-position: -83px -0px;
  cursor: default;
}
a:hover.arrow.left {
  background-position: -5px -70px;
}
a:hover.arrow.left.deactivated,
a.arrow.left.deactivated {
  background-position: -5px -0px;
  cursor: default;
}


.push {
  height: 63px;
}

}
#footer {
  padding-top: 10px;
  tect-align: center;
}