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

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;
	margin-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;

o
}


.welcome_text
{
	width:					320px;
	height:					375px;
	position:				absolute;
	margin-top:				60px;
	margin-left:			110px;
	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:					80px;
	height:					72px;
	float:					left;
	margin:					0px;
	border:					0px;
	padding:				0px;
}



.toc_square

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


.toc_square a

{
	width:					80px;
	height:					85px;

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



.left_text
{


/*	border:					1px solid blue;
*/
	width:					240px;
	height:					375px;

	position:				absolute;
	margin-top:				60px;
	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_number

{
	text-decoration:		none;
	text-style:				bold;

	color:					#000000;
	font-family:			serif;
	font-size:				13px;

}

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

.left_text a:hover

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


.right_text
{
	width:					220px;
	height:					450px;
	position:				absolute;

	margin-top:				20px;
	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 a
{
	text-decoration:		none;
	color:					#666666;
}

.right_text a:hover

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

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

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

	position:					absolute;

	margin:						0px 0px 0px 290px;
	padding:					0px;



}


/*----------------k2tog----------------------*/


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

.pisara
{
	float:						left;
	margin:						0px;
}

.pisara_btn
{

	background:					url('./images/k2_g_s_01.jpg');
	float:						left;
}

.pisara a
{
	background-position:		top left;
	width:						285px;
	height:						510px;
}

.pisara a:hover
{
	background-position:		top right;
	width:						285px;
	height:						510px;
}



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

.pyorre
{
	float:						left;
	margin:						0px;
}

.pyorre_btn
{

	background:					url('./images/k2_g_s_03.jpg');
	float:						left;
}

.pyorre a
{
	background-position:		top left;
	width:						307px;
	height:						510px;
}

.pyorre a:hover
{
	background-position:		top right;
	width:						307px;
	height:						510px;
}


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

.ardent
{
	float:						left;
	margin:						0px;
}

.ardent_btn
{

	background:					url('./images/k2_l_v_01.jpg');
	float:						left;
}

.ardent a
{
	background-position:		top left;
	width:						270px;
	height:						510px;
}

.ardent a:hover
{
	background-position:		top right;
	width:						270px;
	height:						510px;
}


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

.grant
{
	float:						left;
	margin:						0px;
}

.grant_btn
{

	background:					url('./images/k2_l_v_03.jpg');
	float:						left;
}

.grant a
{
	background-position:		top left;
	width:						347px;
	height:						510px;
}

.grant a:hover
{
	background-position:		top right;
	width:						347px;
	height:						510px;
}

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

.aran
{
	float:						left;
	margin:						0px;
}

.aran_btn
{

	background:					url('./images/k2_m_m_01.jpg');
	float:						left;
}

.aran a
{
	background-position:		top left;
	width:						294px;
	height:						510px;
}

.aran a:hover
{
	background-position:		top right;
	width:						294px;
	height:						510px;
}


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

.kerouac
{
	float:						left;
	margin:						0px;
}

.kerouac_btn
{

	background:					url('./images/k2_m_m_03.jpg');
	float:						left;
}

.kerouac a
{
	background-position:		top left;
	width:						308px;
	height:						510px;
}

.kerouac a:hover
{
	background-position:		top right;
	width:						308px;
	height:						510px;
}


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

.dulce
{
	float:						left;
	margin:						0px;
}

.dulce_btn
{

	background:					url('./images/k2_a_i_01.jpg');
	float:						left;
}

.dulce a
{
	background-position:		top left;
	width:						290px;
	height:						510px;
}

.dulce a:hover
{
	background-position:		top right;
	width:						290px;
	height:						510px;
}


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

.lukes
{
	float:						left;
	margin:						0px;
}

.lukes_btn
{

	background:					url('./images/k2_a_i_03.jpg');
	float:						left;
}

.lukes a
{
	background-position:		top left;
	width:						282px;
	height:						510px;
}

.lukes a:hover
{
	background-position:		top right;
	width:						282px;
	height:						510px;
}


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

.barberpole
{
	float:						left;
	margin:						0px;
}

.barberpole_btn
{

	background:					url('./images/1springsockgreen_02.jpg');
	float:						left;
}

.barberpole a
{
	background-position:		top left;
	width:						318px;
	height:						510px;
}

.barberpole a:hover
{
	background-position:		top right;
	width:						318px;
	height:						510px;
}

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

.laeticia
{
	float:						left;
	margin:						0px;
}

.laeticia_btn
{

	background:					url('./images/2springsockorange_03.jpg');
	float:						left;
}

.laeticia a
{
	background-position:		top left;
	width:						287px;
	height:						510px;
}

.laeticia a:hover
{
	background-position:		top right;
	width:						287px;
	height:						510px;
}


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

.blossom
{
	float:						left;
	margin:						0px;
}

.blossom_btn
{

	background:					url('./images/3springsockred_01.jpg');
	float:						left;
}

.blossom a
{
	background-position:		top left;
	width:						261px;
	height:						510px;
}

.blossom a:hover
{
	background-position:		top right;
	width:						261px;
	height:						510px;
}

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

.netherfield
{
	float:						left;
	margin:						0px;
}

.netherfield_btn
{

	background:					url('./images/4springsockyellow_02.jpg');
	float:						left;
}

.netherfield a
{
	background-position:		top left;
	width:						297px;
	height:						510px;
}

.netherfield a:hover
{
	background-position:		top right;
	width:						297px;
	height:						510px;
}


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

.sleepy
{
	float:						left;
	margin:						0px;
}

.sleepy_btn
{

	background:					url('./images/baby_monkey_02.jpg');
	float:						left;
}

.sleepy a
{
	background-position:		top left;
	width:						332px;
	height:						510px;
}

.sleepy a:hover
{
	background-position:		top right;
	width:						332px;
	height:						510px;
}

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

.pidder
{
	float:						left;
	margin:						0px;
}

.pidder_btn
{

	background:					url('./images/baby_girlsweater_01.jpg');
	float:						left;
}

.pidder a
{
	background-position:		top left;
	width:						303px;
	height:						510px;
}

.pidder a:hover
{
	background-position:		top right;
	width:						303px;
	height:						510px;
}

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

.circles
{
	float:						left;
	margin:						0px;
}

.circles_btn
{

	background:					url('./images/baby_circles_02.jpg');
	float:						left;
}

.circles a
{
	background-position:		top left;
	width:						311px;
	height:						510px;
}

.circles a:hover
{
	background-position:		top right;
	width:						311px;
	height:						510px;
}


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

.necco
{
	float:						left;
	margin:						0px;
}

.necco_btn
{

	background:					url('./images/baby_boysweater_03.jpg');
	float:						left;
}

.necco a
{
	background-position:		top left;
	width:						303px;
	height:						510px;
}

.necco a:hover
{
	background-position:		top right;
	width:						303px;
	height:						510px;
}

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

.jane
{
	float:						left;
	margin:						0px;
}

.jane_btn
{

	background:					url('./images/baby_dress_03.jpg');
	float:						left;
}

.jane a
{
	background-position:		top left;
	width:						317px;
	height:						510px;
}

.jane a:hover
{
	background-position:		top right;
	width:						317px;
	height:						510px;
}

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

.ladybug
{
	float:						left;
	margin:						0px;
}

.ladybug_btn
{

	background:					url('./images/baby_dolls_02.jpg');
	float:						left;
}

.ladybug a
{
	background-position:		top left;
	width:						297px;
	height:						510px;
}

.ladybug a:hover
{
	background-position:		top right;
	width:						297px;
	height:						510px;
}

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

.cherry
{
	float:						left;
	margin:						0px;
}

.cherry_btn
{

	background:					url('./images/cherry_02.jpg');
	float:						left;
}

.cherry a
{
	background-position:		top left;
	width:						303px;
	height:						510px;
}

.cherry a:hover
{
	background-position:		top right;
	width:						303px;
	height:						510px;
}

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

.collette
{
	float:						left;
	margin:						0px;
}

.collette_btn
{

	background:					url('./images/collette_04.jpg');
	float:						left;
}

.collette a
{
	background-position:		top left;
	width:						269px;
	height:						510px;
}

.collette a:hover
{
	background-position:		top right;
	width:						269px;
	height:						510px;
}


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

.botanical
{
	float:						left;
	margin:						0px;
}

.botanical_btn
{

	background:					url('./images/botanical_03.jpg');
	float:						left;
}

.botanical a
{
	background-position:		top left;
	width:						287px;
	height:						510px;
}

.botanical a:hover
{
	background-position:		top right;
	width:						287px;
	height:						510px;
}


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

.violet
{
	float:						left;
	margin:						0px;
}

.violet_btn
{

	background:					url('./images/violet_04.jpg');
	float:						left;
}

.violet a
{
	background-position:		top left;
	width:						290px;
	height:						510px;
}

.violet a:hover
{
	background-position:		top right;
	width:						290px;
	height:						510px;
}


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

.pamela
{
	float:						left;
	margin:						0px;
}

.pamela_btn
{

	background:					url('./images/pamela_04.jpg');
	float:						left;
}

.pamela a
{
	background-position:		top left;
	width:						269px;
	height:						510px;
}

.pamela a:hover
{
	background-position:		top right;
	width:						269px;
	height:						510px;
}



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

.primrose
{
	float:						left;
	margin:						0px;
}

.primrose_btn
{

	background:					url('./images/primrose_04.jpg');
	float:						left;
}

.primrose a
{
	background-position:		top left;
	width:						328px;
	height:						510px;
}

.primrose a:hover
{
	background-position:		top right;
	width:						328px;
	height:						510px;
}



/*----------------forest_fairies----------------------*/

/* REFACTOR - move all columns to this single column,
		we dont need the numbered columsn 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;
}


#painted_lace
{
	position: 				absolute;
	margin-top:				340px;
	margin-left:				285px;
	color:					#cedafb;
	width:					400px;
	height:					230px;
}

#painted_two
{
	position: 				absolute;
	margin-top:				405px;
	margin-left:				22px;
	color:					#fff;
	width:					200px;
	height:					230px;
}

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

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


#footsteps
{
	position: 				absolute;
	margin-top:				310px;
	margin-left:				470px;
	color:					#000;
	width:					400px;
	height:					230px;
}

#wire
{
	position: 				absolute;
	margin-top:				300px;
	margin-left:				370px;
	font-weight:				bold;
	color:					#000;
	width:					330px;
	height:					230px;
}



#yarn_farm
{
	position: 				absolute;
	margin-top:				80px;
	margin-left:				410px;
	width:					460px;
	height:					230px;
}

#lamb_storm
{
	position: 				absolute;
	margin-top:				110px;
	margin-left:				450px;
	color:					black;
	width:					270px;
	height:					230px;
}

#swatchit_text
{
	position: 				absolute;
	margin-top:				350px;
	margin-left:				610px;
	color:					black;
	width:					275px;
	height:					125px;
}


#problem_one
{
	position: 				absolute;
	margin-top:				325px;
	margin-left:				22px;
	color:					black;
	width:					375px;
	height:					375px;
}


#problem_two
{
	position: 				absolute;
	margin-top:				90px;
	margin-left:				305px;
	color:					black;
	width:					240px;
	height:					300px;
}


#problem_three
{
	position: 				absolute;
	margin-top:				325px;
	margin-left:				455px;
	color:					black;
	width:					260px;
	height:					300px;
}

#tidbit_beanbag_text
{
	position: 				absolute;
	margin-top:				400px;
	margin-left:				100px;
	color:					#fff;
	width:					300px;
	height:					230px;
}


#tidbit_knitzi_text
{
	position: 				absolute;
	margin-top:				25px;
	margin-left:				75px;
	color:					black;
	width:					350px;
	height:					230px;
}

#tidbit_notecards_text
{
	position: 				absolute;
	margin-top:				440px;
	margin-left:				45px;
	color:					black;
	width:					350px;
	height:					75px;
}


#tidbit_haiku_text
{
	position: 				absolute;
	margin-top:				25px;
	margin-left:				70px;
	color:					black;
	width:					350px;
	height:					75px;
}

#tidbit_dellaq_text
{
	position: 				absolute;
	margin-top:				410px;
	margin-left:				35px;
	color:					black;
	width:					375px;
	height:					100px;
}

#tidbit_swtc_text
{
	position: 				absolute;
	margin-top:				15px;
	margin-left:				35px;
	color:					black;
	width:					340px;
	height:					100px;
}


#tidbit_daisy_text
{
	position: 				absolute;
	margin-top:				440px;
	margin-left:				30px;
	color:					black;
	width:					380px;
	height:					100px;
}

#tidbit_moon_text
{
	position: 				absolute;
	margin-top:				375px;
	margin-left:				260px;
	color:					black;
	width:					170px;
	height:					75px;
}

/*----------------tidbits css here----------------------*/

.one_tidbit_text
{
/*	border:					1px solid pink; */
	width:					130px;
	height:					450px;
	position:				absolute;
	margin-top:				70px;
	margin-left:				300px;
	text-decoration:			none;
	color:					#666666;
	font-family:				Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				11px;


}

.one_tidbit_text a
{
	text-decoration:		none;
	color:					#666666;
	font-weight:			bold;
}

.one_tidbit_text a:hover
{
	text-decoration:		none;
	color:					#333333;
	font-weight:			bold;
}


.two_tidbit_text
{
/*	border:					1px solid pink;  */
	width:					400px;
	height:					100px;
	position:				absolute;
	margin-top:				400px;
	margin-left:				25px;
	text-decoration:			none;
	color:					#ffffff;
	font-family:				Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				11px;
}

.two_tidbit_text a
{
	text-decoration:		none;
	color:					#ffffff;
	font-weight:			bold;
}

.two_tidbit_text a:hover
{
	text-decoration:		underline;
	color:					#ffffff;
	font-weight:			bold;
}


.three_tidbit_text
{
/*	border:					1px solid pink;  */
	width:					370px;
	height:					100px;
	position:				absolute;
	margin-top:				25px;
	margin-left:			25px;
	text-decoration:		none;
	color:					#666666;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				11px;


}

.three_tidbit_text a
{
	text-decoration:		none;
	color:					#666666;
	font-weight:			bold;
}

.three_tidbit_text a:hover
{
	text-decoration:		none;
	color:					#333333;
	font-weight:			bold;
}


.four_tidbit_text
{
/*	border:					1px solid pink;  */
	width:					400px;
	height:					100px;
	position:				absolute;
	margin-top:				400px;
	margin-left:			25px;
	text-decoration:		none;
	color:					#666666;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				11px;
}

.four_tidbit_text a
{
	text-decoration:		none;
	color:					#666666;
	font-weight:			bold;
}

.four_tidbit_text a:hover
{
	text-decoration:		none;
	color:					#333333;
	font-weight:			bold;
}

/*------------swatchit-------------------------*/

.column_3_clara
{
	margin:					0px;
	padding:				0px;
	float:					left;
	background:				#f5efdf;
	width:					204px;
	height:					510px;
}

.clara_text
{
	width:					190px;
	margin:					5px 0px 0px 5px;
	position:				absolute;
	text-decoration:		none;
	color:					#666666;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				11px;
}

.clara_text a
{
	text-decoration:		none;
	color:					#666666;
	font-weight:			bold;
}

.clara_text a:hover
{
	text-decoration:		none;
	color:					#333333;
	font-weight:			bold;
}


/*----------------problem ladies----------------------*/
.problem_text
{
	position:				absolute;
	text-decoration:		none;
	color:					#666666;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				11px;
}

#stock_text
{
	width:					250px;
	left:					130px;
	top:					360px;

}

#latv_text
{
	width:					240px;
	top:					150px;
	left:					510px;
}

.problem_text a
{
	text-decoration:	none;
	font-weight:		bold;
	color:				#666;
}

.problem_text a:hover
{
	text-decoration:	none;
	font-weight:		bold;
	color:				#333;
}
/*----------------notebook----------------------*/

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

.collage
{
	position:			absolute;
	margin-top:			25px;
	margin-left:		20px;

}

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

.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;
}

.marketplace .title_img
{

}

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


.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:			160px;
	width:				140px;
	height:				160px;
	color: 				white;
}

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

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

#masthead #thanks p
{
	margin-top:			20px;
	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: 					280px;
}

.advertisers_index .link
{
	width:					220px;

}

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