body
{
    margin: 0;
    background-color: #BBBCBE;
    font-family: verdana,geneva,sans-serif;
    font-size: 11px;
    color: #333333;
    line-height: 16px;
        background: #BBBCBE url(../images/bg_white.gif) repeat-y 50% 0;
    overflow: -moz-scrollbars-vertical;
    overflow: scroll;
    overflow-x: auto;
    overflow-y: scroll;
    *overflow: none;
    *overflow-x: none;
    *overflow-y: none;   
}


#wrapper
{
    width: 770px;
    margin: auto;
    position: relative;
}


#masthead
{
    position: relative;
    width: 710px;
    height: 55px;
    margin-left: 30px;
    background: transparent url(../images/masthead.gif) no-repeat 0 30px;
}

#logoLink
{
        position: absolute;
        width: 375px;
        height: 15px;
        top: 31px;
}

#logoLink a
{
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
}

#logoLink a span {visibility: hidden;}



#navContainer
{
    width: 710px;
    height: 2px;
    margin: 0 0 3px 30px;
    border-top: 1px solid #ccc;
    line-height:0;
}


#nav 
{
	margin: 0;
	padding: 0;
	list-style: none;
        line-height: 14px;
        font-size: 10px;
}

#nav li 
{
	margin: 0 10px 0 0; 
	padding: 0;
	display: inline;
    float: left;
    height: 19px;
}

#nav a 
{
	height: 20px;
    text-decoration: none;
}

#nav a span {visibility: hidden;}

#nav li#custom {  background: transparent url(../images/nav_customgiclee_off.gif) no-repeat 0 0; width: 78px; }
#nav li#custom a { background: transparent url(../images/nav_customgiclee_on.gif) no-repeat 0 -18px; width: 78px; display: block;} 
#nav li#custom a:hover { background-position: 0 0; }
#nav li#custom.currentPage a {  background-position: 0 0; }

#nav li#purchase {  background: transparent url(../images/nav_purchase_off.gif) no-repeat 0 0; width: 90px; }
#nav li#purchase a { background: transparent url(../images/nav_purchase_on.gif) no-repeat 0 -18px; width: 90px; display: block;} 
#nav li#purchase a:hover { background-position: 0 0; }
#nav li#purchase.currentPage a {  background-position: 0 0; }

#nav li#fineart {  background: transparent url(../images/nav_fineart_off.gif) no-repeat 0 0; width: 40px; }
#nav li#fineart a { background: transparent url(../images/nav_fineart_on.gif) no-repeat 0 -18px; width: 40px; display: block;} 
#nav li#fineart a:hover { background-position: 0 0; }
#nav li#fineart.currentPage a {  background-position: 0 0; }

#nav li#photo {  background: transparent url(../images/nav_photoillustration_off.gif) no-repeat 0 0; width: 98px; }
#nav li#photo a { background: transparent url(../images/nav_photoillustration_on.gif) no-repeat 0 -18px; width: 98px; display: block;} 
#nav li#photo a:hover { background-position: 0 0; }
#nav li#photo.currentPage a {  background-position: 0 0; }

#nav li#bio {  background: transparent url(../images/nav_biography_off.gif) no-repeat 0 0; width: 57px; }
#nav li#bio a { background: transparent url(../images/nav_biography_on.gif) no-repeat 0 -18px; width: 57px; display: block;} 
#nav li#bio a:hover { background-position: 0 0; }
#nav li#bio.currentPage a {  background-position: 0 0; }

#nav li#contact {  background: transparent url(../images/nav_contact_off.gif) no-repeat 0 0; width: 42px; }
#nav li#contact a { background: transparent url(../images/nav_contact_on.gif) no-repeat 0 -18px; width: 42px; display: block;} 
#nav li#contact a:hover { background-position: 0 0; }
#nav li#contact.currentPage a {  background-position: 0 0; }

#nav li#home {  background: transparent url(../images/nav_home_off.gif) no-repeat 0 0; width: 31px; }
#nav li#home a { background: transparent url(../images/nav_home_on.gif) no-repeat 0 -18px; width: 31px; display: block;} 
#nav li#home a:hover { background-position: 0 0; }
#nav li#home.currentPage a {  background-position: 0 0; }




#menuContainer
{
    width: 140px;
    float: right;
    
}

