body{padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; text-align:center}
div{
margin:0; float:left; text-align:left;

}
p {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em;}
h3{margin-top:8px;}
/* styles for public pages     border:#0000CC solid 1px; */
/* styles for backgrounds */
.index{ background-color:#ff00b4;}
.catalogue{ background-color:#297dd7}
.news{ background-color:#ff7c67}
.recent_work{ background-color:#04ff97}
.biography{ background-color:#e9b604}
.press{ background-color:#f3a34d}
.contact{ background-color:#c7db82}
.order{ background-color:#297dd7}


.next-button-portrait{width:200px; margin: 10px 12px 12px 12px; float:left;}
.next-button-landscape{width:30px; margin:10px 0px 12px 12px; float:left;}
.previous-button{width:30px; margin:10px 12px 12px 12px; float:left;}
.details-order{width:150px;}
#container{margin-left:auto; margin-right:auto; margin-top:0; width:850px; float:none;}

/* styles for background images */
.content-index{background-image:url(bg_home.jpg); background-repeat:no-repeat; background-position:top; padding:0; float:left; height:auto;}
.content-catalogue{background-image:url(bg_catalogue.jpg); background-repeat:no-repeat; background-position:top; padding:0; float:left; height:auto;}
.content-news{background-image:url(bg_news.jpg); background-repeat:no-repeat; background-position:top; padding:0; float:left; height:auto;}
.content-news #main{margin-top:-14px;}
.content-recent_work{background-image:url(bg_recent.jpg); background-repeat:no-repeat; background-position:top; padding:0; float:left; height:auto;}
.content-biography{background-image:url(bg_biography.jpg); background-repeat:no-repeat; background-position:top; padding:0; float:left; height:auto;}
.content-press{background-image:url(bg_press.jpg); background-repeat:no-repeat; background-position:top; padding:0; float:left; height:auto;}
.content-contact{background-image:url(bg_contact.jpg); background-repeat:no-repeat; background-position:top; padding:0; float:left; height:auto;}
.content-order{background-image:url(bg_catalogue.jpg); background-repeat:no-repeat; background-position:top; padding:0; float:left; height:auto;}

.top{width:850px; margin:0; padding:0; clear:right;float:left;margin-top:10px}
.logo{margin: 0 0 0 10px;}
.nav{clear:right;margin-top:28px; width:690px}
.top  > .nav{width:667px;}
.primary{margin:0 0 0 5px}

.button{clear:none; margin:5px;margin-bottom:0;}
.secondary{background-color:#ffffff;padding:8px; width:655px}
.top > .secondary{background-color:#ffffff;padding:8px; width:644px}
#container .content-recent_work .top .nav .secondary{background-color:#cffcac; float:left}
#container .content-catalogue .top .nav .secondary{background-color:#ff9966; float:left}

.secondary .series-heading{float:left;width:160px;}
.secondary .series-description{float:left;width:470px;margin:5px 0 5px 0}
.secondary .series-description p{margin:0}

#container .content-press .top .nav .secondary{background-color:#a57961; }
#container .content-biography .top .nav .secondary{background-color:#1e9588;}
#container .content-contact .top .nav .secondary{background-color:#969325;}
.secondary .button{ margin:5px}


#main{width:850px;clear:both;float:left;}
.lhnav{width:183px;clear:none; padding-left:0px;}
.lhnav .button{clear:left;float:left;width:160px;margin:0}
.lhnav .linkager{width:20px; margin-top:-55px; clear:none; float:left; }
.lhs{width:50%;clear:none; margin-left:0}

.content-index #main .lhnav{ width:50px;}

.content-index #main .lhs{width:360px; }
.content-index #main .lhs .title{background-image:url(index-lh-bg.png); background-repeat:repeat;}
.content-index #main .lhs .index_news_mid{background-image:url(index_news_mid_bg.png);background-repeat:none;}
.content-index #main .lhs .index_news_mid img{margin:10px; float:left;}
.content-index #main .lhs .index_news_bot{background-image:url(index_news_bot_bg.png); background-repeat:none;width:360px;}
.content-index #main .lhs .index_news_bot .title_swf{margin:0 0 0 5px; position:relative; top:-50px;}
.content-index #main .lhs .index_news_bot p{margin:10px 10px 30px 20px; float:left; position:relative; top:-44px; font-size:15px;}
 body > #container .content-index #main .lhs .index_news_bot p{margin:10px 10px 10px 20px; float:left; position:relative; top:-35px; font-size:15px;}   
.content-index #main .lhs .index_news_bot p a{ color:#333333; text-decoration:none}
.content-index #main .lhs .index_news_bot p a:hover{ color:#FF0033; text-decoration:none}
.content-index #main .rhs{width:420px;clear:none;margin:0 0 0 25px;float:left;}

.order_popup{width:200px; }
.order_popup .bod,.order_popup .hrow{background-color:#ff006c; border:3px solid #ffffff; border-bottom:none;width:194px;}
.order_popup .row{clear:both; margin:5px;}
.order_popup .bod{border-top:none;}
.order_popup .hrow{clear:both;}
.order_popup .hrow .closepopup{float:right;}
.order_popup .hrow .popupheading{float:left;}
.order_popup .row .cell{float:left;padding-right:3px;margin:0;}
.order_popup .row .title{width:60px;border-bottom:none;}
.order_popup .row .title p{margin:0; font-weight:normal;}
.order_popup .foot{clear:both;}
.prices{float:left;}
.prices .row{clear:both; margin:5px;}
.lhs .bod{clear:none;float:left;}
.padding_top{float:none;}
.padding_left{float:left; clear:left;}

.pic_landscape{}
.pic_portrait{}
.rhs .details_landscape{float:right;background-image:url(bg_details-top.png); background-repeat:no-repeat; background-position:top;  padding:10px; width:120px;}
.rhs .details_portrait{float:left; background-image:url(bg_details.png); background-repeat:no-repeat; padding:0px 10px 10px 20px; width:100px; margin-left:0px; margin-top:200px;}
 

.content-recent_work #main .lhnav{width:183px; }
.content-recent_work #main .lhs{width:660px; margin-left:0px; background-image:url(bg_recent_work_lhs.gif); background-repeat:repeat-x;}

.content-catalogue #main .lhnav{width:183px; }
.content-catalogue #main .lhs{width:660px; margin-top:0px;margin-left:0px; background-image:url(bg_catalogue_lhs.gif); background-repeat:repeat-x;}

.content-order #main .lhs{width:640px; background-color:#ff006c;padding:10px;color:#FFFFFF;}
.content-order #main .lhs div .hrow{clear:both;margin:5px;}
.content-order #main .lhs div .hrow img{float:left;clear:none;}
.content-order #main .lhs div .hrow div{float:left;clear:none;}
.content-order #main .lhs div .hrow form{float:left;clear:none;margin-bottom:0}
.content-order #main .lhs .bod .row{clear:both;margin:5px;border-bottom:#FF9933 1px solid;}
.content-order #main .lhs .bod .row .cell{float:left;margin:5px;width:100px;}
.content-order #main .lhs .bod .row .doublecell{float:left;margin:5px 10px;width:200px;}
.content-order #main .lhs .hrow{margin:5px;}
.order-small{width:300px;float:left}
.order-small .row{clear:both; margin:5px; border-bottom:1px solid #FF9933;width:280px}
.order-small .row .cell{width:50px;float:left;margin-bottom:5px}
.order-small .row .triplecell{width:150px;float:left;margin-bottom:5px}
.formsection{border:1px solid #FF9933;width:100%;clear:left;float:left;}

.prices .row img{clear:none; float:left;}
.prices .row .cell{margin:5px 5px 6px 5px;}
.prices .row {float:left;}

.content-news #main .lhnav{clear:left;width:278px}
.content-news #main .lhnav .button { margin: 0 0 0 18px;padding:0;}
.content-news #main .lhnav .button li{ list-style:none;}

.content-news #main .lhs a.linkto{float:left;clear:both;}
.content-news #main .top_of_lhnav{margin-left:11px;}
.content-news #main .lhs .text{background-color:#FFFFFF; border:3px solid #FF6600; width:414px; margin-bottom:5px;float:left;clear:both;}
.content-news #main .lhs .text p{margin:10px;}
.content-news #main .lhs img{margin:1px 0; float:left;clear:both;}
 h2.news-title{float:left;padding:10px 20px ;background-color:#FF6600;width:380px;margin:5px 0 0 0;}


.content-biography #main .lhs{background-image:url(bio-lhs-bg.png); background-repeat:repeat;width:660px;}
.content-biography #main .lhs .text{margin:0 12px;}
.content-biography #main .lhs .title{border-bottom:none;}
.content-biography #main .lhs .image{clear:right;margin-left:10px;}

.content-press #main{margin-top:0px;padding-top:0px;}
.content-press #main .lhs{background-image:url(press-lhs-bg.png); background-repeat:repeat;width:650px;margin-bottom:-10px}
body > #container .content-press #main .lhs{background-image:url(press-lhs-bg.png); background-repeat:repeat;width:655px;margin-bottom:-10px}
.content-press #main .lhs .text{margin-left:8px;float:none;}
.content-press #main .lhs .title{border-bottom:none;margin:8px 0 0 8px;}
.content-press #main .lhs .image{margin: 0 0 10px 10px}
.content-press #main .lhs .text p{margin-left:10px}
.content-press .top .nav .secondary .current-img{border-color:#ffcc00;}
h2.article-title{padding:10px;margin:0;}

.biglinkager{width:74%; margin-left:-8px; clear:right; margin-top:-24px;}
.current-img{border:#FFFFFF solid 2px;margin:3px;}
.rhs{width:24%;clear:none;}

#footer{width:850px;clear:both;float:left;margin-top:20px; background-image:url(footer.gif); background-repeat:none;height:48px}
#footer .content{width:660px; margin-left:183px ;clear:both;float:left; margin-bottom:25px; background-color:#0241d0;position:relative;}
#footer .content .copy{clear:none} 
#footer .content .email{float:right;clear:none}
#footer .content .footer_order{float:right;clear:none}
.order_popup{position:absolute; top:10px; left:10px;}

.order_navi{position:relative; top:-170px; left:60px;float:right;height:0}

.lhs #column{margin:5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px}
.content-contact #main .lhs{ background-image:url(content-lh-bg.png); background-repeat:repeat; width:380px}
body > #container .content-contact  #main .lhs{width:400px}
.content-contact #main .lhs .emailonly{background-color:#0241d0;}

.content-contact #main .rhs{background-image:url(where.png); background-repeat:no-repeat;height:276px;width:246px;float:left;}
.content-contact #main .rhs .where_heading{margin:15px 0 0 40px;float:left;}
.content-contact #main .rhs p{margin:15px 10px 0 30px;float:left;}
.pic_container{}
.pic_t{background-color:#FFFFFF; }
.pic_mid{background-color:#FFFFFF;}
.pic_mid img{margin:  0 10px 0 10px;}
.pic_b{background-color:#FFFFFF;}

.description{margin:0 0 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em;}
.lhs .details_portrait{ background-image:url(bg_details.png); background-repeat:no-repeat; padding:0px 10px 10px 20px; width:200px;}
.lhs .details_landscape{ background-image:url(bg_details-bigtop.png); background-repeat:no-repeat; padding:10px 10px 10px 10px; width:200px;float:right;margin-right:50px}
.content-index #main .rhs .details .med_size{margin-bottom:0px;}
.content-index #main .rhs table{ float:left;}
.title a{ text-decoration:none;}
.title a:link{color:#003333;}
.title a:hover{ color:#996633;}

.title{border-bottom:#CC9999 1px solid; width:100%; font-weight:bold; margin-bottom:5px;margin-top:10px;}
.title .heading{float:left; margin-bottom:5px;}
.title .edition{float:right; margin-bottom:5px;}
.med_size{float:left; width:80%;margin-top:0}
.price_sold{float:right; width:20%; font-weight:bold;margin-top:0; text-align:right;}
.right-padding{ float:right;clear:left;}

/* end of styles for public pages */

.small{
font-size:80%;
font-family:Arial, Helvetica, sans-serif;
}

.small_sel{
font-size:90%;
}

#column {width:100%}
#column #input .small {font-size:12px;margin:5px;font-weight:bold;}
#column #label{width:120px;text-align:right;}
#column #label .small {font-size:12px;margin:5px;font-weight:normal;}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  
  .sIFR-active h2.news-title, .sIFR-active h2.article-title {
    padding-bottom:0;
  }
  
}