* { margin:0; padding:0; }

body { font:small "Lucida Grande", Verdana, sans-serif; background:#fff url(images/main_bg.gif) repeat-x top left; color:#333; }

a { color:#FF9A00; }
a:hover { color:#333; }

img { border:0; }

.clearAll { clear:both; height:1px; }


#container { min-width:740px; max-width:980px; background-color:#fff; margin:15px; }

#header { height:220px; }
.boxmaking #header { background:#fff url(images/boxmaking_bg.jpg) no-repeat 0 27px; }
.bookbinding #header { background:#fff url(images/bookbinding_bg.jpg) no-repeat 0 27px; }
.contact #header { background:#fff url(images/contact_bg.jpg) no-repeat 0 27px; }
.gallery #header { background:#fff url(images/gallery_bg.jpg) no-repeat 0 27px; }
.bureau #header { background:#fff url(images/bureau_bg.jpg) no-repeat 0 27px; }
.studiohlala #header { height:160px; background:#fff url(images/studio_bg.jpg) no-repeat 0 27px; }
.menu #header { background:#fff url(images/menu_bg.jpg) no-repeat 0 27px; }
.bzaar #header { height:50px; }
.press #header { height:50px; }


#header h1 a { display:block; float:left; height:30px; width:165px; background:#fff url(images/header_bg.gif) no-repeat top left; text-indent:-400px; overflow:hidden; }


/* Global Navigation ------------------------------------------- */
#navContainer { height:30px; margin-left:165px; position:relative; background:url(images/header_cornerbg.gif) repeat-x top right; }
#navlist { position:absolute; background:url(images/globalNav_bg.gif) no-repeat 0 0; height:15px; width:554px; left:0; top:8px; }
#navlist li { list-style:none; position:absolute; top:0;}
#navlist li, #navlist a {height:15px; display:block; text-indent:-4000px; }
#bookbind {left:0; width:77px; }
#boxmak {left:87px; width:64px; }
#bzaar {left:160px; width:28px; }
#blog {left:195px; width:28px; }
/* #bureau {left:160px; width:94px;} */
#studio {left:232px; width:67px; }
#gallery {left:308px; width:45px; }
#press {left:362px; width:33px; }
#contact {left:403px; width:74px; }

#bookbind a:hover, #bookbind a.active {background:transparent url(images/globalNav_bg.gif) no-repeat 0 -15px;}
#boxmak a:hover, #boxmak a.active {background:transparent url(images/globalNav_bg.gif) no-repeat -87px -15px;}
#bzaar a:hover, #bzaar a.active {background:transparent url(images/globalNav_bg.gif) no-repeat -160px -15px;}
#blog a:hover, #studio a.active {background:transparent url(images/globalNav_bg.gif) no-repeat -195px -15px;}
/* #bureau a:hover, #bureau a.active {background:transparent url(images/globalNav_bg2.gif) no-repeat -160px -15px;} */
#studio a:hover, #studio a.active {background:transparent url(images/globalNav_bg.gif) no-repeat -232px -15px;}
#gallery a:hover, #gallery a.active {background:transparent url(images/globalNav_bg.gif) no-repeat -308px -15px;}
#press a:hover, #press a.active {background:transparent url(images/globalNav_bg.gif) no-repeat -362px -15px;}
#contact a:hover, #contact a.active {background:transparent url(images/globalNav_bg.gif) no-repeat -403px -15px;}



#left { float:left; width:188px; margin:3px 0 0 20px; padding-bottom:40px; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #left { display:inline; }
/* End hide from IE5/mac */
.menu #left { margin-top:0; }
ul#localNav { list-style-type:none; }
ul#localNav li a { text-indent:-4000px; }

li#box_biz a { display:block; height:45px; width:188px; background:url(images/box_nav/box_biz.gif) no-repeat 0 0; }
li#box_biz a:hover, li#box_biz a.active { background-position:-188px 0; }
li#box_ed a { display:block; height:34px; width:188px; background:url(images/box_nav/box_ed.gif) no-repeat 0 0; }
li#box_ed a:hover, li#box_ed a.active { background-position:-188px 0; }
li#box_desk a { display:block; height:61px; width:188px; background:url(images/box_nav/box_desk.gif) no-repeat 0 0; }
li#box_desk a:hover, li#box_desk a.active { background-position:-188px 0; }
li#box_stack a { display:block; height:61px; width:188px; background:url(images/box_nav/box_stack.gif) no-repeat 0 0; }
li#box_stack a:hover, li#box_stack a.active { background-position:-188px 0; }
li#box_vox a { display:block; height:24px; width:188px; background:url(images/box_nav/box_vox.gif) no-repeat 0 0; }
li#box_vox a:hover, li#box_vox a.active { background-position:-188px 0; }

li#book_albums a { display:block; height:23px; width:188px; background:url(images/book_nav/book_albums.gif) no-repeat 0 0; }
li#book_albums a:hover, li#book_albums a.active { background-position:-188px 0; }
li#book_tributes a { display:block; height:41px; width:188px; background:url(images/book_nav/book_tributes.gif) no-repeat 0 0; }
li#book_tributes a:hover, li#book_tributes a.active { background-position:-188px 0; }
li#book_blank a { display:block; height:38px; width:188px; background:url(images/book_nav/book_blank.gif) no-repeat 0 0; }
li#book_blank a:hover, li#book_blank a.active { background-position:-188px 0; }
li#book_portfolios a { display:block; height:63px; width:188px; background:url(images/book_nav/book_portfolios.gif) no-repeat 0 0 }
li#book_portfolios a:hover, li#book_portfolios a.active { background-position:-188px 0; }

li#bureau_franco a { display:block; height:23px; width:188px; background:url(images/bureau_nav/bureau_franco.gif) no-repeat 0 0; }
li#bureau_franco a:hover, li#bureau_franco a.active { background-position:-188px 0; }
li#bureau_env a { display:block; height:41px; width:188px; background:url(images/bureau_nav/bureau_env.gif) no-repeat 0 0; }
li#bureau_env a:hover, li#bureau_env a.active { background-position:-188px 0; }
li#bureau_set a { display:block; height:41px; width:188px; background:url(images/bureau_nav/bureau_set.gif) no-repeat 0 0; }
li#bureau_set a:hover, li#bureau_set a.active { background-position:-188px 0; }
li#bureau_where a { display:block; height:38px; width:188px; background:url(images/bureau_nav/bureau_where.gif) no-repeat 0 0; }
li#bureau_where a:hover, li#bureau_where a.active { background-position:-188px 0; }
li#bureau_press a { display:block; height:42px; width:188px; background:url(images/bureau_nav/bureau_press.gif) no-repeat 0 0; }
li#bureau_press a:hover, li#bureau_press a.active { background-position:-188px 0; }

li#menu_book a { display:block; height:23px; width:188px; background:url(images/menu_nav/menu_book.gif) no-repeat 0 0; }
li#menu_book a:hover { background-position:-188px 0; }
li#menu_box a { display:block; height:36px; width:188px; background:url(images/menu_nav/menu_box.gif) no-repeat 0 0; }
li#menu_box a:hover { background-position:-188px 0; }
li#menu_blog a { display:block; height:36px; width:188px; background:url(images/menu_nav/menu_blog.gif) no-repeat 0 0; }
li#menu_blog a:hover { background-position:-188px 0; }
li#menu_bureau a { display:block; height:36px; width:188px; background:url(images/menu_nav/menu_bureau.gif) no-repeat 0 0; }
li#menu_bureau a:hover { background-position:-188px 0; }
li#menu_studio a { display:block; height:36px; width:188px; background:url(images/menu_nav/menu_studio.gif) no-repeat 0 0; }
li#menu_studio a:hover { background-position:-188px 0; }
li#menu_gallery a { display:block; height:36px; width:188px; background:url(images/menu_nav/menu_gallery.gif) no-repeat 0 0; }
li#menu_gallery a:hover { background-position:-188px 0; }
li#menu_bzaar a { display:block; height:36px; width:188px; background:url(images/menu_nav/menu_bzaar.gif) no-repeat 0 0; }
li#menu_bzaar a:hover { background-position:-188px 0; }
li#menu_press a { display:block; height:36px; width:188px; background:url(images/menu_nav/menu_press.gif) no-repeat 0 0; }
li#menu_press a:hover { background-position:-188px 0; }
li#menu_contact a { display:block; height:36px; width:188px; background:url(images/menu_nav/menu_contact.gif) no-repeat 0 0; }
li#menu_contact a:hover { background-position:-188px 0; }

#main { margin:0 0 0 225px; font-size:.9em; }
#main p { margin-left:265px; margin-bottom:1.6em; line-height:1.4em; }
#main ol { margin-left:265px; margin-bottom:1.6em; line-height:1.4em; }
#main ol li { margin-left:18px; margin-bottom:1.6em; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #main p { height: 1%; }
/* End hide from IE5/mac */

div.columnList { margin-left:265px; margin-bottom:1.6em; xbackground-color:#dadada; }
div.columnList ul { list-style-type:none; margin-bottom:1.6em; }
#main div.columnList .left { float:left; width:46%; line-height:1.4em; margin-right:3%;  }
#main div.columnList .right { float:left; width:46%; line-height:1.4em; margin-bottom:1.6em; }
#main div.columnList .left img { margin-bottom:1.6em; }
#main div.columnList .left p.action { background:url(images/env_icon.gif) no-repeat 0 1px; padding-left:22px; }
p.enlarge { background:url(images/enlarge_icon.gif) no-repeat 0 1px; padding-left:22px; }

h2 { height:19px; text-indent:-500px; xoverflow:hidden; margin:0 15px 40px 15px; }
#main h4 { font-size:1.1em; font-weight:bold; margin:0 0 1em 265px; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #main h4 { height: 1%; }
/* End hide from IE5/mac */
#main .flushLeft h4, #main .flushLeft p, #main .flushLeft div.columnList { margin-left:0; }
.boxmaking h2 { background:url(images/h_boxmaking.gif) no-repeat top left; }
.bookbinding h2 { background:url(images/h_bookbinding.gif) no-repeat top left; }
.bureau h2 { background:url(images/h_bureaudeposte.gif) no-repeat top left; }
.contact h2 { background:url(images/h_contact.gif) no-repeat top left; }
.gallery h2 { background:url(images/h_recentprojects.gif) no-repeat top left; }
.studiohlala h2 { background:url(images/h_studiohlala.gif) no-repeat top left; margin-bottom:10px; }
.studiohlala h2.alt { background:url(images/h_xoxcetera.gif) no-repeat top left; margin-bottom:10px; }
.studiohlala h2.holidaysale { background:url(images/h2-holidaysale.gif) no-repeat top left; margin-bottom:10px; }
.menu h2 { height:40px; background:url(images/h3_ardour.gif) no-repeat top left; }
.bzaar h2 { height:40px; background:url(images/h_bzaar.gif) no-repeat top left; }
.press h2 { height:40px; background:url(images/h_press.gif) no-repeat top left; }

.studiohlala #main p, .studiohlala #main h4 { margin-left:0; xwidth:500px; }
.studiohlala #main p.alt, .studiohlala #main h4.alt { margin-left:265px; width:235px; }

.studiohlala #main img { margin-bottom:1em; }
.studiohlala img.top {margin:0 0 10px 15px; }
.twoCol { display:table; }
.twoCol img { float:right; margin-left:10px; }

.section { margin-right:15px; }
.press .section { margin-bottom:3em; }
.section h3 { height:15px; text-indent:-5000px; margin-bottom:1.6em; }
.boxmaking h3.boxsets { background:url(images/h3_boxsets.gif) no-repeat top left; }
.boxmaking h3.artistportfolios { background:url(images/h3_artistportfolios.gif) no-repeat top left; }
.boxmaking h3.booksets { background:url(images/h3_booksets.gif) no-repeat top left; }
.boxmaking h3.portfolders { background:url(images/h3_portfolders.gif) no-repeat top left; }
.boxmaking h3.dropspineboxes { background:url(images/h3_dropspineboxes.gif) no-repeat top left; }
.boxmaking h3.photoportfolios, .bookbinding h3.photoportfolios { background:url(images/h3_photoportfolios.gif) no-repeat top left; }
.boxmaking h3.counter { background:url(images/h3_counter.gif) no-repeat top left; }
.boxmaking h3.deskaccessories { background:url(images/h3_deskaccessories.gif) no-repeat top left; }
.boxmaking h3.stackable { background:url(images/h3_stackable.gif) no-repeat top left; }
.boxmaking h3.present { background:url(images/h3_present.gif) no-repeat top left; }
.boxmaking h3.giftwrapping { background:url(images/h3_giftwrapping.gif) no-repeat top left; }

.bookbinding h3.weddings { background:url(images/h3_weddings.gif) no-repeat top left; }
.bookbinding h3.familyphotos { background:url(images/h3_familyphotos.gif) no-repeat top left; }
.bookbinding h3.presbox { background:url(images/h3_presbox.gif) no-repeat top left; }
.bookbinding h3.materials { background:url(images/h3_materials.gif) no-repeat top left; }
.bookbinding h3.tributes { background:url(images/h3_tributes.gif) no-repeat top left; }
.bookbinding h3.blankbooks { background:url(images/h3_blankbooks.gif) no-repeat top left; }
.bookbinding h3.screwpostbinder { background:url(images/h3_screwpostbinder.gif) no-repeat top left; }


.gallery h3.tributepatty { background:url(images/h3_tributepatty.gif) no-repeat top left; }
.gallery h3.redtrees { background:url(images/h3_redtrees.gif) no-repeat top left; }
.gallery h3.crown { background:url(images/h3_crown.gif) no-repeat top left; }
.gallery h3.postale { background:url(images/h3_postale.gif) no-repeat top left; }
.gallery h3.buttonboxes { background:url(images/h3_buttonboxes.gif) no-repeat top left; }
.gallery h3.jewelbox { background:url(images/h3_jewelbox.gif) no-repeat top left; }
.gallery h3.boxox { background:url(images/h3_boxox.gif) no-repeat top left; }
.gallery h3.excessory-extra { background:url(images/h3_excessory-extra.gif) no-repeat top left; }
.gallery h3.owensbook { background:url(images/h3_owensbook.gif) no-repeat top left; }
.gallery h3.familyheirloom { background:url(images/h3_familyheirloom.gif) no-repeat top left; }

.press h3.verylibrary { background:url(images/h3_verylibrary.gif) no-repeat top left; }
.press h3.instyle { background:url(images/h3_instyleindeed.gif) no-repeat top left; }
.press h3.dynamicgraphics { background:url(images/h3_dynamicgraphics.gif) no-repeat top left; }
.press h3.chicagotrib { background:url(images/h3_chicagotrib.gif) no-repeat top left; }
.press h3.smallerthanlife { background:url(images/h3_smallerthanlife.gif) no-repeat top left; }
.press h3.weddingbelles { background:url(images/h3_weddingbelles.gif) no-repeat top left; }


.contact h3.telephonez { background:url(images/h3_telephonez.gif) no-repeat top left; } 
.contact h3.shipping { background:url(images/h3_shipping.gif) no-repeat top left; }
.contact h3.bontourage { background:url(images/h3_bontourage.gif) no-repeat top left; }

.bureau h3.holiday { background:url(images/h3_holiday.gif) no-repeat top left; }
.bureau h3.alloccasions { background:url(images/h3_alloccasions.gif) no-repeat top left; }
.bureau h3.bureauoffices { background:url(images/h3_bureauoffices.gif) no-repeat top left; }
.bureau h3.california { background:url(images/h3_california.gif) no-repeat top left; }
.bureau h3.connecticut { background:url(images/h3_connecticut.gif) no-repeat top left; }
.bureau h3.illinois { background:url(images/h3_illinois.gif) no-repeat top left; }
.bureau h3.maryland { background:url(images/h3_maryland.gif) no-repeat top left; }
.bureau h3.michigan { background:url(images/h3_michigan.gif) no-repeat top left; }
.bureau h3.minnesota { background:url(images/h3_minnesota.gif) no-repeat top left; }
.bureau h3.newjersey { background:url(images/h3_newjersey.gif) no-repeat top left; }
.bureau h3.newyork { background:url(images/h3_newyork.gif) no-repeat top left; }
.bureau h3.oregon { background:url(images/h3_oregon.gif) no-repeat top left; }
.bureau h3.rhodeisland { background:url(images/h3_rhodeisland.gif) no-repeat top left; }
.bureau h3.dc { background:url(images/h3_washingtonDC.gif) no-repeat top left; }
.bureau h3.exemplaries { background:url(images/h3_exemplaries.gif) no-repeat top left; }
.bureau h3.iowa { background:url(images/h3_iowa.gif) no-repeat top left; }
.bureau h3.smartsets { background:url(images/h3_smartsets.gif) no-repeat top left; }
.bureau h3.bridal { background:url(images/h3_bridal.gif) no-repeat top left; }
.bureau h3.ohio { background:url(images/h3_ohio.gif) no-repeat top left; }


.studiohlala h3.annualsale { background:url(images/h2_holiday-sale.gif) no-repeat top left; }
.studiohlala h3.studiosale { background:url(images/h3_studiosale.gif) no-repeat top left; }
.studiohlala h3.valentinesale { background:url(images/h3_valentine.gif) no-repeat top left; }
.studiohlala h3.sale-revisited { background:url(images/h3_sale-revisited.gif) no-repeat top left; }



.gallery img.other, .bookbinding img.other {margin:0 0 1.6em 15px;}

li.extra_space { padding-bottom:.7em; }

.menu h3.ardour {  }

.section .caption { float:left; width:250px; margin-bottom:30px; }

.thumbnails { clear:both; }
.thumbnails img { float:left; margin:0 20px 20px 0; }

.caption img { }

#footer { clear:both; height:28px; border-top:1px solid #E2E2E2; }
#footer p { height:28px; font-size:.8em; padding:7px 0 0 10px; color:#a9a9a9; }