@charset 'utf-8';

@import url("base.css");
@import url("global.css");


/* Layout */
#top {
	color:#555555;
	width:1100px;
	height:242px;
	background:url(../img/top_img_bg.jpg) no-repeat;
}
    

	div.top-menu{
		width:990px;
		height:34px;
		text-align:right;
    }

	div.main-menu{
		width:990px;
		height:68px;
		text-align:right;
    }

	div.visual{
		width:990px;
		height:139px;
    }

	
		
#middle {
	margin-top:10px;
	color:#555555;
	width:1000px;
	line-height:20px;
	height:auto;
}	

	div.main-pro{
		width:970px;
		margin-left:10px;
		padding:10px;
		background:#e2e9f0;
    }

	div.main-pro .left{
		float:left;
		width:470px;
		margin-right:5px;
		margin-bottom:5px;
		height:80px;
		background:#ffffff;
		border:1px solid #a6b7c9;
		padding:4px;
		display:inline-block;
    }
		div.main-pro .left img{
			float:left;
			margin-right:5px;
		}
		div.main-pro .left .description{
			font-size:10px;
			width:385px;
			height:40px;
			margin-left:5px;
		}
			div.main-pro .left .description h1{
				margin-bottom:5px;
				display:block;
				padding-top:3px;
				font-size:14px;
				font-weight:bold;
				color:#ed3a03;
				padding-left:15px;
				background:url(../images/arrow.gif) 0px 7px no-repeat;
			}
			div.main-pro .left .description h1 a{				
				font-size:14px;
				font-weight:bold;
				color:#ed3a03;
			}
			div.main-pro .left .description h1 a:hover{				
				font-size:14px;
				font-weight:bold;
				color:#ed3a03;
				text-decoration:underline;
			}


	div.main-pro .right{
		width:470px;
		margin-left:5px;
		margin-bottom:5px;
		height:80px;
		background:#ffffff;
		border:1px solid #a6b7c9;
		padding:4px;
		display:inline-block;
    }
		div.main-pro .right img{
			float:left;
			margin-right:5px;
		}
		div.main-pro .right .description{
			font-size:10px;
			width:385px;
			height:40px;
			margin-left:5px;
		}
			div.main-pro .right .description h1{
				margin-bottom:5px;
				padding-top:3px;
				display:block;
				font-size:14px;
				font-weight:bold;
				color:#ed3a03;
				padding-left:15px;
				background:url(../images/arrow.gif) 0px 7px no-repeat;
			}
			div.main-pro .right .description h1 a{				
				font-size:14px;
				font-weight:bold;
				color:#ed3a03;
			}
			div.main-pro .right .description h1 a:hover{				
				font-size:14px;
				font-weight:bold;
				color:#ed3a03;
				text-decoration:underline;
			}


	div.main-pro .left02{
		float:left;
		width:470px;
		margin-right:5px;
		height:80px;
		background:#ffffff;
		border:1px solid #a6b7c9;
		padding:4px;
		display:inline-block;
    }
		div.main-pro .left02 img{
			float:left;
			margin-right:5px;
		}
		div.main-pro .left02 .description{
			font-size:10px;
			width:385px;
			height:40px;
			margin-left:5px;
		}
			div.main-pro .left02 .description h1{
				margin-bottom:5px;
				display:block;
				padding-top:3px;
				font-size:14px;
				font-weight:bold;
				color:#ed3a03;
				padding-left:15px;
				background:url(../images/arrow.gif) 0px 7px no-repeat;
			}
			div.main-pro .left02 .description h1 a{				
				font-size:14px;
				font-weight:bold;
				color:#ed3a03;
			}
			div.main-pro .left02 .description h1 a:hover{				
				font-size:14px;
				font-weight:bold;
				color:#ed3a03;
				text-decoration:underline;
			}


	div.main-pro .right02{
		width:470px;
		margin-left:5px;
		height:80px;
		background:#ffffff;
		border:1px solid #a6b7c9;
		padding:4px;
		display:inline-block;
    }
		div.main-pro .right02 img{
			float:left;
			margin-right:5px;
		}
		div.main-pro .right02 .description{
			font-size:10px;
			width:385px;
			height:40px;
			margin-left:5px;
		}
			div.main-pro .right02 .description h1{
				margin-bottom:5px;
				display:block;
				padding-top:3px;
				font-size:14px;
				font-weight:bold;
				color:#ed3a03;
				padding-left:15px;
				background:url(../images/arrow.gif) 0px 7px no-repeat;
			}
			div.main-pro .right02 .description h1 a{				
				font-size:14px;
				font-weight:bold;
				color:#ed3a03;
			}
			div.main-pro .right02.description h1 a:hover{				
				font-size:14px;
				font-weight:bold;
				color:#ed3a03;
				text-decoration:underline;
			}


	div.des-company{
		float:left;
		width:700px;
		margin:10px;
		height:280px;
		background:url(../images/Samjoo-Electronics.gif) 5px 5px no-repeat;
		display:inline-block;
    }
		div.des-company p{
			padding:25px 10px 0px 10px;
		}
		div.des-company a{
			color:#000;
			text-decoration:underline;
		}
		div.des-company a:hover{
			color:#0b71d7;
			text-decoration:underline;
		}

		div.des-company .customer{
			margin-top:20px;
			width:700px;
			height:160px;
		}
		div.des-company .customer .custom{
			float:left;
			width:auto;
			height:152px;
			/**padding:128px 0px 0px 140px;**/
			background:url(../images/customer.jpg) no-repeat;
		}
		div.des-company .customer .quick{
			float:left;
			margin-top:10px;
			width:142px;
			margin-right:10px;
		}
		div.des-company .customer .quick li{
			height:23px;
			padding:5px 0px 0px 30px;
			background:url(../images/bg_quick.jpg)  no-repeat;
		}
		div.des-company .customer .notice{
			float:left;
			width:300px;
			padding:25px 0 0 7px;
			background:url(../images/ti_notice.gif) 0px 5px no-repeat;
		}



	div.note-products{
		width:260px;	
		margin-top:10px;
		display:inline-block;
    }
		div.note-products .list{
			width:250px;
			height:85px;
			background:url(../images/dot.gif) 5px 84px repeat-x;
			display:inline-block;
		}
		div.note-products .list a{
			color:#555;
		}
		div.note-products .list a:hover{
			color:#555;
			text-decoration:underline
		}
		div.note-products h2{
			color:#d92e00;
			font-size:12px;
			font-weight:bold;
			padding-left:13px;
			padding-top:6px;
			height:24px;
			background:url(../images/arrow02.gif) 5px 13px no-repeat;
		}
		div.note-products img{
			float:left;
			padding-left:5px;
		}

		div.note-products .list02{
			background:url(../images/dot.gif) 5px 89px repeat-x;
			float:left;
			width:250px;
			height:90px;
		}
		div.note-products .list02 a{
			color:#555;
		}
		div.note-products .list02 a:hover{
			color:#555;
			text-decoration:underline
		}
		div.note-products .list02 .item{
			width:70px;
			float:left;
		}
		div.note-products .list02 .item .image{
			width:70px;
			height:55px;
			padding-left:10px;
		}
		div.note-products .list02 .item .content{
			text-align:center;
			width:70px;
		}


	div.sitemap{
		margin-top:20px;
		width:970px;	
		border:1px solid #a6b7c9;
		background:#e2e9f0;
		padding:5px;
		margin-left:10px;
		display:inline-block;
    }
		div.sitemap .sitemap01{
			width:100%;		
			background:#fff;
		}
		div.sitemap .sitemap01 h2{
			width:960px;
			padding-left:10px;
			padding-top:10px;
			height:35px;
			color:#3e7bb5;
			font-size:14px;
			font-weight:bold;
			background:url(../images/dot.gif) 0px 34px repeat-x;
		}
		div.sitemap .sitemap01 .list{
			width:960px;
			padding-left:10px;
			padding-top:10px;
			font-size:12px;
			color:#555;
		}
			div.sitemap .sitemap01 .list a{
				color:#555;
				font-size:12px;
			}
			div.sitemap .sitemap01 .list a:hover{
				text-decoration:underline;
			}
		div.sitemap .sitemap01 .list02{
			width:960px;
			padding-left:10px;
			padding-top:10px;
			padding-bottom:10px;
			font-size:12px;
			color:#b05032;
		}
			div.sitemap .sitemap01 .list02 a{
				font-size:12px;
				color:#b05032;
			}
			div.sitemap .sitemap01 .list02 a:hover{
				color:#b05032;
				text-decoration:underline;
			}
		

		


#footer {
	margin-top:20px;
	color:#555555;
	width:100%;
	line-height:20px;
	background:url(../img/footer_bg.gif) repeat-x;
}