body {
 
  font-family:Verdana,Helvetica,Arial,sans-serif;
  color: #666666;
  padding-top:20px;
  margin:0px;
  text-align: center;
}

		

h1 {
font-size: 28px;
font-family: Verdana, Arial, Helvetica,Sans-Serif, SunSans-Regular;

text-align: center;
color: #666666;
}
h2.title{
-x-system-font:none;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;

padding-bottom:5px;
}
h2.PageTitle{
-x-system-font:none;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding-bottom:5px;
}
h3{
font-size:13px;
}
h1, h2, h3 {
	margin: 1em 0;
}
p{
font-size:0.8em;
}
a { 
color: #666666;
font-size: 11px;
background-color:transparent;
text-decoration: none; 
cursor:pointer;
}
 
pre { 
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}

.p5space{
padding-top:50px;
}


#wrapper { 
margin:0px auto 0px auto;
width:993px;
text-align: left;
vertical-align: middle;	
margin: 0px auto;
padding: 0px;
background-color: #FFFFFF;
}
#header{
padding-left:10px;
height:60px;
}
#header-logo{
background:url(../imgs/HRanexi_logo_header.png) no-repeat scroll 0 0px;
width: 135px;
height:55px;
float:left;
}
.logo-link{
width: 135px;
height:55px;
display:block;
}
.header-sep{
width:580px;
height:55px;
float:left;
}
#header-nav
{
float:left;
width:260px;
height:20px;
margin-top:0px;
}


#header-nav ul{
height:20px;
width:100%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding: 0px;
}

ul#header-global-nav li {
   cursor:pointer;
   float:left;
}

ul#header-global-nav li a:hover{
   color:#0088CC;
}
a#headerContact{
font-family:arial;
font-size:11px;
font-weight:bold;
}
a#headerjoinTeam{
font-family:arial;
font-size:11px;
font-weight:bold;
}
a#headerSitemap{
font-family:arial;
font-size:11px;
font-weight:bold;
}
.headersep{
width:11px;
font-family:arial;
font-size:10px;
font-weight:bold;
padding:4px;

}

#content-wrapper{
margin:0px auto 0px auto;
width:100%;
height:90%;
}

.content-row{
float:left;
width:70%;
height:100px;
}

#content{
height:910px;
margin:0px auto 0px auto;
padding:10px;
}
#para-cont{
padding-top:0px;
padding-left:25px;
padding-right:25px;
overflow-x:hidden;
overflow-y:auto;
height:95%;

}
#para-cont-contact{
padding-top:5px;
padding-left:25px;
padding-right:25px;
overflow-x:hidden;
overflow-y:auto;
height:300px;
}

#content-col1{
width:20%;
height:98%;
float:left;
position:relative;
}
#content-col2{
width:22%;
height:98%;
float:left;
position:relative;
}

#content-col1.home{
width:70%;
height:98%;
padding-left:20px;
}
#content-col2.home{
width:25%;
height:98%;
float:left;
}

#content-col-mid{
width:54%;
height:98%;
float:left;
position:relative;
}
/* for showcase and for showcase buttons on homepage
-------------------------------------------------------------- */

#content-row1{
height:380px;
width:98%;

}

#content-row2{
height:550px;
width:90%;

}
#content-showcase{
height:257px;
width:646px;

background:url(../imgs/why-should-anyone.png) repeat-x scroll 0 0px;  
}

#content-showcase-findDiv{
background-color:#ababab;
position:absolute;
margin-top:200px;
margin-left:500px;
width:102px;
height:23px; 
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
a#find{
width:102px;
height:23px;
padding-left:0.6em;
color:#FFFFFF;
font-family:arial;
font-size:11px;
font-weight:bold;
}
#content-showcase-nav{
padding-top: 20px;
width:646px;
height:88px;

}

#content-showcase-nav ul{
height:88px;
width:100%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding: 0px;
}

ul#content-showcase-globalNav li {
   cursor:pointer;
   float:left;
}

