/* KD Recruitment Stylesheet */
* {margin: 0; padding: 0;} span, label {display: none;} a img, fieldset {border: none;} a {color: #609; text-decoration: none;} a:hover {color: #000;} body {font-family: arial, sans; color: #333; background: url('images/bg.jpg'); font-size: 12px;} h1 {text-transform: uppercase; font-size: 26px; letter-spacing: -1px;} h2 b {font-weight: normal; font-size: 11px;} h3 {font-size: 12px; text-transform: uppercase; margin: 5px 0; color: #000;} p {line-height: 20px; margin: 0 0 20px 0;}
input, textarea {font-family: arial; color: #306; border: 1px solid #ccc;}
/* Wraps */
#page {width: 960px; margin: 20px auto; background: #fff;} #pagePadding {padding: 20px;}
/* Header Elements */
#header{margin: 0 0 20px 0;} #header h1 a {width: 200px; height: 60px; background: url('images/kd-recruitment.gif'); display: block; float: left;} #header h2 {width: 240px; height: 60px; background: url('images/motto.gif'); display: block; float: right;} #banner ul {width: 330px; height: 170px; list-style: none; margin: 0 1px 0 0; float: left; background: url('images/links.gif');} #banner ul li {margin: 0 10px;} .homeLink {margin-top: 10px;} #banner ul li a {font-size: 11px; text-transform: uppercase; color: #fff; font-weight: bold; height: 30px; display: block; text-indent: 10px; line-height: 30px;}
#banner ul li a:hover {background: #306;}
/* Slideshow */
#slideshow {width: 589px; height: 170px; float: left; position:relative;} #slideshow div {position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 170px;} #slideshow div.active {z-index:10; opacity:1.0;} #slideshow div.last-active {z-index:9;} #slideshow div img {width: 589px; height: 170px; display: block; border: 0;}
/* Main Content / Pages */
#content {padding: 20px 0;} #content.noBg {background: none;} #content .s {width: 270px;} #content .b {width: 520px;} #content .cL {width: 460px; float: left; margin: 0 90px 0 0;} #content .cR {width: 300px; float: left;}

.home , .about, .approach, .employers, .packages, .seekers, .opportunities, .contact, .registration, .option1, .option2, .option3, .policy {width: 380px; height: 30px; background: url('images/h1.gif') 0 0; margin: 0 0 10px 0;} .home {background-position: 0 0;} .about {background-position: 0 -30px;} .approach {background-position: 0 -60px;} .employers {background-position: 0 -90px;} .packages {background-position: 0 -120px;} .seekers {background-position: 0 -150px;} .opportunities {background-position: 0 -180px;} .contact {background-position: 0 -210px;} .registration {background-position: 0 -240px;} .option1 {background-position: 0 -270px; height: 29px;} .option2 {background-position: 0 -298px; height: 34px;} .option3 {background-position: 0 -331px; height: 29px;} .policy {background-position: 0 -360px;}
/* Application */
.input {width: 300px; margin: 4px 0; padding: 8px;}
#applicationForm select {width: 320px; margin: 4px 0;} #applicationForm .sInput {padding: 3px; width: 120px;} #applicationForm .mInput {padding: 3px; width: 200px;} #applicationForm .submitApp {background: url('images/send.gif'); width: 70px; height: 87px; border: none; float: right; margin: 22px 0;} #applicationForm .submitApp:hover {background-position: 0 -87px;}
/* Contact */
#contactdiv {width: 400px;} #contactdiv input {padding: 10px; margin: 5px 0; width: 400px;} #contactdiv #message {width: 260px; height: 100px; padding: 10px; float: left;} #send {width: 100px; height: 120px; background: url('images/send-enquiry.gif'); display: block; float: right;} #send:hover {background-position: 0 -120px;}
/* Packages */
#packages {list-style: none;} #packages .package {width: 288px; /*background: #ece5ff;*/ background: #609; border: 1px solid #ccc; float: left; margin: 0 25px 20px 0;} #packages .package div {padding: 10px; color: #fff;} .packageButton {width: 230px; height: 52px; background: url('images/button.gif'); display: block; line-height: 42px; text-indent: 40px; font-weight: bold; text-transform: uppercase; font-size: 11px;} .packageButton:hover {background-position: 0 52px;} .closeDOMWindow {top: 30px; color: #000; right: 20px; position: absolute;}
#content #packages h1 {font-size: 20px; text-transform: uppercase; letter-spacing: -1px; height: auto; margin: 0 0 10px 0;} #packages h2 {font-size: 12px; text-transform: uppercase;} .foot {font-size: 10px; line-height: 12px; color: #000;}
.services {list-style: circle; margin: 14px 0; height: 210px;} .services li {margin: 14px 0 14px 20px;}
.benefits {list-style: circle; margin: 7px 0;} .benefits li {margin: 14px 0 14px 20px;}
.callNow {background: url('images/call.gif'); width: 185px; height: 40px; float: left; margin: -3px 0 0 30px;}
.contactInfo {list-style: none; border-bottom: 1px solid #000; padding: 10px 0;} .contactInfo li {margin: 10px 0;} .contactInfo li b {float: left; width: 120px; font-weight: normal;}
.contactInfo strong {font-size: 16px;}
/* Footer */
#footer {width: 940px; height: 80px; background: url('images/footer.gif') #fff no-repeat; margin: 0 auto; font-size: 11px; color: #fff; line-height: 16px;} #footerPadding {padding: 20px;} #footer a {color: #fff;} #footer a:hover {text-decoration: underline;} .fL {float: left;} .fR {float: right;} #content .noHeading {background: none; margin: 0 0 10px 0;} #packages .noM {margin: 0 0 20px 0;} h2.pH {font-size: 16px; text-transform: uppercase; color: #000; margin: 10px 0;} .register {width: 102px; height: 102px; background: url('images/register.gif'); display: block; position: absolute; margin: 0 0 0 600px;} .register:hover {background-position: 0 -110px;}
/* Classes */
.clear {clear: both;} .imgR {float: right; margin: 0 0 0 10px;} .imgL {float: left; margin: 0 10px 0 0;} #header .cse-branding-right {background: #fff; width: 300px; color:#000; float: left; padding: 10px 0 0 120px;} .cse-branding-right input {padding: 3px; margin: 0 2px;} .ad {margin: 0 auto; width: 730px;} #viewJobs {width: 469px; height: 36px; background: url('images/view-jobs.gif'); display: block;} #viewJobs:hover {background-position: 0 -36px;}