* {margin:0; padding:0; border:transparent none 0px; position:relative;}
body{background-color:#fffdef;}
p { margin-bottom:.7em;}
/*img {margin-bottom:45px;}  keeps a space at the bottom. The content div's 30px padding causes the images to overlap the footer */
ul.nav {list-style:inside none none;}

#wrapper { 
	margin:0 auto; 
	width:1024px; 
}
	#container{
		
		float:left;
		border-width:0px 1px; 
		border-style: none solid; 
		border-color: #000;
	}
			
	#header {
		/* background: #dbe6fa url('img/joyfuldesigns_headerbg.jpg') repeat-x;  moved to bottom */
		width:1024px; 
		height:99px;
	}
		#logo {
			 
			top:8px; 
			margin:0 15px;
		}
	
		#navbar {
			 
			top:17px; 
			float:left; 
			margin:0 15px; 
			width:996px;
		} /* width is needed in order for nav items to align the same in both IE7 and FF */
			
			#navbar li.nav_item {
				display:inline; 
				 
				float:left;
			} /* float left is required because the child 'li a' is displayed as block and we want inline */
			/*'li a' must be block in order for the background image to align and display the same way in IE7 and FF */
			
			#navbar li.nav_item a {
				/* background:transparent url('img/nav_tab.png') no-repeat scroll center 0px;  moved to bottom */
				display:block; 
				height:33px;
			} /* width:143px; height:33px; padding-top:12px; width:143px;  */ 
			#navbar li.nav_item a:hover{
				/* background:transparent url('img/nav_tab.png') no-repeat scroll center -33px; moved to bottom */
			}
				#navbar li.nav_item a img{
					vertical-align:bottom;
					padding-bottom: 3px;
				} /* */
	
	#midsection {
		/* moved to bottom. background:#fffbe0 url('img/joyfuldesigns_sitebg.jpg') no-repeat; height:1200px; */
		width:1024px; 
		float:left; 
		border-top:black solid 1px;
	}
	
	#content{
		 
		float:left; 
		padding:15px 15px;
		width:100%;
	}
	
		.content_bar {			 
			float:left;
			margin:15px 0 0 15px; 
		}
		body#sitedesigns .content_bar {			 
			float:none !important;
			margin:auto !important; 
		}
		body#sitedesigns #midsection {
		/* moved to bottom. background:#fffbe0 url('img/joyfuldesigns_sitebg.jpg') no-repeat; height:1200px; */
		float:left !important; 
		border-top:black solid 1px !important;
		text-align:center !important;
		width:1024px !important;
	}					
		body#sitedesigns #content{
			float:none !important;
			padding:0 !important;
	}
		 body#sitedesigns .content_bar span {
			margin:30px auto 0 30px !important;
			float:left !important;
			clear:none;
		}
				
		body#sitedesigns .content_bar  img { 
			border:none 1px #000 !important;
			float:none !important;
			clear:both;
					/* border-color:transparent #888 #888 transparent; */
			}			
		.content_image_bar {padding:0; margin:0 auto;}
		.content_bar span {
			clear:right;
			color:#762a00; 
			font-family: tahoma, "trebuchet ms", "Franklin Gothic Medium"; 
			font-size:20pt; 
			font-weight:100; 
			text-transform:capitalize;
		}
			
			.content_bar span sub{
				font-size:14pt;
				margin-left:200px;
			}
			
		.content_bar img {
			 margin:10px 8px 0  0; float:left;
					border:none 1px #000;
					/* border-color:transparent #888 #888 transparent; */
			}
		.content_bar a img {
			margin:11px; 
		}
						
		.content_block, .content_image_block{
			 
			float:left; 
			width:473px; 
			margin:30px 0px 0px 15px; 
		}
		
		.content_block{
					border-style:solid; 
					border-color:#fff transparent transparent #fff; /* */ 
					border-width:1px 2px 2px 1px;
		}
				.content_backdrop {
					position: absolute; float:left; 
					width:100%; height:100%; 
					background:#fff; 
					opacity:.5; 
					z-index:253;
					border-style:solid; 
					border-color:transparent #888 #888 transparent; /* */ 
					border-width:1px 2px 2px 1px; 
				}
				
				.content_block span, 
				.content_block p
					{
						 
						float:left; 
						z-index:255; 
						opacity:1; 
						margin:0 15px; 
						top:2px;
					}
				
				.content_block span 
				{
					color:#b30606; 
					font-family: Tahoma; 
					font-size:12pt; 
					font-weight:normal; 
					text-transform:capitalize; 
					line-height:2em;
				}
				
				.content_bar p, .content_block p 
				{
					color:#5f9644; 
					font-family: "Trebuchet MS"; 
					font-size:10pt; 
					font-weight:bold; 
					line-height:1.3em; 
					clear:left; 
					margin-bottom:.7em;
				}
					
					
				.image_block
				{
					
					width:100%;
					text-align:center;
					float:left;  
					z-index:255; 
					opacity:1; 
				}	
										
				
				.image_block img
				{
					
					margin:3px auto;
					vertical-align:top;
				}
				.image_block P
				{
				line-height:24px;
				}
	
	#footer 
	{
		float:left;
		height:44px; 
		width:1024px;
	}
	
		img#artforpurpose { top:26px; left:26px; margin-bottom:10px;}
	
	#header 
	{
		background: #dbe6fa url('img/joyfuldesigns_headerbg.jpg') repeat-x; 
	}
	
			#navbar li.nav_item a{
				background:transparent url('img/nav_tab.png') no-repeat scroll center 0px; 
			}
			
			#navbar li.nav_item a:hover{
				background:transparent url('img/nav_tab.png') no-repeat scroll center -33px;
			}
			
	#midsection 
	{
		background:#fffbe0 url('img/joyfuldesigns_sitebg.jpg') no-repeat; 
	}
			
	.artforpurpose{display:none;}