* {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body {margin:0; padding:0;}

#page {width:900px; display:block; margin:0 auto; position:relative; border:1px dotted silver;}
#logo {width:900px; height:114px; background:url(../images/top.jpg) top left no-repeat;}
#leftcol {width:270px; float:left; padding:5px;}
#middlecol {width:419px; float:left; padding:5px;}
#rightcol {width:180px; float:left; padding:5px;}

#topnav {width:420px; display:block; border-bottom:1px solid black; font-size:12px; text-align:center; padding-bottom:3px;}
#topnav a {color:black; text-decoration:none; padding:0 10px;}

.stopper {float:none; clear:both;}

.prodlist {display:block; margin:0; padding:0; float:none; clear:both; text-align:left;}
.prodlist h1 {display:block; width:410px; height:20px; padding-top:5px; padding-left:10px; background:url(../images/h1_bg.gif) top left no-repeat;}
.proditem {display:block; width:90px; height:115px; margin-bottom:15px; padding:5px 10px 10px 5px; background:url(../images/proditem.jpg) top left no-repeat; float:left; vertical-align:bottom; text-align:center; font-size:11px;}
.proditemimg {display:block; height:60px; padding:0; margin:0;}
.proditemimg a {display:block; width:100%; height:100%;}
.proditem a {font-size:11px; color:#333; text-decoration:none;}
.proditem a:hover {color:black; text-decoration:underline;}

h1.about {width:270px; height:27px; background:url(../images/about_top.gif) top left no-repeat; margin:0 0 10px 0; padding:0;}
h1.terms {width:270px; height:27px; background:url(../images/terms_top.gif) top left no-repeat; margin:0 0 10px 0; padding:0;}
h1.workshop {width:270px; height:27px; background:url(../images/workshop_top.gif) top left no-repeat; margin:0 0 10px 0; padding:0;}
h1.contact {width:270px; height:27px; background:url(../images/contact_top.gif) top left no-repeat; margin:0 0 10px 0; padding:0;}
.about_d {width:270px; background:url(../images/about_back.gif) 0px 27px no-repeat; margin-top:10px;}
h1.about span {display:none;}
h1.terms span {display:none;}
h1.workshop span {display:none;}
h1.contact span {display:none;}
.about_bottom {width:270px; height:13px; background:url(../images/about_bottom.gif) top left no-repeat;}
.about_bottom span {display:none;}
.about_i {padding:5px;}
.about_i p {margin-top:0; margin-bottom:10px;}

#menu h1 {width:162px; background:url(../images/mnu_h1.gif) top left no-repeat; padding-top:1px; padding-bottom:1px; padding-left:18px; color:white; font-weight:bold; margin:0 0 2px 0;}
#menu h1 a {color:white; text-decoration:none; font-size:11px; display:block; width:100%;}
#menu h1 a:hover {color:red;}
#menu h1:hover {background:url(../images/mnu_h1_.gif) top left no-repeat; }

.L1UL {list-style:none; margin:0; padding:0; }
.L2UL {list-style:none; margin:0 0 0 12px; padding:0; background-color:#fffb7d; width:165px; display:none;}
.L2UL li {border-bottom:1px dashed silver; padding-left:10px; }
.L2UL li a {display:block; color:black; font-size:11px; text-decoration:none; }
.L2UL li a:hover {text-decoration:underline; color:yellow; }
.L2UL li:hover {background-color:#1e5674; }

#seon {text-align:center; margin-top:20px; display:block;}
#seon a {font-size:10px; color:grey;}

table{ font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
a{ font-weight:bold;
text-decoration:none;
color:#000000;
}
a:hover{color:#000088;
text-decoration:underline;
}

.updtd {
background-image:url(../menu/side_back.gif); background-repeat:repeat-y;
}

.layer{
position:absolute; z-index:1; background-color: #ffffff; border: 1px solid #000000; visibility: hidden; width:155px; margin:0px 0px 0px 1px; text-align:left;
}