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

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('http://www.twistcollective.com/2008/autumn/images/right_link.jpg');
	width:						20px;
/*	border:						1px dashed red;
*/
}

.left_link_btn
{
	background:					url('http://www.twistcollective.com/2008/autumn/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:						6px 0px 0px 6px;

}

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



}

.toc_square

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


.toc_square a

{
	width:					100px;
	height:					102px;

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



.left_text
{


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

	position:				absolute;
	margin-top:				80px;
	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:					190px;
	height:					450px;
	position:				absolute;

	margin-top:				20px;
	margin-left:			670px;
	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:						405px;
	height:						500px;

	position:					absolute;

	margin:						0px 0px 0px 250px;
	padding:					0px;



}


/*----------------That Girl City Spread Here----------------------*/

/*----------------Victoria----------------------*/

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

.victoria_03_btn
{
	background:					url('http://www.twistcollective.com/2008/autumn/images/victoria_03.jpg');
	float:						left;
}

.victoria_03 a
{
	background-position:		top left;
	width:						266px;
	height:						510px;
}

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

/*----------------Jaali----------------------*/

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

.jaali_03_btn
{

/*
	background:					url('./images/jaali_03.jpg');
*/
	background:					url('http://www.twistcollective.com/2008/autumn/images/jaali_03.jpg');
	float:						left;
}

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

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


/*----------------Keyhole----------------------*/

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

.keyhole_03_btn
{

	background:					url('http://www.twistcollective.com/2008/autumn/images/keyhole_03.jpg');
	float:						left;
}

.keyhole_03 a
{
	background-position:		top left;
	width:						429px;
	height:						510px;
}

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



/*----------------lissajous socks----------------------*/

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

.lissajous_01_btn
{

	background:					url('http://www.twistcollective.com/2008/autumn/images/lissajous_01.jpg');
	float:						left;
}

.lissajous_01 a
{
	background-position:		top left;
	width:						475px;
	height:						510px;
}

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



/*----------------lissajous jacket----------------------*/

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

.lissajous_jacket_01_btn
{
	background:					url('http://www.twistcollective.com/2008/autumn/images/lissajous_jacket_01.jpg');
	float:						left;
}

.lissajous_jacket_01 a
{
	background-position:		top left;
	width:						342px;
	height:						510px;
}

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



/*----------------come together----------------------*/

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

.come_together_01_btn
{

	background:					url('http://www.twistcollective.com/2008/autumn/images/come_together_01.jpg');
	float:						left;
}

.come_together_01 a
{
	background-position:		top left;
	width:						373px;
	height:						510px;
}

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








/*----------------cleite----------------------*/

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

.cleite_02_btn
{

	background:					url('http://www.twistcollective.com/2008/autumn/images/cleite_02.jpg');
	float:						left;
}

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

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


/*----------------If the sock fits here----------------------*/

.small_sock_container
{
	width:						150px;
	height:						152px;
	margin:						0px 0px 0px 0px;
	padding:					0px 0px 0px 0px;
	float:						left;
}

.cookie_sock_group
{
	float:						left;

}

.cookie_sock_group_btn
{
	background:					url('http://www.twistcollective.com/2008/autumn/images/16_sock_group.jpg');
	background-repeat: 			no-repeat;

	float:						left;
}

.cookie_sock_group a
{
	width:						450px;
	height:						357px;
	background-position:		top left;
}

.cookie_sock_group a:hover
{
	width:						450px;
	height:						357px;
	background-position:		top right;
}

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

.oolong_sock_group
{
	float:						left;
}

.oolong_sock_group_btn
{
	background:					url('http://www.twistcollective.com/2008/autumn/images/17_left_sock_group.jpg');
	background-repeat: 			no-repeat;
	float:						left;
}

.oolong_sock_group a
{
	width:						450px;
	height:						357px;

	background-position:		top left;

}

.oolong_sock_group a:hover
{
	width:						450px;
	height:						357px;


	background-position:		top right;
}


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


.livia_sock_group
{
	float:						left;
}

.livia_sock_group_btn
{
	background:					url('http://www.twistcollective.com/2008/autumn/images/17_right_sock_group.jpg');
	background-repeat: 			no-repeat;

	float:						left;
}

.livia_sock_group a
{

	width:						450px;
	height:						357px;
	background-position:		top left;

}

.livia_sock_group a:hover
{
	width:						450px;
	height:						357px;
	background-position:		top right;

}

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


.poission_sock_group
{
	float:						left;
}

.poission_sock_group_btn
{
	background:					url('http://www.twistcollective.com/2008/autumn/images/18_left_sock_group.jpg');
	background-repeat: 			no-repeat;

	float:						left;
}

.poission_sock_group a
{
	width:						450px;
	height:						357px;

	background-position:		top left;
}

.poission_sock_group a:hover
{

	width:						450px;
	height:						357px;
	background-position:		top right;
}

/*----------------Giant's Knitted Garden Here----------------------*/

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

.giants_right
{
	width:					100px;
	height:					510px;
	float:					left;
	margin-top:				0px;
	margin-left:			0px;
	margin-right:			0px;
	margin-bottom:			0px;

}



.giants_text

{
	width:					160px;
/*	height:					450px;
*/
	position:				absolute;
	margin-top:				82px;
	margin-left:			551px;
	text-decoration:		none;
	color:					#333333;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				11px;


}

.giants_text a

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

.giants_text a:hover

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

/*----------------colouring in Here----------------------*/

.colouring_margin
{
/*	border:					1px dashed pink; */
	width:					900px;
	height:					510px;
	background:				#cc99cc;


}

.colouring_header
{
	width:					462px;
	height:					72px;
	margin-top:				325px;
	margin-left:			144px;
	position:				absolute;
}

.colouring_square_1

{
	width:					212px;
	height:					280px;
	margin-top:				20px;
	margin-left:			20px;
	position:				absolute;
}

.colouring_square_2
{
	width:					212px;
	height:					280px;
	margin-top:				20px;
	margin-left:			272px;
	position:				absolute;
}

.colouring_square_3
{
	width:					212px;
	height:					280px;
	margin-top:				20px;
	margin-left:			518px;
	position:				absolute;
}

.colouring_text

{
	width:					650px;
/*	height:					450px;
*/
	position:				absolute;
	margin-top:				410px;
	margin-left:			50px;
	text-decoration:		none;
	color:					#993366;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				11px;


}

.colouring_text a

{
	text-decoration:		none;
	color:					#993366;
	font-weight:			bold;

}

.colouring_text a:hover

{
	text-decoration:		none;
	color:					#7f2a55;
	}



/*----------------houdini socks here----------------------*/

.houdini_1
{
	float:					left;
	width:					450px;
	height:					116px;
	margin-top:				0px;
	margin-left:			0px;
	margin-right:			0px;
	margin-bottom:			0px;

}

.houdini_2
{
	float:					left;
	width:					450px;
	height:					132px;
	margin-top:				0px;
	margin-left:			0px;
	margin-right:			0px;
	margin-bottom:			0px;
	padding:				0px;
}

.houdini_3
{
	float:					left;
	width:					450px;
	height:					160px;
	margin-top:				0px;
	margin-left:			0px;
	margin-right:			0px;
	margin-bottom:			0px;
	padding:				0px;
}

.houdini_4
{
	float:					left;
	width:					450px;
	height:					102px;
	margin-top:				0px;
	margin-left:			0px;
	margin-right:			0px;
	margin-bottom:			0px;
	padding:				0px;
}

.houdini_background
{
	background:				#f4ebd1;
	width:					300px;
	height:					510px;

	position:				absolute;
}

.houdini_head
{
	position:				absolute;
	top:					8px;
	left:					75px;
}


.houdini_text
{
	width:					227px;
/*	height:					302px;
*/
	position:				relative;
	top: 					188px;
	left:					50px;

	text-decoration:		none;
	color:					#333333;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				12px;
}

.houdini_text p
{
	
}

.houdini_text a
{
	margin: 				0px;
	padding:				0px;

	text-decoration:		none;
	color:					#b82a28;
	font-weight:			bold;
}

.houdini_text a:hover

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


/*----------------Colorways Here----------------------*/

.colorways_container

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

}


