/*---------------------------------------------------------------------------*/

html
{
	margin:						0px;
	border:						0px;
	padding:						0px;
}

body
{
	margin:						0px;
	border:						0px;
	padding:						0px;
	padding-bottom:				32px;
	background:					#666699;
}

img
{
	margin: 						0px;
	border:						0px;
	padding: 					0px;
	border-style: 				none;
}

#everything
{
	width: 				940px;
	margin-left:			-470px;
	left:				50%;
	position: 			absolute;
	border:				0px;
	padding:				0px;
}

#ShadowContent
{
	border:						none;
	background:					#666699;
	position:					relative;
	top: 						-1px;
	left: 						-1px;
}

#ShadowContainer
{
	position:					relative;
	background:					#666699;
}

.outercontainer
{
	margin:						auto;
	margin-top:					12px;
	margin-bottom:				28px;
}

.container
{
	margin:						auto;
	text-align:					left;
	width:						940px;
	height:						580px;
}

/*------------------------------------------------------*/

.top_links
{
	width:						940px;
	height:						70px;
/*	border:						1px solid green;
*/
	background:					#c83e4b;
}

.link_container
{
/*	border:						1px solid purple; */
	height:						70px;
}

#logo
{
	width:						160px;
	height:						65px;
	float: 						left;
	padding:					3px 0px 0px 10px;
}

#link_text
{
	text-decoration:			none;
	font-family:				Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:					90%;
	color:						#333333;
/*	border:						1px solid yellow;
*/
	float:						left;
	margin:						0px 8px 0px 8px;
	padding:					26px 5px 0px 5px;
}

#link_text a
{
	text-decoration:				none;
	color:						#333333;
}


.side_container
{
	float:						left;
	width:						20px;
	height:						200px;
/*	background:					pink;
*/
}

.side_container_item
{
	float:						left;
	display:					block;
}


.right_link_btn
{
	background:					url('../images/right_link.jpg');
	width:						20px;
/*	border:						1px dashed red;
*/
}

.left_link_btn
{
	background:					url('../images/left_link.jpg');
	width:						20px;
/*	border:						1px dashed red;
*/
}

.side_container a
{
 	background-position:			top right;
 	height:						510px;
}

.side_container_item:hover
{
	background-position:		top left;
}

/*------------------------------------------------------*/

.full_page
{
	float:					left;
	width:					900px;
	height:					510px;
	margin:					0px;
	padding:					0px;
}

.left_page
{
	float:					left;
	width:					450px;
	height:					510px;
	padding:					0px;
	padding:					0px;

}

.right_page
{
	float:					left;
	width:					450px;
	height:					510px;
	padding:					0px;
}


.right_page_item
{
	float:					left;
	display:					block;
}


.ro_page_btn
{
	background:					url('../images/10_roll.jpg');
	width:						450px;
}

.right_page a
{
	background-position:		top left;
/* 	height:						510px;
*/
}

.right_page a:hover
{
	background-position:		top right;
/* 	height:						510px;
*/
}


.right_page_item a
{
	background-position:	top left;
/*	height:					510px;
*/
}

/*----------------------------------------------------------*/

.right_banner
{
	width:					150px;
/*	height:					450px;
*/
	position:				absolute;
	margin-top:				0px;
	padding-left:			750px;
}


.right_banner_right_page
{
	width:					150px;
/*	height:					450px;
*/
	position:				absolute;
	margin-top:				0px;
	margin-left:			300px;
}


.left_banner_tall
{
float:						left;
/*border:					1px dashed yellow;
*/
}

.left_banner
{
float:						left;
margin:						0px 0px 0px 0px;

}

.bottom_right_banner_stack
{
	float:					right;
	margin:					10px 0px 0px 0px;
/*	border:					1px dashed orange;
*/
}



.bottom_right_banner_alone
{
	float:					right;
	margin:					250px 0px 0px 0px;
/*	border:					1px dashed purple;
*/
}
/*----------------Welcome page here----------------------*/

.welcome_container
{
	width:					450px;
	height:					510px;
	background:				#ffffff;

}

.welcome_header
{
	width:					149px;
	height:					46px;
	position:			absolute;
	margin-top:				20px;
	margin-left:			97px;


}

.welcome_logo
{
	width:					106px;
	height:					104px;
	position:			absolute;
	margin-top:				55px;
	margin-left:			0px;
}


