/* --------------------------------------------
|  GLOBAL STYLES                      
--------------------------------------------- */

html, body {
  margin: 0;
  padding: 0;
  line-height: 16px;
  border: none;
  font-size: 12px;
  font-family: "Trebuchet MS";
  background:#00112c;
  }
img     { border: 0; }
p       { margin: 0 0 15px 0; }
a       { text-decoration: none; color:#1e73ad; outline:none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, form { margin: 0;}
h1 {
  color: #5490cc;
  line-height:35px;
  font-size:26px;
  }
h2 {
  color: #5490cc;
  line-height:25px;
  font-size:18px;
  }
h3 { color:#b7db9f; font-size:18px; }
h4 {
  color:#5490cc;
  font-size:14px;
  }
.sIFR-active h1 {
  visibility: hidden;
  line-height: 30px;
  font-size:30px;
  margin-bottom:-5px;
  }
.sIFR-active h2 {
  visibility: hidden;
  line-height: 24px;
  font-size:24px;
  }
.sIFR-active h3 {
  visibility: hidden;
  line-height: 24px;
  font-size:24px;
  }
.lineBreak {
  border:none !important;
  background:url(graphics/dotted_line.gif) repeat-x 0 10px;
  height:20px;
  padding-bottom:10px;
  }
    
/* --------------------------------------------
|  NAVIGATION                       
--------------------------------------------- */

/* -- PRIMARY NAVIGATION -- */
#nav {
  margin: 0;
  padding: 156px 0 0 18px;
  list-style: none;
  height: 39px;
  clear:both;
  }
#nav li { float: left; }
#nav li a {
  outline: none;
  display: block;
  height: 39px;
  line-height: 39px;
  text-indent: -9999px;
  text-decoration: none;
  background-image: url(graphics/nav/nav.gif);
  }
#bWhatIsIMIT         { background-position: 0px 0; width: 113px;    } #bWhatIsIMIT:hover         { background-position: 0px -39px;    } #nav li.current #bWhatIsIMIT         { background-position: 0px -39px;    }
#bApplyNow           { background-position: -113px 0; width: 92px;  } #bApplyNow:hover           { background-position: -113px -39px; } #nav li.current #bApplyNow           { background-position: -113px -39px; }
#bWhyWorkForUs       { background-position: -205px 0; width: 145px; } #bWhyWorkForUs:hover       { background-position: -205px -39px; } #nav li.current #bWhyWorkForUs       { background-position: -205px -39px; }
#bDayInTheLife       { background-position: -350px 0; width: 120px; } #bDayInTheLife:hover       { background-position: -350px -39px; } #nav li.current #bDayInTheLife       { background-position: -350px -39px; }
#bInnovation         { background-position: -470px 0; width: 91px;  } #bInnovation:hover         { background-position: -470px -39px; } #nav li.current #bInnovation         { background-position: -470px -39px; }
#bHealthServiceAreas { background-position: -561px 0; width: 159px; } #bHealthServiceAreas:hover { background-position: -561px -39px; } #nav li.current #bHealthServiceAreas { background-position: -561px -39px; }
#bLifestyle          { background-position: -720px 0; width: 75px;  } #bLifestyle:hover          { background-position: -720px -39px; } #nav li.current #bLifestyle          { background-position: -720px -39px; }

/* -- TOP RIGHT NAVIGATION -- */
#topRightNav {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 11px;
  position:absolute;
  top:87px;
  right:31px;
  }
#topRightNav li { float: left; }
#topRightNav li a {
  outline: none;
  display: block;
  height: 11px;
  line-height: 11px;
  text-indent: -9999px;
  text-decoration: none;
  background-image: url(graphics/nav/top_nav.gif);
  }
