#header { background-image:url(/img/layout/header-bg-home.jpg); background-position:top center; height:492px; }
#header div.clouds { height:492px; background-position:bottom center; background-repeat:no-repeat; }
#header h1 { margin:0; padding:0; }

#main { padding-top:20px; }




/**
 * Fly in
 */
#flyin { position:absolute; /*height:480px;*/ width:100%; /*z-index:998;*/ }
#flyin div.fwrapper { position:relative; width:872px; margin:0 auto; }
#flyin #flyinImg { position:absolute; top:130px; left:-42px; width:631px; height:267px; }

#flyin #flyinImg #flyinFlash { position:absolute; top:0; left:0; /*z-index:5;*/ }
#flyin #flyinImg div.flyinWrapper { position:absolute; top:20px; left:110px; height:234px; z-index:60; }

#flyin #flyinImg div.flyinWrapper #first { position:absolute; top:0; left:0; width:396px; height:234px; }

#flyin #flyinImg div.flyinWrapper h5 { font-family:Calibri; font-weight:bold; letter-spacing:-1px; }
#flyin #flyinImg div.flyinWrapper h4 { font-family:Calibri; font-weight:bold;  letter-spacing:-1px; }
#flyin #flyinImg div.flyinWrapper sup { font-size:11px; }

#flyin .line1 { margin:9px 0 0 0; }
#flyin .line2 { margin:1px 0 0 0; }
#flyin .line3 { margin:5px 0 0 0; }

#flyin .grey { color:#888888; }
#flyin .pink { color:#f0008d; }

/*#flyin #flyinImg div.flyinWrapper #first h5 { position:absolute; top:0; left:0; width:100%; height:84px; margin:0; text-indent:-9000px; }
#flyin #flyinImg div.flyinWrapper #first h5 a { display:block; width:100%; height:100%; outline:none; }
#flyin #flyinImg div.flyinWrapper #first h4 { text-indent:-9000px; position:absolute; }*/

#flyin #flyinImg div.flyinWrapper #first div.text { color:#7a7a7a; width:375px; padding-top:4px; margin-left:0; font-size:0.9em; z-index:5; line-height:1.5em; }

#flyin #flyinImg div.flyinWrapper #first div.text p { font-size:0.9em; z-index:5; min-height:100px; }
#flyin #flyinImg div.flyinWrapper #first div.text .infoPop {  }
#flyin #flyinImg div.flyinWrapper #first div.text .infoPop p.title { min-height:0; }

#flyin p.signupBottom { position:absolute; bottom:-11px; right:23px; width:191px; height:14px; background:url(/img/sprites.png) -400px -500px; text-indent:-9000px; }
#flyin p.signupBottom:hover { background-position:-400px -514px; }
#flyin p.signupBottom a { display:block; width:100%; height:100%; outline:none; }

#flyin .infoPopLnk { border-bottom:1px dotted #f0008d; color:#f0008d; cursor:pointer; }





/**
 * Find panels
 */
div.findPanel { width:607px; height:148px; background-repeat:no-repeat; position:relative; left:-30px; margin-bottom:35px; }
div.findPanel.over { cursor:pointer; }
div.findPanel#findCandidate { background:url(/img/sprites.png) transparent top left; }
div.findPanel#findVacancy { background:url(/img/sprites.png) transparent 0 -150px; }
div.findPanel h3 { display:none; }
div.findPanel ul { margin:0 !important; padding:0; list-style-position:inside; list-style-type:square; position:absolute; }
div.findPanel ul li { color:#1ec2ea; font-family:Georgia; padding-bottom:5px; }
div.findPanel ul li span { color:#7a7a7a; }
div.findPanel ul.left { left:110px; top:75px; }
div.findPanel ul.right { left:295px; top:75px; }

div.findPanel p.more { width:63px; height:9px; background-image:url(/img/sprites.png); margin:0; position:absolute; bottom:10px; right:10px; }
div.findPanel p.more a { display:block; width:100%; height:100%; text-indent:-9000px; }

div.findPanel#findCandidate p.more { background-position:0 -350px; }
div.findPanel#findVacancy p.more { background-position:0 -360px; }

div.findPanel#findCandidate ul li { color:#1ec2ea; }
div.findPanel#findVacancy ul li { color:#f0008d; }




/**
 * Jobs of the week
 */
#jobsOfTheWeek { clear:both; position:relative; height:35px; padding-bottom:20px; top:-10px; }

#jobsOfTheWeek h5 { background:url(/img/sprites.png) no-repeat -100px -350px; width:140px; height:13px; text-indent:-9000px; position:absolute; top:13px; left:0px; }
#jobsOfTheWeek h5 a { display:block; width:100%; height:100%; outline:none; }

#jobsOfTheWeek p.more { background:url(/img/sprites.png) no-repeat -400px -350px; width:54px; height:9px; text-indent:-9000px; position:absolute; right:0; top:20px; }
#jobsOfTheWeek p.more a { display:block; width:100%; height:100%; }

#jobsOfTheWeek ul { }
#jobsOfTheWeek li { font-size:0.9em; font-weight:bold; }
#jobsOfTheWeek li a { color:#7a7a7a; text-decoration:none; }

#jobsOfTheWeek div.wrapper { position:absolute; top:12px; left:200px; overflow:hidden; }

#jobsOfTheWeekMaskL { position:absolute; top:0; left:200px; width:25px; height:35px; background:url(/img/elements/jobs-of-the-week-maskl.png) no-repeat; }
#jobsOfTheWeekMaskR { position:absolute; top:0; left:780px; width:25px; height:35px; background:url(/img/elements/jobs-of-the-week-maskr.png) no-repeat; }

#jobsOfTheWeek .tickercontainer { /* the outer div with the black border */
width: 600px; 
margin: 0; 
padding: 0;
height:20px;
overflow: hidden;
}
#jobsOfTheWeek .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
width: 600px;
height:100%;
overflow: hidden;
}
#jobsOfTheWeek ul.newsticker { /* that's your list */
position: relative;
left: 700px;
list-style-type: none;
margin: 0;
padding: 0;
}
#jobsOfTheWeek ul.newsticker li {
float: left;
margin: 0;
padding: 0;
}
#jobsOfTheWeek ul.newsticker a {
white-space: nowrap;
padding: 0 20px 0 0;
margin: 0 20px 0 0;
/*background:url(/img/elements/jobs-of-the-week-spacer.png) transparent no-repeat top right; */
}

ul.newsticker li.last a { background-image:none; }