/* CSS Document */

.fltLft
{
	float:left;
}

.fltRt
{
	float:right;
}

/* general */
html {margin:0px; padding:0px; height:100%; text-align:center;}
body {text-align:center; margin:auto; padding:0px; height:100%; background-color:#FFFFFF;}

div#verticalspacer { min-height:315px; width:1px; height:50%; margin:0px; padding:0px;}
div#verticalspacer2 { min-height:440px; width:100%; height:50%; margin:0px; padding:0px;}

div#main {position:relative; clear:both; width:900px; height:630px; background-color:#880a6f; border-color:#880a6f; border-style:solid; border-width:1px; margin: -315px auto 0px auto; padding:0px; text-align:right;}


/* jvb oct 12 - added background-image property took out background color this is to create translucent white effect */
div#content {padding:25px 25px 10px 25px; margin:0px; width:850px; height:485px; background-image:url(../images/translucent_white.png)}

div#book_left div#container div#content { background-image:none;}

div.copyright
{
	float:right;
	width:200px;
	text-align:right;
	color:#555555;
}

div.address
{	
	background-color:#0000FF;
    width: 850px;
    margin:auto;
}

div#footer

{	
	position:relative;
	height:15px;
	clear:both;
	border:1px;
    width: 900px;
    margin:auto;
	padding:2px 0px 0px 0px;
}

div#shadowbox_overlay 
{
	width: 850px;
}

div#shadowbox_container
{
	width: 850px;
}

div#open_content 
{
    padding:25px 25px 10px 25px; 
    margin:0px; 
    width:850px; 
    height:485px;
}

/*  jvb -oct 9- added this rule for body of popup*/
body#product_popup {
padding:8px 3px 8px 3px;
text-align:center;
}

div#pop_main 
{
    position:relative; 
    clear:both; 
    width:580px; 
    background-color:#880a6f; 
    border: 1px solid #880a6f;  
    margin: 0px auto 0px auto; 
    padding:0px; 
    text-align:right;}

/*  jvb -oct 9- changed width of both pop_main and pop_content here -- also changed top padding from 0 to 40 and side padding from 60 to 50 */
div#pop_content 
{ 
    margin:0px; 
    width:480px;
    background-color:#FFFFFF;
    padding: 40px 50px 0px 50px;
}

div#pop_display
{
    text-align: left;
}

/*-- added two rules here for pop_bio_content and pop_bio_display to make different styles for these divs in bio */
div#pop_bio_content 
{ 
    margin:0px; 
    width:530px;
    background-color:#FFFFFF;
    padding: 25px 25px 0px 25px;
}

div#pop_bio_display
{
    text-align: left;
}


div#bio_display_top
{
    min-height: 60px; 
}

div#pop_display_image
{
    
    background-position: 100% 50%;
	background-repeat: no-repeat;
	margin-bottom:15px;
}

/* jvb -oct 9- took out height: 490px; here oct 12 took out min-height: 206px;*/

div#pop_info
{
    
    text-align: left;
}


/* jvb -oct 9- added this rule to create space above bio text  */
div#bio-popup-description {
margin-top:10px;
}


span#pop_info_header
{
    font-size: 13px;
    color: #880a6f;
		text-transform:uppercase;
		margin-top:5px;
		margin-bottom:5px;
}

/* jvb -oct 9- added rule here so that print page was not transform uppercase for desiger bio popup to match design here*/
span#pop_info_printbutton
{
    font-size: 13px;
    color: #880a6f;
		margin-top:5px;
		margin-bottom:5px;
		margin-left:0px;
}

/* vlek -oct 10- added rule so that "print page" was not transform uppercase for artwork/item popup to match design, and left margin is different than bio popup*/
span#pop_info_printbuttonart
{
    font-size: 13px;
    color: #880a6f;
		margin-top:5px;
		margin-bottom:5px;
		margin-left:0px;
		padding:0px 0px 0px 0px;
		background-color:#FFFFFF;
}

/* kicker  */
div.kicker {
	clear:both;
	position:relative;
	width:1px;
	height:1px;
}

div#pop_info_description
{
    margin-top: 25px;
    margin-bottom: 20px;
}

div#pop_info_list
{
    font-size: 10px;
    width: 300px;
    margin-top: 4px;
}

span#pop_info_list_label
{
    font-size: 11px;
    color: #880a6f;
}