#bHome{background-position: 0px 0; width: 61px;}          #bHome:hover, #topRightNav li.current #bHome           { background-position: 0px -11px;    } 
#bSitemap{background-position: -61px 0; width: 91px;}     #bSitemap:hover, #topRightNav li.current #bSitemap     { background-position: -61px -11px;  } 
#bContactUs{background-position: -152px 0; width: 103px;} #bContactUs:hover, #topRightNav li.current #bContactUs { background-position: -152px -11px; } 

/* -- SECONDARY NAVIGATION -- */
#subNav {}

/* --------------------------------------------
|  STRUCTURE                        
--------------------------------------------- */


/* -- HEADER -- */
#headerCont {
  background:url(graphics/bg_header_repeat.gif) repeat-x;
  width:100%;
  height:202px;
  }
  #header {
    width:960px;
    background:url(graphics/bg_header.jpg) no-repeat top;
    margin:auto;
    height:202px;
    position:relative;
    }
    #headerLogo {
      width:578px;
      height:82px;
      position:absolute;
      top:42px;
      left:29px;
      }
#homeFlash {
	position:relative;
	z-index:5;
	}
	#homeFlash #landing { 
	background:url(graphics/bg_flashCont.jpg) no-repeat;
	text-align: center;
	height:405px;
	width:960px;
	}
	#homeFlash #landing p {
		padding-top:50px;
	}
	#homeFlash #landing p img {
		margin-top:5px;
	}

/* -- BODY -- */
#contentContHome {
  background:url(graphics/bg_contentHome_repeat.gif) repeat-x top #d4eeff;
  width:100%;
  }
  #contentAreaHome {
    background:url(graphics/bg_contentHome.gif) no-repeat top #d4eeff;
    width:960px;
    margin:auto;
    } 
#homeContentBottom { 
	padding:0 0 0 45px; 
	}

#contentBlockLeft {
  width:622px;
  background:url(graphics/bg_homeBottomRight.jpg) no-repeat right top;
  height:350px;
  float:left;
  color:#979797;
  }
  #contentBlockLeft .left {
    width:310px;
    float:left;
    padding:21px 5px 0 0;
    }
  #contentBlockLeft .right {
    float:right;
    width:230px;
    padding:26px 30px 0 0;
    }
    #learnMore { padding:0px 0 0 31px; }
    #learnMore a {
      width:151px;
      height:37px;
      line-height:37px;
      display:block;
      text-indent: -9999px;
      background:url(graphics/b_learn_more.gif) no-repeat;
      outline:none;
      }
      #learnMore a:hover {background-position: 0 -37px;}

#contentBlockRight {
  float:right;
  width:280px;
  padding:25px 6px 0 0;
  position:relative;
  }
  #contentBlockRight h2 {
    padding:0 0 0 0px;
    margin-left:10px;
    width:200px;
    height:80px;
    position:relative;
    z-index:20;
    }
  #ctaFindOutWhy {
    position:absolute;
    top:75px;
    left:0;
    z-index:10;
    }
  
#contentCont {background:url(graphics/bg_content.gif) repeat-x #f7fdff;}
#contentArea {
  background:url(graphics/bg_content_top.jpg) no-repeat top;
  width:960px;
  margin:auto;
  padding:50px 0 20px 0;
  color:#979797;
  }
  #contentBot {
    background:url(graphics/bg_content_bot.gif) no-repeat;
    height:10px;
    width:902px;
    margin:0 auto 20px auto;
    }
    #insideContent {
      width:862px;
      margin:auto;
      background:#fff;
      padding:10px 20px 5px 20px;
      }

/* -- Health Service Areas -- */

#colLeftHSA {
  width:540px;
  float:left;
  }
  .picList {
    margin:0;
    padding:0 0 15px 0;
    list-style:none;
    }
    .picList li { display:inline; padding-right:10px; }
      .picList li img { border:solid 1px #d0d0d0; }
#colLeftHSA #links {
  margin:0;
  padding:0;
  list-style:none;
  }
  #colLeftHSA #links li {
    float:left;
    margin-right:10px;
    }
  
