/* CSS Document */
.menu {font-family: arial, sans-serif; width:960px; height:30px; position:relative; margin:0; font-size:14px; margin:20px 0 26px 0; background:#fff; position:relative; z-index:100;}
.menu ul {padding:0; margin:0; list-style-type: none;}

.menu ul li {float:left; border-left:0px solid #fff;}

.menu ul li#home {float:left; border-left:0px solid #fff; width:67px;}
.menu ul li#about {float:left; border-left:0px solid #fff; width:102px;}
.menu ul li#intro {float:left; border-left:0px solid #fff; width:193px;}
.menu ul li#commercial {float:left; border-left:0px solid #fff; width:177px;}
.menu ul li#domestic {float:left; border-left:0px solid #fff; width:157px;}
.menu ul li#contact {float:left; border-left:0px solid #fff; width:122px;}
.menu ul li#quote {float:left; border-left:0px solid #fff; width:142px;}

.menu ul li a, .menu ul li a:visited {display:block; width:191px; text-decoration:none; padding:0 0 0 0px; height:30px; line-height:30px; color:#000; background:#c9c9a7 bottom right no-repeat;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; top:46px; left:0; }

.menu ul li:hover a,
.menu ul li a:hover {}

.menu ul li:hover a#home,
.menu ul li a#home:hover {background: url(../images/home.gif) top left no-repeat;
background-position: bottom left;}

.menu ul li:hover a#about,
.menu ul li a#about:hover {background: url(../images/about.gif) top left no-repeat;
background-position: bottom left;}

.menu ul li:hover a#intro,
.menu ul li a#intro:hover {background: url(../images/intro.gif) top left no-repeat;
background-position: bottom left;}

.menu ul li:hover a#commercial,
.menu ul li a#commercial:hover {background: url(../images/commercial.gif) top left no-repeat;
background-position: bottom left;}

.menu ul li:hover a#domestic,
.menu ul li a#domestic:hover {background: url(../images/domestic.gif) top left no-repeat;
background-position: bottom left;}

.menu ul li:hover a#contact,
.menu ul li a#contact:hover {background: url(../images/contact.gif) top left no-repeat;
background-position: bottom left;}

.menu ul li:hover a#quote,
.menu ul li a#quote:hover {background: url(../images/quote.gif) top left no-repeat;
background-position: bottom left;}

.menu ul li:hover ul.left_side,
.menu ul li a:hover ul.left_side {visibility:visible; width:960px;background:#339900; color:#fff;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0; border-right:1px solid #eee; text-indent:10px;}

.menu ul li:hover ul.intro_side,
.menu ul li a:hover ul.intro_side {visibility:visible; width:960px;background:#99CC00; color:#fff;}

.menu ul li:hover ul.intro_side li,
.menu ul li a:hover ul.intro_side li {float:left; border:0; border-right:1px solid #eee; text-indent:5px;}

.menu ul li:hover ul.intro_side li a,
.menu ul li a:hover ul.intro_side li {background:#99CC00; color:#006600;}

.menu ul li:hover ul.mid_side,
.menu ul li a:hover ul.mid_side {visibility:visible; width:960px;background:#FFFF33; color:#fff;}

.menu ul li:hover ul.mid_side li,
.menu ul li a:hover ul.mid_side li {float:left; border:0; border-right:1px solid #006600; text-indent:10px;}

.menu ul li:hover ul.mid_side li a,
.menu ul li a:hover ul.mid_side li {background:#FFFF33; color:#006600;}

.menu ul li:hover ul.right_side,
.menu ul li a:hover ul.right_side {visibility:visible; width:960px;background:#FFCC00; color:#fff;}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee; text-indent:10px;}

.menu ul li:hover ul.right_side li a,
.menu ul li a:hover ul.right_side li {background:#FFCC00; color:#006600;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; background:#339900; color:#fff;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#66CC33; color:#000;}

.menu ul li:hover ul.right li {float:right;}


#home, #homeselected{ 
height: 60px; 
width: 67px; 
text-indent: -10000px; 
overflow: hidden; 
background: url(../images/home.gif) top left no-repeat; 
display: block; 
} 
 
#home:hover, #homeselected{ 
background-position: bottom left; 
} 

#about, #aboutselected{ 
height: 60px; 
width: 102px; 
text-indent: -10000px; 
overflow: hidden; 
background: url(../images/about.gif) top left no-repeat; 
display: block; 
} 
 
#about:hover, #aboutselected{ 
background-position: bottom left; 
} 

#intro, #introselected{ 
height: 60px; 
width: 193px; 
text-indent: -10000px; 
overflow: hidden; 
background: url(../images/intro.gif) top left no-repeat; 
display: block; 
} 
 
#intro:hover, #introselected{ 
background-position: bottom left; 
} 
 

#commercial, #commercialselected{ 
height: 60px; 
width: 177px; 
text-indent: -10000px; 
overflow: hidden; 
background: url(../images/commercial.gif) top left no-repeat; 
display: block; 
} 
 
#commercial:hover, #commercialselected{ 
background-position: bottom left; 
} 

#domestic, #domesticselected{ 
height: 60px; 
width: 157px; 
text-indent: -10000px; 
overflow: hidden; 
background: url(../images/domestic.gif) top left no-repeat; 
display: block; 
} 
 
#domestic:hover, #domesticselected{ 
background-position: bottom left; 
} 

#contact, #contactselected{ 
height: 60px; 
width: 122px; 
text-indent: -10000px; 
overflow: hidden; 
background: url(../images/contact.gif) top left no-repeat; 
display: block; 
} 
 
#contact:hover, #contactselected{ 
background-position: bottom left; 
} 

#quote, #quoteselected{ 
height: 60px; 
width: 142px; 
text-indent: -10000px; 
overflow: hidden; 
background: url(../images/quote.gif) top left no-repeat; 
display: block; 
} 
 
#quote:hover, #quoteselected{ 
background-position: bottom left; 
}