/* style for bookends */

div#wrap{
		position: absolute; 
		z-index: 3;
		left: 80px; right: 80px;  top: 50px;
		/*border: 1px solid blue; */
		height: 545px;
		width: 710px;
		/*background: transparent;*/
		/*background: aqua;*/
		/*text-transform: lowercase;*/
		margin: 0 0 2em 0; 
		padding: 0 0 2em 0;
						
		/* needs workaround to work for Mac ie 
		set right margin to 80px
		voice hack for ie windows*/
		voice-family: "\"}\"";
		voice-family:inherit;
		right: 0;
		}
		
/* test classes */
div#box_250{height: 650px;
background: transparent;
}
		
	
/* p */

p		{	
		font-size: 12px;
		/*border: 1px solid black;*/
		padding: 0; margin: 0;
		}
div		{
		font-size: 12px;
		/*border: 1px solid black;*/
		padding: 0; margin: 0;
		}
		
/*img 	{display: inherit;}*/


/* h */

h1	{
	font-size: 13px;
	color: rgb(35%, 35%, 77%);
	/*border: 1px solid black;*/
	padding-bottom: 0.25em;
	margin: 0;
	}
	
h2	{
	color: rgb(35%, 35%, 77%);
	font-size: 12px;
	padding-bottom: 0.25em;
	margin: 0;
	}
	
a 	{
	color: rgb(35%, 35%, 77%);
	/*
	padding-bottom: 2.5em;
	margin-bottom: 0.5em;*/
	}
/* ------------- */
/* body */
body	{background: white;
		margin: 0; padding: 0;
		font: 12px/1.5 Verdana, Helvetica, sans-serif;
		
		}

/* banner */
div#banner	{
			position: absolute; z-index: 100;
			left: 0px; top: 0px;
			background-image: url(images/banner.gif);
			width: 75px;
			height: 600px;
			}
div#banner_2	
			{
			position: absolute; z-index: 101;
			left: 0px; top: 0px;
			background-image: url(images/banner.gif);
			background-repeat: repeat-y;
			width: 75px;
			height: 1340px;
			}
/* --------------------------------- */
			
/* logo */
div#logo 	{
			position: absolute; z-index:9;
			left: 80px; top: 5px;
			background-image: url(images/Logo.gif);
			width:170px; 
			height:35px
			}
/*----------------- HOME PAGE ------------------------------- */			
/* shop image */
div#shopimage
			{
			position:absolute; z-index: 7;
			/* border: 1px solid black; */
			left: 300px; top: 10px;
			width:262px; height:400px;
			background-image: url(images/bookends_shop_image_2.jpg);
			
			}

/* text */		
div#text	{
			position:absolute; z-index: 8;
			/*background: teal;*/
			left: 18px; top: 440px; 
			margin-right: 40px;
			width: 440px;
			}
/* about us */			
div#text_aboutus	{
			position: absolute; 
			z-index: 18;
			/*background: teal;*/
			padding: 10px;
			left: 0px; top: 10px; 
			margin-right: 40px;
			
			right: 10px
			}
/* location ----------------   */
div#text_location	{
			position: absolute; 
			z-index: 88;
			/*background: teal;*/
			padding: 3px;
			left: 5px; top: 380px; 
			margin-right: 5px;
			width: 510px;
			}
/* map layer */
div#map_layer 	
			{
			position: absolute; z-index:89;
			left: 5px; top: 0px;
			background-image: url(images/MapGraphic.gif);
			width:500px; 
			height:275px
			}
			
/* opening_times	------- */
div#opening_times_text	
			{
			position: absolute; 
			z-index: 82;
			height: 80px;
			width: 205px;
			/*background: teal;*/
			padding: 3px;
			left: 320px; top: 180px; 
			margin-right: 0px;
			}
/*  address_text -------- */
div#address_text
			{
			position: absolute; 
			z-index: 87;
			/*border: 1px solid green;*/
			height: 120px;
			width: 235px;
			/*background: teal;*/
			padding: 3px;
			left: 5px; top: 180px; 
			margin-right: 5px;
			margin-bottom: 0.25em;
			}
/* origami -------------- */
/* (original) <div id="text_origami" style="position:absolute; width:325px; height:600px; left: 85px; top: 50px; overflow: hidden">  */
div#text_origami
			{
			position: absolute; 
			z-index: 87;
			/*border: 1px solid yellow;*/
			height: 600px;
			width: 325px;
			/*background: teal;*/
			padding: 3px;
			left: 85px; top: 50px; 
			margin-right: 5px;
			}
.origami_anchors	
		{
		text-decoration: none;
		color: rgb(35%, 35%, 77%);
		}
	
			
div#origami_links
			{
			position: absolute; 
			z-index: 187;
			border: 1px solid red;
			height: 250px;
			width: 350px;
			/*background: teal;*/
			padding: 3px;
			left: 420px; top: 410px; 
			margin-right: 5px;
			}
div#orgami_images
			{
			position: absolute;
			z-index: 197;
			left: 340px;
			top: 5px;
			width: 350px;
			height: 350px;
			padding: 3px;
			}
			