#colRightHSA {
  float:left;
  width:305px;
  padding-left:15px;
  }
  #roundedBoxCont {
    background:url(graphics/rounded_box_top.gif) no-repeat top;
    width:305px;
    }
    #roundedBoxRepeat { background:url(graphics/rounded_box_repeat.gif) repeat-y; }
    #roundedContent { padding:10px; }
    #eastKootneyMap {
      background:url(graphics/east_kootney_map.gif) no-repeat bottom;
      height:380px;
      }
      
/* -- Room To Grow -- */
#colLeftRTG {
  float:left;
  width:350px;
  position:relative;
  }
  .growPopup {
    border:solid 4px #d7e8b1;
    background:url(graphics/bg_grow_popup.gif) #fff repeat-x;
    width:320px;
    padding:20px 10px;
    position:relative;
    }
    .growPopup span {
      color:#5490cc;
      font-size:18px;
      font-weight:bold;
      }
.bClose {
  background:url(graphics/b_close.gif) no-repeat;
  width:19px;
  height:19px;
  display:block;
  text-indent: -999999px;
  position:absolute;
  top:5px;
  right:5px;
  }
  .bClose:hover { background-position: 0 -19px; }
      
/* -- Room To Grow Col Right -- */
#colRightRTG {
  float:left;
  padding-left:20px;
  width:490px;
  }
  #growList {
    list-style:none;
    margin:0;
    padding:0;
    }
    #growList li {
      position:relative;
      display:table;
      height: 113px;
      width: 113px;
      float:left;
      vertical-align: middle; 
      text-align: center;
      background:url(graphics/b_room_to_grow_off.gif) no-repeat;
      margin:0 10px 10px 0;
      }
      .noMargin { margin-right:0 !important; }
      #growList li.activeButton { background:url(graphics/b_room_to_grow_on.gif) no-repeat; }
      .inner {
        width:100%;
        display:table-cell;
        vertical-align:middle;
        position:relative;
        }
        .inner p {
          margin:0;
          padding:0;
          }
        #growList li a {
          font-size:14px;
          color:#666;
          font-weight:bold;
          }
          #growList li a:hover { text-decoration: underline; }
*.inner   { top:50%;  left:0;            }
*.inner p { top:-50%; position:relative; }

/* -- Quote Left -- */
#colLeftQuote, #colRightQuote {
  width:428px;
  float:left;
  }
#quoteLeft, #quoteRight {
  background:url(graphics/bg_what_repeat.gif) repeat-y;
  width:428px;
  padding-bottom:20px;
  }
  #quoteLeftBG { background:url(graphics/bg_what_clients_say.gif) no-repeat; }
    #quoteLeftData, #quoteRightData {
      color:#979797;
      font-size:17px;
      background:url(graphics/bg_end_quote.gif) no-repeat bottom right #fff;
      line-height:24px;
      width:345px;
      margin-bottom:0;
		padding-bottom:50px;
		height:120px;
      }
		.quoteCont { padding:195px 0 0 50px; }

/* -- Quote Right -- */
#quoteRightBG { background:url(graphics/bg_what_employees_say.gif) no-repeat; }
#colLeftQuote { margin-right:6px; }
  
.quoteBottom {
  background:url(graphics/bg_what_bottom.gif) no-repeat;
  height:11px;
  }
.bottomLink {
  text-align: right;
  padding:15px 15px 0px 0;
  }
.bottomLink a { font-size:18px; }

      
/* -- Innovation -- */
#colLeftInnovation {
  float:left;
  width:415px;
  }
#colRightInnovation {
  float:left;
  padding-left:40px;
  }
.toggleButton {
  background:url(graphics/b_toggles.gif) repeat-x;
  display:block;
  line-height:34px;
  height:34px;
  font-size:18px;
  text-decoration: underline;
  padding-left:12px;
  }
.toggleList {
  margin:0;
  padding:0 0 20px 0;
  list-style:none;
  }
  .toggleList p { padding:5px 10px 10px 10px; }
  
