@charset "utf-8";
/* CSS Document */

body{
background:#FFFFFF url(../images/bg.jpg)  top repeat-x;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
width:1000px;
}

#layout-wrap{
width:1000px;
float:left;
}
#layout-left{
width:15px;
float:left;
}
#layout-center{
width:970px;
float:left;
}
#layout-right{
width:15px;
float:left;
}
img{
border:none;
}
/*********************************** Header ***************************************************/
#header-wrap{
width:970px;
float:left;
height:106px;
}
.logo-left{
width:500px;
float:left;
padding-top:10px;
}
.logo-right{
width:470px;
float:left;
padding-top:10px;
}
.callus-text{
font-size:18px;
float:left;
font-weight:bold;
color:#0e61ae;
width:170px;
padding-left:0px;
}
#menu-wrap{
width:970px;
float:left;
height:25px;
}
.menu-left{
width:5px;
float:left;
background:url(../images/button-left.jpg)  left no-repeat;
height:25px;
}
.menu-right{
width:7px;
float:left;
background:url(../images/button-right.jpg)  right no-repeat;
height:25px;
}
.menu-bg{
width:958px;
float:left;
background:url(../images/button-bg.jpg) repeat-x;
height:25px;
}
.menu-center-left{
width:790px;
float:left;
}
.menu-center-right{
width:168px;
float:left;
}
.menu-icon{
width:20px;
float:left;
padding-top:4px;
}
.menu-icon1{
width:20px;
float:left;
}
.menu-icon-text a{
width:54px;
float:left;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
padding-top:4px;
text-decoration:none;
}
.menu-icon-text a:hover{
width:54px;
float:left;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
padding-top:4px;
text-decoration:underline;
}
/*********************************** Body ***************************************************/
#body-wrap{
width:970px;
float:left;
padding-top:20px;
}

#body-left{
width:704px;
float:left;
}
#body-space{
width:37px;
float:left;
background:url(../images/body-space.jpg) top repeat-y;
height:1205px;
}
#body-right{
width:229px;
float:left;
}
#body-right-content-wrap{
width:229px;
float:left;
}
#followus-wrap{
width:229px;
float:left;
}
.followus-top{
width:229px;
float:left;
background:url(../images/followus-top.jpg) top no-repeat;
height:5px;
}
.followus-bottom{
width:229px;
float:left;
background:url(../images/followus-bottom.jpg) no-repeat;
height:5px;
}
.followus-bg{
width:229px;
float:left;
background:url(../images/followus-bg.jpg) repeat-y;
}
.followus-text{
font-size:15px;
float:left;
width:154px;
font-weight:bold;
color:#282828;
padding:6px 0px 0px 6px;
}
.followus-icon{
/*width:42px;*/
width:42px;
float:left;
}
.newuser{
width:229px;
float:left;
padding:15px 0px 0px 0px;
}

.rightcaption{
width:229px;
float:left;
padding-top:15px;
padding-bottom:6px;
}
.rightcaption-img{
width:29px;
float:left;
}
.rightcaption-text{
font-weight:bold;
color:#085aab;
font-size:13px;
width:200px;
float:left;
}

#cities-wrap{
width:229px;
float:left;
}
.cities-top{
width:229px;
float:left;
background:url(../images/cities-top.jpg) no-repeat;
height:8px;
}
.cities-bg{
width:227px;
float:left;
background:#FFFFFF url(../images/cities-bg.jpg) top repeat-x;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}
.cities-bottom{
width:229px;
float:left;
background:url(../images/cities-bottom.jpg) no-repeat;
height:8px;
}
.cities-text{
width:205px;
float:left;
line-height:24px;
font-size:12px;
}
.cities-text ul{
list-style-image:url(../images/arrow-training.jpg);
margin:0px 0px 0px 24px;
padding:0px;
}
.cities-text li{
text-decoration:none;
color:#171717;
}
.cities-text li span a{
text-decoration:none;
font-weight:bold;
font-size:12px;
color:#171717;
}
.cities-text li span a:hover{
text-decoration:underline;
font-weight:bold;
font-size:12px;
color:#171717;
}
.add{
width:229px;
float:left;
padding-top:15px;
}
/********************************* Body-Left ************************************/

#body-left-content-wrap{
width:704px;
float:left;
}
.bodyleft-top{
width:704px;
float:left;
background:url(../images/body-left-top.jpg) top no-repeat;
height:4px;
}
.bodyleft-bg{
width:704px;
float:left;
background:url(../images/body-left-bg.jpg) repeat-y;
}