img#pop_info_image
{
    float: right;
    width: 136px;
    height: auto;
    margin-left: 40px;
}

div#pop_footer
{
    background-color: #ffffff;
    height: 150px;
    margin: 0px;
	text-align:right;
	
}

/* added this rule here to distinquish bio popup from other ind item popup */
div#pop_bio_footer
{
    background-color: #ffffff;
    height: 150px;
    margin: 0px;
}

/* this one is used in the bio popup */
div#pop_footer_top
{
    min-height: 40px;
    text-align: left;
    margin: 0px;
	padding: 0px 0px 0px 25px;
	width:200px;
	background-color:#ffffff;
	
}

/*this one is used in the item popup */
div#pop_footer_topart
{
    min-height: 40px;
    text-align: left;
    margin: 0px;
	padding: 0px 0px 0px 50px;
	width:530px;
	background-color:#ffffff;
	
}

div#pop_footer_logo img {display:none;}

div#pop_footer_logo
{
   background-image: url(../images/popup_logo.png);
    background-repeat: no-repeat;
    background-position: 0 0;
	padding:16px 0px 0px 0px;
	width:302px;
    height: 0px;
	margin-right:60px;
	background-color:#ffffff;
	position:relative;
	float:right;
	overflow:hidden;
	
}

/* jvb oct 9 added this rule to fix right margin on bio popup */
div#pop_bio_footer div#pop_footer_logo{
margin-right:25px;
}


/* thumbnail scroller*/
div#pop_footer_arrows 
{
	position:absolute;
	top:100%;
	right:3%;
    width:21px;
    height:44px;
    overflow:hidden;
    margin:-80px 0px 0px 0px;
    padding:0px;
	background-color:#ffffff;
}
a.footer_downarrow, a.footer_uparrow, a.footer_leftarrow, a.footer_rightarrow {display:block; width:21px; height:0px; overflow:hidden; padding:20px 0px 0px 0px; margin:0px; background-image:url(../images/bigarrows.jpg); background-repeat:no-repeat; margin:5px 0px 0px 0px;}
a.footer_downarrow {background-position:0px -27px;}
a.footer_uparrow {background-position:0px 0px;}

div#pop_footer_phone
{
    margin-top: 10px;
    margin-right: 60px;
    font-size: 12px;
	float:right;
	clear:right;
	width:200px;
}
/* jvb oct 9 added this rule to fix right margin on bio popup */
div#pop_bio_footer div#pop_footer_phone{
margin-right:25px;
width:200px
}


div#pop_footer_address
{
    margin-top: 5px;
    margin-right: 60px;
    font-size: 12px;
	float:right;
	clear:right;
	width:200px;
}
/* jvb oct 9 added this rule to fix right margin on bio popup */
div#pop_bio_footer div#pop_footer_address{
margin-right:25px;
}

div#pop_footer_email
{
    margin-top: 5px;
    margin-right: 60px;
    font-size: 12px;
	float:right;
	clear:right;
}
/* jvb oct 9 added this rule to fix right margin on bio popup */
div#pop_bio_footer div#pop_footer_email{
margin-right:25px;
}

/* Rotating background images for home */

body#home div#main { background-image:url(/sites/lizobrien/files/webmaster/image/background/bg_home1.jpg)}
body#home1 div#main { background-image:url(/sites/lizobrien/files/webmaster/image/background/bg_home2.jpg)}
body#home2 div#main { background-image:url(/sites/lizobrien/files/webmaster/image/background/bg_home3.jpg)}
body#home3 div#main { background-image:url(/sites/lizobrien/files/webmaster/image/background/bg_home4.jpg)}
body#home4 div#main { background-image:url(/sites/lizobrien/files/webmaster/image/background/bg_home5.jpg)}
body#home5 div#main { background-image:url(/sites/lizobrien/files/webmaster/image/background/bg_home6.jpg)}

/* backgrounds will be different on each page*/