.colorways_band
{
	width:						148px;
	height:						474px;
	position:					absolute;
	margin-top:					20px;
	margin-left:				15px;

}

.colorways_question
{
	width:						220px;
	height:						82px;
	position:					absolute;
	margin-top:					55px;
	margin-left:				194px;

}

.colorways_logo
{

	width:						260px;
	height:						75px;
	position:					absolute;
	margin-top:					165px;
	margin-left:				180px;

}

.cat_bhordi_text
{
	width:					200px;
	position:				absolute;
	margin-top:				245px;
	margin-left:			200px;
	text-decoration:		none;
	color:					#666666;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				14px;

}

.cat_bhordi_article_text
{
	width:					200px;
	position:				absolute;
	margin-top:				320px;
	margin-left:			200px;
	text-decoration:		none;
	color:					#666666;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				11px;
}

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

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


/*----------------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;
}

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

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

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

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

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

.overlaid_text
{
	position:				absolute;
	text-decoration:		none;
	
	color:					#666;
	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:					#666;
	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:					#333;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				11px;
}


#dressing_friends_text
{
	position: 				absolute;
	margin-top:				70px;
	margin-left:			30px;

	width:					270px;
	height:					200px;
}

/*----------------faux_bois----------------------*/

.faux_bois
{
	float:						left;

}

