body {padding:25px 0; background:url("../images/bg_repeat.jpg") 0 0 repeat-x; font:12px/1.4 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, table, ul {margin:5px 0;}
p{margin:9px 0;}

h1 {color:#009ea1; font-size:30px;}
h2 {color:#009ea1; font-size:22px;}
h3 {color:#009ea1; font-weight:bold;}
h4 {color:#009ea1;}
h5 {color:#000; font-size:20px;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#premain{width:902px; margin:0 auto; padding:0;}
#mainleft{width:14px; padding:370px 0 0 0;float:left;}
#main {width:902px; margin:0 auto; padding:0;}
#headertopcurve{width:902px; height:11px; padding:0px; margin:0 auto; background:transparent url("../images/top_curve.png") left top no-repeat;}
#header {position:relative; height:84px; padding:0 20px;}
#header #logo {margin:0;}
#header #logo img {display:block;}
#header #nav {position:absolute; top:30px; right:20px; margin:0;}
#header #nav span {margin:0 10px;}
#flashintro {width:902px; margin:0 auto; padding:0; height:280px;}
#footer {padding: 0 20px 20px 20px; font-size:95%;background-color:#131314;}
#footer p {margin:0;}
#footerbottomcurve {width:902px; height:16px; padding:0px; margin:0 auto; background:transparent url("../images/bottom_curve.png") left top no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */
#maincol{width:902px; margin:0 auto; padding:0;background-color:#131314;}
.cols{width:902px; margin:0 0 20px 0; padding:20px 0;}
.coll{
	width:420px;
	margin:0px;
	padding:0 0 0 20px;
	float:left;
	text-align:justify;
}
.more a {
	width:29px;
	float:right;
	padding:0;
	height: 25px;
	color: #009EA1;
	text-decoration: underline;
}
.colr{width:420px; margin:0px; padding:0; float:right;}

/* ----------------------------------------------------------------------------------------------------------
Homepage Menu
---------------------------------------------------------------------------------------------------------- */
a#menuaboutus{display:block; width:410px; height:34px;  background:url("../images/menu_about_us.jpg") left top no-repeat;}
a#menuaboutus:hover{display:block; width:410px; height:34px;  background:url("../images/menu_about_us_r.jpg") left top no-repeat;}
a#menucareer{display:block; width:410px; height:34px;  background:url("../images/menu_career.jpg") left top no-repeat;}
a#menucareer:hover{display:block; width:410px; height:34px;  background:url("../images/menu_career_r.jpg") left top no-repeat;}
a#menucorporate{display:block; width:410px; height:34px;  background:url("../images/menu_corporate.jpg") left top no-repeat;}
a#menucorporate:hover{display:block; width:410px; height:34px;  background:url("../images/menu_corporate_r.jpg") left top no-repeat;}
a#menuproduct{display:block; width:410px; height:34px;  background:url("../images/menu_product.jpg") left top no-repeat;}
a#menuproduct:hover{display:block; width:410px; height:34px;  background:url("../images/menu_product_r.jpg") left top no-repeat;}


/* ----------------------------------------------------------------------------------------------------------
Content
---------------------------------------------------------------------------------------------------------- */
.content{width:902px; margin:0 0 20px 0; padding:12px 0 0 0;background:#fff url("../images/divider.png") left top repeat-x;}
.content ul {margin:15px 25px;}
.content ul li {padding-left:15px; background:url("../images/ul.gif") 0 7px no-repeat;}
.cleft{width:310px; margin:0px; padding:0; float:left;}
.cright{width:560px; margin:0px; padding:0; float:right;}

.cleft_about{width:310px; margin:0px; padding:0; float:left;height:534px;}
.cleft_career{width:310px; margin:0px; padding:0; float:left;height:802px;}
.cleft_product{width:310px; margin:0px; padding:0; float:left; height:1280px;}
.cleft_corporate{width:310px; margin:0px; padding:0; float:left; height:635px;}


/* ----------------------------------------------------------------------------------------------------------
Page: ABOUT US
---------------------------------------------------------------------------------------------------------- */
#aboutus_content{margin:0px; padding:0 20px 0 0;text-align:justify;}

/* ----------------------------------------------------------------------------------------------------------
Page: PRODUCTS
---------------------------------------------------------------------------------------------------------- */
.productitems{margin:0px; padding:0 5px 5px 5px;}
.item{padding:10px 5px 0 5px;}
.itemlink{padding:0px;margin:0px;font:11px/1 "arial", sans-serif;}


/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

img.f-right {margin-left:20px;}
img.f-left {margin-right:20px;}
.input {padding:5px; background:url("../images/input.gif") 0 0 no-repeat; font:100%/1 "arial",sans-serif;}
.input-submit {padding:5px; font:bold 100%/1 "arial",sans-serif;}
.smaller {font-size:85%;}
.block {display:block;}


/* ----------------------------------------------------------------------------------------------------------
FORM
---------------------------------------------------------------------------------------------------------- */
#form-innner-wrap-login{
	width: 540px;
	background: #d9d9d9;
	padding:30px 0 40px 0;
	margin: 30px auto;	
	height: auto !important;	
	color:#535353;
	font-weight:bold;			
}



#form-page-wrap-login{
	width: 840px;
	background: white;
	padding: 0 0 20px 0;
	margin: 0 auto;	
	height: auto !important;
	height: 300px;	
		
}

#form-page-wrap {
	width: 560px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 0 auto;	
	height: auto !important;
	min-height:400px;
	border-right: solid 1px #c6c6c6;
}

#form-login {
	width: 600px;
	margin: 25px auto 0 auto;
	padding: 0 0 0 100px;
}

#form-login input, #form-login textarea {
	padding: 5px;
	width: 271px;
	font-family: Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #535353;
	background-color:#fff;
}

#form-login input.submit-button {
	width: 100px;
	float: right;
	margin: 10px 317px 0 0;
	background-color:#535353;
	color:#fff
}

label#login {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.0em;
}