/* ABSOLUTE POSITIONED CONTAINTER */
#navigation{
position: absolute;
top: 0px;
left: 192px;
height: 64px;
}

/* THESE ARE THE MAIN BUTTONS, ALL ATTRIBUTES TRANSERFER TO SUB BUTTONS */

ul.mainbutton{
z-index: 900;
list-style: none;
margin:0;
padding:0;
float:left;
width: 100px;
text-align: center;
}
ul.mainbutton li{
position: relative;
min-height: 1px;		/* FOR IE7 - Sophie Dennis */
vertical-align: bottom;		/* FOR IE7 - Sophie Dennis */
font-family: Arial, sans-serif;
font-size: 16px;
}
ul.mainbutton a:link, ul.mainbutton a:visited{
display: block;
height: 41px;
text-decoration: none;
color: #606060;
border-right: 1px solid #cacaca;
padding-top: 23px;
}
ul.mainbutton a:hover, ul.mainbutton a:active{
color: #cf0000;
background-image: url(http://www.sangabrielplumber.com/imgs/layout/hover.png);
background-repeat: repeat-x;
}
ul.mainbutton li a:link, ul.mainbutton li a:visited{
}
ul.mainbutton li a:hover, ul.mainbutton li a:active{
background-image: url(http://www.sangabrielplumber.com/imgs/layout/hover.png);
background-repeat: repeat-x;
}

/* THESE ARE THE SUB BUTTONS, MUST RESET or CHANGE MAIN BUTTON ATTRIBUTES */

ul.subbutton{
position: absolute;
top: 64px;
display:none; /* DROP DOWN EFFECT */
width: 155px;
text-align: left;
list-style: none;
margin: 0;
padding: 0;
background-image: url(http://www.sangabrielplumber.com/imgs/layout/transp.png);
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
border-left: 1px solid #808080;

}
ul.subbutton li{
height: 20px;
font-size: 14px;
margin: 0;
padding: 0 0 5px 0;
border-bottom: 1px dotted #cacaca;
}
ul.subbutton a:link, ul.subbutton a:visited{
color: #303030;
border-right: none;
padding: 4px 0 0 4px;
background-image: none;
}
ul.subbutton a:hover, ul.subbutton a:active{
color: #cf0000;
background-image: none;
}
ul.subbutton li a:link, ul.subbutton li a:visited{
background-image: none;
}
ul.subbutton li a:hover, ul.subbutton li a:active{
background-image: none;
}

/* DROP DOWN EFFECT */

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul{
display:none;
}
div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul {
display:block;
}