/* -- LifeStyle Page -- */
#wallBG { background:url(graphics/bg_3d_wall.gif) no-repeat 90px 70px; }
#wall { text-align: center; }
    
/* -- INDEX PAGE -- */
#flashHolder {
  width:960px;
  height:385px;
  }
#colLeft {
  width:490px;
  float:left;
  }
#colRight {
  float:left;
  width:340px;
  padding-left:30px;
  }

/* -- FOOTER -- */
#footerCont {
  background:url(graphics/bg_footer_repeat.gif) repeat-x;
  height:308px;
  }
  #footer { 
  clear: both; 
  width:960px;
  background:url(graphics/bg_footer.gif) no-repeat top;
  height:214px;
  margin:auto;
  color:#ddd;
  padding-top:30px;
  }
  #footer a {
    color:#c1e8a6;
    font-weight:bold;
    font-size:14px;
    }
  
#footerLeftBlock {
  padding-left:48px;
  float:left;
  width:380px;
  }
#footerList {
  list-style:none;
  margin:0;
  padding:0;
  }
  #footerList li {padding-bottom:10px !important; clear:right;}
  #footerList li p {
    margin:0;
    padding:0 !important;
    width:310px;
    clear:right;
    line-height:15px;
    }
  #footerList li p .date, #footerList li p .more  { float:right; }
  #footerList li p .title, #footerList li p .desc { float:left;  }
  #footerList li p .more { padding-right:10px; }
  
#footerRightBlock {
  float:left;
  width:300px;
  }
  #footerRightBlock h3 { width:170px; }
  #ctaRoomToGrow {
    float:right;
    margin:5px 0 0 5px;
    }
    
#footerLinks { float:right; }
#footerLinks ul {
	margin:0;
	padding:35px 50px 0 0;
	list-style:none;
	}
#footerLinks ul li {
	background:url(graphics/footer_arrow.gif) no-repeat 0 3px;
	padding:0 0 10px 15px;
	}
#footerLinks a {
	color:#8eaccb;
	font-weight:normal;
	font-size:12px;
	}
  
#copyrightLine {
  clear:both;
  color:#475465;
  font-size:10px;
  font-family: Tahoma, Arial, Verdana;
  width:845px;
  margin:auto;
  padding-top:45px;
  line-height:34px;
  }
#copyright {
  float:left;
  padding-right:120px;
  }
#footerLogo {float:left;}
#designBy {float:right;}
#designBy a {
  color:#475465;
  font-size:10px;
  font-family: Arial;
  }

/* --------------------------------------------
|  SITE MAP                         
--------------------------------------------- */

.siteMapList    { margin-top: 15px }
.siteMapList dt {
  background:url(graphics/ico_folder.gif) 0 4px no-repeat;
  padding-left:20px;
  line-height:20px;
  }
.siteMapList dd { 
  padding-left:10px;
  margin-left:25px;
  line-height:16px;
  background:url(graphics/sitemap_2nd.gif) no-repeat;
  }
.siteMapList dd a { 
  color: #666;
  text-decoration:none;
  }
.siteMapList .bottom { background:url(graphics/sitemap_2nd_bottom.gif) no-repeat; }

/* --------------------------------------------
|  CONTENT SPECIFIC                   
--------------------------------------------- */

.floatLeft  { float: left;  }
.floatRight { float: right; }
.clearBoth  { clear: both;  }

/* --------------------------------------------
|  PAGE SPECIFIC                      
--------------------------------------------- */

.greenBullet {
  margin:0;
  padding:5px 0 5px 5px;
  list-style:none;
  }
.greenBullet li {
  background:url(graphics/bullet_green.gif) no-repeat left;
  padding-left:15px;
  margin-bottom:5px;
  }
  
.blueBullet {list-style:none;}
  .blueBullet li {
  background:url(graphics/bullet_blue.gif) no-repeat left;
  padding-left:10px;
  }