.bodyleft-bottom{
width:704px;
float:left;
background:url(../images/body-left-bottom.jpg) top no-repeat;
height:4px;
}
#trainingbyskill-wrap{
width:704px;
float:left;
padding:0px 0px 10px 0px;
}
.caption-img{
width:24px;
float:left;
}
.training-text{
width:680px;
float:left;
color:#085aab;
font-size:13px;
font-weight:bold;
}
#training-wrap{
width:220px;
float:left;
overflow:hidden;
}
.training-space{
width:14px;
float:left;
border-left:1px solid #cccccc;
height:1950px;
}
.training-space1{
width:14px;
float:left;
}
.skill-caption a{
float:left;
width:220px;
color:#085aab;
font-size:13px;
font-weight:bold;
text-decoration:none;
}
.skill-caption a:hover{
float:left;
width:220px;
color:#085aab;
font-size:13px;
font-weight:bold;
text-decoration:underline;
}
.line{
width:220px;
float:left;
background:url(../images/line.jpg) no-repeat;
height:1px;
margin:7px 0px 4px 0px;
}
.skills-text{
width:220px;
float:left;
text-decoration:none;
line-height:22px;
color:#000000;
list-style-position:inside;
}
.skills-text ul{
list-style-image:url(../images/arrow-small.jpg);
margin:0px;
padding:0px;
float:left;
}
.skills-text li a{
text-decoration:none;
line-height:22px;
color:#000000;
font-size:12px;

}
.skills-text li a:hover{
text-decoration:underline;
line-height:22px;
color:#000000;
font-size:12px;
overflow:hidden;
}
#body-left-skills-wrap{
width:704px;
float:left;
margin:10px 0px 10px 0px;
}
/*********************************** Footer ***************************************************/
#footer-wrap{
width:970px;
float:left;
padding:15px 0px 15px 0px;
}
.footer-top{
width:970px;
float:left;
background:url(../images/footer-top.jpg) top no-repeat;
height:7px;
}
.footer-bg{
width:970px;
float:left;
background:url(../images/footer-bg.jpg) top repeat-y;
}
.footer-bottom{
width:970px;
float:left;
background:url(../images/footer-bottom.jpg) top no-repeat;
height:7px;
}
.footer-text{
font-size:12px;
font-weight:normal;
color:#000000;
text-align:center;
float:left;
line-height:20px;
width:970px;
}
.footer-text-1{
font-size:12px;
font-weight:normal;
color:#888888;
text-align:center;
float:left;
line-height:20px;
width:970px;
}
#footermenu-wrap{
width:660px;
float:left;
padding-left:310px;
}
.footermenu a{
float:left;
font-size:12px;
text-decoration:none;
color:#000000;
line-height:23px;
}
.footermenu a:hover{
float:left;
font-size:12px;
text-decoration:underline;
color:#000000;
}
.footermenu span{
font-size:10px;
color:#000000;
padding:0px 10px 0px 10px;
float:left;
line-height:23px;
}
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding:5px;
visibility:hidden;
border:1px solid #3399CC;
font:bold 15px "Trebuchet MS", Verdana, Arial;
color:#003366;
z-index: 100;
/*background:url(img/bg1.jpg) #FFFFFF repeat;*/
background-color:#FFFFFF;
width: 200px;
text-align:center;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index:99;
position:absolute;
top:-500px;
left:0;
visibility:hidden;
}

.bookmark{
width:432px;
float:left;
margin-bottom:10px;
margin-left:38px;
}
.top-add{
width:432px;
float:left;
margin-bottom:10px;
margin-left:38px;
}
