body
{
  margin:0;
}
#container
{
  width:960px;
  margin: 0 auto;
  padding:0px;
  background-color:#bbbbbb;
  border:2px solid #666666;
}

a:link
{
  color:#ffffff;
  text-decoration:underline;
}

a:visited
{
  color:#cc6600;
  text-decoration:underline;
}

a:hover
{
  color:#ffcc99;
}

a:active
{
  color:#ffcc99;
  text-decoration:underline;
}

hr
{
  padding:0px;
  margin:0px;
}

p
{
  padding:5px;
  margin:5px;
}

.menu img
{
  display:block;
}

.menu 
{
  width:960px;  
  position:relative;
  z-index:100;
  border-right:2px solid #666666; 
  font-family:Times New Roman, serif;
}


/* hack to correct IE5.5 faulty box model */
html .menu 
{
  width:960px; 
  w\idth:960px;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul 
{
  padding:0;
  margin:0;
  list-style-type:none;
}

.menu ul ul 
{
  width:160px;
}


/*float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon*/
.menu li 
{
  float:left;
  width:160px;
  position:relative;
}


/* style the links for the top level */
.menu a, .menu a:visited 
{
  display:block;
  font-size:20px;
  text-align:center;
  text-decoration:none; 
  color:#ffffff; 
  width:150px; 
  height:30px; 
  border:1px solid #666666; 
  border-width:1px 0 1px 1px; 
  background:#ff9123 url(images/navback.png);
  padding-left:10px; 
  line-height:29px; 
  font-weight:bold;
}

/* a hack so that IE5.5 faulty box model is corrected */
html .menu a, * html .menu a:visited 
{
  width:160px; 
  w\idth:150px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited 
{
  background:#d4d8bd;
}

/* style the second level hover */
.menu ul ul a.drop:hover
{
  background:#ffcc99;
}

.menu ul ul :hover > a.drop 
{
  background:#ffcc99;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul 
{
  visibility:hidden;
  position:absolute;
  height:0;
  top:31px;
  left:0; 
  width:149px;
  border-top:1px solid #666666;
}

/* another hack for IE5.5 */
* html .menu ul ul 
{
  top:30px;
  t\op:31px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table 
{
  position:absolute; 
  top:0; 
  left:0; 
  border-collapse:collapse;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited 
{
  background:#ff9123; 
  color:#ffffff; 
  font-size:12px;
  text-align:left;
  height:auto; 
  line-height:1em; 
  padding:5px; 
  width:160px;
  border-width:0 1px 1px 1px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited 
{
  width:150px;
  w\idth:128px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover
{
  color:#ffffff; 
  background:#ffcc99;
}
.menu :hover > a, .menu ul ul :hover > a 
{
  color:#ffffff; 
  background:#ffcc99;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul
{
  visibility:visible;
}

.clearmenu
{
  clear:both;
  height:20px;
}

.clearthin
{
  clear:both;
  height:10px;
}

/* CSS for page content*/

#content
{
  min-height:500px;
  margin:0;
  padding:0;
  color:#ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
}

#footer
{
  margin:0 auto; 
  width:960px; 
  background-color:#999999; 
  text-align:center; 
  border:2px solid #666666; 
  border-top:0px; 
  color:#ffffff; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size:10px;
}

p.title
{
  color:#cc6600;
  font-family: 'Arial Black', Gadget, sans-serif;
  font-size:16px;
}

#left
{
  margin:0px;
  padding:0px;
  float:left; 
  margin-left:10px;
}

#right
{
  float:right; 
  margin-right:10px;
  width:640px;
}

#left img
{
  display: block;
}

#side
{
  background:#ff9123;  
  padding:5px;
  margin:0px;
  border:2px solid #ffcc99;
  height:326px;
  width:238px;
  color:#ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
}

#side H1
{
  color:#ffffff;
  font-family: 'Arial Black', Gadget, sans-serif;
  font-size:20px;
}

#sidep
{
  background:#ff9123;  
  padding:5px;
  margin:0px;
  border:2px solid #ffcc99;
  height:480px;
  width:250px;
}
.mattress
{
  position: relative;
  margin-left:20px;
  float:left;
}

/* CSS for furniture gallery */

#gallery 
{
  width:620px; 
  height:471px; 
  padding:10px; 
  border:1px solid #333333; 
  background: #999999; 
  position:relative; 
}

#gallery b.default 
{
  position:absolute; 
  right:10px; 
  top:10px; 
  width:440px; 
  height:480px; 
  text-align:center;
}

#gallery b.default img 
{
  display:block; 
  margin:0 auto 10px auto; 
  border:1px solid #eeeeee; 
  border-color:#555 #dddddd #eeeeee #333333;
}

#gallery b.default span 
{
  display:block; 
  color:#ffffff; 
  font-family:verdana, arial, sans-serif; 
  font-weight:normal; 
  font-size:11px; 
  width:350px; 
  margin:0 auto;
}

#gallery ul 
{
  list-style:none; 
  padding:0; 
  margin:0; 
  width:180px; 
  position:relative; 
  float:left;
}

#gallery ul li 
{
  display:inline; 
  width:52px; 
  height:52px; 
  float:left; 
  margin:0 0 5px 5px;
}

#gallery ul li a 
{
  display:block; 
  width:50px; 
  height:50px; 
  text-decoration:none; 
  border:1px solid #000; 
  border-color:#eeeeee #555555 #333333 #dddddd;
}

#gallery ul li a span 
{
  display:none;
}

#gallery ul li a img 
{
  display:block; 
  width:50px; 
  height:50px; 
  border:0;
}

#gallery ul li a:hover 
{
  white-space:normal; 
  border-color:#555555 #dddddd #eeeeee #333333; 
  background:#777777;
}
#gallery ul li a:hover b 
{
  position:absolute; 
  left:180px; 
  top:0; 
  width:440px; 
  height:480px; 
  text-align:center; 
  background:#999999; 
  z-index:20;
}

#gallery ul li a:hover span 
{
  display:block; 
  color:#fff; 
  font-family:verdana, arial, sans-serif; 
  font-weight:normal; 
  font-size:11px; 
  width:350px; 
  margin:0 auto;
}

#gallery ul li a:hover img 
{
  margin:0 auto 10px auto; 
  width:auto; 
  height:auto; 
  border:1px solid #eee; 
  border-color:#555555 #dddddd #eeeeee #333333;
}

#gallery ul li a:active, #gallery ul li a:focus 
{
  white-space:normal; 
  border-color:#555555 #dddddd #eeeeee #333333; 
  background:#777777;
}

#gallery ul li a:active b, #gallery ul li a:focus b 
{
  position:absolute; 
  left:180px; 
  top:0; 
  width:440px; 
  height:480px; 
  text-align:center; 
  background:#999999; 
  z-index:10;
}

#gallery ul li a:active span, #gallery ul li a:focus span 
{
  display:block; 
  color:#ffffff; 
  font-family:verdana, arial, sans-serif; 
  font-weight:normal; 
  font-size:11px; 
  width:350px; 
  margin:0 auto;
}

#gallery ul li a:active img, #gallery ul li a:focus img
{
  margin:0 auto 10px auto; 
  width:auto; 
  height:auto; 
  border:1px solid #eee; 
  border-color:#555555 #dddddd #eeeeee #333333;
}