@charset "utf-8";

p { /* structure design */
	margin: 5px 0px 0px 0px;
	/* text design */
	color: #666666;
	font-size: 80%;
}

#billboard {
	float: left;
	width: 934px;
	height: 278px;
}

#billboard * {
	float: left;
}

.sectionTitle {
	float: left;
	color: #ffffff;
	font-size: 0px;
	height: 33px;
}

#Bulletin {
	float: left;
	width: 277px;
}

#Bulletin ul {
	float: left;
	width: 259px;
	display: block;
	padding: 0px 9px 15px 9px;
}

#Bulletin li {
	font-size: 65%;
	line-height: 1.4;
	font-weight: bold;
	padding: 10px 0px 5px 20px;
	background-image: url(img/index1_r10_c7.jpg);
	background-repeat: no-repeat;
	background-position: left 10px;
}

#Awards {
	float: left;
	width: 277px;
}

#Awards h3 {
	float: left;
	width: 255px;
	font-size: 75%;
	color: #000000;
	font-weight: bold;
	display: block;
	padding: 0px 0px 5px 22px;
	border-bottom: dotted 1px #9b9795;
}

#Awards ul {
	float: left;
	width: 259px;
	display: block;
	padding: 0px 9px 10px 9px;
}

#Awards li {
	font-size: 65%;
	line-height: 1.4;
	font-weight: bold;
	padding: 7px 0px 7px 0px;
	text-align: center;
}

/** eSobi Solution **/
#Solution {
	float: left;
	width: 360px;
	/*height: 334px;*/
	padding: 0px 3px;
}

#Solution h3 {
	float: left;
	width: 342px;
	font-size: 75%;
	font-weight: bold;
	color: #FF9900;
	padding: 7px 9px 0px 9px;
}

#Solution p {
	float: left;
	font-size: 70%;
	width: 337px;
	padding: 5px 9px 0px 14px;
}

.morebtn {
	float: right;
	width: 47px;
	height: 19px;
	background-image: url(img/index1_r13_c21.jpg);
	font-size: 0px;
	color: #FFFFFF;
	margin: 10px 20px 15px 0px;
	display: block;
}

.morebtn:hover {
	background-position: left -19px;
}

#products {
	float: left;
	width: 348px;
	margin-top:25px;
	text-align:left;
	padding: 0px 6px 0px 6px;
}

#product-list {	
	margin-bottom:20px;
	float: left;
	width: 348px;
	padding: 5px 0px 0px;
	border-top: dotted 1px #9b9795;
}

#product-list img{
	margin-top: 15px;
	float: left;
}

#product-list p {
	float: left;
	width: 196px;
	font-size: 70%;
	padding: 5px 9px 0px 26px;
}
/** eSobi spotlight **/
#Spotlight {
	float: left;
	width: 263px;
	/*height: 334px;*/
}

#Spotlight h3 {
	float: left;
	width: 263px;
	font-size: 75%;
	font-weight: bold;
	color: #FF9900;
	padding: 7px 9px 0px 9px;
}

#Spotlight p {
	float: left;
	/*width: 245px;*/
	font-size: 70%;
	padding: 15px 0px 20px 9px;
}

#Spotlight ul {
	float: left;
	padding: 0px 0px 0px 13px;
}

#Spotlight li {
	float: left;
	width: 220px;
	font-size: 75%;
	font-weight: bold;
	padding: 7px 0px 7px 30px;
	margin:0 0 14px 0;
}

#Idea h3 {
	float: left;
	width: 235px;
	font-size: 75%;
	color: #000000;
	font-weight: bold;
	display: block;
	padding: 0px 0px 5px 22px;
	border-bottom: dotted 1px #9b9795;
	margin:15px 0 10px 0;
}