html {
font-size:100%;
}
body {
background:url(images/bg.gif) repeat-x #1f273e;
margin:0;
font: 62.5%/1.5 "Century Gothic",Verdana,Arial,Helvetica,Sans-Serif;
color:#000000;
}
img {
border:none;
}

#header {
padding-top:33px;
margin:0 auto;
width:801px;
height:170px;
color:#ffffff;
background:url(images/header-glow.gif) no-repeat center;
position:relative;
}
#logo {
float:left;
margin-left:16px;
width:127px;
}
#strap {
float:left;
text-indent:-900%;
width:260px;
height:29px;
background:url(images/tagline.gif);
}
#email 
{
width:188px;
float:right;
}
#email a{
width:188px;
height:30px;
background:url(images/emailaddress-top.gif) top;
text-indent:-900%;
float:left;
}
#email a:hover{
width:188px;
height:30px;
background:url(images/emailaddress-top2.gif) top;
text-indent:-900%;
float:left;
}


.jobtitle 
{
    font-size:1.4em;
    font-weight:bold;
    padding-bottom:10px;
    margin:0px;
}

a 
{
    color:#25559f;
    text-decoration:underline;
}
a:hover
{
    color:#25559f;
    text-decoration:none;
}

.bottom-button a
{
    float:left;
    background-color:#1f273e;
    color:#ffffff;
    font-size:1em;
    padding:10px;
    margin-right:10px;
}
.bottom-button a:hover
{
    float:left;
    background-color:#04c1ff;
    color:#000000;
    padding:10px;
    margin-right:10px;
}
.equal-opps 
{
    font-size:0.9em;
}




#menu {
position:absolute;
top:71px;
left:365px;
background:left no-repeat;
width:422px;
height:35px;
padding-top:97px;
overflow:visible;
}
#menu ul{
display:inline;
padding:0px;
margin:0px;
}
#menu li{
list-style-type:none;
display:inline;
padding:0px;
}
#menu ul li a {
float:left;
text-indent:-900%;
height:35px;
margin-right:4px;
}
#menu ul li a:hover{
float: left;
color: #333333;

}

#menu a.home {
background:url(images/buuton1.png);
width:72px;

}
#menu a:hover.home {
background:url(images/buuton1-over.png);
width:72px;

}
#menu a.home-selected {
background:url(images/buuton1-selected.png);
width:72px;

}

#menu a.roles{
background:url(images/buuton2.png);
width:111px;

}
#menu a:hover.roles{
background:url(images/buuton2-over.png);
width:111px;

}
#menu a.roles-selected {
background:url(images/buuton2-selected.png);
width:111px;

}

#menu a.benefits{
background:url(images/buuton3.png);
width:101px;

}
#menu a:hover.benefits{
background:url(images/buuton3-over.png);
width:101px;

}
#menu a.benefits-selected {
background:url(images/buuton3-selected.png);
width:101px;

}

#menu a.contact{
background:url(images/buuton4.png);
width:126px;
margin-right:0px;
}
#menu a:hover.contact{
background:url(images/buuton4-over.png);
width:126px;
margin-right:0px;
}
#menu a.contact-selected {
background:url(images/buuton4-selected.png);
width:126px;
margin-right:0px;
}


#panel {
background:url(images/bottom-border.gif) bottom repeat-x;
height:156px;
min-width:801px;
}

#panel-inner {
margin:0 auto;
width:801px;
}


h1 {
padding-top:80px;
margin:0;
width:657px;
height:41px;
text-indent:-900%;
}


h1.home {
background:url(images/page-strapline.gif) bottom no-repeat;
}

h1.roles {
background:url(images/page-strapline2.gif) bottom no-repeat;
}
p.intro {
font-size:1.4em;
}


#content-wrapper {
margin:0 auto;
background:#ffffff;
}
#content {
margin:0 auto;
width:769px;
font-size:1.3em;
padding:18px 16px 40px 16px;
overflow:auto;
}
#content img {
float:right;
margin: 0px 0px 20px 20px;
}


#footer {
width:100%;
background-color:#1f273e;
height:158px;
}
#footer-inner {
margin:0 auto;
width:801px;
color:#ffffff;
}
#footer-inner span.address {
margin-top:20px;
float:right;
width:214px;
height:90px;
background:url(images/address.gif);
text-indent:-900%;
}



p.jd-bottom 
{
    border-top:solid 1px #cccccc;
    padding-top:20px;
}