/* fix IE 3px bug - Hide from IE5 MAC. \*/
* html #rightCol {
margin-right: 0px;
}
* html #main {
height: 1%;
margin-left: 0;
}
/* End hide from IE5 MAC */
* html #bgColor {
height: 380px;
} /* sets the min height in IE - it'll push it out the DIV if the content is larger */
/*~~~~~~~~~~~~~~~~~ SET HTML ~~~~~~~~~~~~~~~~~ */
body {
font-size:.9em;
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#FFFFFF;
margin:0px;
padding:10px;
height:100%;
}
/* site header */
h1 {
background-image:url(media/recruitRetainHead.gif);
background-repeat:no-repeat;
margin: 20px 0px 0px 0px;
}
h1 a {
display:block;
width:235px;
height:30px;
display:block;
width:235px;
}
h1 a span {
display:none;
}
a {
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
}
ul {
list-style:none;
padding:0px;
margin:0px;
}
ol {
list-style:none;
padding:0px;
margin:0px;
}
hr {
display:none;
}
h3 {
padding-left: 20px;
}
h4 {
padding-left: 20px;
}
.right {
float:right
}
/*~~~~~~~~~~~~~~~~~ CONTAINING DIVS ~~~~~~~~~~~~~~~~~ */
#container {
height:100%;
width:750px;
}
#bgColor {
min-height:320px;
padding: 10px 20px 30px 0px;
background-image: url(media/bg.jpg);
background-repeat: repeat-x;
background-color: #0E9CC2;
}
#rightCol {
width:155px;
float:left;
display:block;
height:0px
}
#main {
margin-left:160px;
padding: 0px 0px 0px 15px;
}
#main a:hover {
text-decoration:underline
}
#main #navigation a:hover {
text-decoration:none
}
#main p {
padding-left:20px;
}
/*~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~ */
#header {
height:120px;
}
#logo {
float:right;
height:120px;
margin: 0px;
padding: 0px;
}
/* section header */
h2 {
margin-top: 0px;
width:235px;
height:30px;
color: #EE9C00;
background-repeat:no-repeat;
display:block;
margin-bottom: 0px;
}
h2 b {
display:none;
}
#about h2 {
background-image: url(media/h_about.gif);
}
#what h2 {
background-image: url(media/h_what.gif);
}
#why h2 {
background-image: url(media/h_why.gif);
}
#who h2 {
background-image: url(media/h_who.gif);
}
#contact h2 {
background-image: url(media/h_contact.gif);
}
#terms h2 {
background-image: url(media/h_terms.gif);
}
/*~~~~~~~~~~~~~~~~~ MAIN ~~~~~~~~~~~~~~~~~ */
.list {
list-style-type:disc;
display: list-item;
list-style-position: outside;
margin: 5px 0px 10px 35px;
}
.firstImg {
padding-top: 50px;
}
.homeImg {
padding-top: 50px;
padding-left:155px;
}
#about #main img {
padding: 0px 15px 5px 0px;
}
p.subColumn {
width: 45%;
float:left;
}
p.clear {
clear:both
}
.centre {
text-align:center;
margin-left: auto;
margin-right: auto
}
/*~~~~~~~~~~~~~~~~~ ARROW TEXT GPHX ~~~~~~~~~~~~~~~~~ */
ul.arrw_graphics {
position:relative;
margin:0px;
padding:0px;
list-style-type:none;
}
ul.arrw_graphics li {
height:80px;
float:left;
margin:0 0 20px 0;
position:relative;
}
ul.arrw_graphics li a {
display:block;
height:80px;
}
ul#arrw_presearch {
left:80px
}
ul#arrw_performDev {
left:85px
}
ul#arrw_searchSelection {
left:85px
}
ul#arrw_what {
left:10px
}
ul#arrw_what li{
left:0px;
margin:0px; /* removes the extra margin at the bottom of these graphics 'cause they sit on the bottom of the page and add a double margin */
}
#arr_competency {
background-image:url(media/arrw_competency.gif);
width:130px;
}
#arr_recruitment {
background-image:url(media/arrw_recruitment.gif);
width:130px;
}
#arr_performance {
background-image:url(media/arrw_perfomance.gif);
width:130px;
}
#arr_business {
background-image:url(media/arrw_business.gif);
width:130px;
}
#arr_teams {
background-image:url(media/arrw_team.gif);
width:130px;
}
#arr_individual {
background-image:url(media/arrw_individual.gif);
width:130px;
}
#arr_preparation {
background-image:url(media/arrw_preparation.gif);
width:130px;
}
#arr_core {
background-image:url(media/arrw_core.gif);
width:130px;
}
#arr_offer {
background-image:url(media/arrw_offer.gif);
width:130px;
}
#arr_presearch {
background-image:url(media/arrw_presearchHome.gif);
width:130px;
background-repeat: no-repeat;
}
#arr_search {
background-image:url(media/arrw_searchSelectionHome.gif);
width:130px;
}
#arr_entry {
background-image:url(media/arrw_entryCoachingHome.gif);
width:130px;
}
#arr_performanceDev {
background-image:url(media/arrw_performanceHome.gif);
width:130px;
}
/*~~~~~~~~~~~~~~~~~ PIE CHART ROLLOVER ~~~~~~~~~~~~~~~~~ */
ul#pie {
margin:0px;
padding:0px;
width:290px;
height:290px;
background-image: url(media/diag_entryCoachingOver.gif);
background-position: 0 2px;
background-repeat:no-repeat;
list-style-type:none;
position:relative;
left:100px
}
ul#pie li {
list-style: none;
display: block;
position: absolute;
}
/* position blocks */
#pieA {
width:140px;
height:210px;
left:0px;
top:0px;
}
#pieB {
width:140px;
height:210px;
left: 145px;
top:0px;
position:relative;
}
#pieC {
width:285px;
height:145px;
left: 0px;
top:147px;
position:relative;
}
/* style a blocks */
ul#pie a {
cursor:default;
background-repeat:no-repeat;
display:block;
}
ul#pie a:hover {
background-position:0px -500px;
}
span {
display:none;
}
#pieA a {
height:210px;
background-image: url(media/diag_entryCoachingOutA.gif);
background-position: 0 0;
}
#pieB a {
height:210px;
background-image: url(media/diag_entryCoachingOutA.gif);
background-position: 100% 0%;
}
#pieC a {
height:140px;
background-image: url(media/diag_entryCoachingOutB.gif);
}
/*~~~~~~~~~~~~~~~~~ NAVIGATION ~~~~~~~~~~~~~~~~~ */
/*set up ul list for horizonal nav */
#navigation {
min-width:760px;
height: 25px;
padding: 0px;
}
ul#navigation li {
float:left;
}
ul#navigation li a {
display:block;
height:25px;
font-size:1.2em;
text-decoration:none;
background-repeat:no-repeat;
background-position: 0px -10px;
}
/* hides the text link and pushes out the space in the element */
ul#navigation li a span {
display:none;
}
/* image rollovers on nav buttons */
li#navabout, li#navabout a
{
background-image: url(media/n_about.gif);
width:90px;
}
li#navwhat, li#navwhat a
{
background-image: url(media/n_what.gif);
width:109px;
}
li#navwhy, li#navwhy a
{
background-image: url(media/n_why.gif);
width:110px;
}
li#navwho, li#navwho a
{
background-image: url(media/n_who.gif);
width:150px;
}
li#navcontact, li#navcontact a
{
background-image: url(media/n_contact.gif);
width:93px;
}
li#navabout, li#navwhat, li#navwhy, li#navwho, li#navcontact
{
background-position: 0px -50px;
background-repeat:no-repeat;
}
ul#navigation li a:hover, ul#navigation .current {
background-position: 0px 30px;
background-repeat:no-repeat;
}
/*~~~~~~~~~~~~~~~~~ SUBNAV ~~~~~~~~~~~~~~~~~ */
ul#subnav {
padding:90px 0px 5px 0px;
width:145px;
}
ul#subnav li {
display:block;
width:145px;
margin: 10px 0 0 10px;
}
ul#subnav li.navTall a {
height:48px;
}
ul#subnav li a {
display:block;
height:32px;
width:145px
}
/* hides the text link */
ul#subnav li a span {
display:none;
}
ul#subnav li a:hover, ul#subnav li a.current {
background-position: -145px 0px;
}
ul#subnav li {
background-position: -145px 0px;
background-repeat:no-repeat;
}
ul#subnav li a {
background-position: 0px 0px;
background-repeat:no-repeat;
}
li#mMillar, li#mMillar a {
background-image: url(media/n_aboutMMillar.gif);
}
li#sRowe, li#sRowe a {
background-image: url(media/n_aboutSRowe.gif);
}
li#jLewis, li#jLewis a {
background-image: url(media/n_aboutJLewis.gif);
}
li#presearch, li#presearch a {
background-image: url(media/n_whatPresearch.gif);
}
li#search, li#search a {
background-image: url(media/n_whatSearch.gif);
}
li#entry, li#entry a {
background-image: url(media/n_whatEntry.gif);
}
li#performance, li#performance a {
background-image: url(media/n_whatPerformance.gif);
}
li#conversations, li#conversations a {
background-image: url(media/n_whatConversations.gif);
}
li#executive, li#executive a {
background-image: url(media/n_whatExecutive.gif);
}
li#casestudies, li#casestudies a {
background-image: url(media/n_whoCase.gif);
}
li#casestudy1, li#casestudy1 a {
background-image: url(media/n_whoCaseStudy1.gif);
}
li#casestudy2, li#casestudy2 a {
background-image: url(media/n_whoCaseStudy2.gif);
}
li#casestudy3, li#casestudy3 a {
background-image: url(media/n_whoCaseStudy3.gif);
}
li#casestudy4, li#casestudy4 a {
background-image: url(media/n_whoCaseStudy4.gif);
}
li#casestudy5, li#casestudy5 a {
background-image: url(media/n_whoCaseStudy5.gif);
}
li#findus, li#findus a {
background-image: url(media/n_contactFind.gif);
}
/*~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~ */
p#footer {
font-size: 0.8em;
color: #01A0C7;
margin-top:10px;
}
p#footer a {
color: #01A0C7;
}
/*~~~~~~~~~~~~~~~~~ CONTACT US ~~~~~~~~~~~~~~~~~ */
#contact #container #bgColor #main h3 {
margin: 60px 20px 0px 10px;
color: #ECAD04;
}
#contact #container #bgColor #main img {
float: left;
}
#contact #container #bgColor #main p {
line-height: 1em;
}
#contact #container #bgColor #contactText img{
padding:0px 20px 0px 0px;
}
.initialMarginTop {
padding-top: 40px;
}