/* --- Motor Mats sapmles menu ----------- */

#menu {position:relative; top:0px; left:0px; width:75px; background-color:#fff; z-index:100;}
#menu a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu a.p1:hover .large {display:block; position:absolute; top:-60px; left:180px; width:269px; height:256px; border:10px solid #fff;}

#menu1 {position:relative; top:0px; left:0px; width:75px; background-color:#fff; z-index:100;}
#menu1 a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu1 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu1 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu1 a.p1:hover .large {display:block; position:absolute; top:-60px; left:180px; width:269px; height:256px; border:10px solid #fff;}

#menu2 {position:relative; top:0px; left:0px; width:75px; background-color:#fff; z-index:100;}
#menu2 a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu2 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu2 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu2 a.p1:hover .large {display:block; position:absolute; top:-60px; left:180px; width:269px; height:256px; border:10px solid #fff;}

#menu3 {position:relative; top:0px; left:0px; width:75px; background-color:#fff; z-index:100;}
#menu3 a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu3 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu3 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu3 a.p1:hover .large {display:block; position:absolute; top:-60px; left:180px; width:269px; height:256px; border:10px solid #fff;}

#menu4 {position:relative; top:0px; left:0px; width:75px; background-color:#fff; z-index:100;}
#menu4 a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu4 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu4 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu4 a.p1:hover .large {display:block; position:absolute; top:-60px; left:180px; width:269px; height:256px; border:10px solid #fff;}

#menu5 {position:relative; top:0px; left:0px; width:75px; background-color:#fff; z-index:100;}
#menu5 a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu5 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu5 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu5 a.p1:hover .large {display:block; position:absolute; top:-60px; left:180px; width:269px; height:256px; border:10px solid #fff;}

#menu6 {position:relative; top:0px; left:0px; width:75px; background-color:#fff; z-index:100;}
#menu6 a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu6 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu6 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu6 a.p1:hover .large {display:block; position:absolute; top:-60px; left:180px; width:269px; height:256px; border:10px solid #fff;}

#menu7 {position:relative; top:0px; left:0px; width:75px; background-color:#fff; z-index:100;}
#menu7 a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu7 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu7 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu7 a.p1:hover .large {display:block; position:absolute; top:-60px; left:180px; width:269px; height:256px; border:10px solid #fff;}

#menu8 {position:relative; top:0px; left:0px; width:75px; background-color:#fff; z-index:100;}
#menu8 a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu8 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu8 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu8 a.p1:hover .large {display:block; position:absolute; top:-60px; left:180px; width:269px; height:256px; border:10px solid #fff;}

#menu9 {position:relative; top:0px; left:0px; width:75px; background-color:#fff; z-index:100;}
#menu9 a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu9 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu9 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu9 a.p1:hover .large {display:block; position:absolute; top:-60px; left:180px; width:269px; height:256px; border:10px solid #fff;}

#menu10 {position:relative; top:0px; left:0px; width:75px; background-color:#fff; z-index:100;}
#menu10 a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu10 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu10 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu10 a.p1:hover .large {display:block; position:absolute; top:-60px; left:180px; width:269px; height:256px; border:10px solid #fff;}