/* ================ ALGEMEEN ========================*/

* 	{
	margin: 0;
	padding: 0;
	}
	
html, body {
	overflow: auto;
	height: 100%;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	background-color: #323232;

}


#logo {
	text-align: right;
	padding-bottom: 10px;
}


/* ======================  MENU  ========================*/

.td_menu {
border-top: 10px solid #f1f1f1; 
border-bottom: 10px solid #f1f1f1; 
text-align: left;
width: 136px;
background-color: #A4A4A4;
}


#menu {
	width:136px;
}

	#menu li { 
		width: 136px;
		list-style: none;
		cursor: pointer;
		}
			
			#tables_btn {  /* have to be defined individually */
			background: url(/i/layout/tables_btn.gif) no-repeat;			display: block;			height: 28px;  
			margin-top: 0px;
			}
			
			#chairs_btn {
			background: url(/i/layout/chairs_btn.gif) no-repeat;			display: block;			height: 28px;
			}
			
			#desks_btn {
			background: url(/i/layout/desks_btn.gif) no-repeat;			display: block;			height: 28px;
			}

			#sofas_btn {
			background: url(/i/layout/sofas_btn.gif) no-repeat;			display: block;			height: 28px;
			}
			
			#lamps_btn {
			background: url(/i/layout/lamps_btn.gif) no-repeat;			display: block;			height: 28px;
			}
			
			#storage_btn {
			background: url(/i/layout/storage_btn.gif) no-repeat;			display: block;			height: 28px;
			}
			
			#objects_btn {
			background: url(/i/layout/objects_btn.gif) no-repeat;			display: block;			height: 28px;
			}

			#interiors_btn {
			background: url(/i/layout/interiors_btn.gif) no-repeat;			display: block;			height: 28px;
			}			

			#upholstery_btn {
			background: url(/i/layout/upholstery_btn.gif) no-repeat;			display: block;			height: 28px;
			}	
			
			#architects_btn {
			background: url(/i/layout/architects_btn.gif) no-repeat;			display: block;			height: 28px;
			}			
			
				.menupop { 
				display: none; /* hide all onclick menu's initially */
				margin-bottom: -3px; /* fix 4px up movement glitch */
				margin-top: 0px;
				}
				
				.mi {  /* vertical bg stretch, needs to be separated from footer image */
					background-color:  #808080;
					line-height: 16px;
					padding: 6px 2px 0px 15px;
					margin-bottom: -5px;  /* glitch in IE & firefox,  edge shows between div and img (no whitespace) */
					vertical-align: middle;
					border-bottom: 6px solid #a4a4a4;
				}
				
				/* ================ MENU LINK STYLES ====================== */
				
				#menu li a { display: block; }
				
				#menu a:link, #menu a:visited, #menu a:active, #menu a:hover {
				text-decoration: none;
				color: white;
				}
				
				#menu a:hover {
				color: #61563e;
				}
				
									
				
		
/* ================ CONTENT MIDDEN ====================== */

.td_content {
	border: 10px solid #f1f1f1; 
	border-right: none; 
	background-color: #f1f1f1; 
	border-left: 13px solid #f1f1f1;
	}

#content {
	width:420px;
	margin-bottom: -3px;
	text-align: left;
	padding-right: 5px;
}
	
	.titlebar {
	padding: 6px;
	background-color: #d5d5d5;
	width: 401px;
	height: 16px;
	margin-bottom: 4px;
	}
	
	
	
	#content h1  {  /* was #content_title  */
	display: inline;
	font-size: 12px;
	margin: 0;
	color: #61563e;
	}
	
	#content h2 {
	display: inline;
	font-size: 12px;
	margin: 0;
	color: #61563e;
	/* color: #a4a4a4; */
	}
	
	.nav_numbers {
	font-size: 12px;
	float: right;
	}
		

					#content a:link, #content a:active, #content a:visited, #content_object a:link, #content_object a:active, #content_object a:visited {
						font-size: 12px;
						text-decoration: none;
						color: #61563e;
					}
					
					#content a:hover, #content_object a:hover {
						color: #61563e;
						text-decoration: underline;
					}
					
					#content_object h1 {
	display: block;
	font-size: 13px;
	color: #323232;
	margin: 0;
	padding: 0;
					}

		#content_thumbs {
	margin: 15px 0px 0 0px;
	overflow: auto;
	width: 340px;
		}
		
		#content_page {
	padding: 5px 5px  0 14px;
	height: 425px;
	overflow: hidden;
	width: 325px;
	font-size: 12px;
		}
					
					#content img {
	margin-right: 6px;
	margin-top: 6px;
	border: 1px solid #CCCCCC;
	width: 130px;
	height: 87px;
					}


/* ================ CONTENT SIDEBAR ===================== */

.td_object {
	border-bottom: 10px solid #f1f1f1;
	background-color: #a4a4a4;
	}

#sidebar {
	width:265px;
	height:431px;
}

/* ===================== FOOTER ========================= */

#footer {
	padding-top: 12px;
	text-align: right;
}

/* ===================== FOOTER ========================= */

.textfield {
	margin-bottom: 15px;
	height: 17px;
	padding: 2px;
	border: 1px solid black;
	color: #61563e;
}

.submit {
	height: 25px;
	padding: 2px;
	}