* {padding:0;margin:0;font-size:100%;font-family:Arial;line-height:1.5em;}
html {background-color:#fff;}
#body {font-size:62.5%;width:96em;margin:0 auto 0 auto;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;font-style:normal;}
div.clear {clear:both;}
p {margin-bottom:1em;font-size:1.1em;}
div.html {font-size:1.1em;}

h1,h2 {overflow:hidden;}
h1 span, h2 span {position:absolute;left:-200em;}

/** anchor styles **/
a { text-decoration:none;font-weight:bold;color:#6590BF;}
a:hover {text-decoration:underline;}
a img { border:none; }
h1 a, h2 a, h3 a {text-decoration:none;color:inherit;}

.thumbnail {background:url(../i/global/thumbnail-border.gif) 0 0 no-repeat;padding:17px;margin:0 1em 0.5em 0;}

div.pageContent {font-size:1.1em;}

#footer {text-align:center; color:#C5C7C9;padding-left:28em;}
#footer a {font-weight:normal;}
#footer a:hover {text-decoration:underline;}

/** header styles **/
#header {}
#header .tagLine {float:right;}
#header h1 {width:15em;position:absolute;}

/** styles for the main content area **/
#main {float:right;width:60em;}
#main h1 {color:#0E509A;font-weight:bold;padding:0 0 0.6em 0;font-size:2.2em;} 
#main h2 {color:#0E509A;font-weight:bold;padding:0 0 0.6em 0;font-size:2em;} 
#main h3 {color:#0E509A;font-weight:bold;padding:0 0 0.6em 0;} 
#main .content {margin-bottom:2em;border-bottom:1px solid #fff;}
#main .tr {background: url(../i/global/content-border-tr.gif) 100% 0 no-repeat;height:3.7em;float:right;width:5.9em;}
#main .tl {background: url(../i/global/content-border-tl.gif) 0 0 no-repeat;height:3.7em;float:left;width:5.9em;}
#main .bl {background: url(../i/global/content-border-bl.gif) 0 100% no-repeat;height:3.7em;float:left;width:5.9em;}
#main .br {background: url(../i/global/content-border-br.gif) 100% 100% no-repeat;height:3.7em;float:right;width:5.9em;}
#main .media {border-left:20px solid #000;padding:0 18px 4em 18px;border-right:20px solid #000;margin-top:-0.4em;}
#main .media .mediaInner {width:584px;height:290px;text-align:center;}
#main .contentBottom {margin-top:-0.4em;}

/** styles for the nav area **/
#nav {float:left;width:auto;padding:0 1.9em}
#nav ul {list-style-type:none;}
#nav ul li {float:left;width:11em;border-right:1px solid #fff;}
#nav ul li a {font-weight:normal;text-decoration:none; background-color:#C5C7C9;color:#fff;display:block;text-align:center;padding:0.2em 0;}
#nav ul li a.selected, #nav ul li a:hover {background-color:#004895;}

/** styles for the sub nav area **/
#subnav {width:auto;float:left;margin:1.9em 0 0 0;}
#subnav .homeLink {margin-left:1.9em;position:absolute;background:url(../i/global/home.gif) 0 0 no-repeat;height:20px;width:20px;overflow:hidden;}
#subnav a.homeLink:hover {background:url(../i/global/home.gif) 0 -20px no-repeat;}
#subnav .homeLink span {margin-left:10em;}
#subnav ul, #subnav ol {text-align:center;padding-top:1px;}
#subnav ul li, #subnav ol li {display:inline;margin:0 0.8em;}
#subnav ul li a, #subnav ol li a {padding:0.3em 0.8em;background-color:#C5C7C9;color:#fff;font-weight:normal;}
#subnav ul li a:hover, #subnav ol li a:hover {background-color:#004895;}

/** styles for an article summary **/
#sideBar {width:26em;float:left;overflow:hidden;}
#sideBar h2 {text-align:left;margin-bottom:1em;}
#sideBar h2.ourWork {text-align:left;}
.article {width:100%;margin-bottom:0em;}
.article h3 {color:#0E509A;font-weight:bold;padding:0 0 0.6em 0;font-size:1.1em;}
.article .thumbnail {float:left;}
.article .title {float:right;width:169px;}

/** styles for the lets talk page **/
.address {margin-bottom:2em;text-align:left;font-size:1.1em;}
#sideBar .address {margin-top:20px;}
#sideBar .address h2 {text-align:left;margin:0;}
/*#maps .media {height:380px;padding-bottom:2em;padding-top:3.5em;}*/
#subnav.letstalk ul {text-align:right;width:47em;}

/** styles of the our work page **/
#ourWork {margin-top:0;}
#ourWork h2, #featuredWorkSidebar h2, #ourWorkSidebar h2 {font-size:2em;margin:0 0 0.3em 0;padding:0;line-height:1em;color:#0E509A;}
#ourWorkSidebar h2 {margin-bottom:2em;}
#ourWork .details {margin-left:18em;}
#ourWork p {margin:0;}
#sideBar #featuredWorkSidebar h3 {color:#0E509A;font-weight:bold;font-size:1.1em;padding:0.5em 0;}
#ourWork .thumbnail {background:url(../i/our-work/thumbnail-border.gif) 0 0 no-repeat;padding:2.1em;margin:0 2em 0 0;}
#ourWork .thumbnail img {border:1px solid #fff;}
#subnav ol li a.selected {background-color:#004895;}
#ourWork .intro {margin-bottom:2em;font-size:1.1em;}
#nav.ourWork {margin-left:6em;}
#slideshowControls {width:48em;}

/** styles for the news pager **/
.pager a {padding:0 0.4em;background-color:#C5C7C9;color:#fff;margin:0 0.4em;font-weight:normal;}
.pager a.selected {background-color:#004895;}
.pager a:hover {background-color:#004895;}

/** newwsletter styles **/
#newsletter .ff {width:100%;text-align:left;font-size:1.1em;height:3em;}
#newsletter .ff label {width:80px;display:block;float:left;}
#newsletter .ff input {background-color:#C5C7C9;border:none;padding:0.3em 2px;width:280px;color:#000;line-height:1.2em;}
#newsletter .ff span.checkbox input {width:auto;background-color:#fff;}
#newsletter .ff span.checkbox label {display:inline;float:none;margin-left:10px;}
#newsletter p {text-align:left;}
#newsletter p.compulsory {text-align:right;width:365px;font-size:0.9em;}
#newsletter input.button {color:#fff;background-color:#C5C7C9;border:1px solid #C5C7C9;padding:0.3em 1px;cursor:pointer;}
#newsletter input.button:hover {color:#C5C7C9;background-color:#fff;border:1px solid #C5C7C9;}
#newsletter .ff input.button {width:auto;margin-left:200px;}
#newsletter .error label {color:#f00;}
#newsletter .error input {background-color:#f00;}