body#collections div#main{background-image:url(../images/bg_collections_tables.jpg);}
body#collectionstables div#main{background-image:url(../images/bg_collections_tables.jpg);}
body#collectionseating div#main{background-image:url(../images/bg_collections_tables.jpg);}
body#collectionslighting div#main{background-image:url(../images/bg_collections_tables.jpg);}
body#collectionsstorage div#main{background-image:url(../images/bg_collections_tables.jpg);}
body#collectionsaccessories div#main{background-image:url(../images/bg_collections_tables.jpg);}
body#indv_collectionstables div#main { background-image:url(../images/bg_collections_tables.jpg);}
body#collections div#main { background-image:url(../images/bg_collections_tables.jpg);}
body#designers div#main { background-image:url(../images/bg_designers.jpg);}
body#aboutus div#main { background-image:url(../images/bg_about.jpg);}
body#aboutusservices div#main { background-image:url(../images/bg_about.jpg);}
body#bookstore div#main { background-image:url(../images/bg_about.jpg);}
body#press div#main { background-image:url(../images/bg_about.jpg);}
body#archive div#main { background-image:url(../images/bg_archive.jpg);}
body#contact div#main { background-image:url(../images/bg_contact.jpg);}

/*FONTS*/
body { font-family:Arial, Helvetica, sans-serif; font-size:10px;}
body a {color:#a84b95; text-decoration:none;}
body a:hover {color:#a84b95; text-decoration:underline;}

#purpleText
{
    color:#a84b95;
}

/*IMAGES -- section added by vlek*/

/*IE hack to take off the blue borders in IE browser - vlek trac#65  */
img {border: 0;}

/* these lines take off the extra purple outlines around the thumbs and large image of the indiv pages as they do not show on the design. - vlek */
a img {color:#ffffff; text-decoration:none;}
a:hover img {color:#ffffff; text-decoration:none;}


/*LOGO */

/* the logo for home is unique*/
body#home div#main h1 a {display:block; margin:0px; position:relative; width:619px; height:0px; overflow:hidden; padding:96px 0px 0px 0px; background-image:url(../images/home_logo.png);}
body#home1 div#main h1 a {display:block; margin:0px; position:relative; width:619px; height:0px; overflow:hidden; padding:96px 0px 0px 0px; background-image:url(../images/home_logo.png);}
body#home2 div#main h1 a {display:block; margin:0px; position:relative; width:619px; height:0px; overflow:hidden; padding:96px 0px 0px 0px; background-image:url(../images/home_logo.png);}
body#home3 div#main h1 a {display:block; margin:0px; position:relative; width:619px; height:0px; overflow:hidden; padding:96px 0px 0px 0px; background-image:url(../images/home_logo.png);}
body#home4 div#main h1 a {display:block; margin:0px; position:relative; width:619px; height:0px; overflow:hidden; padding:96px 0px 0px 0px; background-image:url(../images/home_logo.png);}
body#home5 div#main h1 a {display:block; margin:0px; position:relative; width:619px; height:0px; overflow:hidden; padding:96px 0px 0px 0px; background-image:url(../images/home_logo.png);}
body#home6 div#main h1 a {display:block; margin:0px; position:relative; width:619px; height:0px; overflow:hidden; padding:96px 0px 0px 0px; background-image:url(../images/home_logo.png);}
body#home7 div#main h1 a {display:block; margin:0px; position:relative; width:619px; height:0px; overflow:hidden; padding:96px 0px 0px 0px; background-image:url(../images/home_logo.png);}

body#home div#main h1{float:right; margin:240px 30px 0px 0px; position:relative; width:619px; height:96px; padding:0px 0px 0px 0px;}
body#home1 div#main h1{float:right; margin:240px 30px 0px 0px; position:relative; width:619px; height:96px; padding:0px 0px 0px 0px;}
body#home2 div#main h1{float:right; margin:240px 30px 0px 0px; position:relative; width:619px; height:96px; padding:0px 0px 0px 0px;}
body#home3 div#main h1{float:right; margin:240px 30px 0px 0px; position:relative; width:619px; height:96px; padding:0px 0px 0px 0px;}
body#home4 div#main h1{float:right; margin:240px 30px 0px 0px; position:relative; width:619px; height:96px; padding:0px 0px 0px 0px;}
body#home5 div#main h1{float:right; margin:240px 30px 0px 0px; position:relative; width:619px; height:96px; padding:0px 0px 0px 0px;}
body#home6 div#main h1{float:right; margin:240px 30px 0px 0px; position:relative; width:619px; height:96px; padding:0px 0px 0px 0px;}
body#home7 div#main h1{float:right; margin:240px 30px 0px 0px; position:relative; width:619px; height:96px; padding:0px 0px 0px 0px;}


div#main h1{ float:right; margin:0px 0px 0px 0px; position:relative; width:406px; height:21px; padding:0px 0px 0px 0px;}
div#main div#content h1 a {display:block; margin:0px; position:relative; width:406px; height:0px; overflow:hidden; padding:21px 0px 0px 0px; background-image:url(../images/interior_logo.png);}

div#main div#open_content h1 a {display:block; margin:0px; position:relative; width:406px; height:0px; overflow:hidden; padding:21px 0px 0px 0px; background-image:url(../images/interior_logo.png);}

/*COLLECTIONS page*/

body#collections div#main div#open_content div.collections_image 
{
    position: absolute;
    top:180px;
}

body#collections div#main div#open_content h2.collection 
{
    float: left;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 60px;
    left: 25px;
    width: 120px;
    height: 120px;
    padding: 0px;
}

body#collections div#main div#open_content h2 a#Tables 
{
    border: 1px solid #880a6f;
    display: block;
    position: relative;
    left: 29px;
    margin-top:120px;
    width: 120px;
    height: 0px;
    overflow: hidden;
    padding: 120px 0px 0px 0px;
    background-image: url(../images/collections_tables.jpg);
}

body#collections div#main div#open_content h2 a#Seating 
{
    border: 1px solid #880a6f;
    display: block;
    position: relative;
    left: 197px;
    margin-top:120px;
    width: 120px;
    height: 0px;
    overflow: hidden;
    padding: 120px 0px 0px 0px;
    background-image: url(../images/collections_seating.jpg);
}

body#collections div#main div#open_content h2 a#Lighting 
{
    border: 1px solid #880a6f;
    display: block;
    position: relative;
    left: 365px;
    margin-top:120px;
    width: 120px;
    height: 0px;
    overflow: hidden;
    padding: 120px 0px 0px 0px;
    background-image: url(../images/collections_lighting.jpg);
}

body#collections div#main div#open_content h2 a#Storage 
{
    border: 1px solid #880a6f;
    display: block;
    position: relative;
    left: 533px;
    margin-top:120px;
    width: 120px;
    height: 0px;
    overflow: hidden;
    padding: 120px 0px 0px 0px;
    background-image: url(../images/collections_storage.jpg);
}

body#collections div#main div#open_content h2 a#Accessories 
{
    border: 1px solid #880a6f;
    display: block;
    position: relative;
    left: 701px;
    margin-top:120px;
    width: 120px;
    height: 0px;
    overflow: hidden;
    padding: 120px 0px 0px 0px;
    background-image: url(../images/collections_accessories.jpg);
}


body#collections div#main div#open_content div#pagenav ul li a 
{
    
    font-size: 13px;
}

body#collections div#main div#open_content div#pagenav span#pagenavTables
{
    display: block;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 313px;
    left: 54px;
    padding: 0px;
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
}

body#collections div#main div#open_content div#pagenav span#pagenavSeating
{
    display: block;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 313px;
    left: 222px;
    padding: 0px;
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
}

body#collections div#main div#open_content div#pagenav span#pagenavLighting
{
    display: block;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 313px;
    left: 390px;
    padding: 0px;
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
}

body#collections div#main div#open_content div#pagenav span#pagenavStorage 
{
    display: block;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 313px;
    left: 558px;
    padding: 0px;
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
}

body#collections div#main div#open_content div#pagenav span#pagenavAccessories
{
    display: block;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: 313px;
    left: 726px;
    padding: 0px;
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
}

body#collections div#main div#open_content div#pagenav span#pagesubnav 
{
    font-size: 12px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    text-align: left;
    line-height: 18px;
}

body#collections div#main div#open_content div#pagenav div#pagesubnav 
{
    font-size: 12px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    text-align: left;
    line-height: 18px;
}

body#collections div#main div#open_content div#pagenav span.Tables
{
    position: absolute;
    top: 343px;
    left: 54px;
}

body#collections div#main div#open_content div#pagenav span.Seating
{
    position: absolute;
    top: 343px;
    left: 222px;
}

body#collections div#main div#open_content div#pagenav span.Lighting
{
    position: absolute;
    top: 343px;
    left: 390px;
}

body#collections div#main div#open_content div#pagenav span.Storage
{
    position: absolute;
    top: 343px;
    left: 558px;
}

body#collections div#main div#open_content div#pagenav span.Accessories
{
    position: absolute;
    top: 343px;
    left: 726px;
}






/* DESIGNERS and ARCHIVE pages */

div#main div#open_content div#inner_content
{
    position: absolute;
    top: 125px;
    left: 25px;
    font-size: 12px;
    xborder: 1px solid #a7a7a7;
    text-align: left;
    
    
}

.archlist
{
    width: 850px;
    xborder: 1px solid #000000;
}

/* added margin and padding jvb oct 13 */
.indi-list
{
    float: left;
    width: 33%;
    xborder: 1px solid #a7a7a7;
	margin:5px 0px 5px 0px;
	padding:0px;
	text-transform:uppercase;
}

/* ABOUT pages */

a.aboutdownarrow, a.aboutuparrow
{
    display:block; 
    width:15px; 
    height:0px; 
    overflow:hidden; 
    padding:14px 0px 0px 0px; 
    margin:0px; 
    background-image:url(../images/about-arrows.png); 
    background-repeat:no-repeat; 
    margin:5px 0px 0px 0px;
}
a.aboutdownarrow {background-position:0px -50px;}
a.aboutuparrow {background-position:0px 0px;}
a.aboutdownarrow:hover {background-position:-51px -50px;}
a.aboutuparrow:hover {background-position:-51px 0px;}

a.aboutrightarrow, a.aboutleftarrow
{
    display:block; 
    width:15px; 
    height:0px; 
    overflow:hidden; 
    padding:15px 0px 0px 0px; 
    margin:0px; 
    background-image:url(../images/about-arrows-horiz.png); 
    background-repeat:no-repeat; 
    margin:5px 0px 0px 0px;
}
a.aboutrightarrow {background-position:-51px 0px;}
a.aboutleftarrow {background-position:0px 0px;}
a.aboutrightarrow:hover {background-position:-51px -51px;}
a.aboutleftarrow:hover {background-position: 0px -51px;}

#aboutusservices a.aboutrightarrow {
display: none;
}

#aboutus a.aboutleftarrow {
display: none;
}


div#main div#open_content div#aboutus_content
{
    position: absolute;
    top: 90px;
    left: 145px;
    font-size: 12px;
    width: 730px;
    background-repeat: no-repeat;
    min-height: 350px;
    
}



body#aboutus div#main div#open_content div#aboutus_content div#aboutus_content_left
{
    float: left;
    min-height: 350px;
    width: 235px;
    background-image: url(../images/liz.jpg);
    border: 1px solid #a84b95;
}

body#aboutusservices div#main div#open_content div#aboutus_content div#about_services_content_left
{

/* original settings - vlek 7/22/10
	width: 305px;
	background-image: url(../images/about_services.jpg);
    margin-left: -50px;
	*/
	float: left;
    min-height: 350px;
    width: 360px;
    background-image: url(../images/about_services2b.jpg);
    border: 1px solid #a84b95;
    margin-left: -85px;
    text-align:left;
}



div#main div#open_content div#aboutus_content div#aboutus_content_right
{
    margin-top: 0px;
    margin-bottom: 15px;
    float: right;
    width: 410px;
    text-align: justify;
    height: 350px;
}

div#main div#open_content div#book_content
{
    position: absolute;
    top: 55px;
    left: 145px;
    font-size: 12px;
    width: 730px;
    background-repeat: no-repeat;
    min-height: 350px;
    
}

div#main div#open_content div#book_content div#book_left
{
    float: left;
    min-height: 450px;
    width: 755px;
    xborder: 1px solid #a84b95;
    margin-left: -50px;
    text-align:left;
    overflow: auto;
}

div#main div#open_content div#book_content div#book_right
{
    margin-top: 400px;
    margin-bottom: 15px;
    float: right;
    width: 20px;
    height: 50px;
}

#about_scroll_right
{
    margin-top: 350px;
    margin-bottom: 15px;
    float: right;
    width: 20px;
    height: 50px;
	margin-right: 20px;
}

img#bookcover
{
    border: 1px solid #a84b95;
    float: left;
    margin-right: 30px;
	margin-bottom:35px;
	clear:both;
	
    
}

div#bookcontainer div {
margin-bottom:35px;
clear:both;

}

#booktitle
{
    color: #ffffff;
    
}

#nextbook
{
    clear: both;
}

#bookdescription
{
    
}

#nextpress
{
	clear: both;
}

/* jvb oct 12  added to fix spacing on press page */
div#presscontent p {
margin-bottom: 0px;
}

