/* big container */
	#body {
		margin:.1em;
		padding:0;
		border:0;	    	/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		font-family:  Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;
		font-size: 100%;  
  	
		letter-spacing: 1.5;
	}
	
    h1.showimage {
		margin:.8em 0 .2em 0;
		padding:0;
		font-size: smaller;
	}

	/* social media buttons */
	.buttons {
		position: relative;
		right: 1em;
		left: 1em;
		top: .5em;
		max-width: 85%;
		margin: 1%;
	}
	
	.box {
		clear:both;
		border:1px solid #999;
		margin:2% 0% 2% 0%;
		padding:12px 12px !important;
		text-align:left;
	}
	/* menu img cols */	  

	.micol {
		float: left;
		min-width:100px;
		max-width:170px;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
		font-size: 90%;
		padding: .05em;
	}
	
	.dicol {
		float: left;
		min-width:350px;
		max-width:45%;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
		font-size: 90%;
		padding: .05em;
	}
	
	.ficol {
		float: left;
		min-width:360px;
		max-width:100%;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
		font-size: 90%;
		padding: .05em;
	}
	
	.centerimg {
		min-width:300px;
		max-width: 100%;
		height: auto;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0 6px 6px 6px;  
		padding: 5px;  
		float: center;
	}

	.centerimg4 {
		min-width:300px;
		max-width: 400px;
		height: auto;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0 6px 6px 6px;  
		padding: 5px;  
		float: center;
	}

    .marginimage {
	width:140px;
	height:160px;
    border: 1px outset rgb(28, 36, 28);  
	margin: 0 6px 6px 6px;  
	padding: 5px;
	}

	
     .catalog {
		clear:both;
		border:1px solid #999;
		margin:2% 0% 2% 0%;
		padding:12px 12px !important;
		text-align:left;
		font-variant: small-caps;
	}
	.imgwrapper {
		margin: 2em 2em;
	}
		
	.logo {
		min-width:320 px;
		max-width: 380 px;
		height: auto;
		border: 0px outset rgb(28, 36, 28);  
		margin: 0px 0px 10px 2em;  
		padding: 5px;  
		float: center;
	}

	.blocked {
		position:inline;
		clear:both;
		float:center;
		width:80%;	
		margin: auto;
		overflow:hidden;	
	}
	
	
	.wide { 
    	clear:both;
		float:left;
		width:100%;
		margin: 0 auto;
	}

	
	.leftimg {
		min-width:250 px;
		max-width: 90%;
		height: auto;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0px 2em 10px 0em;  
		padding: 5px;  
		float: left;
	}
	.rightimg {
		min-width:250 px;
		max-width: 90%;
		height: auto;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0px 0px 10px 2em;  
		padding: 5px;  
		float: right;
	}

	.wrapleft {
		width:250px;
		height: auto;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0px 2em 10px 0em;  
		padding: 5px;  
		float: left;
	}
	.wrapright {
		width:250px;
		height: auto;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0px 0px 10px 2em;  
		padding: 5px;  
		float: right;
	}

	.smallimg {
		max-width: 250px;
	}
	
	.rowimage {
		height: 140px;
		width: auto;
		max-width: 320px;
		border: 1px outset rgb(28, 36, 28);
		margin: 4px; 
		padding: 3px;
	}

	.rowimagewide {
		height: auto;
		max-width: 320px;
		border: 1px outset rgb(28, 36, 28);
		margin: 4px; 
		padding: 3px;
	}

	.rowimagetall {
		width: auto;
		max-height: 320px;
		border: 1px outset rgb(28, 36, 28);
		margin: 4px; 
		padding: 3px;
	}

	.columbine {
		min-height: 96px;
		background-image: url("http://www.williammorristile.com/tile/columbine_tiles.jpg");
	}

	.fish {
		min-height: 96px;
		background-image: url("http://www.williammorristile.com/demorgan/demorgan_fish_set_of_8.jpg");
	}

	.birds {
		height: 96px;
		background-image: url("http://www.williammorristile.com/blue_and_white/red_house_birds_for_header.jpg");
	}

	.illuminated {
		height: 100%;
		background-image: url("http://www.artpassions.net/sitemap/illuminated.jpg");
	}
	
    .tinyscroll {
        width: 21px;
        border: 0;
        margin: 4px;
        padding: 0 1px 0 0;
        vertical-align: text-top;
    }
    
	.borderimg {
		min-width:350 px;
		max-width: 90%;
		height: auto;
		border: 1px outset rgb(28, 36, 28);  
		margin: 0px 0px 10px 2em;  
		padding: 5px;  
		float: center;
	}
	.centered {
		text-align: center;
		display: block;
	}
	.cinderella {
		min-height: 96px;
		background-image: url("http://www.artpassions.net/art/cinderella_heading_cover.jpg");
	}
	
    .segur {
		min-height: 96px;
		background-image: url("http://www.artpassions.net/art/adrienne_segur_heading.jpg");
	}