/******************************************/
/* screen home css for DLoG               */
/******************************************/

/******************************************/
/* image box                              */
/******************************************/
#image_box {
	position: relative;
	width: 837px;
	height: 217px;
}
#image_box img {
	float: left;
}
#image_box h4 {
	position: absolute;
	top: 170px;
	left: 13px;
	font: bold 25px/30px Arial, Helvetica, sans-serif;
	color: #fff;
}

/******************************************/
/* industry menu box                      */
/******************************************/
#industry_menu_box {
	width: 837px;
	height: 26px;
	background: url(../img/industry_menu_bg.gif) no-repeat;
	margin: 0 0 10px 0;
}
#industry_menu_box ul {
	float: right;
	list-style-type: none;
	border-right: 1px solid #799797;
}
#industry_menu_box li {
	border-left: 1px solid #799797;
	float: left;
}
#industry_menu_box a {
	font: bold 11px/25px Arial, Helvetica, sans-serif;
	padding: 0px 15px;
	background: #fff url(../img/industry_menu_item_bg.jpg) repeat-x;
	text-decoration: none;		
	display: block;
	outline: none;
}
#industry_menu_box a:hover {
	background: #fff;
}
#industry_menu_box a.active {
	background: #fff;
}

/******************************************/
/* sub page col 1                         */
/******************************************/
#col_1 {
	width: 222px;
	float: left;
}

/******************************************/
/* sub page col 2                         */
/******************************************/
#col_2 {
	width: 606px;
	float: left;
	margin: 0 0 0 9px;
}
.teaser_big {
	width: 214px;
}


/******************************************/
/* teaser small                           */
/******************************************/
.teaser_small {
	position: relative;
	display: inline;
	float: left;
	width: 184px;
	height: 294px;
	border: 1px solid #adc7d2;
	margin: 0 0 0 10px;
	padding: 3px;
}
.teaser_small .header {
	margin: 0 0 3px 0;
}
.teaser_small .header img {
	float: left;
}
.teaser_small .header h1 {
	float: left;
	font: bold 12px/23px Arial, Helvetica, sans-serif;
	color: #60748b;
	background: #e5e8e9;
	width: 151px;
	padding: 0 0 0 5px;
	margin: 0 0 0 5px;
}
.teaser_small p {
	clear: both;
	color: #74a1b5;
	margin: 15px 5px;
}
.teaser_small p a {
	font: 10px/15px Arial, Helvetica, sans-serif;
	color: #ff9147;
	text-decoration: none;	
	float: right;
}
.teaser_small p a:hover {
	text-decoration: underline;  
}
.teaser_small .overview {
	bottom: 3px;
	position: absolute;
	background: #e5e8e9;
	height: 23px;
	width: 184px;
}
.teaser_small .overview a {
	font: 10px/23px Arial, Helvetica, sans-serif;
	color: #ff9147;
	text-decoration: none;
	margin: 0 5px;
	float: right;
}
.teaser_small .overview a:hover {
	text-decoration: underline;  
}