.welcome_text
{
	width:					320px;
	height:					375px;
	position:				absolute;
	margin-top:				100px;
	margin-left:			510px;
	text-decoration:		none;
	color:					#333333;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				11px;

}

.welcome_kate
{
	width:					107px;
	height:					112px;
	position:			absolute;
	margin-top:				398px;
	margin-left:			0px;


}

.welcome_mary
{
	width:					119px;
	height:					112px;
	position:			absolute;
	margin-top:				398px;
	margin-left:			107px;


}

.welcome_irene
{
	width:					112px;
	height:					112px;
	position:			absolute;
	margin-top:				398px;
	margin-left:			226px;


}

.welcome_julia
{
	width:					112px;
	height:					112px;
	position:			absolute;
	margin-top:				398px;
	margin-left:			338px;


}




/*----------------Table of Contents Here----------------------*/

.toc_contents_logo
{
	width:					162px;
	height:					41px;
	margin-top:				20px;
	margin-left:			13px;
	position:				absolute;



}

.top_toc_square

{
	width:					90px;
	height:					102px;
	float:					left;
	margin:					0px;
	border:					0px;
	padding:				0px;
}



.toc_square

{
	width:					80px;
	height:					73px;
	float:					left;
	margin:					0px;
	border:					0px;
	padding:				0px;
}


.toc_square a

{
	width:					90px;
	height:					102px;

	margin:					0px;
	border:					0px;
	padding:				0px;
}



.left_text
{



	width:					220px;
	height:					420px;

	position:				absolute;
	margin-top:				56px;
	margin-left:			20px;
	text-decoration:		none;
	color:					#333333;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				10px;



}
.left_text p
{
	margin-top:				6px;

}


.left_text_number

{
	text-decoration:		none;
	font-weight:				bold;
	color:					#000000;
	font-family:			serif;
	font-size:				13px;
}

.left_text a
{
	text-decoration:		none;
	color:					#000;
}

.left_text a:hover

{
	text-decoration:		none;
	color:					#306;
}


.right_text
{
/*	border:					1px solid blue; */

	width:					240px;
	height:					400px;
	position:				absolute;

	margin-top:				30px;
	margin-left:			640px;
	text-decoration:		none;
	color:					#333333;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				10px;


}

.right_text p
{
	margin-top:				6px;

}


.right_text a
{
	text-decoration:		none;
	color:					#000;
}

.right_text a:hover

{
	text-decoration:		none;
	color:					#306;
}

.margin
{
/*	border:					1px dashed pink; */
	width:					900px;
	height:					510px;
	background:				#ffffff;
}

.toc_image_container
{
	width:						360px;
	height:						500px;

	position:					absolute;

	margin:						0px 0px 0px 280px;
	padding:					0px;



}

/* REFACTOR - move all columns to this single column,
		we dont need the numbered columns any more
*/

.column
{
	margin:					0px;
	padding:				0px;
	float:					left;
}

.row
{
	margin: 				0px;
	border: 				0px;
	padding:				0px;
}

.overlaid_text
{
	position:				absolute;
	text-decoration:			none;
	
	color:					#000;
	font-family:				Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				11px;
}

.overlaid_text a
{
	font-weight:			bold;
	text-decoration: 		none;
	color:				#c83e4b;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:			11px;
}

.overlaid_text a:hover
{
	font-weight:			bold;
	text-decoration: 		none;
	color:				#666699;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:			11px;
}

#problem_one
{
	position: 				absolute;
	margin-top:				310px;
	margin-left:			45px;
	color:					#000;
	width:					347px;
	height:					220px;
}

#problem_two
{
	position: 				absolute;
	margin-top:				185px;
	margin-left:			38px;
	color:					#000;
	width:					307px;
	height:					341px;
}

#problem_three
{
	position: 				absolute;
	margin-top:				345px;
	margin-left:			397px;
	color:					#000;
	width:					320px;
	height:					181px;
}

#letter
{
	position: 				absolute;
	margin-top:				213px;
	margin-left:			91px;
	color:					#000;
	width:					330px;
	height:					230px;
}

#yarn_farm_1
{
	position: 				absolute;
	margin-top:				359px;
	margin-left:			48px;
	width:					360px;
	height:					124px;
	color:					black;
}

#yarn_farm_2
{
	position: 				absolute;
	margin-top:				69px;
	margin-left:			24px;
	width:					473px;
	height:					191px;
	color:					black;
}

