#content-container {
	float:right;
	width:668px;
	padding:0px 0px 20px 24px;
}

#intro-text {
	width:485px;	
	float:left;
	margin:0px 0px 20px 0px;
}

#project-container {
	width:668px;
	margin:20px 0px 0px 24px;
	
}

.project {
	width:200px;
	height:261px;
	margin:0px 20px 20px 0px;
	float:left;
}

.project-link {
	width:200px;
	height:261px;
	float:left;
}

#bd1 {background:url(../images/box_bd_1.jpg) top left no-repeat;}
#bd2 {background:url(../images/box_bd_2.jpg) top left no-repeat;}
#bd3 {background:url(../images/box_bd_3.jpg) top left no-repeat;}
#bd4 {background:url(../images/box_bd_4.jpg) top left no-repeat;}
#bd5 {background:url(../images/box_bd_5.jpg) top left no-repeat;}
#bd6 {background:url(../images/box_bd_6.jpg) top left no-repeat;}
#bd7 {background:url(../images/box_bd_7.jpg) top left no-repeat;}
#bd8 {background:url(../images/box_bd_8.jpg) top left no-repeat;}
#bd9 {background:url(../images/box_bd_9.jpg) top left no-repeat;}

#od1 {background:url(../images/box_od_1.jpg) top left no-repeat;}
#od2 {background:url(../images/box_od_2.jpg) top left no-repeat;}
#od3 {background:url(../images/box_od_3.jpg) top left no-repeat;}
#od4 {background:url(../images/box_od_4.jpg) top left no-repeat;}
#od5 {background:url(../images/box_od_5.jpg) top left no-repeat;}
#od6 {background:url(../images/box_od_6.jpg) top left no-repeat;}
#od7 {background:url(../images/box_od_7.jpg) top left no-repeat;}
#od8 {background:url(../images/box_od_8.jpg) top left no-repeat;}
#od9 {background:url(../images/box_od_9.jpg) top left no-repeat;}

#wd1 {background:url(../images/box_wd_1.jpg) top left no-repeat;}
#wd2 {background:url(../images/box_wd_2.jpg) top left no-repeat;}
#wd3 {background:url(../images/box_wd_3.jpg) top left no-repeat;}
#wd4 {background:url(../images/box_wd_4.jpg) top left no-repeat;}
#wd5 {background:url(../images/box_wd_5.jpg) top left no-repeat;}
#wd6 {background:url(../images/box_wd_6.jpg) top left no-repeat;}
#wd7 {background:url(../images/box_wd_7.jpg) top left no-repeat;}
#wd8 {background:url(../images/box_wd_8.jpg) top left no-repeat;}
#wd9 {background:url(../images/box_wd_9.jpg) top left no-repeat;}

#ui1 {background:url(../images/box_ui_1.jpg) top left no-repeat;}
#ui2 {background:url(../images/box_ui_2.jpg) top left no-repeat;}
#ui3 {background:url(../images/box_ui_3.jpg) top left no-repeat;}
#ui4 {background:url(../images/box_ui_4.jpg) top left no-repeat;}
#ui5 {background:url(../images/box_ui_5.jpg) top left no-repeat;}
#ui6 {background:url(../images/box_ui_6.jpg) top left no-repeat;}
#ui7 {background:url(../images/box_ui_7.jpg) top left no-repeat;}
#ui8 {background:url(../images/box_ui_8.jpg) top left no-repeat;}
#ui9 {background:url(../images/box_ui_9.jpg) top left no-repeat;}


.popup-container {
	position:relative;
	top:-77px;
	left:-10000px;
	width:336px;
	float:left;
}

#bd1:hover .popup-container {left:-10px;}
#bd2:hover .popup-container {left:-68px;}
#bd3:hover .popup-container {left:-126px;}
#bd4:hover .popup-container {left:-10px;}
#bd5:hover .popup-container {left:-68px;}
#bd6:hover .popup-container {left:-126px;}
#bd7:hover .popup-container {left:-10px;}
#bd8:hover .popup-container {left:-68px;}
#bd9:hover .popup-container {left:-126px;}

#od1:hover .popup-container {left:-10px;}
#od2:hover .popup-container {left:-68px;}
#od3:hover .popup-container {left:-126px;}
#od4:hover .popup-container {left:-10px;}
#od5:hover .popup-container {left:-68px;}
#od6:hover .popup-container {left:-126px;}
#od7:hover .popup-container {left:-10px;}
#od8:hover .popup-container {left:-68px;}
#od9:hover .popup-container {left:-126px;}

#wd1:hover .popup-container {left:-10px;}
#wd2:hover .popup-container {left:-68px;}
#wd3:hover .popup-container {left:-126px;}
#wd4:hover .popup-container {left:-10px;}
#wd5:hover .popup-container {left:-68px;}
#wd6:hover .popup-container {left:-126px;}
#wd7:hover .popup-container {left:-10px;}
#wd8:hover .popup-container {left:-68px;}
#wd9:hover .popup-container {left:-126px;}

