/* Layout & General */

body {
background-color:#747F83;
}

#outer {
background-color:#fff;
}

#inner {
width: 960px;
margin-left:auto;
margin-right:auto;
}



/* Header */

#header {
position:relative;
height:89px;
width:960px;
}

#header .logo {
position:absolute;
left:15px;
top:17px;
width:125px;
height:55px;
}

#header .logo h1 {
text-indent:-10000em;
}

#header .logo h1 a {
display:block;
width:125px;
height:55px;
background-image:url(/images/wjm-logo.gif);
background-repeat:no-repeat;
background-position:top left;
}

#header .topnav {
position:absolute;
left:170px;
bottom:14px;
width:320px;
height:55px;
}

#header .topnav ul li {
float:left;
width:160px;
}

#header .topnav ul li a:link,
#header .topnav ul li a:visited,
#header .topnav ul li a:hover,
#header .topnav ul li a:active {
font-size:22px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#747F83;
text-decoration:none;
}

#header .topnav ul li a:hover {
color:#394c7f;
}

#header .topnav ul li a.active {
color:#394c7f;
}

#header .searchbox {
position:absolute;
right:0px;
top:20px;
width:230px;
}

#header .searchbox input.txt {
border:1px solid #747F83;
width:176px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding:3px;
color:#444;
}

#header .searchbox input.img {
position:absolute;
padding-left:5px;
padding-top:5px;
}

#header .enquiries {
position:absolute;
right:0px;
bottom:14px;
width:230px;
}

#header .enquiries a:link,
#header .enquiries a:visited,
#header .enquiries a:hover,
#header .enquiries a:active {
font-size:18px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#747F83;
text-decoration:none;
}

#header .enquiries a:hover {
color:#394c7f;
}

#header .enquiries a.active {
color:#394c7f;
}

/* Nav */

#nav {
height:55px;
background-image:url(/images/nav-bg.jpg);
background-repeat:no-repeat;
padding-left:10px;
}

#nav ul li {
float:left;
padding:10px;
margin-right:5px;
}

#nav ul li a:link,
#nav ul li a:visited,
#nav ul li a:hover,
#nav ul li a:active {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
color:#747F83;
}

#nav ul li a:hover {
color:#394c7f;
}

#nav ul li a.active {
color:#394c7f;
}

/* Main */

body.home #main {
width:960px;
}

body.home #main .contents {
padding:0 10px 0 10px;
}

body.home #main .clientcentric {
width:940px;
background-image:url(/images/clientcentric-bg.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding-bottom:10px;
margin-bottom:15px;
}

body.home #main #newsletters {
width:940px;
font-family:Arial, Helvetica, sans-serif;
}

body.home #main #newsletters .newsletter {
width:300px;
padding-bottom:15px;
float:left;
}

body.home #main #newsletters .bulletin {
width:300px;
padding-bottom:15px;
float:left;
}

body.home #main #newsletters .newsletter .header,
body.home #main #newsletters .bulletin .header {
width:300px;
height:73px;
border-bottom:1px dotted #444444;
}

body.home #main #newsletters .bulletin .header {
border:none;
padding-bottom:1px;
}

body.home #main #newsletters .newsletter .meta,
body.home #main #newsletters .bulletin .meta {
padding:5px 10px;
background-image:url(images/arrow-blue.gif);
background-repeat:no-repeat;
background-position:280px 12px;
}

body.home #main #newsletters .bulletin .meta {
background-image:none;
background-color:#394c7f;
}

body.home #main #newsletters .newsletter .meta p.desc,
body.home #main #newsletters .bulletin .meta p.desc {
font-size:12px;
font-weight:bold;
color:#394C7F;
}

body.home #main #newsletters .bulletin .meta p.desc {
color:white;
}

body.home #main #newsletters .newsletter .meta p.strapline,
body.home #main #newsletters .bulletin .meta p.strapline {
font-size:11px;
color:#444;
}

body.home #main #newsletters .bulletin .meta p.strapline {
color:white;
}

body.home #main #newsletters .newsletter .photo {
overflow:hidden;
width:300px;
height:175px;
}

body.home #main #newsletters .bulletin .photo {
width:300px;
height:175px;
}

body.home #main #newsletters .newsletter .headline {
position:absolute;
background-color:#747f83;
}

body.home #main #newsletters .newsletter .photo .headline p {
font-size:11px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
}