#presscontent
{
	margin-left:120px;
	margin-right:50px;
	text-align:justify;
	color:#ffffff;
}

/* vlek jul 2010 - Mary wanted links on press page to remain white */
#presscontent a {
color: #ffffff;
}

/* jvb oct 12 increased width and added text-align  */
.pressNameDate
{
	float:right;
	width:200px;
	color:#000000;
	font-weight:bold;
	text-align:right;
	margin-top:-25px;
}







/*MAIN NAV */
div#mainnav 
{
    width:900px;
    height:110px;
    margin:0px;
    padding:0px;
    position:absolute;
    top:520px;
    left:0px;
}
div#mainnav ul 
{
    width:900px;
    height:110px;
    overflow:hidden;
    display:block;
    padding:0px;
    margin:0px;
}
div#mainnav ul li.mainnavli 
{
    width:900px;
    height:19px;
    overflow:hidden;
    display:block;
    padding:0px 0px 2px 0px;
    margin:0px;
    font-size:10px;
}

div#mainnav ul li.mainnavli a.mainnava 
{
    width:900px;
    height:0px;
    overflow:hidden;
    display:block;
    padding:19px 0px 0px 0px;
    margin:0px;
    background-image:url(../images/mainnav.png);
}

div#mainnav ul li.mainnavli a#navcollections:hover { background-position:0px 0px;}
div#mainnav ul li.mainnavli a#navdesigners:hover { background-position:0px -20px;}
div#mainnav ul li.mainnavli a#navarchive:hover { background-position:0px -40px;}
div#mainnav ul li.mainnavli a#navaboutus:hover { background-position:0px -60px;}
div#mainnav ul li.mainnavli a#navcontact:hover { background-position:0px -80px;}