#homeCopyShell
{
    position: absolute;
    width: 420px;
    height: 300px;
    left: 305px;
    top: 202px;
}

#homeCopy
{
    position: absolute;
    bottom: 0; 
}

#doorPastCopyright
{
    position: absolute;
    top: 505px;
    left: 30px;
    color: #999;
    font-size: 10px;
    font-family: arial, helvetica, sans-serif;
}

#menu 
{
        margin: 0;
	padding: 0;
	list-style: none;
        float: right;
        line-height: 14px;
        font-size: 11px;
        text-align: right;
        font-family: arial, helvetica, sans-serif;
}

#menu li 
{
	margin: 0; 
	padding: 0;
        text-align: right;
}

#menu li.title 
{
	font-size: 12px;
        font-weight: bold;
        color: #555;
}

#menu li a
{
        color: #999;
	text-decoration:none;
}

#menu li a:hover
{
        color: #C96412;
}

#menu li.menuOn a
{
        color: #C96412;
}







 
/*-----[tab]--------------------------*/

#tabContainer
{
     padding: 0;
        width: 540px;        
} 
 
ul#tabnav
{
    height: 20px;    
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}

ul#tabnav.photo  { border: none;}
ul#tabnav.prints  { border: none;}


 
ul#tabnav li
{
    margin: 0 ;
    padding: 0;
    float: left;   
}
 
ul#tabnav li a
{
    display: block;
    width: 95px;   
    height: 15px;
    margin: 0;
    padding: 0;   
    text-decoration: none;
    background-color: #fff;
    border-bottom: 1px solid #787878;
}   
 
 
 

/*modified Tan hack to target IE 5 MAC only*/
 

ul#tabnav li a#tabConceptual {background: url(../images/tab_conceptual_off.gif) no-repeat 0 0; width: 86px; }
ul#tabnav li a#tabConceptual.tabOn {background-image: url(../images/tab_conceptual_on.gif);}

ul#tabnav li a#tabAdvertising {background: url(../images/tab_advertising_off.gif) no-repeat 0 0; width: 86px; }
ul#tabnav li a#tabAdvertising.tabOn {background-image: url(../images/tab_advertising_on.gif);}

ul#tabnav li a#tabSeries {background: url(../images/tab_series_off.gif) no-repeat 0 0; width: 86px; }
ul#tabnav li a#tabSeries.tabOn {background-image: url(../images/tab_series_on.gif);}

ul#tabnav li a#tabPictorial {background: url(../images/tab_pictorial_off.gif) no-repeat 0 0; width: 86px; }
ul#tabnav li a#tabPictorial.tabOn {background-image: url(../images/tab_pictorial_on.gif);}
 
ul#tabnav li a#tabVariety {background: url(../images/tab_variety_off.gif) no-repeat 0 0;}
ul#tabnav li a#tabVariety.tabOn {background-image: url(../images/tab_variety_on.gif);}

ul#tabnav li a#tabPanoramas {background: url(../images/tab_panoramas_off.gif) no-repeat 0 0;}
ul#tabnav li a#tabPanoramas.tabOn {background-image: url(../images/tab_panoramas_on.gif);}
 
ul#tabnav li a#tabDiptychs {background: url(../images/tab_diptychs_off.gif) no-repeat 0 0;}
ul#tabnav li a#tabDiptychs.tabOn {background-image: url(../images/tab_diptychs_on.gif);}

ul#tabnav li a#tabOuttakes {background: url(../images/tab_outtakes_off.gif) no-repeat 0 0;}
ul#tabnav li a#tabOuttakes.tabOn {background-image: url(../images/tab_outtakes_on.gif);}

ul#tabnav li a#tabUrban {background: url(../images/tab_urban_off.gif) no-repeat 0 0;}
ul#tabnav li a#tabUrban.tabOn {background-image: url(../images/tab_urban_on.gif);}
 
ul#tabnav li a#tabAbstract {background: url(../images/tab_abstract_off.gif) no-repeat 0 0;}
ul#tabnav li a#tabAbstract.tabOn {background-image: url(../images/tab_abstract_on.gif);}

ul#tabnav li a#tabBotanicals {background: url(../images/tab_botanicals_off.gif) no-repeat 0 0;}
ul#tabnav li a#tabBotanicals.tabOn {background-image: url(../images/tab_botanicals_on.gif);}
 
