#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; }





/**
 * 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-image:url(/img/elements/perfect-candidate.png); }
div.findPanel#findVacancy { background-image:url(/img/elements/perfect-vacancy.png); }
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/elements/perfect-readmore.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:top left; }
div.findPanel#findVacancy p.more { background-position:bottom left; }

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 p.rss { background:url(/img/elements/jobs-of-the-week-rss.png) no-repeat; width:35px; height:35px; text-indent:-9000px; }
#jobsOfTheWeek p.rss a { display:block; width:100%; height:100%; }

#jobsOfTheWeek h5 { background:url(/img/elements/jobs-of-the-week.png) no-repeat; 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/elements/more-link.png) no-repeat; 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; }

.tickercontainer { /* the outer div with the black border */
width: 600px; 
margin: 0; 
padding: 0;
height:30px;
overflow: hidden;
}
.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;
}
ul.newsticker { /* that's your list */
position: relative;
left: 700px;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left;
margin: 0;
padding: 0;
}
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; }