#ui1:hover .popup-container {left:-10px;}
#ui2:hover .popup-container {left:-68px;}
#ui3:hover .popup-container {left:-126px;}
#ui4:hover .popup-container {left:-10px;}
#ui5:hover .popup-container {left:-68px;}
#ui6:hover .popup-container {left:-126px;}
#ui7:hover .popup-container {left:-10px;}
#ui8:hover .popup-container {left:-68px;}
#ui9:hover .popup-container {left:-126px;}


.arrow-left {
	margin:0px 126px 0px 10px;
	height:28px;
	width:200px;
}

.arrow-center {
	margin:0px 68px 0px 68px;
	height:28px;
	width:200px;
}

.arrow-right {
	margin:0px 10px 0px 126px;
	height:28px;
	width:200px;
}


#arrow-bd1 {background:url(../images/arrow_bd_1.jpg) top left no-repeat;}
#arrow-bd2 {background:url(../images/arrow_bd_2.jpg) top left no-repeat;}
#arrow-bd3 {background:url(../images/arrow_bd_3.jpg) top left no-repeat;}
#arrow-bd4 {background:url(../images/arrow_bd_4.jpg) top left no-repeat;}
#arrow-bd5 {background:url(../images/arrow_bd_5.jpg) top left no-repeat;}
#arrow-bd6 {background:url(../images/arrow_bd_6.jpg) top left no-repeat;}
#arrow-bd7 {background:url(../images/arrow_bd_7.jpg) top left no-repeat;}
#arrow-bd8 {background:url(../images/arrow_bd_8.jpg) top left no-repeat;}
#arrow-bd9 {background:url(../images/arrow_bd_9.jpg) top left no-repeat;}

#arrow-od1 {background:url(../images/arrow_od_1.jpg) top left no-repeat;}
#arrow-od2 {background:url(../images/arrow_od_2.jpg) top left no-repeat;}
#arrow-od3 {background:url(../images/arrow_od_3.jpg) top left no-repeat;}
#arrow-od4 {background:url(../images/arrow_od_4.jpg) top left no-repeat;}
#arrow-od5 {background:url(../images/arrow_od_5.jpg) top left no-repeat;}
#arrow-od6 {background:url(../images/arrow_od_6.jpg) top left no-repeat;}
#arrow-od7 {background:url(../images/arrow_od_7.jpg) top left no-repeat;}
#arrow-od8 {background:url(../images/arrow_od_8.jpg) top left no-repeat;}
#arrow-od9 {background:url(../images/arrow_od_9.jpg) top left no-repeat;}

#arrow-wd1 {background:url(../images/arrow_wd_1.jpg) top left no-repeat;}
#arrow-wd2 {background:url(../images/arrow_wd_2.jpg) top left no-repeat;}
#arrow-wd3 {background:url(../images/arrow_wd_3.jpg) top left no-repeat;}
#arrow-wd4 {background:url(../images/arrow_wd_4.jpg) top left no-repeat;}
#arrow-wd5 {background:url(../images/arrow_wd_5.jpg) top left no-repeat;}
#arrow-wd6 {background:url(../images/arrow_wd_6.jpg) top left no-repeat;}
#arrow-wd7 {background:url(../images/arrow_wd_7.jpg) top left no-repeat;}
#arrow-wd8 {background:url(../images/arrow_wd_8.jpg) top left no-repeat;}
#arrow-wd9 {background:url(../images/arrow_wd_9.jpg) top left no-repeat;}

#arrow-ui1 {background:url(../images/arrow_ui_1.jpg) top left no-repeat;}
#arrow-ui2 {background:url(../images/arrow_ui_2.jpg) top left no-repeat;}
#arrow-ui3 {background:url(../images/arrow_ui_3.jpg) top left no-repeat;}
#arrow-ui4 {background:url(../images/arrow_ui_4.jpg) top left no-repeat;}
#arrow-ui5 {background:url(../images/arrow_ui_5.jpg) top left no-repeat;}
#arrow-ui6 {background:url(../images/arrow_ui_6.jpg) top left no-repeat;}
#arrow-ui7 {background:url(../images/arrow_ui_7.jpg) top left no-repeat;}
#arrow-ui8 {background:url(../images/arrow_ui_8.jpg) top left no-repeat;}
#arrow-ui9 {background:url(../images/arrow_ui_9.jpg) top left no-repeat;}


.box-top-left {
	background:url(../images/box_top_left.jpg) top left no-repeat;
	height:13px;
	width:336px;
}

.box-top-center {
	background:url(../images/box_top_center.jpg) top left no-repeat;
	height:13px;
	width:336px;
}

.box-top-right {
	background:url(../images/box_top_right.jpg) top left no-repeat;
	height:13px;
	width:336px;
}


.box-container {
	background:url(../images/box_repeat.jpg) top left repeat-y;
	width:336px;
}

.box-text {
	background:url(../images/box_bottom.jpg) bottom left no-repeat;	
	padding:2px 15px 5px 15px;
	font-size:0.9em;
	line-height:1.5em;
}