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

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;

o
}


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



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

}


.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
{
/*	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:				9px;


}

.right_text p
{
	margin-top:				6px;

}


.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:						360px;
	height:						500px;

	position:					absolute;

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



}


/*----------------photostories----------------------*/
/*--------------------------------------*/

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

.peyton_btn
{

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

.peyton a
{
	background-position:		top left;
	width:						236px;
	height:						510px;
}

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


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


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

.maire_btn
{

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

.maire a
{
	background-position:		top left;
	width:						254px;
	height:						510px;
}

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


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

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

.cinquefoil_btn
{

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

.cinquefoil a
{
	background-position:		top left;
	width:						309px;
	height:						510px;
}

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


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

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

.blattwerk_btn
{

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

.blattwerk a
{
	background-position:		top left;
	width:						283px;
	height:						510px;
}

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

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

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

.ripples_btn
{

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

.ripples a
{
	background-position:		top left;
	width:						276px;
	height:						510px;
}

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


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

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

.tiveden_btn
{

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

.tiveden a
{
	background-position:		top left;
	width:						230px;
	height:						510px;
}

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


/*-----------roadtrip2------------*/

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

.sotto_btn
{

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

.sotto a
{
	background-position:		top left;
	width:						299px;
	height:						510px;
}

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


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

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

.argyle_btn
{

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

.argyle a
{
	background-position:		top left;
	width:						310px;
	height:						510px;
}

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


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

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

.vine_btn
{

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

.vine a
{
	background-position:		top left;
	width:						233px;
	height:						510px;
}

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

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

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

.urbanite_btn
{

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

.urbanite a
{
	background-position:		top left;
	width:						233px;
	height:						510px;
}

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


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

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

.audrey_btn
{

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

.audrey a
{
	background-position:		top left;
	width:						305px;
	height:						510px;
}

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

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

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

.mimico_btn
{

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

.mimico a
{
	background-position:		top left;
	width:						233px;
	height:						510px;
}

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


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

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

.wedgewood_btn
{

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

.wedgewood a
{
	background-position:		top left;
	width:						279px;
	height:						510px;
}

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

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

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

.paula_btn
{

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

.paula a
{
	background-position:		top left;
	width:						230px;
	height:						510px;
}

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

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

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

.novak_btn
{

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

.novak a
{
	background-position:		top left;
	width:						228px;
	height:						510px;
}

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


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

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

.hat_1_btn
{

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

.hat_1 a
{
	background-position:		top left;
	width:						225px;
	height:						510px;
}

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

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

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

.hat_2_btn
{

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

.hat_2 a
{
	background-position:		top left;
	width:						230px;
	height:						510px;
}

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

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

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

.lorelie_btn
{

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

.lorelie a
{
	background-position:		top left;
	width:						323px;
	height:						510px;
}

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

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


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

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

.scarf_btn
{

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

.scarf a
{
	background-position:		top left;
	width:						256px;
	height:						510px;
}

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

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


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

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

.papineau_btn
{

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

.papineau a
{
	background-position:		top left;
	width:						260px;
	height:						510px;
}

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

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


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

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

.twigs_btn
{

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

.twigs a
{
	background-position:		top left;
	width:						272px;
	height:						510px;
}

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

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


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

.rococo_btn
{

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

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

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

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

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

.valse_btn
{

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

.valse a
{
	background-position:		top left;
	width:						253px;
	height:						510px;
}

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

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


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

.vaganova_btn
{

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

.vaganova a
{
	background-position:		top left;
	width:						253px;
	height:						510px;
}

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

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

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

.luminen_btn
{

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

.luminen a
{
	background-position:		top left;
	width:						262px;
	height:						510px;
}

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







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


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



#ez_one
{
	position: 				absolute;
	margin-top:				375px;
	margin-left:			480px;
	color:					#000;
	width:					410px;
	height:					130px;
}




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

#ez_two
{
	position: 				absolute;
	margin-top:				200px;
	margin-left:			400px;
	color:					black;
	width:					350px;
	height:					100px;
}


#tourist
{
	position: 				absolute;
	margin-top:				42px;
	margin-left:			520px;
	color:					black;
	width:					325px;
	height:					230px;
}


#yoke
{
	position: 				absolute;
	margin-top:				145px;
	margin-left:			207px;
	color:					black;
	width:					300px;
	height:					230px;
}




#swatchit_one


{
	position: 				absolute;
	margin-top:				100px;
	margin-left:			230px;
	color:					black;
	width:					180px;
	height:					80px;
}




#problem_one
{
	position: 				absolute;
	margin-top:				390px;
	margin-left:			33px;
	color:					black;
	width:					410px;
	height:					375px;
}


#problem_two
{
	position: 				absolute;
	margin-top:				95px;
	margin-left:			245px;
	color:					black;
	width:					180px;
	height:					300px;
}


#problem_three
{
	position: 				absolute;
	margin-top:				80px;
	margin-left:			370px;
	color:					black;
	width:					360px;
	height:					200px;
}

#tidbit_4_text
{
	position: 				absolute;
	margin-top:				425px;
	margin-left:			15px;
	color:					#fff;
	width:					250px;
	height:					230px;
}

#tidbit_4_text a
{
	color:					#fff;
}

#tidbit_4_text a:hover
{
	color:					orange;
}



#tidbit_6_text
{
	position: 				absolute;
	margin-top:				380px;
	margin-left:			260px;
	color:					white;
	font-size:				12px;
	width:					180px;
	height:					92px;
}


#tidbit_6_text a
{

	color:					orange;
}

#tidbit_6_text a:hover
{

	color:					white;
}


#tidbit_2_text
{
	position: 				absolute;
	margin-top:				30px;
	margin-left:			60px;
	color:					black;
	width:					210px;
	height:					75px;
}

#tidbit_3_text
{
	position: 				absolute;
	margin-top:				375px;
	margin-left:			15px;
	color:					black;
	width:					200px;
	height:					100px;
}

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


#tidbit_5_text
{
	position: 				absolute;
	margin-top:				340px;
	margin-left:			250px;
	color:					black;
	width:					200px;
	height:					100px;
}

#tidbit_1_text
{
	position: 				absolute;
	margin-top:				370px;
	margin-left:			45px;
	color:					black;
	width:					140px;
	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:		130px;
	width:				140px;
	height:				160px;
	color: 				white;
}

#masthead #roles
{
	text-align:			left;
	margin-top:			10px;
	margin-left:		280px;
	width:				200px;
	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:					275px;

}

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