.SwapImage1
			{
			/*border: 1px solid blue;*/
			position:absolute; 
			width:250px; height:345px; 
			z-index: 198; 
			top: 50px; left: 425px; 
			}
			 
			 


/* ---------------------    PAPERCRAFTS      ----------------------- */
div#papercraft_box
				{
				position: absolute; 
				width:340px; /*height:600px; */
				z-index:8; 
				left: 85px; top: 50px; 
				}

				
.links
			{
			position: absolute; 
			z-index: 333;
			left: 420px; top: 410px; 
			height: 14em;
			width: 365px;
			/*padding: 3px;*/
			margin: 0px;
			
			/*margin-right: 5px;*/
			}


.list_block
			{
			position: absolute; 
			/*border: 1px solid red;*/
			background: transparent;
			z-index: 449;
			left: 0;
			top: 2em;
			height: 8em;
			width: 100%;
			}
				
.list_block_2
			{
			position: absolute; 
			top: 7.5em;
			/*border: 1px solid teal;*/
			background: transparent;
			z-index: 443;
			left: 0px;
			width: 100%;
			
			margin-bottom: 1.5em;
			padding-bottom: 2em;					
			}		
			
.list_left	{
		/*border: 1px solid green;*/
		position: absolute;
		left: 0;
		z-index: 444;
		top: 1em;
		text-align: left;
		margin-top: 0.5em;
			
		
		}
.list_right
		{
		/*border: 1px solid yellow;*/
		position: absolute; 
		top: 1em;
		left: 0;
		z-index: 445;
		right: 0px;
		text-align: right;
		width: 100%;
		margin-top: 0.5em;
		}

/* --------------------  CHILDREN      ---------------------- */
div#children_text
				{
				position: absolute; 
				width:650px;  z-index:802; 
				height: 22em;
				font-size: 12px;
				top: 50px; left: 85px; 
				overflow: hidden;
				}

div#children_text_left
				{
				position:absolute; width:325px; height:100%; z-index:14; 
				left: 85px; top: 345px; visibility: visible;
				}
				
.children_links
				{
				  position:absolute; 
				 width:278px; 
				 height: 8em; z-index:15; 
				 left: 423px; top: 1056px;
				}
				
				

			
			
.SwapImage2
			{
			  /*border: 1px solid teal;*/
			 z-index: 77; 
			 position: absolute; 
			 z-index:77; 
			 width: 250px; height:335px; 
			 top: 351px; left: 423px; 
			 margin: 0; padding: 0;
			 
			 }
			 

			 
			 
.title1
			{
			/*border: 1px solid red;*/
			position: absolute;
			z-index:109; 
			left: 30px;
			bottom: 5px;
			margin: 0; padding: 0;
			}
		


.buttonLayer_left
			{
			/*border: 1px solid blue;*/
			position: absolute; 
			width: 25px; height:25px; 
			 z-index:188;
			left: 0; bottom: 1px;
			margin: 0; padding: 0;
			}

			
			
.buttonLayer_right
			{
			/*border: 1px solid teal;*/
			position: absolute; 
			width:20px; height:25px; 
			 z-index:189;
			right: 1px; bottom: 1px;
			margin: 0; padding: 0;
			}			
.SwapImage3
			{
			 /*border: 1px solid teal;*/
			 position:absolute; 
			 width:250px; height:345px; 
			 z-index:166; 
			 left: 423px; 
			 /*top: 705px;*/
			 top: 700px;
			 }			
			
			

/* ------------------ ------------------------------------------ */			
/* factornine */
div#factornine
		{
		position: absolute; 
		z-index: 99;
		text-align: right;
		right: 25px; bottom: 15px;
		padding: 0.5em 0px 0.5em 0;
		font-size: smaller;
		background: transparent;
		width: 135px;
		}	
/* --------- menu  ------------ */
div#menu{
		position: absolute; z-index: 33;
		/*border: 1px solid black;*/
		left: 260px; top: 4px;
		width: 500px;
		margin: 0 0 1.5em 0;
		padding-top: 0.5em;
		/*background: teal;*/
		background: transparent;
		font: bold 11px Arial, Helvetica, sans-serif;
		
		}
		
#menu li {
		float: left;
		list-style-type: none;
		margin: 0 0 1em 0;
		padding: 0;
		white-space: nowrap;
		}

#menu ul {
		margin: 0;
		padding: 0;
		}
#menu a {
		padding: 2px 7px 2px 7px;
		/*border: 1px solid;
		border-color: #ddd #000 #000 #ddd;*/
		background-color: transparent;
		text-decoration: none;
		}
#menu a:link, #menu a:visited 
		{
		color: #2D1E2D;
		}
#menu a:hover, #menu a:active
 {
	/*background-color: #9F6F9F;*/
	color: rgb(22%, 35%, 55%);
}
#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
color: rgb(100%, 20%, 23%);
}
div#menu b{display: none;}
	
div#last_updated{
				position: absolute; z-index: 60; left: 15px; top: 502px;
				padding: 0.5em 0 0 0;
				/*border: none;
				border: 1px solid black;
				font-style: italic;*/
				font: 10px Arial, Helvetica, sans-serif;
				width: 100%;
				}