/* Creating the main box for the homepage */
#body {
position:relative;
width:85%;
margin:0 auto; padding:0;
border:gray 1px solid;
}

/* The top logo */
h1 {
position:relative;
border-bottom:solid black 1px;
margin:0;
height:61px;
background:#FE9901 url(../index/toplogo.jpg) no-repeat;
}

a#hlogo {
position:absolute;
right:0; top:0;
height:61px; width:61px;
background:url(logo.jpg);
z-index:5;
display:block;
}

/* Setting standard definition list bold-face */
dl dt {
font-weight:bold;
}

/* Setting standard link */
a, a:link, a:visited {
font-weight:normal;
color:blue;
}

/* img formating */
img {
display:block;
border: solid 1px black;
margin:1em auto;
}

a:hover {
text-decoration: none;
}

/* Setting the universal headlines */
h2 {
border-bottom:solid black 1px;
border-top:solid black 1px;
margin:0;padding:0 3px;
color:white;
background: #FE9901;
}

h2 a {
color:white;
font-weight:bold;
}

h3 {
border-bottom:solid black 1px;
border-top:solid black 1px;
padding:0 3px;
margin:0;
color:black;
background: #FFC412;
}

h4 {
border-top:1px solid black;
border-bottom:1px solid black;
color:black;
margin:0;padding:0 5px;
background: #FFC163;
}

/* Setting the universal padding for our content boxes */
.content {
padding:0em 1em;
}

/* Bold */
.bold {
font-weight:bold;
}

/* Position for the topphoto image and text */

#introduction img {
display:block;
border:black 2px solid;
margin: 1em auto;
}

#introduction p {
margin:1em 1em;
}

/* Highlight coloring for the news box */

.news {
background:#FFC163;
border:#FFC164 1px solid;
padding:0em 1em;
}

/*Navigation menu styling */

#introduction ul li {
list-style:none;
display:inline;
margin:0 auto;
}

/* Salon Menu Styling */

#salonmenu {
position:relative;
width:220px;
height:220px;
border:solid 0px black;
padding:0; margin:1em auto;
}

#salonmenu dt span{
display:none;
}

#salonmenu dd.one a, dd.two a, dd.three a, dd.four a{
display:block;
height: 100px;
width: 100px;
border: solid 1px black;
padding:0; margin:2px;
}

#salonmenu dd.one a{
z-index:10;
background: url(maccha.jpg);
position:absolute;
top:0px;
left:0px;
}

#salonmenu dd.two a{
background: url(sencha.jpg);
position:absolute;
bottom:0px;
left:0px;
}

#salonmenu dd.three a{
background: url(ohana.jpg);
position:absolute;
right:0px;
top:0px;
}

#salonmenu dd.four a{
background: url(haiku.jpg);
position:absolute;
bottom:0px;
right:0px;
}

#salonmenu dd.one a:hover { 
background-position:-100px 0px;
border-color:gray;
}

#salonmenu dd.two a:hover { 
background-position:-100px 0px;
border-color:gray;
}

#salonmenu dd.three a:hover { 
background-position:-100px 0px;
border-color:gray;
}

#salonmenu dd.four a:hover { 
background-position:-100px 0px;
border-color:gray;
}

table {
border:solid 1px black;
width:80%;
margin:1em auto;
}

td {
padding:2px;
}

.toprow {
background:#FFC163;
font-weight:bold;
text-align:center;
}