/* careers page styles */

/* layout1 */
.careers {position:relative; background:url(../img/bg/bg_careers.jpg) no-repeat;}
.careers.index {background:none;}
.careers.webDeveloper {background-position:left 22px;}
.careers.webProgrammer {background:none; background:url(../img/bg/webProgrammerBGLarge.jpg) no-repeat -30px 410px;}
.careers.seoManager {background-position:right 160px;}
.careers.projectManager {background-position:right 300px;}
.careers.semEngineer {background-position:right 180px;}
.careers.juniorSEM {background-position:right 120px;}
.careers h3, .careers h4 {color:#fff; font-size:75%; margin-bottom:15px;}
.careers h4 {margin-bottom:5px;}
#content .careers ul{ padding:10px 0 10px 0; margin-left:15px;}
#content .careers .s_points li{line-height:1.5; color:#c7c7c7; width:320px;}
#content .careers.seoManager .s_points li{width:320px;}
#content .careers.webDeveloper .s_points li{width:220px;}
#content .careers.projectManager .s_points li{width:505px;}
#content .careers p a{color:#c7c7c7;}
#content .careers p a:hover{text-decoration:none;}
.careers .txt_btn {padding-right:29px;}
.careers .role {background:url(../img/icons/dotsHorizGrey.gif) repeat-x left bottom; padding-bottom:1px;}
.careers .role .background {height:204px; padding-top:35px; background:url(../img/bg/bg_careersHome.jpg) no-repeat;}
.careers .role .background.webProgrammer {background:url(../img/bg/webProgrammerBG.jpg) no-repeat -30px 18px;}
.careers .role .background.webDeveloper {background-position:left 0;}
.careers .role .background.projectManager {background-position:left 0;}
.careers .role .background.seoManager,
.careers .role .background.juniorSEM {background:url(../img/bg/seo_bg.jpg) no-repeat 0 0;}
.careers .role p {width:300px; margin-left:5px;}
.careers .role a.role_btn {background:url(../img/btn/careers.png) no-repeat; padding-top:54px;overflow:hidden;height:0px !important;height /**/:54px; display:block; margin-bottom:15px;}
.careers .role .background.webDeveloper a.role_btn {background-position:left 0; width:309px;}
.careers .role .background.webDeveloper a.role_btn:hover {background-position:left -54px;}
.careers .role .background.seoManager a.role_btn {background-position:left -108px; width:226px;}
.careers .role .background.seoManager a.role_btn:hover {background-position:left -162px;}
.careers .role .background.webProgrammer a.role_btn {background-position:left -216px; width:226px;}
.careers .role .background.webProgrammer a.role_btn:hover {background-position:left -270px;}
.careers .role .background.juniorSEM a.role_btn {background-position:left -324px; width:404px;}
.careers .role .background.juniorSEM a.role_btn:hover {background-position:left -378px;}

/* layout2 */
.careers .role2 {background:url(../img/icons/dotsHorizGrey.gif) repeat-x left bottom; padding-bottom:1px; position:relative; margin-top:-15px; margin-bottom:15px;}
.careers .role2 .background {height:105px; width:600px; background:url(../img/bg/bg_careersHome2.jpg) no-repeat; padding:30px 0px 0px 0px;}
.careers .role2 p {width:395px; float:left;}
.careers .role2 a.role_btn {background:url(../img/btn/careers.png) no-repeat; padding-top:54px;overflow:hidden;height:0px !important;height /**/:54px; display:block; margin-bottom:15px;}
.careers .role2 .projectManager a.role_btn {background-position:left -432px; width:190px; float:left; margin-right:10px;}
.careers .role2 .projectManager a.role_btn:hover {background-position:left -486px;}
.careers .role2 .semEngineer a.role_btn {background-position:left -540px; width:170px; float:left; margin-right:30px;}
.careers .role2 .semEngineer a.role_btn:hover {background-position:left -594px;}