/* CSS Document */
html, body {
  height: 100%; 
  margin: 0px; 
  color:#E8DCB5;
  padding: 0px;
  font-family:verdana, sans-serif;
  font-size:0.9em;
  background-color: black;
  background-image: url(../_img/bg.gif);
  background-repeat: repeat-y;

}
a{
  color:#E8DCB5;
}

#pagetitle {
color:#E8DCB5;
font-family:times new roman, times, serif;
font-style: italic; font-weight: normal;
position:absolute; top:0px; left:0px;
width:655px; height:103px;
margin:0px; padding:0px;padding-left:30px; ;
font-size:30px;
overflow: hidden;

}
#pagetitle span {
position:absolute;
top:0px;left:0px;
width:655px;height:103px;
margin:0px; padding:0px;
background-image: url(../_img/logo.jpg);
}

.box {
width:127px;
position:absolute;
top:130px;right:30px;
margin:0px; padding:0px;
background-image: url(../_img/boxbg.gif);
background-repeat: repeat-y;

}
.box div.text {
margin:10px;
color:#E8DCB5;
font-size:0.8em;
}
.box div.text strong {
font-size:1.2em;
font-weight: bold;
}
.box div.text div {
margin:10px;
margin-left:5px;
margin-right:5px;
text-align:center
}
.box span.top {
display: block;
background-image: url(../_img/boxtop.gif);
width:127px;height:48px;
}
.box span.bottom {
display: block;
background-image: url(../_img/boxbottom.gif);
width:127px;height:48px;
}

hr.hid {display:none;}

.menu {
position:absolute;
top:130px;
left:10px;
}

.menu ul {
list-style: none;
margin-top:10px;

}
.menu ul li {
margin-bottom:2px;
}
.menu ul li a {
color:#71694C;
font-family: tahoma, arial, helvetica, sans-serif;
font-size:1.1em;
margin-left:15px;
text-decoration: none;
}
.menu ul li a:hover {
  nfont-weight: bold;
  nletter-spacing: 2px;
  color: #E8DCB5;
  text-decoration: underline;
}
div.menu_section
{
position:relative;
width: 143px;
height: 54px;
display:block;
overflow: hidden;
}

div.menu_section span {
display:block;
position:absolute;
top:0px; left:0px;
width: 143px;
height: 54px ;
}

span#categories {
background-image: url(../_img/m_categories.jpg);
}
span#aboutus {
background-image: url(../_img/m_aboutus.jpg);
}

div.main_text {
position:absolute;
top:140px;
left:220px;
margin-right:200px;
}

h2 {
width: 363px;height: 38px;
padding: 4px; margin:0px;
overflow: hidden;
font-size: 26px;
font-style: italic;
font-family: times New Roman, garamond, serif;
font-weight: normal;
}

h2 span {
width: 363px;height: 38px;
padding: 0px; margin:0px;
position: absolute;
top:0px;left:0px;
}

h2 span#carriage {
background-image: url(../_img/sh_carriage.gif);
}
h2 span#home {
background-image: url(../_img/sh_home.gif);
}
h2 span#mantle {
background-image: url(../_img/sh_mantle.gif);
}
h2 span#wall {
background-image: url(../_img/sh_wall.gif);
}
h2 span#longcase {
background-image: url(../_img/sh_longcase.gif);
}
h2 span#bracket {
background-image: url(../_img/sh_bracket.gif);
}
h2 span#barometers{
background-image: url(../_img/sh_barometers.gif);
}
h2 span#aboutus{
background-image: url(../_img/sh_aboutus.gif);
}
h2 span#contactus{
background-image: url(../_img/sh_contactus.gif);
}
h2 span#howtoshop{
background-image: url(../_img/sh_howtoshop.gif);
}

div.clockbox{
margin-left:5px;
margin-top:20px;
_margin-right:200px;

background-color:#181612;
border:solid 2px #807059;
}
div.clockbox div {margin:20px; position:relative;}
div.clockbox div img {float:left; margin-right:10px;}
div.clockbox div img.right {float:right; margin-left:10px;}
div.clockbox div.text { text-align: justify;}
div.bottom {
margin-top:10px;
margin-bottom:10px;
text-align:center;
font-size:0.7em;
}