/* this puts the scroll bar area on all pages, whether needed or not */
html  { 
  overflow-y: scroll; 
  }

#container {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  text-align: left;
  }
  
#leftcorner {
  position: relative;
  float: left;
  width: 25px;
  height: 70px;
  background: #585858 url(images/revX-bkg-topleft.gif) no-repeat 0 0;
  }
  
#top {
  position: relative;
  float: left;
  width: 950px;
  height: 70px;
  background: #585858 url(images/revX-bkg-top.gif) no-repeat 0 0;
  }
  
#rightcorner {
  position: relative;
  float: left;
  width: 25px;
  height: 70px;
  background: #585858 url(images/revX-bkg-topright.gif) no-repeat 0 0;
  }
  
#logo {
  position: absolute;
  top: 25px;
  left: 62px;
  width: 178px;
  height: 84px;
  }

.dottedline {
  position: absolute;
  top: 10px;
  left: 0;
  }
  
#center {
  position: relative;
  float: left;
  width: 1000px;
  background-color: #ffffff;
  padding: 0 0px;
  background: #585858 url(images/center-bkg.gif) repeat-y 0 0;
  } 
  
.viewcart {
  position: relative;
  float: right;
  margin-right: 50px;
  }
  
#content {
  padding: 0 50px 20px 50px;
  }
  
#footer {
  clear: both;
  display: block;
  padding: 10px 50px;
  text-align: center;
  font-size: .8em;
  color: #aaa;
  background-color: #585858;
  }
  
#footer a {
  color: #aaa;
  }
  
#bottom {
  position: relative;
  float: left;
  bottom: 0;
  width: 1000px;
  Height: 25px;
  background-color: #ffffff;
  padding: 0 0px;
  background: #585858 url(images/revX-bkg-bottom.gif) repeat-y 0 0;
  } 

/* home page only */

#topHome {
  position: relative;
  width: 950px;
  height: 54px;
  background: #585858 url(images/homeimageTop-rev.jpg) repeat-y 0 0;
  }

.bigphoto {
position: relative;
float: left;
padding: 0;
margin: 0;
  width: 700px;
  height: 440px;
background-color: #585858;
}

ul#homephoto  {
display: block; 
padding: 0;
margin: 0;
}

ul#homephoto li { 
display: block; 
padding: 0; 
margin: 0; 
}