body.home #main #newsletters .newsletter .photo .headline p a:link,
body.home #main #newsletters .newsletter .photo .headline p a:visited,
body.home #main #newsletters .newsletter .photo .headline p a:hover,
body.home #main #newsletters .newsletter .photo .headline p a:active {
display:block;
padding:3px 5px 3px 10px;
font-size:11px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
text-decoration:none;
}

body.home #main #newsletters .newsletter div.copy p,
body.home #main #newsletters .bulletin div.copy p {
font-size:11px;
line-height:140%;
color:#444;
padding:5px 10px 5px 10px;
}

body.home #main #newsletters .divider {
float:left;
margin:0 9px 0 9px;
}

/* Page & General */

#page {
padding:0 10px 0 10px;
}

#page input {
border:1px solid #444;
padding:3px;
}

#page .copy a:link,
#page .copy a:visited,
#page .copy a:hover,
#page .copy a:active {
color:#394c7f;
}

#pagetitle {
padding-bottom:21px;
background-image:url(images/pageheading-shadow.jpg);
background-repeat:no-repeat;
background-position:bottom;
position:relative;
}

#pagetitle .centric {
position:absolute;
right:10px;
top:5px;
}

#pagetitle h2 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:48px;
color:#B9BFC1;
border-bottom:5px solid #394c7f;
padding-left:5px;
letter-spacing:-2px;
}

body.page #main,
body.people #main,
body.news #main {
width:640px;
float:left;
padding-bottom:40px;
}

body.page #main .contents,
body.people #main .contents,
body.news #main .contents {
padding-left:5px;
}

body.page #main h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
color:#394c7f;
padding-bottom:15px;
}

body.page #main h3 span {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:20px;
color:#747f83;
padding-bottom:15px;
}

body.page #servicemeta {
border-top:2px solid #394c7f;
border-bottom:2px dotted #394c7f;
padding:4px 0 4px 0;
margin-bottom:5px;
}

body.page #servicemeta p {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
text-transform:uppercase;
color:#444444;
}

body.page #servicemeta a:link,
body.page #servicemeta a:visited,
body.page #servicemeta a:hover,
body.page #servicemeta a:active {
text-transform:none;
color:#394c7f;
text-decoration:none;
font-weight:bold;
}

body.page #servicemeta .head {
float:left;
padding-right:40px;
}

body.page #servicemeta .email {
float:left;
}

body.page #servicebanner {
width:635px;
height:245px;
padding-bottom:10px;
}

body.page .summary p,
body.page .summary ul li {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
line-height:140%;
color:#444444;
}

body.page .summary ul {
list-style:disc;
padding-left:30px;
padding-top:5px;
}

body.page .summary p {
padding-top:10px;
}

body.page .copy h4 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#394c7f;
padding-top:20px;
}

body.page .copy p,
body.page .copy ul li,
body.page .copy ol li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:150%;
color:#444444;
}

body.page .copy p {
padding-top:10px;
}

body.page .copy ul {
list-style:disc;
padding-left:30px;
padding-top:5px;
padding-top:10px;
}

body.page .copy ol {
padding-left:30px;
padding-top:5px;
padding-top:10px;
}

#sidenav {
width:230px;
float:right;
background-image:url(images/sidenav-bg.jpg);
background-repeat:no-repeat;
margin-top:35px;
margin-bottom:35px;
}

#sidenav ul li {
padding:5px 10px 5px 20px;
}

#sidenav ul li.active {
background-image:url(images/arrow-blue.gif);
background-repeat:no-repeat;
background-position:3px 8px;
}

#sidenav ul li ul li {
padding:3px 0;
line-height:1;
background-image:none;
font-size:11px;
}

#sidenav ul li a:link,
#sidenav ul li a:visited,
#sidenav ul li a:hover,
#sidenav ul li a:active {
text-decoration:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#444444;
}

#sidenav ul li a:link,
#sidenav ul li a:visited,
#sidenav ul li a:hover,
#sidenav ul li a:active {
text-decoration:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#444444;
}

#sidenav ul li a:hover {
text-decoration:underline;
}

#sidenav ul li ul li a:link,
#sidenav ul li ul li a:visited,
#sidenav ul li ul li a:hover,
#sidenav ul li ul li a:active {
text-decoration:none;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#444444;
}

#sidenav ul li ul li a:hover {
text-decoration:underline;
}

