body { background-color: #12939C; text-align: center; }
.wrapper {	background-color: #FFFFFF; }
.clear { clear: both; }

.header-outer { border-bottom: #008B94 solid 3px; height: 104px; text-align: center; }
.header-inner { height: 104px; width: 720px; margin: 0 auto; text-align: left; position: relative; }

.logo { position: absolute; top: 22px; left: 0; }
.main { padding: 30px 0; text-align: left; margin: 0 auto; width: 720px; }

.column-left { float: left; width: 420px; }
.column-right { float: right; width: 240px; }

.homecircles { height: 251px; width: 720px; background: url(homecircles.jpg) 4px 0 no-repeat; padding-bottom: 20px; text-indent: -9999px; }
.hometext { height: 62px; width: 720px; background: url(hometext.gif) 1px 0 no-repeat; margin: 10px 0 20px 0; text-indent: -9999px; }


/* Section colours */

.body-home a:link, .body-home a:visited, .body-home h1, .body-home h2, .body-home h3 { color: #B82062; }
.body-about a:link, .body-about a:visited, .body-about h1, .body-about h2, .body-about h3 { color: #BFB922; }
.body-facilitation a:link, .body-facilitation a:visited, .body-facilitation h1, .body-facilitation h2, .body-facilitation h3 { color: #F16510; }
.body-training a:link, .body-training a:visited, .body-training h1, .body-training h2, .body-training h3 { color: #F7A800; }
.body-consultancy a:link, .body-consultancy a:visited, .body-consultancy h1, .body-consultancy h2, .body-consultancy h3 { color: #B82062; }
.body-news a:link, .body-news a:visited, .body-news h1, .body-news h2, .body-news h3 { color: #BFB922; }


/* Titles */

.body-about h1 { height: 28px; background: url(titles/about.gif) 0 0 no-repeat; text-indent: -9999px; }
.body-facilitation h1 { height: 28px; background: url(titles/facilitation.gif) 0 0 no-repeat; text-indent: -9999px; }
.body-training h1 { height: 28px; background: url(titles/training.gif) 0 0 no-repeat; text-indent: -9999px; }
.body-consultancy h1 { height: 28px; background: url(titles/consultancy.gif) 0 0 no-repeat; text-indent: -9999px; }
.body-news h1 { height: 28px; background: url(titles/news.gif) 0 0 no-repeat; text-indent: -9999px; }


/* Menu */

.menu { position: absolute; bottom: 0; right: 0; width: 486px; height: 30px; background: url(menu.gif) 0 0 no-repeat; }
.menu ul { list-style-type: none; margin: 0; }
.menu li { display: block; float: left; margin: 0 2px 0 0; padding: 0; width: 71px; height: 30px; background: none; }
.menu li a { display: block; width: 100%; height: 30px; text-decoration: none; text-indent: -9999px; }

.menu li.menu-home { }
.menu li.menu-about { }
.menu li.menu-facilitation { width: 91px; }
.menu li.menu-training { }
.menu li.menu-consultancy { width: 101px; }
.menu li.menu-news { margin-right: 0; }

.menu li.menu-home a:hover { background: url(menu.gif) -000px -30px no-repeat; }
.menu li.menu-about a:hover { background: url(menu.gif) -073px -30px no-repeat; }
.menu li.menu-facilitation a:hover { background: url(menu.gif) -146px -30px no-repeat; }
.menu li.menu-training a:hover { background: url(menu.gif) -239px -30px no-repeat; }
.menu li.menu-consultancy a:hover { background: url(menu.gif) -312px -30px no-repeat; }
.menu li.menu-news a:hover { background: url(menu.gif) -415px -30px no-repeat; }

.body-home .menu li.menu-home { background: url(menu.gif) -000px -60px no-repeat; }
.body-about .menu li.menu-about { background: url(menu.gif) -073px -60px no-repeat; }
.body-facilitation .menu li.menu-facilitation { background: url(menu.gif) -146px -60px no-repeat; }
.body-training .menu li.menu-training { background: url(menu.gif) -239px -60px no-repeat; }
.body-consultancy .menu li.menu-consultancy { background: url(menu.gif) -312px -60px no-repeat; }
.body-news .menu li.menu-news { background: url(menu.gif) -415px -60px no-repeat; }


/* Footer */

.footer-outer { background-color: #12939C; text-align: center; }
.footer-inner { width: 720px; margin: 0 auto; text-align: left; padding-top: 17px; height: 55px; }
.footer-inner p { color: #D0E9EB; margin: 0 0 4px 0; }
.footer-inner a:link, .footer-inner a:visited { color: #D0E9EB; text-decoration: none; }
.footer-inner a:hover, .footer-inner a:active { color: #D0E9EB; text-decoration: underline; }
.footer-left { float: left; }
.footer-right { float: right; text-align: right; }
.footer-right p { font-size: 13px; }