body{ background-color: #050608; }

/* HEADER */
#wrapper{ background-color: #050608; }
#header{ background-color: #050608; }

#header h1 a{ background: transparent url("../img/logo2.jpg") top left no-repeat; }

/* NAV */
#header #nav li#projects a{ background: transparent url("../img/nav.jpg") -6px -184px no-repeat; }
#header #nav li#articles a{ background: transparent url("../img/nav.jpg") -6px -198px no-repeat; }
#header #nav li#intro a{ background: transparent url("../img/nav.jpg") -6px -212px no-repeat; }
#header #nav li#phil a{ background: transparent url("../img/nav.jpg") -6px -226px no-repeat; }
#header #nav li#clients a{ background: transparent url("../img/nav.jpg") -6px -240px no-repeat; }
#header #nav li#works a{ background: transparent url("../img/nav.jpg") -6px -254px no-repeat; }
#header #nav li#contact a{ background: transparent url("../img/nav.jpg") -6px -268px no-repeat; }

#header #nav li#projects a.on, #header #nav li#projects a:hover{ background: transparent url("../img/nav.jpg") -795px -184px no-repeat; }
#header #nav li#articles a.on, #header #nav li#articles a:hover{ background: transparent url("../img/nav.jpg") -795px -198px no-repeat; }
#header #nav li#intro a.on, #header #nav li#intro a:hover{ background: transparent url("../img/nav.jpg") -795px -212px no-repeat; }
#header #nav li#phil a.on, #header #nav li#phil a:hover{ background: transparent url("../img/nav.jpg") -795px -226px no-repeat; }
#header #nav li#clients a.on, #header #nav li#clients a:hover{ background: transparent url("../img/nav.jpg") -795px -240px no-repeat; margin-bottom: 4px; }
#header #nav li#works a.on, #header #nav li#works a:hover{ background: transparent url("../img/nav.jpg") -795px -254px no-repeat; margin-bottom: 2px; }
#header #nav li#contact a.on, #header #nav li#contact a:hover{ background: transparent url("../img/nav.jpg") -795px -268px no-repeat; }

/* SUB NAV 1 */
#header #sub_nav1 li#little_red_book a{ background: transparent url("../img/nav.jpg") -164px -184px no-repeat; }
#header #sub_nav1 li#superwoman a{ background: transparent url("../img/nav.jpg") -164px -198px no-repeat;  }
#header #sub_nav1 li#private_space a{ background: transparent url("../img/nav.jpg") -164px -212px no-repeat; }
#header #sub_nav1 li#quotes_on_typography a{ background: transparent url("../img/nav.jpg") -164px -226px no-repeat; }
#header #sub_nav1 li#ten_days a{ background: transparent url("../img/nav.jpg") -164px -240px no-repeat; margin-bottom: 2px;}
#header #sub_nav1 li#ttf_shopping_bags a{ background: transparent url("../img/nav.jpg") -164px -254px no-repeat; }
#header #sub_nav1 li#mohawk_portfolio a{ background: transparent url("../img/nav.jpg") -164px -268px no-repeat; }

#header #sub_nav1 li#little_red_book a.on, #header #sub_nav1 li#little_red_book a:hover{ background: transparent url("../img/nav.jpg") -953px -184px no-repeat;  }
#header #sub_nav1 li#superwoman a.on, #header #sub_nav1 li#superwoman a:hover{ background: transparent url("../img/nav.jpg") -953px -198px no-repeat; }
#header #sub_nav1 li#private_space a.on, #header #sub_nav1 li#private_space a:hover{ background: transparent url("../img/nav.jpg") -953px -212px no-repeat; }
#header #sub_nav1 li#quotes_on_typography a.on, #header #sub_nav1 li#quotes_on_typography a:hover{ background: transparent url("../img/nav.jpg") -953px -226px no-repeat; }
#header #sub_nav1 li#ten_days a.on, #header #sub_nav1 li#ten_days a:hover{ background: transparent url("../img/nav.jpg") -953px -240px no-repeat; margin-bottom: 2px;}
#header #sub_nav1 li#ttf_shopping_bags a.on, #header #sub_nav1 li#ttf_shopping_bags a:hover{ background: transparent url("../img/nav.jpg") -953px -254px no-repeat; }
#header #sub_nav1 li#mohawk_portfolio a.on, #header #sub_nav1 li#mohawk_portfolio a:hover{ background: transparent url("../img/nav.jpg") -953px -268px no-repeat; }

/* SUB NAV 2 */
#header #sub_nav2 li#corporate_communication a{ background: transparent url("../img/nav.jpg") -638px -254px no-repeat; }
#header #sub_nav2 li#brand_identity a{ background: transparent url("../img/nav.jpg") -638px -268px no-repeat; }
#header #sub_nav2 li#promotional_collaterals a{ background: transparent url("../img/nav.jpg") -638px -282px no-repeat; }
#header #sub_nav2 li#posters a{ background: transparent url("../img/nav.jpg") -638px -296px no-repeat; }

#header #sub_nav2 li#corporate_communication a.on, #header #sub_nav2 li#corporate_communication a:hover{ background: transparent url("../img/nav.jpg") -954px -465px no-repeat; }
#header #sub_nav2 li#brand_identity a.on, #header #sub_nav2 li#brand_identity a:hover{ background: transparent url("../img/nav.jpg") -954px -479px no-repeat; }
#header #sub_nav2 li#promotional_collaterals a.on, #header #sub_nav2 li#promotional_collaterals a:hover{ background: transparent url("../img/nav.jpg") -954px -493px no-repeat; }
#header #sub_nav2 li#posters a.on, #header #sub_nav2 li#posters a:hover{ background: transparent url("../img/nav.jpg") -954px -508px no-repeat; }

/* SUB NAV 3 */
#header #sub_nav3{ position: absolute; top: 40px; left: 814px; }
#header #sub_nav3 ul{ list-style: none; }
#header #sub_nav3 li{ display: block; }
#header #sub_nav3 li a{ display: block; width: 150px; height: 11px; }

#header #sub_nav3 li#mike_chu_on_sandy_choi a{ background: transparent url("../img/nav.jpg") -801px -19px no-repeat; margin-bottom: 3px; }
#header #sub_nav3 li#the_last_designer a{ background: transparent url("../img/nav.jpg") -801px -33px no-repeat; margin-bottom: 3px; }
#header #sub_nav3 li#rmm_interview a{ background: transparent url("../img/nav.jpg") -801px -47px no-repeat; margin-bottom: 3px; }
#header #sub_nav3 li#interview_by_jianping_he a{ background: transparent url("../img/nav.jpg") -801px -61px no-repeat; }

#header #sub_nav3 li#mike_chu_on_sandy_choi a:hover, #header #sub_nav3 li#mike_chu_on_sandy_choi a.on{ background: transparent url("../img/nav.jpg") -933px -100px no-repeat; margin-bottom: 3px; }
#header #sub_nav3 li#the_last_designer a:hover, #header #sub_nav3 li#the_last_designer a.on{ background: transparent url("../img/nav.jpg") -934px -114px no-repeat; margin-bottom: 3px; }
#header #sub_nav3 li#rmm_interview a:hover, #header #sub_nav3 li#rmm_interview a.on{ background: transparent url("../img/nav.jpg") -933px -128px no-repeat; margin-bottom: 3px; }
#header #sub_nav3 li#interview_by_jianping_he a:hover, #header #sub_nav3 li#interview_by_jianping_he a.on{ background: transparent url("../img/nav.jpg") -933px -142px no-repeat; }