#sidenav ul li.active a:link,
#sidenav ul li.active a:visited,
#sidenav ul li.active a:hover,
#sidenav ul li.active a:active {
font-weight:bold;
color:#394c7f;
}

#sidenav ul li.active ul li a:link,
#sidenav ul li.active ul li a:visited,
#sidenav ul li.active ul li a:hover,
#sidenav ul li.active ul li a:active {
font-weight:normal;
color:#444444;
}

#sidenav ul li.active ul li.active a:link,
#sidenav ul li.active ul li.active a:visited,
#sidenav ul li.active ul li.active a:hover,
#sidenav ul li.active ul li.active a:active {
font-weight:bold;
color:#394c7f;
}

#sidenav ul li.active ul li.active {
background-image:none;
}

body.page #centricmodel {
width:635px;
}

body.page #centricmodel .col1 {
width:200px;
float:left;
}

body.page #centricmodel .col1 p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-bottom:10px;
line-height:150%;
color:#444444;
}

body.page #centricmodel .col2 {
width:435px;
text-align:right;
float:right;
}


/* People */

body.people #summary {
width:100%;
float:left;
padding-bottom:5px;
border-bottom:1px dotted #394c7f;
margin-bottom:20px;
}

body.people #summary .contents {
width:635px;
padding:0 0 0 5px;
}

body.people #summary .contents p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
padding-bottom:10px;
color:#444444;
}

body.people #summary .contents p em {
font-weight:bold;
font-size:22px;
}

body.people #filter ul {
width:635px;
}

body.people #filter ul li {
float:left;
}

body.people #filter ul li a:link,
body.people #filter ul li a:visited,
body.people #filter ul li a:hover,
body.people #filter ul li a:active {
display:block;
padding:1px 4px;
background-color:#F5F6F8;
margin-right:1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#444444;
}

body.people #filter ul li.all a:link,
body.people #filter ul li.all a:visited,
body.people #filter ul li.all a:hover,
body.people #filter ul li.all a:active {
padding:1px 9px;
}

body.people #filter ul li.alpha a:link,
body.people #filter ul li.alpha a:visited,
body.people #filter ul li.alpha a:hover,
body.people #filter ul li.alpha a:active {
padding:1px 6px;
}

body.people #filter ul li a:hover,
body.people #filter ul li.active a {
background-color:#394c7f;
color:#fff;
}

body.people #filter ul li.empty a,
body.people #filter ul li.empty a:hover {
color:#fff;
background-color:#F5F6F8;
}

body.people #main h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#394c7f;
margin-top:10px;
margin-bottom:10px;
}

body.people #status_msg {
width:635px;
height:15px;
margin:5px 0;
text-align:center;
}

body.people #sidenav h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#394c7f;
margin-top:15px;
padding-left:20px;
margin-bottom:10px;
}

body.people #stafflist table {
width:635px;
}

body.people #stafflist table td {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px 0 5px 0;
border-bottom:1px dotted #babfc1;
}

body.people #stafflist table td.name {
width:275px;
}

body.people #stafflist table td.email {
width:200px;
}

body.people #stafflist table td.vcard {
width:160px;
text-align:right;
}

body.people #stafflist table td a:link,
body.people #stafflist table td a:visited,
body.people #stafflist table td a:hover,
body.people #stafflist table td a:active {
text-decoration:none;
color:#444444;
}

body.people #stafflist table td a:hover {
text-decoration:underline;
}

body.people #stafflist table td em {
font-weight:bold;
}


body.people #person {
margin-top:30px;
font-family:Arial, Helvetica, sans-serif;
color:#444444;
font-size:12px;
}

body.people #person ul,
body.people #person ol {
padding-left:30px;
padding-bottom:15px;
}

body.people #person ul {
list-style:disc;
}

body.people #person p {
padding-bottom:15px;
width:350px;
line-height:150%;
}

body.people #person .photo {
width:230px;
float:right;
}

body.people #person h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:22px;
color:#444444;
}

body.people #person h4 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#394c7f;
margin-bottom:20px;
}

body.people #person h4 a:link,
body.people #person h4 a:visited,
body.people #person h4 a:hover,
body.people #person h4 a:active {
font-weight:bold;
font-size:14px;
color:#394c7f;
}

body.people #person h5 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#394c7f;
}

/* Breaking News */

body.news #main h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
color:#394c7f;
padding-bottom:15px;
}

body.news #main h3.breaking {
color:#f00;
}

body.news #archive {
border-bottom:1px dotted #444;
}

