/************************
	HOME PAGE
************************/
#outer	{
	background:			#fff url(../img/bg_about_mid.gif) repeat-y scroll top left;
}
#header	{
	background:			url(../img/bg_about_top.gif) no-repeat scroll top left;
}
#footer	{
	background:			url(../img/bg_about_bottom.gif) no-repeat scroll bottom left;
}
/************************
	ABOUT MENU
************************/
#aboutmenu	{
	width:				500px;
	margin:				20px 20px 10px 35px;
	padding:			0px;
}
#aboutmenu a,#aboutmenu span	{
	float:				left;
	display:			block;
	margin:				2px 0px 2px 5px;
	text-indent:		-9999px;
	width:				108px;
	height:				38px;
	overflow:			hidden;
}
#aboutmenu1	{
	background:			url(../img/b_about_outline_n.jpg);
}
#aboutmenu1:hover	{
	background:			url(../img/b_about_outline_r.jpg);
}
#aboutmenu1_s	{
	background:			url(../img/b_about_outline_s.jpg);
}
#aboutmenu2	{
	background:			url(../img/b_about_ic_n.jpg);
}
#aboutmenu2:hover	{
	background:			url(../img/b_about_ic_r.jpg);
}
#aboutmenu2_s	{
	background:			url(../img/b_about_ic_s.jpg);
}
#aboutmenu3	{
	background:			url(../img/b_about_gui_n.jpg);
}
#aboutmenu3:hover	{
	background:			url(../img/b_about_gui_r.jpg);
}
#aboutmenu3_s	{
	background:			url(../img/b_about_gui_s.jpg);
}
#aboutmenu4	{
	background:			url(../img/b_about_sda_n.jpg);
}
#aboutmenu4:hover	{
	background:			url(../img/b_about_sda_r.jpg);
}
#aboutmenu4_s	{
	background:			url(../img/b_about_sda_s.jpg);
}

/************************
	CONTENTS
************************/
#contents	{
	color:				#222;
}
h1	{
	margin:				20px 20px 0px 20px;
	padding:			0;
	text-indent:		0;
	color:				#36a13b;
	font-size:			2em;
}
#cinfo_link	{
	text-align:			right;
	font-size:			0.9em;
	font-weight:		bold;
	margin:				0;
}
#aboutmsg	{
	font-size:			1.2em;
	font-weight:		bold;
	line-height:		1.5em;
	margin:				0 60px 20px 60px;
}
#about_top	{
	padding-top:		40px;
}
#mainjob	{
	padding:			20px 20px;
	border-top:			1px solid #cc0000;
	border-bottom:		1px solid #cc0000;
}
#mainjob h2	{
	text-align:			center;
	font-size:			1.4em;
	margin:				20px;
}
#mainjob h3	{
	text-align:			left;
	font-size:			1.2em;
	margin:				30px 0 20px 20px;
}
#mainjob p	{
	text-align:			left;
	font-size:			1.0em;
	margin:				10px 0 10px 20px;
}
#mainjob img {
	display:			block;
	margin:				10px auto;
	width:				320px;
}
.imageright	{
	float:				right;
	margin:				0 0 10px 10px;
}
.imagerightdn	{
	float:				right;
	margin:				30px 10px 10px 20px;
}
.imageleft	{
	float:				left;
	margin:				10px 10px 20px 80px;
}
h3	{
	text-align:			left;
	font-size:			1.2em;
	margin:				2em 0 0.5em 0;
	color:				#cc3333;
}
h4	{
	text-align:			center;
	font-size:			1.2em;
	margin:				2em 0 0.5em 0;
}
h5	{
	text-align:			left;
	font-size:			1.2em;
	margin:				2em 0 0.5em 0;
}

.textright	{
	display:			block;
	text-align:			right;
	margin:				0 1em;
	padding:			0;
}

/************************
	FLOW
************************/
#jobflow	{
	margin:				24px 36px;
}
#jobflow h2	{
	font-size:			1.4em;
}
#jobflow dl	{
	margin:				2em 0em;
}
#jobflow dt	{
	display:			block;
	font-size:			1.1em;
	font-weight:		bold;
	margin:				2em 0 0.3em 0;
	padding-left:		16px;
	background:			#fff url(../img/flowmark.gif) no-repeat scroll center left;
}
#jobflow dd	{
	margin-left:		0;
	padding-left:		16px;
}
#jobflow ul	{
	list-style-type:	disc;
	margin:				0.8em;
	padding:			0 1em;
}