ul#content-showcase-globalNav li a span.title{
font-family:arial,verdana;
display:block;
padding-left:0.6em;
padding-top:0.5em;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
}
ul#content-showcase-globalNav li a span.msg
{
display:block;
padding-left:1em;
padding-top:0.2em;
text-indent:-1px;
font-size:10px;
font-weight:normal;
}
a#EL{
background:transparent url(../imgs/orange_rect_round.png) no-repeat scroll 0 0;
display:block;
float:left;
height:80px;
overflow:hidden;
padding-left:0px;
width:200px;
cursor:pointer;

}
a#PR{
background:transparent url(../imgs/blue_rect_round.png) no-repeat scroll 0 0;
display:block;
float:left;
height:80px;
overflow:hidden;
padding-left:0px;
width:200px;

cursor:pointer;
}
a#IN{
background:transparent url(../imgs/green_rect_round.png) no-repeat scroll 0 0;
display:block;
float:left;
height:80px;
overflow:hidden;
width:200px;
padding-left:0px;
cursor:pointer;
}

.sep{
width:22px;
display:block;
float:left;
height:80px;
cursor:default;
}

/* for teaser  
-------------------------------------------------------------- */
#tease-header{
padding-left:10px;
padding-top:2px;
height:20px;
width:70%;
background:#ec1c24;
}
#tease-header.title{
font-family:Arial,verdana;
font-size:14px;
font-weight:bold;
color:#ffffff;
}
#tease-content h2{
color:#0066cc;
}
#tease-content h3{
font-family:Arial,verdana;
font-size:13px;
}
#tease-content p{
font-family:Arial,verdana;
font-size:12px;
}


#testimonial-box ul{

width:100%;
list-style-image:none;
list-style-position:none;
list-style-type:none;
margin:0px;
padding:0px;
padding-left: 20px;
position:relative;
}

ul#testimonial-nav li {
	width:500px;
	height:120px;
   	cursor:pointer;
   float:left;
}
.testimonial-client{
color:#0099FF;
font-weight:bold;
font-size:11px;
}

/* for right col buttons 
-------------------------------------------------------------- */
#content-col2-top{
background:transparent url(../imgs/PerformanceFactors.png) no-repeat scroll 0 0;
width:266px;
height:257px;
display:block;
}
#content-col2-top-box {
padding-top:200px;
padding-left:2em;
color:#FFFFFF;
display:block;
font-family:arial,verdana;
font-size:16px;
font-weight:bold;
}
.white_big_link{
color:#FFFFFF;
font-family:arial,verdana;
font-size:14px;
font-weight:bold;
}
#content-col2-nav{
width:100%;
height:80%;
}

#content-col2-nav ul{
height:80px;
width:100%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px auto 0px auto;
padding: 0px;



}

a#CC{
background:transparent url(../imgs/right_col_survey_man.png) no-repeat scroll 0 0;
display:block;
float:left;
height:100px;
overflow:hidden;
width:248px;
cursor:pointer;
 
}
a#GE{
background:transparent url(../imgs/right_col_globe.png) no-repeat scroll 0 0;
display:block;
float:left;
height:100px;
overflow:hidden;
width:248px;
cursor:pointer;

}
a#PA{
background:transparent url(../imgs/right_col_pycho_asmnt.png) no-repeat scroll 0 0;
display:block;
float:left;
height:100px;
overflow:hidden;
width:248px;
cursor:pointer;

}
a#HRO{
background:transparent url(../imgs/right_col_hr_outsource.png) no-repeat scroll 0 0;
display:block;
float:left;
height:100px;
overflow:hidden;
width:248px;
cursor:pointer;

}

ul#content-col2-nav-globalNav li a span.title{
font-family:arial,verdana;
display:block;
padding-left:1.2em;
padding-top:1em;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}
ul#content-col2-nav-globalNav li a span.msg
{
display:block;
padding-left:1.6em;
padding-top:0.5em;
text-indent:-1px;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
}
ul#content-col2-nav-globalNav li a span.msglink
{
display:block;
padding-left:11em;
padding-top:2.5em;
text-indent:-1px;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
}
ul#content-col2-nav-globalNav li {
   cursor:pointer;

}

.content-col2-sep{
width:100%;
display:block;
float:left;
height:20px;

}