div#mainnav ul li.mainnavli a#navcollections { background-position:-900px 0px;}
div#mainnav ul li.mainnavli a#navdesigners { background-position:-900px -20px;}
div#mainnav ul li.mainnavli a#navarchive { background-position:-900px -40px;}
div#mainnav ul li.mainnavli a#navaboutus { background-position:-900px -60px;}
div#mainnav ul li.mainnavli a#navcontact { background-position:-900px -80px;}

/* these rules are needed so that the id in the body can determine both which main nav item is lit and which subnav item too*/
body#collections div#mainnav ul li.mainnavli a#navcollections { background-position:0px 0px;}
body#collectionstables div#mainnav ul li.mainnavli a#navcollections { background-position:0px 0px;}
body#collectionseating div#mainnav ul li.mainnavli a#navcollections { background-position:0px 0px;}
body#collectionslighting div#mainnav ul li.mainnavli a#navcollections { background-position:0px 0px;}
body#collectionsstorage div#mainnav ul li.mainnavli a#navcollections { background-position:0px 0px;}
body#collectionsaccessories div#mainnav ul li.mainnavli a#navcollections { background-position:0px 0px;}
body#indv_collectionstables div#mainnav ul li.mainnavli a#navcollections { background-position:0px 0px;}
/* these rules are needed so that the id in the body can determine both which main nav item is lit and which subnav item too*/
body#designers div#mainnav ul li.mainnavli a#navdesigners { background-position:0px -20px;}
body#archive div#mainnav ul li.mainnavli a#navarchive { background-position:0px -40px;}
/*same here*/
body#aboutus div#mainnav ul li.mainnavli a#navaboutus { background-position:0px -60px;}
body#aboutushistory div#mainnav ul li.mainnavli a#navaboutus { background-position:0px -60px;}
body#aboutusservices div#mainnav ul li.mainnavli a#navaboutus { background-position:0px -60px;}
body#bookstore div#mainnav ul li.mainnavli a#navaboutus { background-position:0px -60px;}
body#press div#mainnav ul li.mainnavli a#navaboutus { background-position:0px -60px;}
/*same here*/
body#contact div#mainnav ul li.mainnavli a#navcontact { background-position:0px -80px;}