body.news #archiveyear ul {
margin-bottom:5px;
}

body.news #archiveyear ul li {
float:left;
}

body.news #archiveyear ul li a:link,
body.news #archiveyear ul li a:visited,
body.news #archiveyear ul li a:hover,
body.news #archiveyear ul li a:active {
display:block;
padding:1px 0;
background-color:#F5F6F8;
margin-right:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#444444;
text-align:center;
width:74px;
}

body.news #archiveyear ul li a:hover {
background-color:#394c7f;
color:#fff;
}

body.news #archiveyear ul li.active a:link,
body.news #archiveyear ul li.active a:visited,
body.news #archiveyear ul li.active a:hover,
body.news #archiveyear ul li.active a:active {
background-color:#394c7f;
color:#fff;
}

body.news #archivemonth ul {
padding-bottom:5px;
}

body.news #archivemonth ul li {
float:left;
}

body.news div.newsentry {
padding:20px 0;
border-bottom:1px dotted #444;
}

body.news div.newsentry div.photo {
width:140px;
float:left;
margin-right:15px;
margin-bottom:5px;
}

body.news div.newsentry p,
body.news div.newsletter p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#444444;
padding-top:15px;
line-height:150%;
}

body.news div.newsentry ul li,
body.news div.newsletter ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#444444;
line-height:150%;
}

body.news div.newsentry ul {
list-style:disc;
padding-left:30px;
padding-top:5px;
padding-top:10px;
}

body.news div.newsentry h4,
body.news div.newsletter h4 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#394c7f;
padding-top:5px;
}

body.news div.newsentry p.meta,
body.news div.newsletter p.meta {
font-size:12px;
text-transform:uppercase;
font-weight:bold;
color:#747f83;
padding-top:0px;
}

body.news div.summary {
padding:20px 0 10px 0;
border-bottom:1px dotted #444;
}

body.news div.summary p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#747f83;
padding-bottom:10px;
font-weight:bold;
}

body.news div.summary p em {
font-size:22px;
}

body.news div.newsletter {
padding:20px 0;
border-bottom:1px dotted #444;
}

body.news div.newsletter div.photo {
width:140px;
float:left;
margin-right:15px;
margin-bototm:5px;
}

/* Footer */

#footer {
background-color:#747F83;
padding-bottom:10px;
}

#footer .subbox input.txt {
width:176px;
margin:0px;
margin-bottom:3px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding:3px;
color:#444;
}

#footer .subbox input.img {
position:absolute;
padding-left:5px;
padding-top:4px;
}

#footerouter {
position:relative;
}

#footerinner {
background-image:url(/images/footer-background.gif);
background-repeat:no-repeat;
width:960px;
margin-left:auto;
margin-right:auto;
position:relative;
}

#footer .enquiries {
position:absolute;
right:0px;
bottom:14px;
width:230px;
}

#footer .enquiries a:link,
#footer .enquiries a:visited,
#footer .enquiries a:hover,
#footer .enquiries a:active {
font-size:18px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
}

#footer .enquiries a:hover {
color:#394c7f;
}

#footer .contents {
padding:0 10px 0 10px;
}

#footer .section {
width:223px;
float:left;
font-family:Arial, Helvetica, sans-serif;

}

#footer .sectionpad {
margin-right:16px;
}

#footer h2 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:22px;
color:#fff;
padding:10px 0 10px 10px;
}

#footer .section h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#fff;
border-bottom:1px dotted #fff;
padding-bottom:3px;
margin-bottom:5px;
}

#footer .section p {
font-size:11px;
font-weight:bold;
padding-bottom:10px;
color:#fff;
line-height:140%;
}

#footer .section li {
font-size:11px;
font-weight:bold;
color:#fff;
line-height:140%;
}

#footer .section a:link,
#footer .section a:visited,
#footer .section a:hover,
#footer .section a:active {
font-size:11px;
font-weight:bold;
padding-bottom:10px;
color:#fff;
text-decoration:none;
}

#footer .subbox a:link,
#footer .subbox a:visited,
#footer .subbox a:hover,
#footer .subbox a:active {
text-decoration:underline;
}

#footer .section input {
margin:0 15px 5px 0;
}


body.home #slider,
body.home #slider ul,
body.home #slider li {
margin:0;
padding:0;
width:300px;
height:270px;
list-style:none;
overflow:hidden;
}

span#prevBtn {
display:none;
}

span#nextBtn {
display:none;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}