/* for testimonial  on homepage
-------------------------------------------------------------- */
#testimonial-box{
margin:0px auto 0px auto;
width:950px;
height:200px;
background-color:#e9e9e9;
padding:5px;
padding-left:15px;
overflow-x:hidden;
overflow-y:hidden;
display:block;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#testimonial-box h2{
color:#ababab;
font-size:24px;
font-family:arial;
font-weight:bold;
}

/* for footer  on homepage
-------------------------------------------------------------- */
#footer{
}
#footer-one-liner{
background:url(../imgs/footer_one_liner.png) no-repeat scroll 0 0px;
width: 465px;
height:21px;
margin: 0px auto 0px auto;
text-indent:-10000px;
}
#footer-divider{
background:url(../imgs/footer_divider.png) no-repeat scroll 0 0px;
width: 678px;
height:40px;
margin: 0px auto 0px auto;
}
#copyrights{
text-align:center;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
color:#000000; 
padding-top:20px;
height:40px; 
margin: 0px auto 0px auto;
}

#nav{
    width:100%;
    height:150px;
    margin:0px auto 0px auto;
}

#nav ul{
    width:780px;
    height: 150px;
    list-style: none;
margin:0px auto 0px auto;
background:url(../imgs/Home_Page_nav_ul_bg.png) no-repeat scroll 0 0px;
    padding: 0px;
padding-left:70px;

}

ul#globalNav li {
    float: left;
    margin: 0 1px 0 0;
   cursor:pointer;


}
a#Home{
background:url(../imgs/home.png) no-repeat scroll 0 0px;
display:block;
float:left;
height:112px;
overflow:hidden;
text-indent:-9999px;
width:60px;
margin-top:25px;
padding-left:35px;
cursor:pointer;
}
a#Profile{
background:url(../imgs/Profile.png) no-repeat scroll 0 0px;
display:block;
float:left;
height:114px;
margin-top:15px;
padding-left:35px;
overflow:hidden;
text-indent:-9999px;
width:64px;

}
a#WhyHRANEXI{
background:url(../imgs/WhyHRAnexi.png) no-repeat scroll 0 0px;
display:block;
float:left;
height:114px;
overflow:hidden;
text-indent:-9999px;
width:101px;
margin-top:5px;
padding-left:25px;
}
a#Practices{
background:url(../imgs/Practices.png) no-repeat scroll 0 0px;
display:block;
float:left;
height:113px;
overflow:hidden;
text-indent:-9999px;
width:84px;
margin-top:0px;
padding-left:15px;
}
a#Alliances{
background:url(../imgs/Alliances.png) no-repeat scroll 0 0px;
display:block;
float:left;
height:113px;
overflow:hidden;
text-indent:-9999px;
width:86px;
margin-top:5px;
padding-left:10px;
}

a#Contact{
background:url(../imgs/Contactus.png) no-repeat scroll 0px 0px;
display:block;
float:left;
height:112px;
overflow:hidden;
text-indent:-9999px;
width:103px;
margin-top:15px;
padding-left:10px;
}
a#HRAnexiTeam{
background:url(../imgs/HRAnexiTeam.png) no-repeat scroll 0px 0px;
display:block;
float:left;
height:112px;
overflow:hidden;
text-indent:-9999px;
width:111px;
margin-top:25px;

}
ul#globalNav li.current a#Home,ul#globalNav li a#Home:hover{
background:url(../imgs/home_current.png) no-repeat scroll 0 0px;
}
ul#globalNav li.current a#Profile,ul#globalNav li a#Profile:hover{
background:url(../imgs/Profile_current.png) no-repeat scroll 0 0px;
}
ul#globalNav li.current a#WhyHRANEXI,ul#globalNav li a#WhyHRANEXI:hover{
background:url(../imgs/WhyHRAnexi_current.png) no-repeat scroll 0 0px;
}
ul#globalNav li.current a#Practices,ul#globalNav li a#Practices:hover{
background:url(../imgs/Practices_current.png) no-repeat scroll 0 0px;
}
ul#globalNav li.current a#Alliances,ul#globalNav li a#Alliances:hover{
background:url(../imgs/Alliances_current.png) no-repeat scroll 0px 0px;
}