#double
{
	position: 				absolute;
	margin-top:				382px;
	margin-left:			297px;
	color:					black;
	width:					454px;
	height:					160px;
}

#softness_1
{
	position: 				absolute;
	margin-top:				312px;
	margin-left:			44px;
	color:					black;
	width:					360px;
	height:					202px;
}

#softness_2
{
	position: 				absolute;
	margin-top:				77px;
	margin-left:			483px;
	color:					white;
	width:					238px;
	height:					323px;
}

#swatchit_one
{
	position: 				absolute;
	margin-top:				246px;
	margin-left:			182px;
	color:					black;
	width:					234px;
	height:					512px;
}

#swatchit_one a
{
	color:					black;
}

#swatchit_one a:hover
{
	color:					#669;
}

#swatchit_two
{
	position: 				absolute;
	margin-top:				421px;
	margin-left:			601px;
	text-align:			center;
	width:					96px;
	height:					31px;
}

#swatchit_two a
{
	color:					#39C;
	font-size:			13px;
}

#swatchit_two a:hover
{
	color:					#c83e4b;
}




/*-----------------------------------------------*/

.advert_fullwidth_halfheight
{
	width:				450px;
	height:				255px;
	background: 		white
}

.advert_fullwidth_halfheight img
{
	margin:				4px 0px 0px 6px;
}

/*-----------------------------------------------*/

ul
{
	margin:				0px;
	border:				0px;
	padding:			0px;

	list-style-type: 	none;
}

li
{
	list-style: 		none;
	display: 			block;

	margin:				0px 0px -5px 0px;
	border: 			0px;
	padding:			0px;
}

/*------------------------------------------------*/

.footer
{
	margin:				0px;
	border:				0px;
	padding:			0px;

	font-weight:		bold;
	color:				white;
	font-size:			10px;
	font-family:		'arial', sans-serif;
}

/*------------------------------------------------*/

.marketplace
{
	/*margin:				0px;
	border:				0px;
	padding:			0px;*/
	
	background:			#fff;
	width:				450px;
	height:				510px;
	float: 				left;
}

.marketplace .title_img
{

}

.marketplace .ad
{
	display: 			block;
	float:				left;
	margin:				3px;
	padding:			0px;
}


.newline
{
	clear:				both;
}

/*------------------------------------------------*/

#masthead
{
	width:				450px;
	height:				290px;
	float: 				left;
	
	background-color:	#645e88;

	background:	url("http://twistcollective.com/2009/spring/images/masthead_logo_bg.jpg");
}

#masthead img
{
	margin-top:		40px;
	margin-left:		40px;
	float: 			left;
	border: 			1px dashed black;
}

#masthead .overlaid_text
{
	/* this is an override to a class defined above */
	font-size:			11px;
	line-height:			14.5px;
}

#masthead #names
{
	text-align:			right;
	margin-top:			10px;
	margin-left:		130px;
	width:				140px;
	height:				160px;
	color: 				white;
}

#masthead #roles
{
	text-align:			left;
	margin-top:			10px;
	margin-left:		280px;
	width:				170px;
	height:				160px;
	color: 				#a19cc0;
}

#masthead #thanks
{
	line-height:			14px;
	background:			#becf99;
	color:				#48624e;
	margin-top:			255px;
	width:				450px;
	height:				255px;
}

#masthead #thanks p
{
	margin-top:			12px;
	margin-left:			40px;
	line-height:			14px;
	color:				#48624e;
	width:				390px;
}

#thanks a
{
	text-decoration: 	none;
	font-weight:			normal;
	color:				#48624e;
}

/*------------------------------------------------*/

.advertisers_index
{

	background:			#fff;
	width:				870px;
	height:				480px;

	margin:				0px;
	border:				0px;
	padding:				15px;
	
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	background:			white;

}

.advertisers_index .heading
{
	width:					220px;
	text-decoration:			none;
	color:					#333;
	font-family:				Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				18px;
}

.one_third_column
{
	float: 					left;
	width: 					290px;
}

.advertisers_index .link
{
	width:					260px;
	text-indent:		-15px;
	padding-left:		15px;


}

.advertisers_index .link a
{
	margin:					0px;
	border:					0px;
	padding:					0px;
	text-decoration:			none;
	color:					#666;
	font-size:				14px;
	line-height:				20px;
}