/* CSS Document */ body {margin: 0px; padding: 0px; background: #fff url(../images/page-bg.jpg) repeat-x left top; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 12px; color: #333; text-decoration: none; font-weight: normal; text-align: center;} #wrapper{ width: 960px;} #wrapper .container{ width: 940px; background: url(../images/header-bg.jpg) no-repeat left top; padding: 0px 0px 0px 20px; float: left;} #wrapper .container .containerInner{ width: 920px; float: left; margin: 30px 0px 0px 0px; padding: 0px;} #wrapper .container .containerInner .leftColumn{ width: 248px; float: left; padding: 0px; margin: 0px;} #wrapper .container .containerInner .leftColumn .logo{width: 248px; float: left; height: 199px; padding: 0px; margin: 0px;} #wrapper .container .containerInner .leftColumn .leftNav{width: 248px; float: right; padding: 0px; margin: 15px 0px 0px 0px;} #wrapper .container .containerInner .leftColumn .leftNav ul{ list-style: none; display: block; margin: 3px 0px 0px 0px; padding: 0px 0px 0px 2px; color: #ccc; float: left; text-align: left;} #wrapper .container .containerInner .leftColumn .leftNav li{ list-style: none; display: block; margin: 0px 0px 0px 0px; padding: 0px; border-bottom: 2px solid #fff; float: left; } #wrapper .container .containerInner .leftColumn .leftNav a{color: #3f5e83; text-decoration: none; background: #eaeaea url(../images/leftNav-arrow.jpg) no-repeat 15px 8px; padding: 0px 0px 0px 30px; line-height: 22px; float: left; width: 216px;} #wrapper .container .containerInner .leftColumn .leftNav a:hover{color: #fff; text-decoration: none; background: #6387b4 url(../images/leftNav-arrow1.jpg) no-repeat 15px 8px; line-height: 22px; float: left; width: 216px;} #wrapper .container .containerInner .leftColumn .leftForm{width: 248px; float: left; padding: 0px; margin: 90px 0px 0px 0px; background: #f4f4f4;} #wrapper .container .containerInner .leftColumn .leftForm h1{float: left; padding: 0px; margin: 0px 0px 0px 5px; color: #000; font-size: 14px; font-weight: bold; text-align: left;} #wrapper .container .containerInner .leftColumn .leftForm p{color: #3f5e83; margin: 10px 0px 0px 5px; padding:0px; float: left; text-align: left;} #wrapper .container .containerInner .leftColumn .leftForm span{width: 238px; float: left; padding: 0px; margin: 10px 10px 20px 0px; text-align: right;} #wrapper .container .containerInner .leftColumn .leftForm input{width: 220px; border: 1px solid #3f5e83; margin: 0px; padding: 0px;} #wrapper .container .containerInner .rightColumn{ width: 672px; float: right; padding: 0px; margin: 0px;} #wrapper .container .containerInner .rightColumn .minorNav{ width: 672px; float: right; height: 24px; padding: 0px; margin: 0px;} #wrapper .container .containerInner .rightColumn .minorNav ul{ list-style: none; display: inline; float: left; height: 24px; padding: 0px; margin: 0px; text-align: right;} #wrapper .container .containerInner .rightColumn .minorNav li{ list-style: none; display: inline; float: right; height: 24px; padding: 0px; margin: 0px;} #wrapper .container .containerInner .rightColumn .minorNav a.home{width: 94px; height: 24px; float: left; background: url(../images/home-off.jpg) no-repeat left top;} #wrapper .container .containerInner .rightColumn .minorNav a.home:hover{width: 94px; height: 24px; float: left; background: url(../images/home-on.jpg) no-repeat left top;} #wrapper .container .containerInner .rightColumn .minorNav a.cont{width: 94px; height: 24px; float: left; background: url(../images/contact-off.jpg) no-repeat left top;} #wrapper .container .containerInner .rightColumn .minorNav a.cont:hover{width: 94px; height: 24px; float: left; background: url(../images/contact-on.jpg) no-repeat left top;} #wrapper .container .containerInner .rightColumn .minorNav a.eng{width: 94px; height: 24px; float: left; background: url(../images/eng-off.jpg) no-repeat left top;} #wrapper .container .containerInner .rightColumn .minorNav a.contSp{width: 94px; height: 24px; float: left; background: url(../images/contact-off-sp.jpg) no-repeat left top;} #wrapper .container .containerInner .rightColumn .minorNav a.contSp:hover{width: 94px; height: 24px; float: left; background: url(../images/contact-on-sp.jpg) no-repeat left top;} #wrapper .container .containerInner .rightColumn .minorNav a.eng:hover{width: 94px; height: 24px; float: left; background: url(../images/eng-on.jpg) no-repeat left top;} #wrapper .container .containerInner .rightColumn .mainImgHome{ width: 672px; height: 234px; background:url(../images/home-main-img.jpg) no-repeat left top; float: right; padding: 0px; margin: 0px;} #wrapper .container .containerInner .rightColumn .mainImgHome h1{font-size: 18px; font-weight: bold; text-align: left; line-height: 25px; margin: 195px 20px 0px 0px; float: right; padding: 0px;} #wrapper .container .containerInner .rightColumn .contentArea{ width: 647px; background:url(../images/content-area-bg.jpg) repeat-x left top; float: left; padding: 30px 0px 0px 25px; margin: 0px;} #wrapper .container .containerInner .rightColumn .mainImgHomeSP{ width: 672px; height: 234px; background:url(../images/home-main-img-sp.jpg) no-repeat left top; float: right; padding: 0px; margin: 0px;} #wrapper .container .containerInner .rightColumn .mainImgHomeSP h1{font-size: 18px; font-weight: bold; text-align: left; line-height: 25px; margin: 195px 20px 0px 0px; float: right; padding: 0px;} #wrapper .container .containerInner .rightColumn .contentArea h1{ width: 600px; float: left; padding: 0px; margin: 0px; font-size: 18px; font-weight: bold; text-align: left; line-height: 25px;} #wrapper .container .containerInner .rightColumn .contentArea h2{ width: 600px; float: left; padding: 0px; margin: 0px; font-size: 16px; font-weight: bold; text-align: left; line-height: 25px;} #wrapper .container .containerInner .rightColumn .contentArea p{ width: 620px; float: left; padding: 0px 0px 10px 0px; margin: 0px; font-size: 11px; font-weight: normal; line-height: 16px; text-align: left;} #wrapper .container .containerInner .rightColumn .contentArea p img{ text-align: left; border: none; margin: 0px 10px 0px 0px} #wrapper .container .containerInner .rightColumn .contentArea p a{color: #3f5e83; text-decoration: none; padding: 0px 0px 0px 0px; float: right;} #wrapper .container .containerInner .rightColumn .contentArea p a:hover{color: #666; text-decoration: none;float: right;} #wrapper .container .containerInner .rightColumn .contentArea span{ float: left; width: 220px;} #wrapper .container .containerInner .rightColumn .contentArea span .wdth{width: 350px; float: right;} #wrapper .container .containerInner .rightColumn .contentArea span ul{ list-style: none; display: block; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 10px; color: #333; float: left; text-align: left;} #wrapper .container .containerInner .rightColumn .contentArea span li{ list-style: none; background:url(../images/arrow2.jpg) no-repeat 0px 8px; line-height: 20px; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; float: left; width: 250px; } #wrapper .container .containerInner .rightColumn .contentArea span .wdthli{ list-style: none; background:url(../images/arrow2.jpg) no-repeat 0px 8px; line-height: 20px; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; float: left; width:350px; } #wrapper .container .containerInner .rightColumn .mainImgCertify {width: 672px; height: 169px; background:url(../images/main-img-certification.jpg) no-repeat left top; float: right; padding: 0px; margin: 0px;} #wrapper .container .containerInner .rightColumn .mainImgCertify h1{font-size: 18px; font-weight: bold; text-align: left; line-height: 25px; margin: 125px 20px 0px 0px; float: right; padding: 0px;} #wrapper .container .containerInner .rightColumn .mainImgServices {width: 672px; height: 169px; background:url(../images/main-img-service.jpg) no-repeat left top; float: right; padding: 0px; margin: 0px;} #wrapper .container .containerInner .rightColumn .mainImgServices h1{font-size: 18px; font-weight: bold; text-align: left; line-height: 25px; margin: 125px 20px 0px 0px; float: right; padding: 0px;} #wrapper .container .containerInner .rightColumn .news {width: 672px; height: 169px; background:url(../images/main-img-news.jpg) no-repeat left top; float: right; padding: 0px; margin: 0px;} #wrapper .container .containerInner .rightColumn .news h1{font-size: 18px; font-weight: bold; text-align: left; line-height: 25px; margin: 125px 20px 0px 0px; float: right; padding: 0px;} #wrapper .container .containerInner .rightColumn .employment {width: 672px; height: 169px; background:url(../images/main-img-employment.jpg) no-repeat left top; float: right; padding: 0px; margin: 0px;} #wrapper .container .containerInner .rightColumn .employment h1{font-size: 18px; font-weight: bold; text-align: left; line-height: 25px; margin: 125px 20px 0px 0px; float: right; padding: 0px;} #wrapper .container .containerInner .rightColumn .clients {width: 672px; height: 169px; background:url(../images/main-img-clients.jpg) no-repeat left top; float: right; padding: 0px; margin: 0px;} #wrapper .container .containerInner .rightColumn .clients h1{font-size: 18px; font-weight: bold; text-align: left; line-height: 25px; margin: 125px 20px 0px 0px; float: right; padding: 0px;} #wrapper .container .containerInner .rightColumn .contact {width: 672px; height: 169px; background:url(../images/main-img-contact.jpg) no-repeat left top; float: right; padding: 0px; margin: 0px;} #wrapper .container .containerInner .rightColumn .contact h1{font-size: 18px; font-weight: bold; text-align: left; line-height: 25px; margin: 125px 20px 0px 0px; float: right; padding: 0px;} .footer {width: 100%; float: left; text-align: center; height: 140px; margin: 1px 0px 0px 0px; background: #fff url(../images/footer-bg-line.jpg) repeat-x left bottom;} .footer .footerIn {width: 940px; background: url(../images/footer-bg.jpg) no-repeat left bottom; height: 140px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px;} .footer .footerIn .footerContainer{ width: 920px; float: left; margin: 0px 0px 0px 0px; padding: 0px;} .footer .footerIn .footerContainer .leftColumn{width: 248px; height: 100px; margin: 0px 0px 0px 0px; float: left; color: #d2d2d2;} .footer .footerIn .footerContainer .leftColumn p{color: #aaa; margin: 100px 0px 0px 0px; padding:0px;} .footer .footerIn .footerContainer .rightColumn{width: 672px; height: 100px; margin: 0px 0px 0px 0px; float: right;} .footer .footerIn .footerContainer .rightColumn ul{ list-style: none; display: inline; margin: 90px 0px 0px 0px; color: #ccc; padding: 0px; float: left; width: 672px; text-align: center;} .footer .footerIn .footerContainer .rightColumn li{ list-style: none; display: inline; margin: 0px; padding: 0px; } .footer .footerIn .footerContainer .rightColumn a{ color: #3f5e83; text-decoration: none;} .footer .footerIn .footerContainer .rightColumn a:hover{ color: #fff; text-decoration: under-line;} .footer .footerIn .footerContainer .rightColumn p{color: #3f5e83; margin: 10px 0px 0px 0px; padding:0px; width: 672px; float: left; text-align: center;} .footer .footerIn span{color: #393;}