* {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:4px dotted green;}
#logo {width:900px; height:185px;}
#leftcol {width:270px; float:left; padding:5px;}
#middlecol {width:420px; float:left; padding:5px;}
#fullcol {width:600px; float:left; padding:5px;}
#rightcol {width:180px; float:left; padding:5px;}

.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; color:#FFF}
.proditem {display:block; width:90px; height:108px; margin-bottom:5px; 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:85px; 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.jpg) top left no-repeat; margin:0 0 10px 0; padding:0;}
h1.fencing {width:270px; height:27px; background:url(../images/fencing_top.jpg) top left no-repeat; margin:0 0 10px 0; padding:0;}
h1.decorative {width:270px; height:27px; background:url(../images/decorative_top.jpg) top left no-repeat; margin:0 0 10px 0; padding:0;}
h1.contact {width:270px; height:27px; background:url(../images/contact_top.jpg) 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:7px;}
h1.about span {display:none;}
h1.fencing span {display:none;}
h1.decorative 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 {width:172px; 0px 27px no-repeat; margin-top:7px;}
#menu h1 {width:172px; background:url(../images/mnu_h1.gif) top left no-repeat; padding-top:1px; padding-bottom:1px; padding-left:5px; 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:yellow;}
#menu h1:hover {background:url(../images/mnu_h1_.gif) top left no-repeat; }

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

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

#areas {font-size:10px;}