ul#tabnav li a.tabOn
{
    border-bottom: 1px solid white;
    background-color: #fff; 
}
 
 
 





/*-----[content container styles]---------------*/

#contentContainer
{
    float: left;
    width: 710px;
    margin: 0 0 90px 30px;
    display: inline;    
}

#content
{
    margin-top: 41px;
    width: 540px;
    float: left;    
}

#homeContent
{
    width: 710px;
    float: left;    
}



/*-----[home page styles]---------------*/


#homeContent p 
{
        color: #333;
}

#intro
{      
        margin: 0 0 20px 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
}

#intro img { margin-bottom: 12px; }

.triColFloat
{
        float: left;
        margin-right: 20px;
}

.triColFloat p
{
        color: #333;   
}

.triColFloat#giclee 
{
        width: 285px;
        margin-right: 32px;        
}


.triColFloat#giclee p.heading
{
        margin-top: 16px;
        padding: 16px 8px 0 0; 
        background: url(../images/home_title_custom.gif) no-repeat 0 0;
}

.triColFloat#fineart 
{
        width: 155px;
}

.triColFloat#fineart p.heading
{
        margin-top: 16px;
        padding: 16px 8px 0 0; 
        background: url(../images/home_title_fineart.gif) no-repeat 0 0;
}

.triColFloat#illustration 
{
        width: 205px;
        float: right;
        margin-right: 0;
}

.triColFloat#illustration p.heading
{
        margin-top: 16px;
        padding: 16px 8px 0 0; 
        background: url(../images/home_title_illustration.gif) no-repeat 0 0;
}





h1
{
        margin: 0 4px 0 0;
        float: left;
        font-size: 11px;
        font-weight: bold;
        color: #C96412;
}

h2
{
        margin: 0 4px 0 0;
        float: left;
        font-size: 11px;
        font-weight: bold;
        color: #555;
}

p
{
        margin: 0 0 12px 0;
}

a
{   
    
    color: #C96412;
} 

a:hover
{   
    color: #333
}

img {display: block;}



#content .pageImage
{
        position: relative;
        margin: 5px 0 15px 0;
        height: 152px;
}

#content .homeImage
{
        position: relative;
        margin: 5px 0 15px 0;
        height: 390px;
	width: 260px;
}

#content .homeImage p
{
        margin-left: 540px;
}

#content .pageImageCaption
{
        font-size: 10px;
        color: #999;
}

#content .pageImageCopyright
{
        position: absolute;
        bottom: -1px;
        left: 200px;
        margin: 0;
        font-size: 10px;
        color: #999;
        line-height: 12px;
}




strong, b
{
    font-weight: bold;
    color: #555;
}

.shoppingLink
{
    font-weight: bold;
    margin-left: 50px;
}



.pricesTable
{
        margin: 0 0 15px 0;
}

.pricesTable td
{
        background-color: #ededed;
}

.tableHead
{
        font-weight: bold;
        color: #fff;
        
}

