/* Core */
body { background:#fff;  font-size:.8em; }

h1, h2, h3, h4, h5 {}
p { color:#000;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

a { outline:none; border:none; text-decoration:none; }
a:hover {}

/* Elements */
#container { width:916px; margin:0 auto; }
#logo { width:302px; height:125px; display:bloack; margin:0 0 5px 200px; background:url(ui/logo.png) no-repeat; text-indent:-9999px; }

#design-partnership { display:block;  background:url(ui/design-partner.png) no-repeat; height:8px; width:378px; margin:7px 0 13px 200px; }
#design-partnership  span { display:none;  }

/* Navigation */
#nav { width:916px; height:30px; background:url(ui/nav.png) repeat-x; }
#nav ul, #subnav ul { margin:0; padding:0; }
#nav li, #subnav li { list-style:none;  }

#nav ul li { float:left; padding:0; display:block; background:url(ui/nav-sprite.png) no-repeat; font-family:SerifGothicStd-ExtraBold !important; }
#nav li a { color:#fff; text-decoration:none; text-indent:-9999px; display:block; }

#nav-about { margin:9px 0 0 200px; height:12px; width:59px; background-position:-1px 0 !important; }
#about #nav #nav-about, #nav-about:hover { background-position:-1px -12px !important; }

#nav-work { margin:9px 0 0 55px; height:12px; width:74px; background-position:-120px 0 !important; }
#identity #nav #nav-work, #branding #nav #nav-work, #typeface #nav #nav-work, #nav-work:hover { background-position:-120px -12px !important; }

#nav-offer { margin:9px 0 0 67px; height:12px; width:124px; background-position:-258px 0px !important; }
#offer #nav #nav-offer, #nav-offer:hover { background-position:-258px -12px !important; }

#nav-findus { margin:9px 0 0 49px; height:12px; width:48px; background-position:-432px 0px !important; }
#nav-findus:hover { background-position:-432px -12px !important; }

/* Sub-Navigation */
#subnav { width:200px; float:left; margin:0; }
#subnav ul li { margin:0 0 19px 0; background:url(ui/subnav-sprite.png) no-repeat; display:block; height:14px; width:145px; text-indent:-9999px; }
#subnav ul li a { text-decoration:none; text-indent:-9999px; display:block; }

.sub-nav-title {margin:-3px 0 19px 0; height:15px; width:119px;}
#things-we-do span, #about-us span, #our-work span { display:none; }

#things-we-do { background:url(ui/subnav-title-sprite.png) no-repeat; display:block; }
#about-us { background:url(ui/subnav-title-sprite.png) no-repeat 0 -15px;  width:119px; }
#our-work { background:url(ui/subnav-title-sprite.png) no-repeat 0 -30px; width:119px; }

#subnav-corporate-indentity { background-position:0 0 !important; }
#identity #subnav #subnav-corporate-indentity, #subnav-corporate-indentity:hover { background-position:0 -14px !important; }
#subnav-branding { background-position:0 -33px !important; }
#branding #subnav #subnav-branding, #subnav-branding:hover { background-position:0 -47px !important; }
#subnav-typeface-design { background-position:0 -66px !important; }
#typeface #subnav #subnav-typeface-design, #subnav-typeface-design:hover { background-position:0 -80px !important; }
#subnav-editorial { background-position:0 -99px !important;  }
/* #subnav-editorial:hover { background-position:0 -99px !important;  } */
#subnav-promotional { background-position:0 -132px !important;  }
/* #subnav-promotional:hover { background-position:0 -146px !important; } */
#subnav-interactive { background-position:0 -165px !important;  }
/* #subnav-interactive:hover { background-position:0 -179px !important; } */

/* Home Content */
.box-tn-100 { width:100px; height:100px; float:left; margin:0 20px 10px 0; }
#home-info { width:220px; float:right; margin:-120px 0 0 0; font-style:italic; font-size:1em; font-family:"Times New Roman"; }

/* About Content */
.about-us-box { width:550px; float:left; margin:0 0 20px 0;}
@font-face { font-family:"VerlagBold"; src:url(‘font/VerlagBold.otf’); }
.about-us-box p { color:#8a5000; font-family:"VerlagBold", Arial; font-size:.9em; }
.about-us-box img { float:left; margin:0 20px 0 0; }

#bill-title, #tony-title { display:block;  float:left; margin:0 0 10px 0; text-indent:-9999px; }
#bill-title span, #tony-title span{ display:none; }

#bill-title { width:430px; height:51px; background:url(img/about/bill-title.png) no-repeat; }
#tony-title { width:430px; height:56px; background:url(img/about/tony-title.png) no-repeat; }

/* Work Content */
#content { width:700px; float:left; margin:30px 0 0 0; height:400px; position:relative; }
#content span { display:block; }
#content ul { position:absolute; list-style:none; font-weight:bold; margin:0 10px 0 0; padding:0; float:left; width:120px; }
#content li { display:block; font-size:.9em; font-weight:bold; }

@font-face { font-family:"SerifGothicStd-Bold"; src:url(‘font/SerifGothicStd-Bold.otf’); }
#content ul li { font-family:Arial, san-serif; }

#content a { float:left; height:34px; width:110px; color:#000; text-decoration:none; outline:0; }
#content a:hover { color:#da6944; }

/* Hide/Show Work */
#content .work-holder { position:absolute; top:0; display:none; height:340px; width:580px; cursor:auto; text-align:left; color:#000; }
#content a:hover .work-holder { left:110px; display:block; }

.page-img { width:430px; margin:0 10px 0 140px; text-align:center; height:350px; }
.page-img img { display:none; }
.page-info { float:right; width:120px; font-weight:normal; height:100px; display:block; font-style:italic; font-size:.9em; font-family:"Times New Roman"; margin:-100px 0 0 0; }

/* Footer Content */
#footer { margin:20px 0 20px 216px; width:700px;  clear:both; display:none; }