/* 
 * MASTER CSS FOR HOLLYWOOD BOWL
 * This file includes all the components for laying out and styling basic pages
 * Any section- or page-specific CSS should be included at the page level
 */

@import url(shared.css);

 

/* Main Navigation
---------------------------------- */
#header ul { height: 30px; background: url(images/nav.png); z-index: 99; }
#header ul li a { height: 30px; background: url(images/nav.png); }
#header ul li#home a:link,
#header ul li#home a:visited { width: 85px; background-position:  0 top; }  /* about */
#header ul li#bio a:link,
#header ul li#bio a:visited { width: 107px; background-position: -85px top; } /* bio */
#header ul li#achive a:link,
#header ul li#achive a:visited { width: 127px; background-position: -192px top; } /* ach */
#header ul li#work a:link,
#header ul li#work a:visited { width: 70px; background-position: -319px top; } /* 	work */
#header ul li#record a:link,
#header ul li#record a:visited { width: 110px; background-position: -389px top; } /* rec */
#header ul li#news a:link,
#header ul li#news a:visited { width: 70px; background-position: -499px top; } /*news */
#header ul li#photo a:link,
#header ul li#photo a:visited { width: 75px; background-position: -569px top; } /* photo */
#header ul li#paint a:link,
#header ul li#paint a:visited { width: 95px; background-position: -644px top; } /* painting */
#header ul li#connection a:link,
#header ul li#connection a:visited { width: 120px; background-position: -739px top; } /* connection */
#header ul li#contact a:link,
#header ul li#contact a:visited { width: 100px; background-position: -859px top; } /* contact */
#header ul li#home a:hover,
#header ul li#home a:active { background-position: 0 bottom; }
#header ul li#bio a:hover,
#header ul li#bio a:active,
#header ul li#bio.sfHover a:link,
#header ul li#bio.sfHover a:visited { background-position: -85px bottom; }
#header ul li#achive a:hover,
#header ul li#achive a:active,
#header ul li#achive.sfHover a:link,
#header ul li#achive.sfHover a:visited { background-position: -192px bottom; }
#header ul li#work a:hover,
#header ul li#work a:active,
#header ul li#work.sfHover a:link,
#header ul li#work.sfHover a:visited { background-position: -319px bottom; }
#header ul li#record a:hover,
#header ul li#record a:active,
#header ul li#record.sfHover a:link,
#header ul li#record.sfHover a:visited { background-position: -389px bottom; }
#header ul li#news a:hover,
#header ul li#news a:active,
#header ul li#news.sfHover a:link,
#header ul li#news.sfHover a:visited { background-position: -499px bottom; }
#header ul li#photo a:hover,
#header ul li#photo a:active,
#header ul li#photo.sfHover a:link,
#header ul li#photo.sfHover a:visited { background-position: -569px bottom; }
#header ul li#paint a:hover,
#header ul li#paint a:active,
#header ul li#paint.sfHover a:link,
#header ul li#paint.sfHover a:visited { background-position: -644px bottom; }
#header ul li#connection a:hover,
#header ul li#connection a:active,
#header ul li#connection.sfHover a:link,
#header ul li#connection.sfHover a:visited { background-position: -739px bottom; }
#header ul li#contact a:hover,
#header ul li#contact a:active,
#header ul li#contact.sfHover a:link,
#header ul li#contact.sfHover a:visited { background-position: -859px bottom; }

/* chinese nav */
.en #header ul { height: 30px; background: url(images/nav_cn.png); }
.en #header ul li a { height: 30px; background: url(images/nav_cn.png); }
.en #header ul li#home a:link,
.en #header ul li#home a:visited { width: 105px; background-position:  0 top; }  /* about */
.en #header ul li#bio a:link,
.en #header ul li#bio a:visited { width: 95px; background-position: -105px top; } /* bio */
.en #header ul li#achive a:link,
.en #header ul li#achive a:visited { width: 93px; background-position: -200px top; } /* ach */
.en #header ul li#work a:link,
.en #header ul li#work a:visited { width: 93px; background-position: -293px top; } /* 	work */
.en #header ul li#record a:link,
.en #header ul li#record a:visited { width: 95px; background-position: -386px top; } /* rec */
.en #header ul li#news a:link,
.en #header ul li#news a:visited { width: 91px; background-position: -481px top; } /*news */
.en #header ul li#photo a:link,
.en #header ul li#photo a:visited { width: 93px; background-position: -572px top; } /* photo */
.en #header ul li#paint a:link,
.en #header ul li#paint a:visited { width: 95px; background-position: -665px top; } /* painting */
.en #header ul li#connection a:link,
.en #header ul li#connection a:visited { width: 95px; background-position: -760px top; } /* connection */
.en #header ul li#contact a:link,
.en #header ul li#contact a:visited { width: 105px; background-position: -855px top; } /* contact */
.en #header ul li#home a:hover,
.en #header ul li#home a:active { background-position: 0 bottom; }
.en #header ul li#bio a:hover,
.en #header ul li#bio a:active,
.en #header ul li#bio.sfHover a:link,
.en #header ul li#bio.sfHover a:visited { background-position: -105px bottom; }
.en #header ul li#achive a:hover,
.en #header ul li#achive a:active,
.en #header ul li#achive.sfHover a:link,
.en #header ul li#achive.sfHover a:visited { background-position: -200px bottom; }
.en #header ul li#work a:hover,
.en #header ul li#work a:active,
.en #header ul li#work.sfHover a:link,
.en #header ul li#work.sfHover a:visited { background-position: -293px bottom; }
.en #header ul li#record a:hover,
.en #header ul li#record a:active,
.en #header ul li#record.sfHover a:link,
.en #header ul li#record.sfHover a:visited { background-position: -386px bottom; }
.en #header ul li#news a:hover,
.en #header ul li#news a:active,
.en #header ul li#news.sfHover a:link,
.en #header ul li#news.sfHover a:visited { background-position: -481px bottom; }
.en #header ul li#photo a:hover,
.en #header ul li#photo a:active,
.en #header ul li#photo.sfHover a:link,
.en #header ul li#photo.sfHover a:visited { background-position: -572px bottom; }
.en #header ul li#paint a:hover,
.en #header ul li#paint a:active,
.en #header ul li#paint.sfHover a:link,
.en #header ul li#paint.sfHover a:visited { background-position: -665px bottom; }
.en #header ul li#connection a:hover,
.en #header ul li#connection a:active,
.en #header ul li#connection.sfHover a:link,
.en #header ul li#connection.sfHover a:visited { background-position: -760px bottom; }
.en #header ul li#contact a:hover,
.en #header ul li#contact a:active,
.en #header ul li#contact.sfHover a:link,
.en #header ul li#contact.sfHover a:visited { background-position: -855px bottom; }


/* Dropdowns
---------------------------------- */
#header ul li ul { position: absolute;  margin: 0; padding: 0; width: 150px; display: none; z-index: 9999; }
#header ul li#contact ul { left: auto; right: 0;}
#header ul li ul li { background: #F4CF99; float: none; margin: 0; padding: 0; }
#header ul li ul li a:link,
#header ul li ul li a:visited { background: none; text-indent: 0; margin: 0; height: auto; width: 138px !important; font-size: 11px; line-height:normal; padding: 5px 6px; color: #49423A; text-align: left; }
#header ul li ul li a:hover,
#header ul li ul li a:active { background:#FFFF99; }