td.tableHead {background-color: #C96412;}

td
{
        font-family: verdana,geneva,sans-serif;
        font-size: 11px;
        color: #000;
}








#portfolioThumbnails
{
        margin-bottom: 40px;     

        width:540px;
        overflow: hidden;
}

* html #portfolioThumbnails 
{


}

#portfolioThumbnails a img 
{
        display: inline;
}

#portfolioThumbnails a
{
        display: block;
        float: left;        
        margin: 0 3px 3px 0;
        padding-bottom: 3px;
        border-bottom: 2px solid white;   
}


#portfolioThumbnails a:hover 
{
        border-color: #999;
}

#portfolioThumbnails a.thumbOn
{
        border-color: #999;
}

#portfolioImage
{
        margin: 0 0 12px 0px;
}






#printsImage
{      
        margin: 0 0 30px 0px;
        overflow: hidden;
        font-size: 11px;
        text-align: right; 

}
#printsImage img
{
        display: block;
}
#printsImage h2
{
        margin: 3px 0 0 0;
        float: right;
        clear: both;
        text-align: right;        
}

#printsImage h3
{
        margin: 0;
        font-size: 11px;
        font-weight: normal;
        float: right;
        clear: both;
        text-align: right;        
}

#printsImage p
{
        margin: 0;
        float: right;
        clear: both;
}

.pastPresent {padding-right: 42px;}

#printsDetail
{      
        position: relative;
        width: 390px;
        overflow: hidden;
        background-color: #efefef;
        border: 1px solid #ccc;
        padding: 6px 10px 10px 10px;
        margin: 0 0 12px 0; 
        visibility: hidden;
}

#printsDetail h2
{
        color: #C96412;
        width: 390px; /*force floating items underneath*/
        margin-bottom: 6px;
}

#closeLink
{
        position: absolute;
        left: 360px;
        top: 10px;
}

#linkClosePricing
{
        padding: 0 15px 2px 0;
        background: transparent url(../images/bg_x.gif) no-repeat 100% 50%;
        text-decoration: none;
        color: #666;
}

#linkClosePricing:hover
{
        color: #000;
}

#printsDetail ul
{
        float: left;
        margin: 0;
        padding: 0 0 2px 0;
        list-style: none;
        line-height: 13px;
}

#printsDetail ul li
{
        margin: 0;
        padding: 0;
        font-size: 10px;
}

#printsDetail ul li.radio
{
        margin: 0 0 -20px -21px;
}

#radioPriceOne
{
        position: absolute;
        left: 166px;
        top: 27px;
}

#radioPriceTwo
{
        position: absolute;
        left: 166px;
        top: 62px;
}

#radioPriceThree
{
        position: absolute;
        left: 166px;
        top: 97px;
}

#printsDetail ul li.cartLink
{
        margin: 4px 0 12px 0;
}

#printsDetail ul li.spacer
{
        height: 9px;
        margin: 0;
        padding: 0;
        font-size: 1px;
        line-height: 0;
}

#printsDetail ul li.cartLink a
{
        padding: 2px 4px;
        font-size: 10px;
        font-weight: bold;
        border: 1px solid #C96412;
        text-decoration: none;
        background-color: #eee;        
}

* html #printsDetail ul li.cartLink a
{
        display: block;
        width: 91px;
        displa\y: inline;
        widt\h: auto;
}

#printsDetail form
{
        margin: 0;
}

#printsDetail input
{
        font-size: 11px;
}





#imgDetail
{      
        margin: 4px 25px 0 0;
        float: left;
        width: 152px;
}

#imgDetail img
{
        display: block;
        margin: 0;
}

#imgDetail p
{
        margin: 0;
        font-size: 10px;
        color: #999;
}






.diptychContainer
{
        margin-bottom: 40px;
        float: left;
        width: 99%;
} 



ul.diptychs
{
        margin: 0;
        padding: 0 0 2px 0;
        list-style: none;
        line-height: 13px;
}

ul.diptychs li
{
        margin: 0;
        padding: 0;
        font-size: 10px;
}

ul.diptychs li.title
{
        font-weight: bold;
        font-size: 11px;
        margin-bottom: 4px;
}

ul.diptychs li.cartLink
{
        margin: 4px 0 12px 0;
}

ul.diptychs li.cartLink a
{
        padding: 2px 4px;
        font-size: 10px;
        font-weight: bold;
        border: 1px solid #C96412;
        text-decoration: none;
        background-color: #eee;        
}

* html ul.diptychs li.cartLink a
{
        display: block;
        width: 91px;
        displa\y: inline;
        widt\h: auto;
}



.dipImgDetail
{      
        margin: 4px 25px 0 0;
        float: left;
        width: 306px;

}














ol
{
	margin: 0 0 12px 0;;
	padding-left: 18px;	
}

* html ol {padding-left: 22px;	}


#content ol
{
    margin: 0 0 12px 0;
    padding: 0;
}

#content ol li
{
    padding-left: -35px;
    margin-left: 27px;
    line-height: 15px;
    margin-bottom: 3px;
}



* html #content ol li {margin-left: 30px;}


.twoColFloat
{
        width: 225px;
        float: left;
        margin: 0 25px 20px 0;
}

.twoColFloat img { display: block; margin-bottom: 3px; }
.twoColFloat p {font-size: 10px; line-height: 13px;} 


.clearFloats
{
         clear: both;
}





#footer
{
    float: left;
    width: 710px;
    height: 20px;
    margin: 0 0 0 30px;
    padding-bottom: 30px;
    padding-top: 5px;
    border-top: 1px solid #ccc;
    font-size: 10px;
    clear: both;
}  

#footer p
{
    margin: 0;
    color: #999;
}




.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */