@charset "utf-8";
/*------------------------------ BASIC DEFINATIONS -------------------------------*/
*{margin:0;padding:0;}
body{font:12px Tahoma;color:#333333;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
h1{ font:24px Tahoma; color:#2E3092; padding:20px 0 5px 20px;}
h1 span{ color:#333333;}
h2{ font:bold 13px Tahoma; color:#2E3092; padding:20px 0 5px 20px;}
h2 a{color:#2E3092;}
h2 span{ display:block; color:#CC3333; font-size:13px;}
h3{ font:18px Tahoma; color:#2E3092; padding:20px 0 5px 20px;}
h4{font:bold 14px Tahoma; color:#2E3092; padding:8px 0 5px 20px; }
h5{font:bold 12px Tahoma; color:#CC3333; padding:4px 0 5px 20px;}
h6{}
.fl{float:left}
.fr{float:right}
ul{list-style:none; }
ul li{}
ol{}
p{padding:5px 15px 10px 20px;text-align:justify;}
img{ border:0;}
	
/*------------------------------ PAGE DEFINATIONS -------------------------------*/
.center1{ width:100%; background:#EAEBF5 url(../images/bg_top.jpg) no-repeat top center; float:left;  }
.center2{ width:100%; background:#D1D2EA url(../images/bg_down.jpg) no-repeat top center; float:left; }
.wrapper{width:956px; margin:0 auto;}

.wrapper .header{height:109px; background: url(../images/header.jpg) no-repeat left bottom;}
.wrapper .header .logo{ float:left; width:600px; height:100px;}
.wrapper .header .logo img{ padding:30px 0 0 20px;}
.wrapper .header .topNav{ float:left; width:300px; height:50px; text-transform:uppercase;}
.wrapper .header .topNav ul{ padding:10px 0 0 0px; float:right;}
.wrapper .header .topNav ul li{ padding:0 8px; border-right:1px solid #333; float:left;}
.wrapper .header .tagline{ float:left; width:300px; height:40px; padding:10px 20px 0 20px;}

.wrapper .header .topNav ul li a{color:#333333;}
.wrapper .header .topNav ul li a:hover{ color:#2E3092;}

.wrapper .container{float:left;width:100%;margin:0px 0 6px 0;}
.wrapper .container .leftSec{ float:left; width:266px;}
.wrapper .container .leftSec ul{}
.wrapper .container .leftSec ul li,.wrapper .container .leftNav ul li a{ float:left;}

.wrapper .container .rightSec{ float:right; width:685px;}
.wrapper .container .rightSec .banner{ float:right; width:685px; height:244px;}
.wrapper .container .rightSec .welcomeSec{ float:left; width:415px;}
.wrapper .container .rightSec .welcomeSec p a.more1{ float:right; color:#CC3333; font-weight:bold;}
.wrapper .container .rightSec .hrsummit{ float:left; width:270px; padding:20px 0 0 0;}

.wrapper .container .rightSec .contents{ float:left; width:677px;}
.wrapper .container .rightSec .contents p img{ float:left; padding:0 10px 10px 0;}

.wrapper .container .rightSec .contents .PESsec{float:right;width:677px;height:38px;  padding:5px 0;}
.wrapper .container .rightSec .contents .PESsec p{ float:left; padding-top:12px;}
.wrapper .container .rightSec .contents .PESsec .ul2{ float:right; padding:0px 0 0 50px;}
.wrapper .container .rightSec .contents .PESsec .ul2 li{ float:left; padding:0 12px;}
.wrapper .container .rightSec .contents .ul1{padding:5px 0 10px 30px;}
.wrapper .container .rightSec .contents .ul1 li{ background:url(../images/arrow1.jpg) no-repeat left 4px;padding:0 0 6px 15px; }
.wrapper .container .rightSec .contents .ul1 li a,.wrapper .container .rightSec .contents a.mail{ color:#333333; text-decoration:underline;}
.wrapper .container .rightSec .contents .ul1 li a:hover,.wrapper .container .rightSec .contents a.mail:hover{ text-decoration:none;}
.wrapper .container .rightSec .contents p.imgHolder img{ float:right; padding:0 0 10px 10px;}

.wrapper .workshopSec{ float:left; width:100%;font:11px Tahoma;}
.wrapper .workshopSec p{padding:5px 5px 3px 20px;}
.wrapper .workshopSec .workRows{ float:left; width:100%;}
.wrapper .workshopSec .workRows .workCols{ float:left; width:239px;}
.wrapper .workshopSec .workRows .workCols p a img.marTw{ margin-top:16px;}
.wrapper .workshopSec .workRows .workCols form.newsletter{ float:left; width:235px}
.wrapper .workshopSec .workRows .workCols form.newsletter p.div_err{ color:#FF0000;padding:0 15px 0 20px;}
.wrapper .workshopSec .workRows .workCols form.newsletter label{ float:left; width:70px;}
.wrapper .workshopSec .workRows .workCols form.newsletter input.txt{ padding:0 5px 0 0;}

.wrapper .clientsSec{ float:left; width:100%; height:74px; background:#FFF; padding:16px 0 0 0;}
.wrapper .clientsSec img{padding:0px 40px 0 0;}

.wrapper .footer{ float:left; width:100%; height:55px;text-transform:uppercase;}
.wrapper .footer ul{ float:left; width:650px;padding:20px 0 0 20px; color:#333333; }
.wrapper .footer ul li{ float:left;padding:0 8px; border-right:1px solid #333333;}

.wrapper .footer a{color:#333333; text-decoration:underline}
.wrapper .footer a:hover{ text-decoration:none;}
.wrapper .footer span{ float:right;padding:20px 0 0 18px; width:120px;}


/*------------------------------ SITEMAP DEFINATIONS -------------------------------*/

.sitemap{ float:left; width:300px; padding:0 0 10px 20px; }
.sitemap ul li{	background: #184B4F; border-bottom:1px solid #22696F; line-height:20px; float:left; width:280px;padding:0 0 0 10px;}
.sitemap ul li a{ text-decoration:none; color:#FFF;}
.sitemap ul li a:hover{ text-decoration:underline;}

/*------------------------------ EXTRA DEFINATIONS -------------------------------*/
.wrapper .header .topNav ul li.last,.wrapper .footer ul li.last{ border:0;}
.blue1{color:#2E3093; font-weight:bold;}
.blue1 a{color:#2E3093;}
.blue1 a:hover{ }
.red1{ color:#CC3333; font-weight:bold;}