* { margin: 0; padding: 0; }

html { background: #034b89 url(../images/bg.jpg) repeat-x left top; }
body { font: 14px georgia, "times new roman", serif; color: #b3d7f6; }
body.front { background: url(../images/guy.jpg) no-repeat right 114px; margin: 0 0 0 50px; width: 900px; }
body.front #content { width: 680px; padding-top: 145px; margin-left: 50px; position: relative; }
body.sub { background: url(../images/guy-s.jpg) no-repeat -40px 260px; margin: 0 0 0 0; width: 900px; position: relative; }
body.sub #content { width: 490px; padding-top: 145px; margin-left: 100px; min-height: 800px; _height: 800px; position: relative; padding-left: 215px; }
body.pop #content { padding: 20px; }

.jobhead, .jobhead h2, .sections { color: black; }
img { border: 0; }
ul { list-style: none; }
ol { padding-left: 25px; }
p { margin-bottom: 1em; }
h1 { color: #fff; font-size: 26px; margin-bottom: .75em; }
h2 { font-size: 16px; color: #b3d7f6; margin-bottom: .5em; }
a { font-weight: bold; text-decoration: none; color: #fff; border-bottom: 1px solid #386993; }
a:hover, p.ingress a:hover { color: #00ccff; }
hr { border: 0; height: 1px; color: #386993; background-color: #386993; margin: 1em 0; }

#home { position: absolute; left:0; top: 43px; border: 0; }
#navi { width: 555px; height: 134px; position: absolute; left: 180px; top: 0; }
#navi li { float:left; }
#navi a { float: left; height: 134px; background: url(../images/navi.jpg) no-repeat left top; border: 0; }
#navi a span { display: none; }
a#asiantuntijapalvelut { width: 167px; }
a#avoimet-tyopaikat { width: 128px; background-position: -167px top; }
a#ajankohtaista { width: 104px; background-position: -295px top; }
a#yhteydenotto { width: 156px; background-position: -399px top; }
a#asiantuntijapalvelut:hover { background-position: left -134px;}
a#avoimet-tyopaikat:hover { background-position: -167px -134px; }
a#ajankohtaista:hover { background-position: -295px -134px; }
a#yhteydenotto:hover { background-position: -399px -134px; }
li.here a#asiantuntijapalvelut { background-position: left -268px;}
li.here a#avoimet-tyopaikat { background-position: -167px -268px; }
li.here a#ajankohtaista { background-position: -295px -268px; }
li.here a#yhteydenotto { background-position: -399px -268px; }
li.here a#asiantuntijapalvelut:hover { background-position: left -402px;}
li.here a#avoimet-tyopaikat:hover { background-position: -167px -402px; }
li.here a#ajankohtaista:hover { background-position: -295px -402px; }
li.here a#yhteydenotto:hover { background-position: -399px -402px; }

#subnavi { position: absolute; left: 0; top: 160px; }
#subnavi li a { color: #b3d7f6; border: 0; }
#subnavi li li a { color: #b3d7f6; font-weight: normal; font-size: 12px; }
#subnavi li.here a, #subnavi a.here { color: #fff; font-weight: bold; }
#subnavi a:hover { color: #00ccff; }

p.ingress { color: #fff; font-size: 18px; }
p.ingress strong { font-weight: bold; font-size: 20px; }
p.ingress a { color: #9de0fd; }
p.signature { font-style: italic; }

body.front h1 { display: none; }
body.front p.ingress { width: 500px; }
body.front p.first { width: 350px; }
body.front p.second { width: 390px; }
body.front p.third { width: 490px; }

body.expert p strong { display: block; font-size: 16px; }

body.expert ol { margin-bottom: 1em; }
body.expert ol li { margin-bottom: 1em; }
body.expert ol strong {}

body.jobs #main ul { margin-bottom: 1em; padding-left: 20px; }
body.jobs #main p strong { color: #fff; }

body.jobs form { margin-bottom: 30px; }
body.jobs form label, body.jobs form strong { display: block; }
body.jobs form label { margin-top: 5px; }
body.jobs form input { width: 250px; }
body.jobs form input#birthdate { width: 100px; }
body.jobs form #wishlist label { margin: 10px 0 5px 0; }
body.jobs form textarea { width: 470px; margin-top: 5px; height: 80px; }
body.jobs form textarea#skills, body.jobs form textarea#employers, body.jobs form textarea#projects { height: 300px; }

table#levels { border: 1px solid #386993; color: #fff; font-size: 12px; margin: 10px 0 20px; width: 100%; }
table#levels td { padding: 2px; }
table#levels .first { width: 20%; font-weight: bold; }
table#levels tr.even { background: #386993; }

ul#books { float: left; margin: 40px 0 10px; }
ul#books li { width: 160px; float: left; text-align: center; font-size: 11px; height: 220px; _height: 270px; }
ul#books a { margin-bottom: 10px; display: block; border: 0; }
body.recent .bottom { clear: both; margin-bottom: 10px; }
.bottom label { display: block; }
.bottom input { width: 200px; }
.bottom button { margin: 10px 0 0; font-size: 0.8em; }
.bottom form { clear: both; text-align: left; }

ol ul { padding-left: 20px; }

#feedback label { display: block; margin: 5px 0 3px; }
#feedback textarea { width: 400px; height: 100px; margin-bottom: 20px; }
#feedback input { width: 300px; }
#feedback input#postnumber { width: 100px; }

#offerings img { float: left; margin: 0 10px 0 0; }
#offerings strong { font-size: 13px; color: #fff; }

#footer { font-size: 12px; color: #0c8fff; padding-bottom: 100px; margin-top: 50px; }
input#submit { display: block; font-size: 1.3em;  margin: 1.5em 0 1em; width: auto; }