ul#globalNav li.current a#Contact,li a#Contact:hover{
background:url(../imgs/Contactus_current.png) no-repeat scroll 0px 0px;
}

ul#globalNav li.current a#HRAnexiTeam,li a#HRAnexiTeam:hover{
background:url(../imgs/HRAnexiTeam_current.png) no-repeat scroll 0px 0px;
}	


/* for sub  navs
-------------------------------------------------------------- */
#content-sub-nav{
padding-top:5px;
}
#content-sub-nav ul{ 
list-style: none;
margin:0px auto 0px auto;
padding: 0px;
padding-left:30px;
height:20px;
}
ul#content-global-sub-nav li a{
padding-left:5px;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
}

ul#content-global-sub-nav li.current a,li a:hover{
font-weight:bold;
}
#content-sub-nav ul li {
background-image:url(../imgs/sub_nav_arrow.png);
background-position:0 0.35em;
background-repeat:no-repeat;
padding-left:15px;
height:35px;
}
#content-sub-nav ul ul{ 
list-style: none;
margin:0px;
padding: 0px;
padding-left:10px;
}

/* for Profile 
-------------------------------------------------------------- */
h2.profileTitle{
font-family:Arial;
color:#ff9933;
margin:0.2em 0;
}
h2.whyhranexiTitle{
font-family:Arial;
color:#f6cc45;
margin:0.2em 0;
}
h2.practicesTitle{
font-family:Arial;
color:#53b65a;
margin:0.2em 0;
}
h2.alliancesTitle{
font-family:Arial;
color:#53b65a;
margin:0.2em 0;
}
h2.contactTitle{
font-family:Arial;
color:#44ba87;
margin:0.2em 0;
}
h2.hranexiteamTitle{
font-family:Arial;
color:#44ba87;
margin:0.2em 0;
}
#content-col-mid h2.title {
color:#0066CC;
}

#profile-pic{
background:url(../imgs/Profile-tie.jpg) no-repeat scroll 0 0;
width:151px;
height:117px;
margin-left:25px;

}
#whyhranexi-pic{
background:url(../imgs/WhyHRAnexi-pic.jpg) no-repeat scroll 0 0;
width:181px;
height:200px;
margin-left:25px;

}
#contact-pic{
background:url(../imgs/contactus.jpg) no-repeat scroll 0 0;
width:160px;
height:169px;
margin-left:25px;
}

#team-pic{
background:url(../imgs/team.jpg) no-repeat scroll 0 0;
width:180px;
height:169px;
margin-left:25px;
}
#HR-pic{
background:url(../imgs/HR_Outsourcing.jpg) no-repeat scroll 0 0;
width:235px;
height:240px;
margin-left:25px;
}
.content-col1-sept{
display:block;
width:100%;
height:60px;
}
/* for alliances sub  navs
-------------------------------------------------------------- */
#alli-content-sub-nav{
padding-top:1px;

}
#alli-content-sub-nav ul{ 
list-style: none;
margin:0px auto 0px auto;
padding: 0px;
padding-left:30px;
}

ul#alli-content-global-sub-nav li a{
padding-left:6px;
font-family:verdana,Helvetica,Arial,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
}

ul#alli-content-global-sub-nav li.current a,li a:hover{
font-weight:bold;
}
#alli-content-sub-nav ul li {
background-image:url(../imgs/sub_nav_arrow.png);
background-position:0 1.8em;
background-repeat:no-repeat;
padding-left:15px;
padding-top:20px;
padding-bottom:2px;


}
#alli-content-sub-nav ul ul{ 

list-style: none;
margin:0px;
padding: 0px;
padding-left:10px;
width:150px;
}
#alli-content-sub-nav ul ul li{ 
background:none;
background-position:0 1.8em;
background-repeat:no-repeat;
padding-top:5px;
padding-left:2px;
text-indent:-8px;
width:150px;
}
ul#blessingWhite_sub_links li a{
font-family:verdana,Helvetica,Arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
}
ul#blessingWhite_sub_links li a:hover{
font-weight:normal;
color:#000000;
}


