body {
background-color:#81000b;
font-family:Lucida, Helvetica, sans-serif;
font-size:14px;
width:90%;
max-width:990px;
min-width:600px;
margin:0 auto 8px;
overflow-y: scroll;
}
img {
padding:0;
border:0;
}
a:link,a:visited {
text-decoration:underline;
color:#FFF;
}
.hilight {
font-weight:bold;
color:white;
}
a:hover {
color:#FF0;
}
li {
list-style-position: inside;
}
div#main {
border:1px solid #FFF;
width:100%;
background-color:#111;
color:#ccc;
margin-top:40px;
margin-left:auto;
margin-right:auto;
padding:16px 0 0;
_margin-left:10%; /*IE6 hack*/
_margin-right:10%; /*IE6 hack*/
}

ul#tabs {
list-style-type:none;
width:100%;
height:20px;
margin:-42px 0 0 -1px;
padding:0;
_margin-top:-20px; /*IE6 hack*/
}

ul#tabs li {
display:block;
border:1px solid #ddd;
border-bottom:1px solid #FFF;
float:left;
vertical-align:bottom;
min-width:7em;
margin:0;
background-color:#444;
}

ul#tabs li.current,
ul#tabs li.current:hover {
border:1px solid #FFF;
border-bottom:1px solid #111;
background-color:#111;
}
ul#tabs li:hover {
background-color:red;
}

ul a:active,
ul a:focus {
outline: 0;
}

ul#tabs li a:link,ul#tabs li a:visited,ul#tabs li a:hover {
text-decoration:none;
color:#FFF;
display:block;
width:100%;
height:20px;
min-width:7em;
padding:2px 4px;
margin:0;
_width:80px; /*IE6 hack*/
white-space:nowrap;
}
div#content {
width:100%;
min-width:660px;
clear:both;
background-color:#111;
color:#ccc;
background-repeat:no-repeat;
background-position:bottom left;
min-height:300px;
padding-top:16px;
}
div#innercontent {
margin-left: 100px;
}
div.home {
background-image:url('mountain3.jpg');
padding-bottom:440px;
}
div.recruitment {
background-image:url('mountain4.jpg');
padding-bottom:300px;
}
div.recruitment-jobs {
min-height:600px;
background-image:url('mountain4.jpg');
padding-bottom:200px;
}
div.partners {
background-image:url('mountain1.jpg');
padding-bottom:420px;
_height:700px; /*IE6 hack*/
}
div.ideas {
background-image:url('mountain5.jpg');
padding-bottom:360px;
}
div.solutions {
background-image:url('mountain2.jpg');
padding-bottom:320px;
}
div.consulting {
background-image:url('mountain6.jpg');
padding-bottom:320px;
}
div.about {
background-image:url('mountain8.jpg');
padding-bottom:320px;
}
div.contact {
background-image:url('mountain7.jpg');
padding-bottom:250px;
}
div#content p {
font-size:14px;
}

div#content h1 {
font-size:18px;
color:#FFF;
margin:0 32px;
padding:0;
}

div#inner h1 {
margin:0;
}

div#content h2 {
font-size:14px;
font-weight:700;
color:#FFF;
}

div.home div#inner p{
font-size: 22px;
}

div#copyright {
color:#FFF;
font-size:12px;
font-style:italic;
text-align:right;
_margin-left:10%; /*IE6 hack*/
_margin-right:10%; /*IE6 hack*/
}
div#copyright #slidehandle {
visibility:hidden;
margin-right: 8px;
vertical-align: text-top;
}
div#copyright:hover #slidehandle {
visibility:visible;
}

div#masthead {
background-image:url('jglogo_100x100.png');
background-position:right top;
background-repeat:no-repeat;
height:100px;
border-right:1px solid #FFF;
border-bottom:1px solid #FFF;
margin:0 0 16px;
padding-right:100px;
_margin-left:10%; /*IE6 hack*/
_margin-right:10%; /*IE6 hack*/
}

div#masthead p {
border:0;
color:#FFF;
line-height:16px;
margin:2px;
}

div#masthead p#tagline {
vertical-align:bottom;
margin-top:32px;
font-style:italic;
font-size:24px;
font-weight:bold;
color:#ccc;
white-space:nowrap; 
line-height:26px;
}
div#masthead p#tagline span.narrower {
font-size:22px;
font-weight:normal;
}
div#inner {
background-color:transparent;
border:0;
margin:32px 32px 16px;
padding:0 16px 16px;
}
.label {
font-weight:700;
width:156px;
}

td {
vertical-align:top;
border:0;
margin:0;
padding:0;
color:#CCC;
}

ul#navigator {
float:left;
height:auto;
font-weight:700;
list-style:none;
margin:4px 16px 16px -16px;
padding:0;

}

ul#navigator li {
height:64px;
width:84px;
margin:0 0 4px 0;
padding:0 2px;
color:white;
border:0;
border-right:4px solid transparent;
background-position: 90% 80%;
background-repeat: no-repeat;
font-size:11px;
font-weight:lighter;
background-color:#333;
}
ul#navigator li.current{
border-right:4px solid yellow;
}
ul#navigator li a {
border:0;
width:84px;
height:64px;
margin:0;
padding:0 4px 0 0;
display:block;
vertical-align:text-bottom;
text-decoration:none;
color:white;
}

ul#navigator li:hover a {
color: yellow;
}
ul#navigator li:hover {
background-color:#444;
color: yellow;
}
ul#navigator li#recruitment-jobs {
background-image: url('news-48x48.png');
}
ul#navigator li#recruitment-workforus {
background-image: url('people-48x48.png');
}
ul#navigator li#solutions-whyus {
background-image: url('querybox-24x24.png');
}
ul#navigator li#solutions-pp {
background-image: url('padlock-24x24.png');
}
ul#navigator li#solutions-aci {
background-image: url('tick-24x24.png');
}
ul#navigator li#solutions-archive {
background-image: url('database-24x24.png');
}
ul#navigator li#ideas-about{
background-image: url('querybox-48x48.png');
}
ul#navigator li#ideas-data {
background-image: url('database-48x48.png');
}
ul#navigator li#ideas-abinitio {
background-image: url('blocks-48x48.png');
}
.maingraphic {
margin:0 auto;
}
.centred {
text-align:center;
margin-left:auto;
margin-right:auto;
}
table.layout {
border:0;
padding:0;
margin:0;
width:auto;
background:transparent;
empty-cells:show;
border-spacing:0;
border-collapse:collapse;
table-layout:fixed;
}
table.layout td {
color:#CCC;
border:0;
padding:0 8px;
margin:0;
background:transparent;
width:50%;
}
div.partner-logo {
display:block;
position:absolute;
min-height:48px;
}
div.partner-logo a {
text-decoration: none;
color:#CCC;
}

ul.twitter-ul {
border: 1px solid #ccc;
margin: 0;
padding: 8px;
background-color: #111;
}
ul.twitter-ul li {
list-style: none;
margin: 0 0 8px 0;
border-bottom: 1px solid #ccc;
padding: 0 0 8px 0;
}
a#policy {
float:left;
background-image:url('info.gif');
background-position:bottom-left;
background-repeat:no-repeat;
padding-left:18px;
}
a.sitebutton {
display:block;
height:64px;
float:left;
margin-right:16px;
}
a#linkedin {
background-image:url('LinkedIn_Logo60px.png');
background-position:bottom-left;
background-repeat:no-repeat;
padding-left:64px;
}