#container {height:7em; position:relative;}
#menu {text-align:center; position:relative; top:5px; height:20px;}

.box {position:relative; float:left; top:0; height:20px; overflow:hidden;}

#menu a:visited {text-decoration:none; background-color:#e09222; color:#fff;display:block; line-height:20px;}

#menu a {position:relative; text-decoration:none; background-color:#e09222; color:#fff; display:block; width:167px; height:20px; line-height:20px;}

#menu a:hover {text-decoration:none; color:#000; display:block; height:20px; line-height:20px;}


.mleft {position:relative; float:left; top:0; width:0; height:0; border-bottom:20px solid #e09222; border-left:20px solid #fff; overflow:hidden;}
.mright {position:relative; float:left; top:0; width:0; height:0; border-left:20px solid #e09222; border-bottom:20px solid #fff; overflow:hidden;}
.mmid {position:relative; float:left; top:0; width:25px; height:20px; background:#e09222; overflow:hidden;}
.mid1, .mid2, .mid3, .mid4 {width:0; height:0; position:absolute; border-left:5px solid #e09222; border-bottom:5px solid #fff; overflow:hidden;}
.mid5, .mid6, .mid7, .mid8 {width:0; height:0; position:absolute; border-bottom:5px solid #e09222; border-left:5px solid #fff; overflow:hidden;}
.mid1 {left:15px; top:0;}
.mid2 {left:10px; top:5px;}
.mid3 {left:5px; top:10px;}
.mid4 {left:0px; top:15px;}

.mid5 {left:20px; top:0;}
.mid6 {left:15px; top:5px;}
.mid7 {left:10px; top:10px;}
.mid8 {left:5px; top:15px;}

.boxx {position:relative; float:left; top:0; width:25px; height:20px; background:#fff; overflow:hidden;}
.boxx1, .boxx3, .boxx5, .boxx7 {float:left; height:0; border-right:5px solid #fff; border-top:5px solid #e09222;overflow:hidden;}
.boxx2, .boxx4, .boxx6, .boxx8 {float:left; height:0; border-bottom:5px solid #e09222; border-left:5px solid #fff; overflow:hidden;}

.boxx1 {width:15px;}
.boxx2 {width:0;}
.boxx3 {width:10px;}
.boxx4 {width:5px;}
.boxx5 {width:5px;}
.boxx6 {width:10px;}
.boxx7 {width:0;}
.boxx8 {width:15px;}