#alli-content-sub-nav ul li.sublink-li-imgs{
background-image:url(../imgs/sub_nav_arrow_down.png);
}
#contact-form-div{
width:450px;
height:170px;
}
/* for contact form
-------------------------------------------------------------- */

#content-contact-col1{
width:30%;
height:90%;
float:left;
position:relative;
}
#content-contact-col2{
width:68%;
height:83%;
float:left;
position:relative;
padding-left:10px;
}
.contact-sep{
width:100%;
height:40px;
display:block;
}

#contact-form-div label,#contact-form-div legend{
float:left;
font-size:14px;
font-weight:bold;
}
input {
-x-system-font:none;
color:#9E0728;
height:30px;
font-size:22px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:30px;
background-color:#FFFFFF;
border:2px solid #666666;
width:400px;
}

input:focus {
border:2px solid #0983D1;
}

textarea {
background-color:#FFFFFF;
border:2px solid #666666;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:1px;
overflow:hidden;
width:400px;
}
textarea:focus {
border:2px solid #0983D1;
}
#button1,#button2{
width:113px;
height:30px;
border:none;
cursor:pointer;
}
#button1{
background:url(../imgs/Contact-reset.jpg) no-repeat scroll 0 0px;
}
#button2{
background:url(../imgs/Contact-submit.jpg) no-repeat scroll 0 0px;
}
#button3{
width:193px;
height:30px;
border:none;
cursor:pointer;
background:url(../imgs/download_report.jpg) no-repeat scroll 0 0px;
}

.empty-row{
display:block;
width:100%;
height:10px;
}
a#hrconthumb{
background:transparent url(../imgs/hr_consulting_thumb.jpg) no-repeat scroll 0 0;
display:block;
width:186px;
height:187px;
}
a#AssessmentServicesthumb{
background:transparent url(../imgs/Assessment_Services_thumb.jpg) no-repeat scroll 0 0;
display:block;
width:186px;
height:187px;
}

a#ExperentialLearningthumb{
background:transparent url(../imgs/experential_learnig_cycle_thumb.jpg) no-repeat scroll 0 0;
display:block;
width:186px;
height:187px;
}

a#develupmentpathwaythumb{
background:transparent url(../imgs/develupment_pathway_thumb.jpg) no-repeat scroll 0 0;
display:block;
width:186px;
height:187px;
}
a#ManagementDevProgthumb{
background:transparent url(../imgs/Management_Dev_Prog_thumb.jpg) no-repeat scroll 0 0;
display:block;
width:186px;
height:187px;
}
a#ExecutiveCoachingGPIRmodelthumb{
background:transparent url(../imgs/Executive_Coaching_GPIR_model_thumb.jpg) no-repeat scroll 0 0;
display:block;
width:186px;
height:187px;
}
a#HROutsourcingthumb{
background:transparent url(../imgs/HR_Outsourcing_thumb.jpg) no-repeat scroll 0 0;
display:block;
width:186px;
height:187px;
}
a#NHOPthumb{
background:transparent url(../imgs/NHOP_thumb.jpg) no-repeat scroll 0 0;
display:block;
width:210px;
height:187px;
}

.col-adjust{
width:400px;
}

.col-adjust-right
{
  width:180px;
  background-color:#e1e1e1;
  float:right;
  height:170px;
}
.col-adjust-right p{
padding:20px;
padding-top:10px;
font-weight:bold;
}
.normal-ul{
font-size:12px;
}


#blessing-white-logo{
background:transparent url(../imgs/blessingwhite_logo.jpg) no-repeat scroll 0 0;
width:200px;
height:42px;
display:block;
}

#psytech-white-logo{
background:transparent url(../imgs/psytech_logo.jpg) no-repeat scroll 0 0;
width:200px;
height:80px;
display:block;
}

.col-divider{
background:transparent url(../imgs/column-divider.png) no-repeat scroll 0 0;
width:398px;
height:10px;
}

#sitmap-nav ul li a{
font-size:14px;
font-family:Arial;
}