/*SUB NAV -- you'll need to do the same thing for the about sub-nav*/

div#mainnav ul li.mainnavli ul#subnav 
{
    z-index:200;
    position:absolute;
    top:0px;
    left:0px;
    width:540px;
    height:20px;
    overflow:hidden;
    display:block;
    padding:0px 0px 0px 70px;
    margin:0px;
    font-size:10px;
}

div#mainnav ul li.mainnavli ul#subnav li{height:11px; padding:0px; margin:5px 9px 4px 0px; float:left; display:inline;}

/*the widths are per sub nav element because the words are different lengths- spaces between are uniform*/
div#mainnav ul li.mainnavli ul#subnav li a.subnava 
{
    z-index:211; 
    display:block; 
    height:0px; 
    padding:11px 0px 0px 0px; 
    margin:0px; 
    overflow:hidden; 
    background-image:url(../images/subnav.gif);
}
div#mainnav ul li.mainnavli ul#subnav li#subnavtables a.subnava {width:69px; background-position:0px 0px;}
div#mainnav ul li.mainnavli ul#subnav li#subnavseating a.subnava {width:79px; background-position:-150px 0px;}
div#mainnav ul li.mainnavli ul#subnav li#subnavlighting a.subnava {width:89px; background-position:-300px 0px;}
div#mainnav ul li.mainnavli ul#subnav li#subnavstorage a.subnava {width:81px; background-position:-450px 0px;}
div#mainnav ul li.mainnavli ul#subnav li#subnavaccessories a.subnava {width:112px; background-position:-600px 0px;}

