body { margin-top: 37px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
* { padding: 0; margin: 0; outline: none; }
.clear { clear: both; }
a { color: #007E91; }

/* Containers */
div#container { width: 888px; margin: 0 auto; background: url(images/bg_content.gif) top center repeat-y; }
div#content { width: 890px; background: url(images/bg_top.gif) top center no-repeat; }

/* Header */
div#header { width: 786px; background: url(images/bg_header.gif) top left no-repeat; margin: 18px 0 0 52px; float: left; display: inline; }
div#header img { float: right; margin: 10px 30px 0 0; }
div#header h1 { background: url(images/logo.gif) top left no-repeat; margin: 14px 0 0 21px; }
div#header h1 a { width: 133px; height: 27px; text-indent: -900em; display: block;  }

/* Main Navigation */
#navigation { width: 100%; height: 55px; margin: 10px 0 0 18px; list-style: none; background: url(images/bg_navigation.gif) bottom center no-repeat; float: left; margin-bottom: 5px; display: inline; }
#navigation li { display: inline; float: left; background: #fff; margin: 0 5px 15px 0; }
#navigation li a { width: 145px; height: 41px; display: block; text-indent: -900em; float: left; }

/* Sub Navigation */
#subNavigation { margin: 10px 0 0 25px; list-style: square; float: left; display: inline; height: 20px; }
#subNavigation li { display: inline; float: left; margin: 0 7px 0 0; text-transform: uppercase; font-size: 10px; margin-right: 10px; }
#subNavigation li a { color: #363636; text-decoration: none; background: url(images/square.gif) left no-repeat; padding-left: 12px; }
#subNavigation li a:hover { color: #00879A; background: url(images/square_blue.gif) left no-repeat; }
#subNavigation li .current { color: #00879A; background: url(images/square_blue.gif) left no-repeat; }

/* Heading Styles */
h2#home { width: 414px; height: 69px; background: url(images/banner_intro.gif) bottom left no-repeat; text-indent: -900em; margin: 25px 0 0 19px; float: left; display: inline; }
h2#home2 { width: 414px; height: 69px; margin: 25px 0 0 19px; float: left; display: inline; font-size: 24px; color: #00879A; line-height: 24px; }
h2#about { width: 758px; height: 81px; background: url(images/banner_about.gif) bottom left no-repeat; text-indent: -900em; margin: 15px 0 0 15px; float: left; display: inline; }
h2#about2 { width: 738px; height: 61px; padding: 20px 0 0 20px; background: url(images/banner_about2.gif) bottom left no-repeat; margin: 15px 0 0 15px; float: left; display: inline; font-size: 24px; color: #00879A; line-height: 24px; }


/* List item About Us */
li#about_us { background: url(images/about_us.gif) top left no-repeat; }
li#about_us a:hover { background: url(images/about_us.gif) bottom left no-repeat; }
li#about_us .current { background: url(images/about_us.gif) bottom left no-repeat; }

/* List item Services */
li#services { background: url(images/services.gif) top left no-repeat; }
li#services a:hover { background: url(images/services.gif) bottom left no-repeat; }
li#services .current { background: url(images/services.gif) bottom left no-repeat; }

/* List item International */
li#international { background: url(images/international.gif) top left no-repeat; }
li#international a:hover { background: url(images/international.gif) bottom left no-repeat; }
li#international .current { background: url(images/international.gif) bottom left no-repeat; }

/* List item Clients */
li#clients { background: url(images/clients.gif) top left no-repeat; }
li#clients a:hover { background: url(images/clients.gif) bottom left no-repeat; }
li#clients .current { background: url(images/clients.gif) bottom left no-repeat; }

/* List item Contact Us */
li#contact_us { background: url(images/contact_us.gif) top left no-repeat; }
li#contact_us a:hover { background: url(images/contact_us.gif) bottom left no-repeat; }
li#contact_us .current { background: url(images/contact_us.gif) bottom left no-repeat; }

/* Home Page  */
div#home { width: 786px; float: left; background: url(images/bg_blocks.gif) bottom right no-repeat; margin-left: 52px; display: inline; }
div#home ul { list-style: none; width: 156px; margin: 132px 0 20px 5px; }
div#home li a { width: 156px; height: 78px; display: block; text-indent: -900em; margin-top: 10px; }

/* Home Page Side Links  */
li#download_brochure { background: url(images/download_brochure.gif) bottom center no-repeat; }
li#client_area { background: url(images/client_area.gif) bottom center no-repeat; }
li#european_worldwide { background: url(images/european_worldwide.gif) bottom center no-repeat; }

/* About Us Page  */
div#subpage { width: 786px; float: left; background: url(images/bg_people.gif) right 30px no-repeat; margin-left: 52px; display: inline; padding: 10px 0; }
div#subpage p { width: 283px; margin-left: 15px; margin-top: 15px; color: #00879A; }
div#subpage p.title { font-size: 14px; font-weight: bold; }
div#subpage ul { width: 283px; color: #00879A; margin: 5px 0 10px 35px }

/* About Us Page (Wide Version) */
div#subpage_wide { width: 786px; min-height: 300px; float: left; margin-left: 52px; display: inline; padding: 10px 0; }
div#subpage_wide p { width: 672px; margin-left: 15px; margin-top: 15px; color: #00879A; }
div#subpage_wide p.title { font-size: 14px; font-weight: bold; }

/* White Table */
table.white { width: 400px; text-align: left; color: #00879A; margin: 10px 0 0 10px; }
table.white th { border-bottom: 1px solid #00879A; padding: 3px; text-transform: uppercase; }

/* About Us Page  */
div#people { width: 786px; float: left; margin-left: 52px; display: inline; padding: 10px 0 10px 15px; color: #00879A; }
div#people h3 { background: url(images/our_people.gif) top left no-repeat; text-indent: -900em; margin: 10px 0 10px 0; }
div#people h4 { font-size: 14px; display: inline; margin-right: 5px; }
div#people h5 { font-size: 11px; display: inline; color: #949494; }
div#people .photos { width: 800px; margin-top: 10px; height: 74px; }
div#people .photos img {  }
div#people .photos span { width: 200px; display: block; float: left; color: #949494; margin: 40px 0 0 10px; }
div#people div.content img { float: left; margin: 0 10px 100px 0 }
div#people div.content { float: left; width: 630px; margin: 15px 0 0 0px; }
div#people div.content p { margin-top: 7px; }

/* Popup Page */
body#popup { width: 100%; margin: 0; padding: 0; background: url(images/bg_header.gif) top center no-repeat; }
div#popuptext { width: 200px; font-weight: bold; text-align: center; margin: 20px auto; }

/* Photos List  */
ul#photos { list-style: none }
ul#photos li { display: inline; float: left; margin-right: 1px; }
ul#photos li a { height: 74px; width: 52px; display: block; border: none; float: left; text-indent: -900em; background-repeat: no-repeat;  } 
ul#photos li a:hover { background-position: bottom left; }
ul#photos li.selected { background-position: bottom left; }

/* non colour version of images  */
a#liperson1 { background: url(images/person1.gif) top left no-repeat; }
a#liperson2 { background: url(images/person2.gif) top left no-repeat; }
a#liperson3 { background: url(images/person3.gif) top left no-repeat; }
a#liperson4 { background: url(images/person4.gif) top left no-repeat; }
a#liperson5 { background: url(images/person5.gif) top left no-repeat; }
a#liperson6 { background: url(images/person6.gif) top left no-repeat; }
a#liperson7 { background: url(images/person7.gif) top left no-repeat; }
a#liperson8 { background: url(images/person8.gif) top left no-repeat; }
a#liperson9 { background: url(images/person9.gif) top left no-repeat; }
a#liperson10 { background: url(images/person10.gif) top left no-repeat; }
a#liperson11 { background: url(images/person11.gif) top left no-repeat; }

/* Change to colour version on click  */
li.selected a#liperson1 { background: url(images/person1.gif) bottom left no-repeat; }
li.selected a#liperson2 { background: url(images/person2.gif) bottom left no-repeat; }
li.selected a#liperson3 { background: url(images/person3.gif) bottom left no-repeat; }
li.selected a#liperson4 { background: url(images/person4.gif) bottom left no-repeat; }
li.selected a#liperson5 { background: url(images/person5.gif) bottom left no-repeat; }
li.selected a#liperson6 { background: url(images/person6.gif) bottom left no-repeat; }
li.selected a#liperson7 { background: url(images/person7.gif) bottom left no-repeat; }
li.selected a#liperson8 { background: url(images/person8.gif) bottom left no-repeat; }
li.selected a#liperson9 { background: url(images/person9.gif) bottom left no-repeat; }
li.selected a#liperson10 { background: url(images/person10.gif) bottom left no-repeat; }
li.selected a#liperson11 { background: url(images/person11.gif) bottom left no-repeat; }

/* Footer  */
div#footer { width: 776px; float: left; background: url(images/bg_bottom.gif) top center no-repeat; padding: 10px 57px 0 57px; font-size: 11px; color: #949494; }
div#footer ul { float: right; list-style: none; }
div#footer li { display: inline; margin-left: 10px; }
div#footer li a { color: #949494; text-decoration: none; }

@media projection, screen { .ui-tabs-hide { display: none; } }
@media print { .ui-tabs-nav { display: none; } }