/***************************************\
|		BIO~TECH OFFICIAL WEBSITE		|
\***************************************/

/* CSS Documents */

/*-----------------------------------------------------------------
	GENERAL
-----------------------------------------------------------------*/

body
{
	padding		: 0px;
	margin		: 0px;
	background	: url('../../images/bg.jpg') repeat-x;
	height		: 100%;
	width		: 100%;
	text-align	: center;
}

span.justify{
	display		: block;
	text-align	: justify;
}

span.center{
	display		: block;
	text-align	: center;
}

h1{
	background	: url('../../images/bgContentTitle.jpg');
	font-weight : bold;
	font-size	: 11px;
	height		: 20px;
	color		: #276da5;
	margin-bottom:10px;
}

h2{
	font-weight : bold;
	font-size	: 15px;
	height		: 20px;
	color		: #276da5;
	margin-bottom:0px;
}

h3{
	margin-top	: 0px;
	font-weight	: normal;
	font-size	: 11px;
	color		: #28b601;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom: 1px dashed #ceced0;
}

h4{
	font-weight : bold;
	font-size	: 14px;
	height		: 20px;
	color		: #276da5;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom: 1px dashed #ceced0;
}

.contactTitle{
	color: #002485;
	font-weight: bold;
	font-size: 13px;
}

body, tr, td, p, form, li, input, textarea, select
{
	font		: 12px/16px "Arial";
	color		: #464646;
}



/*-----------------------------------------------------------------
	TOP MENU
-----------------------------------------------------------------*/

#topMenuCage{
	background	: url('../../images/bgTopMenu.jpg') repeat-x;
	width		: 100%;
	height		: 32px;
}

#topMenu{
	text-align	: left;
	margin		: 0 auto;
	width		: 770px;
	height		: 25px;
	padding-top	: 7px;
}

a, a:visited{
	text-decoration:none;
	color		: #2a2a2a;
}

a:hover, a:active{
	color		: #007cf0;
	
}

a.menu, a.menu:visited{
	text-decoration:none;
	color		: #2a2a2a;
	font-size	: 11px;
}

a.menu:hover, a.menu:active{
	color		: #007cf0;
	font-size	: 11px;
	
}

a.product, a.product:visited{
	text-decoration:none;
	color		: #479600;
}

a.product:hover, a.product:active{
	color		: #02ce06;
	
}


/*-----------------------------------------------------------------
	FOOTER
-----------------------------------------------------------------*/

#footerCage{
	clear		: both;
	background	: url('../../images/bgFooter.jpg') repeat-x;
	background-position:bottom;
	width		: 100%;
	height		: 62px;
}

#footer2{
	width		: 770px;
	margin		: 0 auto;
	border-left	: 2px solid #c4cacc;
	border-right: 2px solid #c4cacc;
}

#footer{
	text-align	: left;	
	background	: url('../../images/bgFooterBlue.jpg') no-repeat;	
	width		: 770px;
	height		: 28px;
}

#copyright{
	position	: absolute;
	height		: 10px;
	margin		: 37px 0px 0px 365px;
	font-size	: 11px;
}

#hyosungLogo{
	position	: absolute;
	height		: 10px;
	margin		: 34px 0px 0px 0px;
}

/*-----------------------------------------------------------------
	CONTENT
-----------------------------------------------------------------*/

#contentCage{
	margin		: 0 auto;
	width		: 770px;
	background	: #FFFFFF;
	border-left	: 2px solid #c4cacc;
	border-right: 2px solid #c4cacc;
	padding-top	: 5px;
	text-align	: left;
	
}

#banner{
	height		: 163px;
	width		: 770px;
	background	: url('../../images/banner2.jpg') no-repeat;	
}

/*-----------------------------------------------------------------
	CONTENT - LEFT
-----------------------------------------------------------------*/

#left{
	width		: 191px;
	background	: url('../../images/menuTitle.jpg') no-repeat;
	float:left;
}

#leftContent{
	margin-top	: 41px;
	padding		: 0px 0px 0px 0px;
	background	: url('../../images/bgMenu.jpg');
	width		: 181px;
}

.newsTitle{
	color		: #0170aa;
}

.dateTitle{
	color		: #9b9b9b;
}

li.home{
	list-style-image:url(../../images/listStyle.gif);
	margin		: 0px;
}

ul.home{
	margin: 0px 0px 0px 10px;
	padding: 0 10px 0 30px;
}

a.news, a.news:visited{
	text-decoration:none;
	color		: #209600;
}

a.news:hover, a.news:active{
	text-decoration:underline;
	color		: #209600;
}

#leftFooter{
	clear		: both;
	padding		: 15px 10px 0 0px;
	text-align	: right;
	background	: url('../../images/menuFooter.jpg') no-repeat;
	width		: 181px;
}

/*-----------------------------------------------------------------
	CONTENT - CENTER
-----------------------------------------------------------------*/

#center{
	margin	: 10px 7px 10px 7px;
	float:left;
	width		: 357px;
	text-align	: justify;
}

.detail{
text-align: center;
}

.address{
	color		: #276da5;
	font-size	: 10px;
	
}

.content{
	margin		: 20px 0 25px 0;
	text-align	: justify;
}

img.imgContent{
	margin		: 0px 10px 0px 0px;
	float		: left;
}

img.imgContent2{
	clear		: both;
	margin		: 0px 10px 0px 0px;
	float		: left;
}

img.imgContent3{
	clear		: both;
	margin		: 0px 10px 0px 0px;
}

img.imgContent4{
	float		: left;
	display		: inline;
	margin		: 0px 10px 620px 0px;
}

.contact{
	width		: 300px;
}

input.submit{
	border		: 1px solid black;
	padding		: 3px 10px 3px 10px;
}

/*-----------------------------------------------------------------
	CONTENT - CENTER2
-----------------------------------------------------------------*/

#center2{
	margin		: 10px 0 0 10px;
	width		: 745px;
}

.address{
	color		: #276da5;
	font-size	: 10px;
}

.content{
	text-align	: justify;
	margin		: 20px 0 25px 0;
	display		: inline;
}

.client{
	text-decoration:none;
	color		: #9b9b9b;
}

.servicesTitle{
	color		: #0170be;
	font-weight	: bold;
	font-size	: 12px;
}

.productTitle{
	color		: #0170be;
	font-weight	: bold;
	font-size	: 13px;
}

.projectTitle{
	color		: #016fbc;
	font-weight	: bold;
	font-size	: 14px;
}

.projectTitleTable{
	background	: #e7e8e9;
}

.cellBlue{
	background	: #eaf6fe;
}

.cellBlue2{
	background	: #84cfff;
}

/*-----------------------------------------------------------------
	CONTENT - RIGHT
-----------------------------------------------------------------*/

#right{
	float:left;
	background	: url('../../images/bgSearch.jpg') no-repeat;
	width		: 190px;
	margin-left	: 10px;
}

#search{
	margin		: 3px 0 0 8px;
}

input.search{
	width		: 100px;
}

select.select{
	width		: 300px;
	border		: 1px solid black;
}

.ourService{
	width		: 180px;
	text-align	: right;
	margin-top	: 20px;
}

.detailService{
	margin-bottom: 8px;
	display		: block;
}

.red{
	color		: red;
}

.tambahan{
	height: 60%;
}