div#mainnav ul li.mainnavli ul#subnav li#subnavtables a.subnava:hover {width:69px; background-position:0px -11px;}
div#mainnav ul li.mainnavli ul#subnav li#subnavseating a.subnava:hover {width:79px; background-position:-150px -11px;}
div#mainnav ul li.mainnavli ul#subnav li#subnavlighting a.subnava:hover {width:89px; background-position:-300px -11px;}
div#mainnav ul li.mainnavli ul#subnav li#subnavstorage a.subnava:hover {width:81px; background-position:-450px -11px;}
div#mainnav ul li.mainnavli ul#subnav li#subnavaccessories a.subnava:hover {width:112px; background-position:-600px -11px;}

/* this block makes the subnav item for the page you are on light up, you'll need to do the same thing for the about sub nav items*/
body#collectionstables div#mainnav ul li.mainnavli ul#subnav li#subnavtables a.subnava {width:69px; background-position:0px -11px;}
body#collectionseating div#mainnav ul li.mainnavli ul#subnav li#subnavseating a.subnava {width:79px; background-position:-150px -11px;}
body#collectionslighting div#mainnav ul li.mainnavli ul#subnav li#subnavlighting a.subnava {width:89px; background-position:-300px -11px;}
body#collectionsstorage div#mainnav ul li.mainnavli ul#subnav li#subnavstorage a.subnava {width:81px; background-position:-450px -11px;}
body#collectionsaccessories div#mainnav ul li.mainnavli ul#subnav li#subnavaccessories a.subnava {width:112px; background-position:-600px -11px;}

div#mainnav ul li.mainnavli ul#about-subnav 
{
    z-index:200; 
    position:absolute; 
    top:62px; 
    left:0px; 
    width:540px; 
    height:20px; 
    overflow:hidden; 
    display:block; 
    padding:0px 0px 0px 70px; 
    margin:0px;font-size:10px;
}

div#mainnav ul li.mainnavli ul#about-subnav li{height:11px; padding:0px; margin:5px 9px 4px 0px; float:left; display:inline;}

div#mainnav ul li.mainnavli ul#about-subnav li a.subnavb 
{
    z-index:211; 
    display:block; 
    height:0px; 
    padding:11px 0px 0px 0px; 
    margin:0px; 
    overflow:hidden; 
    background-image:url(../images/subnav.gif);
}
div#mainnav ul li.mainnavli ul#about-subnav li#subnavhistory a.subnavb {width:86px; background-position:0px -22px;}
div#mainnav ul li.mainnavli ul#about-subnav li#subnavservices a.subnavb {width:82px; background-position:-150px -22px;}
div#mainnav ul li.mainnavli ul#about-subnav li#subnavbookstore a.subnavb {width:104px; background-position:-300px -22px;}
div#mainnav ul li.mainnavli ul#about-subnav li#subnavpress a.subnavb {width:60px; background-position:-450px -22px;}

div#mainnav ul li.mainnavli ul#about-subnav li#subnavhistory a.subnavb:hover { width:86px; background-position:0px -33px;}
div#mainnav ul li.mainnavli ul#about-subnav li#subnavservices a.subnavb:hover {width:82px; background-position:-150px -33px;}
div#mainnav ul li.mainnavli ul#about-subnav li#subnavbookstore a.subnavb:hover {width:104px; background-position:-300px -33px;}
div#mainnav ul li.mainnavli ul#about-subnav li#subnavpress a.subnavb:hover {width:60px; background-position:-450px -33px;}

