/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; outline:none;}
li, ol,ul {list-style:none;}
.cls{clear:both;}
.fl{float:left;}
.fr{float:right;}
.tr{text-align:right;}
.tj{text-align:justify;}
.tc{text-align:center;}
.tl{text-align:left;}
img,table{border:none;}
a{outline:none;}
body {
	background-color:#1098D4;
	margin: 0px;
	color:#6A6A6A;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
}
a{text-decoration:underline; color:#0F335E;}
a:hover{text-decoration:none; color:#0F335E;}
/*---------------------------------MAIN CONTAINERS--------------------------------------------*/
#container{text-align:center; width:100%;}
#TopWrapper{background:url(../images/topwrapper.jpg) repeat-x top left #FFFFFF;}
#Content{width:997px; margin:auto; text-align:justify;}
#Main{width:982px; margin:auto;}
#logo{padding:11px 0px 0px 0px;}
#Header{width:983px; height:347px;}
#ProductDetail{padding:15px 20px; background:#F7F7F7; border:1px solid #D2D2D2;}
#Navi{width:840px; float:left;}
.MailTo{width:145px; font-size:11px; font-weight:bold; float:right; text-align:right; padding-top:15px;}
.MailTo a{text-decoration:none; color:#000000;}
.MailTo a:hover{text-decoration:underline; color:#000000;}
h1{font:normal 24px Verdana, Arial, Helvetica, sans-serif; color:#0F335E;}
h2{font:bold 14px Verdana, Arial, Helvetica, sans-serif;}
h6{font:normal 14px Verdana, Arial, Helvetica, sans-serif;}
p{padding-top:20px;}
/*---------------------------------pad--------------------------------------------*/
.PDLeft{float:left; color:#555555; width:77%; font:normal 14px Arial, Helvetica, sans-serif; line-height:21px;}
.PDRight{float:right; width:20%;}
.BoxTop{background:url(../images/box-top.jpg) no-repeat top left; width:240px; height:50px;}
.BoxMid{background:url(../images/box-mid.jpg) repeat-y top left; min-height:255px; padding:7px 8px 0px 9px;}
.Box{float:left; width:240px; font:normal 12px Arial, Helvetica, sans-serif; color:#555252; margin-left:7px;}
.FontHadBox{font:bold 15px Arial, Helvetica, sans-serif; color:#0F335E; padding:13px 0px 0px 9px;}
.BoxPad{padding:7px 8px 0px 8px;}

/*---------------------------------pad--------------------------------------------*/
.PadTop5{padding-top:5px;}
.PadTop10{padding-top:10px;}
.PadTop15{padding-top:15px;}
.PadTop20{padding-top:20px;}
.PadTop25{padding-top:25px;}
.PadTop30{padding-top:30px;}
/*---------------------------------content--------------------------------------------*/
#Footer{width:982px; margin:auto; padding:30px 0px 20px 0px; color:#FFFFFF; font:normal 12px Arial, Helvetica, sans-serif;}
.FootUl ul{padding-left:320px;}
.FootUl ul li{padding-left:5px; float:left;}
.FootUl ul li a{text-decoration:none; color:#FFFFFF;}
.FootUl ul li a:hover{text-decoration:underline; color:#FFFFFF;}
/*---------------------------------Inner-------------------------------------------*/
#TopWrapperIn{background:url(../images/topwinner.jpg) repeat-x top left #FFFFFF;}
#HeaderIn{width:982px;}
#HeadAbout{background:url(../images/about-had.jpg) no-repeat top left; width:982px;}
#HeadMission{background:url(../images/mission-had.jpg) no-repeat top left; width:982px;}
#HeadTraining{background:url(../images/training-had.jpg) no-repeat top left; width:982px;}
#HeadCareers{background:url(../images/careers-had.jpg) no-repeat top left; width:982px;}
#HeadContact{background:url(../images/contact-had.jpg) no-repeat top left; width:982px;}
#HeadOverview{background:url(../images/overview-had.jpg) no-repeat top left; width:982px;}
#SearchBack{background:url(../images/search.png) no-repeat top left; width:228px; float:left;}
#ServText{width:718px; padding:0px 0px 0px 30px; float:left;}
.TextBox{background:url(../images/textbox.png) top left; width:147px; height:26px; border:none; padding:5px 5px 0px 5px;}
#LeftLink ul.lake{margin:5px 0px 0px 5px; padding:0px;}
.lake li{background:url(../images/point.png) no-repeat center left; font:normal 14px Verdana, Arial, Helvetica, sans-serif; padding:7px 10px 6px 25px; border-top:1px solid #fff;}
.lake li a{color:#496A91; text-decoration:none; font-weight:bold;}
.lake li a:hover{color:#496A91; text-decoration:underline; font-weight:bold;}

#Con ul.Tact{margin:5px 0px 0px 5px; padding:0px 0px 0px 15px;}
.Tact li{background:url(../images/point2.png) no-repeat center left; padding:3px 10px 3px 25px;}

#ContactBox{padding:0px 0px 0px 10px; font-size:14px;}
#ContactBox span{color:#FB7D0E;}
.ConTextB{border:1px solid #BEBEBE; width:300px; height:25px; color:#6A6A6A; font:normal 12px Verdana, Arial, Helvetica, sans-serif;}
.Gray{background:#F0F0F0;}
.TabPad{padding:5px 7px;}
.JobDL{float:left; width:500px; border:1px solid #F0F0F0;}
.JobDR{padding:0px 0px 0px 20px; width:196px; float:left;}
.JBlog{border:1px solid #F0F0F0; margin-top:15px; padding-bottom:10px; text-align:center;}