html { overflow: -moz-scrollbars-vertical; }

body { margin: 0; padding: 0; font: 9pt/1.8 "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; }

#wrapper { padding-top: 120px; width: 800px; margin: 0 auto; text-align: left; position: relative;  }

#splashpage #wrapper { background: url(/images/splash_page_animation.gif) 290px 209px no-repeat; }
#homepage #wrapper { background: url(/images/home_page_animation.gif) 0 0 no-repeat; }
#aboutpage #wrapper { background: url(/images/about_page_animation.gif) 0 80px no-repeat; }
#newspage #wrapper { background: url(/images/news_page_animation.gif) 501px 80px no-repeat; }
#contactpage #wrapper { background: url(/images/contact_page_animation.gif) 571px 0 no-repeat; }
#peoplefrontpage #wrapper { background: url(/images/people_page_animation.gif) 190px 0 no-repeat; }
#partnerspage #wrapper { background: url(/images/partners_page_animation.gif) 267px 0 no-repeat; }
#memberspage #wrapper { background: url(/images/members_page_animation.gif) 348px 0 no-repeat; }
#portpage #wrapper { background: url(/images/port_page_animation.gif) 660px 127px no-repeat; }
#careerspage #wrapper { background: url(/images/people_page_animation.gif) 433px 0 no-repeat; }

a { color: #a7a7a7; text-decoration: none;}
a:hover { color: #333333; text-decoration: none; }

h1 { margin: 0; padding: 0; width: 94px; height: 20px; position: absolute; top: 32px; left: 666px; line-height: 1;}
h1 a { display: block; width: 94px; height: 20px; background: url(/images/ind_x_type.gif) no-repeat top left; text-indent: -999em; }

#splashpage h1 { background: url(/images/ind_x_type.gif) top left no-repeat; width: 94px; height: 20px; text-indent: -999em; top: 182px; left: 247px; }
img.box { position: absolute; top: 70px; left: 40px; }
p.strap { padding-top: 400px; background: url(/images/independent-etc.gif) no-repeat bottom right; width: 760px; height: 38px; text-indent: -999em; margin: 0 0 1em;}
p.link { margin-left: 570px; }

h2 { font-size: 1.4em; margin: 0.5em 0 0; font-weight: normal; }
h3 { font-size: 1.2em; line-height: 1.2; margin: 0.6em 0 0; font-weight: normal; }

p, ul, ol { color: #666666; letter-spacing: 0.4px; word-spacing: 0pt; margin: 0 0 1em; }

#nav { position: relative; }
#nav ul { margin: 0; padding: 0; }
#nav li { list-style: none; float: left; padding: 0; margin: 0; line-height: 1; }

#nav li a { display: block; height: 18px; text-indent: -999em; outline: none; position: absolute; top: 0; }

#nav li.home a { background: url(/nav/home.gif) 0 0 no-repeat; width: 44px; left: 40px; }
#nav li.about a { background: url(/nav/about.gif) 0 0 no-repeat; width: 45px; left: 104px; }
#nav li.people a { background: url(/nav/people.gif) 0 0 no-repeat; width: 48px; left: 169px; }
#nav li.partners a { background: url(/nav/partners.gif) 0 0 no-repeat; width: 61px; left: 237px; }
#nav li.members a { background: url(/nav/members.gif) 0 0 no-repeat; width: 67px; left: 318px; }
#nav li.careers a { background: url(/nav/careers.gif) 0 0 no-repeat; width: 58px; left: 405px; }
#nav li.news a { background: url(/nav/news.gif) 0 0 no-repeat; width: 41px; left: 483px; }
#nav li.contact a { background: url(/nav/contact.gif) 0 0 no-repeat; width: 59px; left: 544px; }
#nav li.port a { background: url(/nav/port.gif) 0 0 no-repeat; width: 32px; left: 623px; }

#nav li a:hover, #nav li.sel a { background-position: 0 -18px;}

.peoplepage #content ul { margin: 0; padding: 0; }
.peoplepage #content li { list-style: none; margin: 0; padding: 0; float: left; }
.peoplepage #content li a { display: block; width: 70px; height: 70px; margin: 0; padding: 0; text-indent: -999em; outline: none;}
.peoplepage #content li.peter a { background: url(/images/peter.jpg) 0 -70px no-repeat; } 
.peoplepage #content li.declan a { background: url(/images/declan.jpg) 0 -70px no-repeat; } 
.peoplepage #content li.alastair a { background: url(/images/alastair.jpg) 0 -70px no-repeat; } 
.peoplepage #content li.janina a { background: url(/images/janina.jpg) 0 -70px no-repeat; } 
.peoplepage #content li.claire a { background: url(/images/claire.jpg) 0 -70px no-repeat; } 
.peoplepage #content li.simon a { background: url(/images/simon.jpg) 0 -70px no-repeat; }
.peoplepage #content li.richard a { background: url(/images/richard.jpg) 0 -70px no-repeat; } 
.peoplepage #content li.toby a { background: url(/images/toby.jpg) 0 -70px no-repeat; }
.peoplepage #content li.danny a { background: url(/images/danny.jpg) 0 -70px no-repeat; }
.peoplepage #content li.david a { background: url(/images/david.jpg) 0 -70px no-repeat; }
.peoplepage #content li.max a { background: url(/images/max.jpg) 0 -70px no-repeat; }
.peoplepage #content li.shan a { background: url(/images/shan.jpg) 0 -70px no-repeat; }
.peoplepage #content li.martha a { background: url(/images/martha.jpg) 0 -70px no-repeat; }
.peoplepage #content li.saandra a { background: url(/images/saandra.jpg) 0 -70px no-repeat; }
.peoplepage #content li.hilary a { background: url(/images/hilary.jpg) 0 -70px no-repeat; }
.peoplepage #content li a:hover, .peoplepage #content li.sel a { background-position: 0 0; }
.peoplepage #content .person_detail { clear: both; padding-top: 4px;}
.peoplepage #content .person_detail p { padding: 0 0 0 40px; clear: both; margin: 0 0 0 -40px; background: url(/images/person_page_animation.gif) 0 9px no-repeat; }

#content { padding: 50px 40px 0 40px; clear: both; }

#col1 { float: left; }
#col2 { float: right; }

#homepage #col1 { width: 478px; }
#homepage #col2 { width: 242px; padding-top: 160px; }

#aboutpage #col1 { width: 458px; margin-bottom: 20px; }
#aboutpage #col2 { width: 262px; }

.peoplepage #col1 { width: 520px; }
.peoplepage #col2 { width: 200px; padding-top: 120px; }

#contactpage #col1 { width: 442px; float: right; margin-bottom: 30px; }
#contactpage #col2 { width: 278px; float: left; } 

#careerspage #col1 { width: 600px; }
#careerspage #col2 { margin-right: 120px;}

#partnerspage #col1 { width: 600px; }

#memberspage #col1 { width: 413px; }
#memberspage #col2 { width: 307px; padding-top: 160px; }
 
img.otherlogo { margin: 0 0 1em; }

#newspage #col1 { width: 442px; float: right; margin-bottom: 20px; }
#newspage #col2 { width: 280px; margin-left: -22px; float: left; padding-top: 140px; }

#portpage #col1 { width: 128px; float: left; }
#portpage #col2 { width: 370px; margin-right: 14px; float: left;  margin-bottom: 20px; }
#portpage #col3 { width: 208px; padding-top: 160px; float: left; }

#standardpage #content { width: 600px; }

.newsitem img { float: right; margin: 5px 0 5px 5px; }
.newsitem img.pdf { float: none; margin: 0; }

#footer { clear: both; margin: 0 40px; }
#footer a { margin-right: 20px; }