div.cf_wrapper
	{
		position: relative;
	}
	
	div.cf_element
	{
		width: 200px;
		height: 200px;
		background-color: #eee;
		border:  1px solid #ccc;
	}
	
	div.cf_element div.content
	{
		padding: 0px;
	}

	div.cf_element div.content h3
	{
		padding-top: 0;
		margin-top: 0;
	}
















			/* class styles */
			.fade-box {
				margin-left: 0px;
				position: absolute;
				top: 200px;
				width: 200px;
				height: 200px;	
			}
			.fade-box p {
				width: 200px;
				padding: 0px 0px 0px 0px;
				margin: 0;
				background: #E0EADF;
			}
			.fade-box h2 {
				width: 200px;
				margin-top: 5px;
				padding-left: 0px;
				background: #E0EADF;
			}
			
			/* id styles */
			#content-body {
				margin: 0 auto 0 auto;
				
			}
			#title-box {
				
				
			}
			#page-title {
				margin: 0 0 0 30px;
				display: block;
				width: 160px;
				height: 30px;
				padding: 2px 0px 0px 4px;
				background: url(images/heading-back.gif) no-repeat;

			}
			#crossfade-container {
				margin: 0px 0px 0px 0px;
				width: 200px;
				height: 230px;
				background: url(images/fade-box-bg.gif);	
			}
			#introduction p {
				width: 200px;
				padding: 5px 0px 0 10px;
				margin: 0;
			}
			#introduction h2 {
				width: 200px;
				margin-top: 0px;
				padding-left: 0px;
			}
			
			/* the boxes that fade */
			#box-1 {
				
			}
			#box-2 {
				
			}
			#box-3 {
				
			}