@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
body {font-family: 'Lora', serif; font-size:14px;}
.wrapper {width:990px; padding:0px 0; margin: auto;}
.wrapper2 {width:100%; padding:0px 0; margin: auto;}
.headerimg {width:100%; text-align:center;}
.brownbg {background:#5b120f; padding:22px 0; text-align:center; font-size:24px; color:#FFF;}
/*.shoebg {background:url(../images/shoe-bg.jpg) repeat-x;}*/
.jdbg {background:url(../images/leftwomenimg.jpg) no-repeat left top; background-color:#5b120f; padding-bottom: 50px;}
ul {
    list-style-type: none;
}
ul > li:before {
    content: "–"; /* en dash here */
    position: absolute;
    margin-left: -1.1em; 
}
h3{font-size:18px; padding:40px 0 10px 0; text-transform:uppercase; font-weight:normal;}
p {padding:5px 0 15px 0}
.jdcontent {width:600px; padding-bottom:20px; margin-left: 400px; color:#FFF;}
.jdcontent1 {width: 500px; padding-bottom: 20px; margin-left: 20px; color: #FFF;}
ul > li {line-height:20px; margin-left: 15px;}

a.applynow, a.applynow, a.applynow:visited {
  font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif;
  display: inline-block;
  color: #FFFFFF;
  background-color: #ed1b2e;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  padding: 0.9% 2.0%;
  text-decoration: none;
  margin-left: 0;
  margin-top: 0px;
  margin-bottom: 5px;
  border: 1px solid #ed1b2e;
  border-radius: 1px;
  white-space: nowrap;
}
a.applynow:hover,a.applynow:active {
    background-color:#ffffff;
    color: #ed1b2e;
}

/*.dskills {background:url(../images/joinbatateam.jpg) no-repeat left top; background-color:#5b120f;}*/
.dskills {
	background:url(../images/joinbatateam.jpg) top left, url(../images/batamarketing.jpg) top right;
	background-repeat:no-repeat;
	background-color:#231f20;
	padding:193px;
}
/*.skillcontent {width: 450px; padding-bottom: 20px; float: right; padding: 30px 0;}*/

.loca {background:url(../images/locationbg.jpg) no-repeat right top; background-color:#5b120f; padding-bottom: 50px;}

.clearboth {clear:both;}

.twoboxes {padding: 30px; padding-left: 200px; overflow:hidden; background:url(../images/thumb-img.jpg) 50px 115px no-repeat #dadeec;}

.location {padding:1px; border:solid 1px #CACACA; width:400px; margin-right:30px; margin-bottom:20px; float:left; min-height: 245px;}

.training {padding:1px; border:solid 1px #CACACA; width:400px; min-height:170px; overflow:hidden; float:left;}

.nextrole {background-color:#5b120f; padding:15px 0; text-align:center; color:#FFF;}

.footer {background:#dadeec; padding:10px 0; text-align:center; color:#000; font-size:12px;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}