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

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;


}


.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:					73px;
	float:					left;
	margin:					0px;
	border:					0px;
	padding:				0px;
}


.toc_square a

{
	width:					80px;
	height:					72px;

	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;



}


/*----------------Winter White----------------------*/


/*----------------Mary Jane----------------------*/

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

.mary_jane_ro_btn
{

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

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

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

/*----------------Winter White----------------------*/

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

.winter_white_btn
{

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

.winter_white a
{
	background-position:		top left;
	width:						399px;
	height:						510px;
}

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


/*----------------Cabled Cuff----------------------*/

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

.cabled_cuff_btn
{

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

.cabled_cuff a
{
	background-position:		top left;
	width:						226px;
	height:						510px;
}

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



/*----------------broderie----------------------*/

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

.broderie_btn
{

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

.broderie a
{
	background-position:		top left;
	width:						209px;
	height:						510px;
}

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



/*----------------jadis----------------------*/

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

.jadis_btn
{
	background:					url('./images/jadis_ro_02.jpg');
	float:						left;
}

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

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





/*----------------Shorelines----------------------*/
.sylvi
{
	float:						left;
	margin:						0px;
}

.sylvi_btn
{
	background:					url('./images/sylvi_ro_04.jpg');
	float:						left;
}

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

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

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

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

.stormvale_btn
{
	background:					url('./images/stormvale_ro_01.jpg');
	float:						left;
}

.stormvale a
{
	background-position:		top left;
	width:						352px;
	height:						510px;
}

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

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

.heroine_btn
{
	background:					url('./images/heroine_ro_04.jpg');
	float:						left;
}

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

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

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


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

.elissa_btn
{
	background:					url('./images/elissa_ro_03.jpg');
	float:						left;
}

.elissa a
{
	background-position:		top left;
	width:						404px;
	height:						510px;
}

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




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


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

.sweet_pea_btn
{
	background:					url('./images/sweet_pea_ro_04.jpg');
	float:						left;
}

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

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


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


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

.shawl_btn
{
	background:					url('./images/double_stole_ro_03.jpg');
	float:						left;
}

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

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



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


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

.stole_btn
{
	background:					url('./images/double_stole_ro_04.jpg');
	float:						left;
}

.stole a
{
	background-position:		top left;
	width:						295px;
	height:						510px;
}

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



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


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

.gytha_btn
{
	background:					url('./images/gytha_ro_03.jpg');
	float:						left;
}

.gytha a
{
	background-position:		top left;
	width:						314px;
	height:						510px;
}

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


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


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

.vivian_btn
{
	background:					url('./images/vivian_ro_03.jpg');
	float:						left;
}

.vivian a
{
	background-position:		top left;
	width:						255px;
	height:						510px;
}

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


/*----------------SUNDAY AFTERNOON----------------------*/


/*----------------GARBO	----------------------*/

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

.garbo_btn
{

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

.garbo a
{
	background-position:		top left;
	width:						348px;
	height:						510px;
}

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

/*----------------REBECCA----------------------*/

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

.rebecca_btn
{

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

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

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


/*----------------VAILA----------------------*/

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

.vaila_btn
{

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

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

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


/*----------------KINGSCOTT----------------------*/

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

.kingscott_btn
{

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

.kingscott a
{
	background-position:		top left;
	width:						291px;
	height:						510px;
}

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



/*----------------Harika socks----------------------*/

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

.harika_btn
{

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

.harika a
{
	background-position:		top left;
	width:						298px;
	height:						510px;
}

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



/*----------------Fourth Grade Hat----------------------*/

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

.fourth_grade_btn
{

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

.fourth_grade a
{
	background-position:		top left;
	width:						315px;
	height:						510px;
}

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


/*----------------Detrich----------------------*/

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

.deitrich_btn
{

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

.deitrich a
{
	background-position:		top left;
	width:						300px;
	height:						510px;
}

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


/*----------------SPECIAL BIJOU----------------------*/

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

.bijou_btn
{

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

.bijou a
{
	background-position:		top left;
	width:						263px;
	height:						510px;
}

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



/*----------------CRITTER COMFORTS----------------------*/


/*----------------Lotus Mittens----------------------*/

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

.lotus_btn
{

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

.lotus a
{
	background-position:		top left;
	width:						374px;
	height:						510px;
}

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


/*----------------Toleware Mittens----------------------*/

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

.toleware_btn
{

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

.toleware a
{
	background-position:		top left;
	width:						280px;
	height:						510px;
}

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


/*----------------Ariosa Cowl----------------------*/

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

.ariosa_cowl_btn
{

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

.ariosa_cowl a
{
	background-position:		top left;
	width:						296px;
	height:						510px;
}

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


/*----------------Mars Hat----------------------*/

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

.mars_hat_btn
{

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

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

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


/*----------------Licorice Socks----------------------*/

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

.licorice_btn
{

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

.licorice a
{
	background-position:		top left;
	width:						315px;
	height:						510px;
}

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


/*----------------Licorice Socks----------------------*/

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

.postwar_btn
{

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

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

.postwar a:hover
{
	background-position:		top right;
	width:						342px;
	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:					#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:					#000;
	font-family:			Verdana, 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size:				11px;
}


#csa_article_text
{
	position: 				absolute;
	margin-top:				70px;
	margin-left:			530px;
	color:					white;
	width:					200px;
	height:					230px;
}


#caring_knitting_text
{
	position: 				absolute;
	margin-top:				112px;
	margin-left:			425px;
	color:					white;
	width:					260px;
	height:					230px;
}

#selfish_knitting_text
{
	position: 				absolute;
	margin-top:				110px;
	margin-left:			25px;
	color:					black;
	width:					400px;
	height:					230px;
}

#swatchit_text
{
	position: 				absolute;
	margin-top:				375px;
	margin-left:			325px;
	color:					black;
	width:					400px;
	height:					125px;
}

#crochet_text
{
	position: 				absolute;
	margin-top:				250px;
	margin-left:			50px;
	color:					black;
	width:					400px;
	height:					375px;
}

#spin_text
{
	position: 				absolute;
	margin-top:				225px;
	margin-left:			475px;
	color:					white;
	width:					225px;
	height:					375px;
}

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


#problem_vintage_pattern_text
{
	position: 				absolute;
	margin-top:				65px;
	margin-left:			300px;
	color:					black;
	width:					270px;
	height:					300px;
}


#problem_bindoff_text
{
	position: 				absolute;
	margin-top:				325px;
	margin-left:			510px;
	color:					black;
	width:					200px;
	height:					300px;
}





#tidbit_blocker_text
{
	position: 				absolute;
	margin-top:				219px;
	margin-left:			275px;
	color:					black;
	width:					170px;
	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_charmbracelet_text
{
	position: 				absolute;
	margin-top:				25px;
	margin-left:			75px;
	color:					black;
	width:					250px;
	height:					75px;
}

#tidbit_dyekit_text
{
	position: 				absolute;
	margin-top:				440px;
	margin-left:			35px;
	color:					black;
	width:					400px;
	height:					100px;
}

#tidbit_besweet_text
{
	position: 				absolute;
	margin-top:				420px;
	margin-left:			35px;
	color:					black;
	width:					400px;
	height:					100px;
}


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

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

.advertisers_index .link
{
	width:					290px;
	float: 					left;
}

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