/* =Main Nav
-----------------------------------------------------------------------------*/
.mir { letter-spacing : -1000em; }
/* Be nice to Opera, but hide from MacIE. Thanks to Robert Jan Verkade (http://www.eend.nl) for the MacIE fix. */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
h1.mir { width : 400px; height :  185px; background : url(../images/mir/mir-h1.jpg) no-repeat; }
h2.mir { width : 250px; height :  260px; background : url(../images/mir/mir-h2.jpg) no-repeat; }
p.mir { width : 400px; height :  260px; background : url(../images/mir/mir-p.jpg) no-repeat; }

 ul.mir {width:900px; padding:0; padding-left: 30px;  list-style-type:none; margin-left: 0; background: url(../imgs/interface/mainnav-background.png) no-repeat; }
ul.mir li {display:inline;}
ul.mir li a {float:left; display:block; width:100px; height:43px;;}


.mir li a#home {background:url(../imgs/interface/home_bn.gif) no-repeat;width:66px;}
.mir li a#about {background:url(../imgs/interface/about_bn.gif) no-repeat;width:96px;}
.mir li a#cosmetic {background:url(../imgs/interface/cosmetic_bn.gif) no-repeat;width:187px;}
.mir li a#general {background:url(../imgs/interface/general_bn.gif) no-repeat;width:160px;} 
 .mir li a#team {background:url(../imgs/interface/team_bn.gif) no-repeat;width:100px;} 
.mir li a#contact {background:url(../imgs/interface/contact_bn.gif) no-repeat;width:112px;} 


.mir li a#home_selected {background:url(../imgs/interface/home_bn_over.jpg) no-repeat;width:66px;}
.mir li a#about_selected {background:url(../imgs/interface/about_bn_over.jpg) no-repeat;width:96px;}
.mir li a#cosmetic_selected {background:url(../imgs/interface/cosmetic_bn_over.jpg) no-repeat;width:187px;}
.mir li a#general_selected {background:url(../imgs/interface/general_bn_over.jpg) no-repeat;width:160px;} 
.mir li a#team_selected {background:url(../imgs/interface/team_bn_over.jpg) no-repeat;width:100px;} 
.mir li a#contact_selected {background:url(../imgs/interface/contact_bn_over.jpg) no-repeat;width:112px;} 

.mir li a#home:hover {background:url(../imgs/interface/home_bn_over.jpg) no-repeat;width:66px;}
.mir li a#about:hover {background:url(../imgs/interface/about_bn_over.jpg) no-repeat;width:96px;}
.mir li a#cosmetic:hover {background:url(../imgs/interface/cosmetic_bn_over.jpg) no-repeat;width:187px;}
.mir li a#general:hover {background:url(../imgs/interface/general_bn_over.jpg) no-repeat;width:160px;} 
.mir li a#team:hover {background:url(../imgs/interface/team_bn_over.jpg) no-repeat;width:100px;} 
.mir li a#contact:hover {background:url(../imgs/interface/contact_bn_over.jpg) no-repeat;width:112px;}

#utilities{
	 background-color:#DAECF0;
}
#utilities ul {
 margin: 0 0;
text-align: center;
 padding: 1em 2em;
 padding-top: 0.2em;
 list-style: none;
 
}
#utilities li {
 display: inline;
 margin: 0;
 font-size: 1.2em;
 font-family:"Helvetica Neue", Helvetica, Arial,  sans-serif;
  
 padding: 14em 1em 14em 1em;
 background:  url(../imgs/interface/utilities-divider.gif) left center no-repeat;
  
}
#utilities a,  #utilities a:link, #utilities a:hover, #utilities a:visited{
 margin-left: 3px; /* Width of the graphic */
 color: #0D3793;
 text-decoration:none;
}
 #utilities a:hover{
 color: #333;
 text-decoration:underline;
}
#utilities .first {
  
 background: none;
}
#utilities .first a {
 margin-left: 0;
}


#footer p{
color: #999999;
font-size: 0.9em;
}

#footer ul {
 margin: 0.25em 0;
 padding: 0 1em;
 list-style: none;
 margin-bottom: 25px;
}
#footer li {
 display: inline;
 margin: 0;
 font-size: 0.9em;
 font-family:"Helvetica Neue", Helvetica, Arial,  sans-serif;
 padding: 0 0.2em 0 0.5em;
 background:  url(imgs/interface/utilities-divider.gif) left center no-repeat;
}
#footer a,  #footer a:link, #footer a:hover, #footer a:visited{
 margin-left: 3px; /* Width of the graphic */
  
 text-decoration:underline;
}
 #footer a:hover{
 
 text-decoration:underline;
}
#footer .first {
 padding-left: 0;
 background: none;
}
#footer .first a {
 margin-left: 0;
}