.faux_bois_btn
{
	background:					url('http://www.twistcollective.com/2008/autumn/images/bois_01.jpg');
	background-repeat: 			no-repeat;

	float:						left;
}

.faux_bois a
{
	width:						382px;
	height:						510px;

	background-position:		top left;
}

.faux_bois a:hover
{
	width:						382px;
	height:						510px;

	background-position:		top right;
}

/*----------------bonnie----------------------*/

.bonnie
{
	float:						left;

}

.bonnie_btn
{
	background:					url('http://www.twistcollective.com/2008/autumn/images/bonnie_03.jpg');
	background-repeat: 			no-repeat;

	float:						left;
}

.bonnie a
{
	width:						436px;
	height:						510px;

	background-position:		top left;
}

.bonnie a:hover
{
	width:						436px;
	height:						510px;

	background-position:		top right;
}

/*----------------linden----------------------*/

.linden
{
	float:						left;

}

.linden_btn
{
	background:					url('http://www.twistcollective.com/2008/autumn/images/linden_03.jpg');
	background-repeat: 			no-repeat;

	float:						left;
}

.linden a
{
	width:						394px;
	height:						510px;

	background-position:		top left;
}

.linden a:hover
{
	width:						394px;
	height:						510px;

	background-position:		top right;
}

/*----------------oakwood----------------------*/

.oakwood
{
	float:						left;

}

.oakwood_btn
{
	background:					url('http://www.twistcollective.com/2008/autumn/images/oakwood_01.jpg');
	background-repeat: 			no-repeat;

	float:						left;
}

.oakwood a
{
	width:						302px;
	height:						510px;

	background-position:		top left;
}

.oakwood a:hover
{
	width:						302px;
	height:						510px;

	background-position:		top right;
}

/*----------------wisteria----------------------*/

.wisteria
{
	float:						left;

}

.wisteria_btn
{
	background:					url('http://www.twistcollective.com/2008/autumn/images/wisteria_01.jpg');
	background-repeat: 			no-repeat;

	float:						left;
}

.wisteria a
{
	width:						374px;
	height:						510px;

	background-position:		top left;
}

.wisteria a:hover
{
	width:						374px;
	height:						510px;

	background-position:		top right;
}


/*----------------lily----------------------*/



.lily
{
	float:						left;

}

.lily_btn
{
	background:					url('http://www.twistcollective.com/2008/autumn/images/lily_01.jpg');
	background-repeat: 			no-repeat;

	float:						left;
}

.lily a
{
	width:						365px;
	height:						510px;

	background-position:		top left;
}

.lily a:hover
{
	width:						365px;
	height:						510px;

	background-position:		top right;
}

/*----------------little birds----------------------*/


.birds
{
	float:						left;

}

.birds_btn
{
	background:					url('http://www.twistcollective.com/2008/autumn/images/birds_03.jpg');
	background-repeat: 			no-repeat;

	float:						left;
}

.birds a
{
	width:						451px;
	height:						510px;

	background-position:		top left;
}

.birds a:hover
{
	width:						451px;
	height:						510px;

	background-position:		top right;
}


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


.one_tidbit_text
{
	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
{
	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/2008/autumn/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:			35px;
	margin-left:		160px;
	width:				120px;
	height:				160px;
	color: 				white;
}

#masthead #roles
{
	text-align:			left;
	margin-top:			35px;
	margin-left:		290px;
	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;
}

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