body#aboutus div#mainnav ul li.mainnavli ul#about-subnav li#subnavhistory a.subnavb{ width: 86px; background-position: 0px -33px; }
body#aboutusservices div#mainnav ul li.mainnavli ul#about-subnav li#subnavservices a.subnavb{ width: 82px; background-position: -150px -33px; }
body#bookstore div#mainnav ul li.mainnavli ul#about-subnav li#subnavbookstore a.subnavb{width:104px; background-position:-300px -33px;}
body#press div#mainnav ul li.mainnavli ul#about-subnav li#subnavpress a.subnavb {width:60px; background-position:-450px -33px;}

/* individual item page styles */

/* thumbnail scroller*/
div#thumbclicker {width:10px; height:28px; position:absolute; top:478px; left:9px; overflow:hidden; margin:0px; padding:0px;}
a.downarrow, a.uparrow, a.leftarrow, a.rightarrow , a.actionPreviousArtwork, a.actionNextArtwork, a.actionPreviousDesignerArtwork, 
/* changed background image to a png for the sake of tanslucent background on ind. item pages*/
a.actionNextDesignerArtwork
{
    display:block; 
    width:10px; 
    height:0px; 
    overflow:hidden; 
    padding:9px 0px 0px 0px; 
    margin:0px; 
    background-image:url(../images/allarrows.png); 
    background-repeat:no-repeat; 
    margin:5px 0px 0px 0px;
}
a.downarrow {background-position:-10px 0px;}
a.uparrow {background-position:0px 0px;}

/*thumbcontainer */
div.thumbcontainer { xborder: 1px solid #000000; width:156px; height:465px; margin:0px; padding:0px; position:absolute; top:40px; left:27px; overflow:hidden;} 
div.thumbcontainer ul.thumbcol1, div.thumbcontainer ul.thumbcol2 {width:56px; margin:0px 12px 0px 0px; height:466px; display:block; padding:0px; float:left;}

div.thumbcontainer ul li {display:block; margin:0px 0px 12px 0px; padding:0px; width:56px; height:56px; overflow:hidden;}

/* current item area styles */
div#currentitemarea { width:635px; height:400px; margin:52px 0px 0px 218px; padding:0px;}

a.leftarrow {background-position:-30px 0px; float:left;}
a.rightarrow {background-position:-20px 0px;  float:left;}
a.actionPreviousArtwork {background-position:-30px 0px; float:left;}
a.actionNextArtwork {background-position:-20px 0px;  float:left;}
a.actionPreviousDesignerArtwork {background-position:-30px 0px; float:left;}
a.actionNextDesignerArtwork {background-position:-20px 0px;  float:left;}
a.mainitempic img {margin:0px auto 0px auto; position:relative;}

div#rightcurrentitem { width:300px; height:400px; margin:0px 0px 0px 0px; padding:0px; float:right;}
div#currentitemarea h2, div#currentitemarea h3, div#currentitemarea span 
{
    width:300px; 
    display:block; 
    float:left; 
    text-align:left; 
    padding:0px; 
    padding:0px
}
div#currentitemarea span {margin:10px 0px 0px 0px;  line-height:16px;}
div#currentitemarea h3 {margin:0px 0px 0px 0px; font-size:20px; font-weight:normal; }
div#currentitemarea h2 {margin:25px 0px 0px 0px; font-size:20px; font-weight:normal; }

/* footer */

div#copyright {

}

div#specificlink {
float:left;
color:#C3B6AF;
font-size:9px;
width:150px;
text-align:left;
}

div#specificlink a {
color:#aa9999;
text-decoration:none;

}

div#specificlink a:hover {
color:#660033;
text-decoration:underline;

}

/* end of new footer things */

/*these are needed for centering item pic regardless of its size in the three different ind. item pages */

div#mainitempicdiv {
width:275px;
margin:0px 10px 0px 10px;
padding:0px;
float: left;
height:400px;
text-align:center;
}


div#currentitemarea div#app-artwork-visor a.mainitempic {
display:block;
width:275px;
height:400px;
margin:0px 10px 0px 10px;
float:left;
text-align:center;

}
div#currentitemarea div#app-artwork-visor div#mainitempicdiv a.mainitempic {
margin:0px;
}