/* ------------------------------------------------------------------------------------

  This stylesheet contains the CSS for structure and presentation.
  
  IE specific rules and/or hacks go in ie6.css or ie7.css

------------------------------------------------------------------------------------*/

@import 'reset.css';
@import 'typography.css';


/* STRUCTURE ------------------------------------------------------------------------------------*/

/* body { background: #0f323a url(/images/bg/body_grad.gif) left top repeat-x; } */

body { 
  background-color: #eeeeec; 
  background-image: url(/images/bg/main-bkg.gif);
  background-repeat: repeat-y;
  background-attachment: scroll;
  background-position: center top;
}

#container {
  background: #fff url(/images/bg/header_grad.gif) left top repeat-x;
  width: 1000px;
  margin: 0 auto;
}

#header {
  background: url(/images/bg/vantage_logo.gif) left top no-repeat;
  height: 108px;
  overflow: hidden;
  position: relative;
}

#section_heading_sm {
  background: url(/images/bg/section_heading_grad.gif) left top repeat-x;
  height: 106px;
}

#section_heading_sm div {
  background: transparent;
  height: 106px;
  position: relative;
  overflow: hidden;
}

#section_heading {
  background: url(/images/bg/section_heading_grad.gif) left top repeat-x;
  height: 206px;
}

#section_heading div {
  background: url(/images/bg/section_heading_img.gif) left top no-repeat;
  height: 206px;
  position: relative;
  overflow: hidden;
}

.landing {
  background: url(/images/bg/vantage_home_header.jpg) left top repeat-x !important;
  height: 206px;
}

.team {
  background: url(/images/bg/vantage_team_header.jpg) left top repeat-x !important;
  height: 206px;
}


.landing div , .team div {
  display:none;
}


#content {
  width: 910px;
  margin-left: 60px;
  overflow: hidden;
  position: relative;
  padding: 22px 0 34px;
}

#header ul { overflow: hidden; margin: 30px 0 0 300px; }
#header ul li { float: left; height: 35px; }
#header ul li a { display: block; height: 35px; }

a#home_link {
  height: 108px;
  width: 260px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}


/* LANDING/ NEWS ------------------------------------------------------------------------------------*/

.sidebar, .main_content {
  float: left;
}

.sidebar {
  width: 210px;
  margin-right: 35px;
}

.main_content {
  width: 505px;
}

.news_items ul {
  font-size: .85em;
  border-top: double #DFEDEF;
  border-bottom: 1px solid #DFEDEF;
}

.news_items ul li a {
  text-decoration: none;
}


/* SITUATION ANALYSIS / SUCCESS FACTORS ----------------------------------------------------------------*/

.approach_presentation {
  background: left 12px no-repeat;
  height: 400px;
  position: relative;
}

#situation_analysis { background-image: url(/images/bg/situation_analysis_bg.gif); }
#success_factors { background-image: url(/images/bg/success_factors_bg.gif); }

.approach_presentation ul {
  position: absolute !important;
  left: 200px;
  top: 0;
  font-weight: bold;
  color: #333;
}

.approach_presentation ul.second {
  top: 250px;
}

#document_samples {
  background: url(/images/bg/document_samples_bg.gif) left top no-repeat;
  position: absolute;
  right: 0;
  top: 90px;
  padding: 12px 12px 150px;
  width: 138px;
}

/* PRACTICE AREAS --------------------------------------------------------------------------------------*/

#practice_accordion {
  background: url(/images/bg/accordion_bg.gif) left top no-repeat;
  width: 213px;
  height: 500px;
  overflow: visible;
  margin-right: 25px;
}

#practice_accordion ul { padding: 0 0 10px 16px; }
#practice_accordion ul li { padding: 5px 0 5px; }
#practice_accordion ul li ul { list-style-image: url(/images/icons/subcategory_arrow.gif); padding-top: 6px; }
#practice_accordion ul li a { text-decoration: none; }

ul#menu { margin: 0; padding: 0; }
ul#menu > li { padding: 0; }

#practice_content { width: 670px; }

#practice_description, #practice_listings { float: left; }
#practice_description { width: 255px; margin-right: 25px; }
ul#practice_listings { width: 386px; }

ul#practice_listings li img { padding: 10px 0 10px 12px; max-width: 130px; max-height: 100px; margin: 0; }

ul#practice_listings > li {
  background: url(/images/bg/practice_box_top.gif) left top no-repeat;
  padding: 0;
  margin-bottom: 12px;
}

ul#practice_listings li ul {
  background: url(/images/bg/practice_box_bottom.gif) left bottom no-repeat;
  margin-left: 0;
  padding: 2px 4px 10px 35px;
  overflow: hidden;
  clear: right;
}

ul#practice_listings li ul li { float: left; margin: 0 45px 0 0; padding: 4px 0 6px; }

/* TEAM --------------------------------------------------------------------------------------*/

#team_list {
  background: url(/images/bg/team_list_bg.gif) left top no-repeat;
  width: 198px;
  height: 484px;
  margin-top: 11px;
  overflow: visible;
}

#team_list ul { padding: 4px 10px; }
#team_list ul li a { text-decoration: none; }

#team_members { width: 640px; }

#team_members ul li { overflow: hidden; border-bottom: 1px solid #ccc; margin-bottom: 20px; }

.member_photo, .member_details { float: left; }
.member_photo { width: 152px; margin-right: 18px; }
.member_details { width: 450px; padding: 5px 0 12px 0; }

#team_members .member_photo ul li { margin: 0; border: 0; }

.photo_box {
  background: url(/images/bg/photo_box.gif) center top no-repeat;
  text-align: center;
  width: 152px;
  height: 168px;
}
.photo_box img { border: 1px solid #bbb; margin: 12px 0 0 -4px; max-width: 125px; max-height: 125px; }

.back_to_top_link { margin: 0 0 0 auto; display: block; text-align: right; }


/* SELECTED SEARCHES --------------------------------------------------------------------------------------*/

#searches_info {
  background: #eff7f9 url(/images/bg/searches_info_grad.gif) left top repeat-x;
  border: 1px solid #BDD0D6;
  border-bottom: none;
  position: relative;
  overflow: hidden;
}

#searches_info .photo_box {
  background: url(/images/bg/photo_box_searches.gif) center top no-repeat;
  margin: 10px 0 0 5px;
  height: 145px;
  float: left;
}

#searches_info .member_details { padding-top: 65px; }

#searches_info .photo_box img { width: 110px; height: 110px; margin: 9px 0 0 -3px; }

table#selected_searches { margin-top: 0; border-top: 0; }

td.role { width: 160px; }
td.client { width: 150px; }
td.sector { width: 275px;}

/* CONTACT --------------------------------------------------------------------------------------*/

#contact_info {
  background: url(/images/photos/office.jpg) left top no-repeat;
  padding-top: 195px;
  width: 245px;
  font-size: 1.2em;
}

#map {
  background: url(/images/bg/map_bg.gif) left top no-repeat;
  width: 498px;
  padding: 12px;
}

#map iframe { margin: 1em 0; }


/* FOOTER ------------------------------------------------------------------------------------*/

#footer {
  background: url(/images/bg/footer_grad.gif) left top repeat-x;
  height: 122px;
}

#footer div {
  background: url(/images/bg/footer_img.gif) right top no-repeat;
  width: 850px;
  height: 102px;
  padding-top: 20px;
}

#footer ul { margin: 0 0 0 300px; overflow: hidden; }
#footer ul li { float: left; margin-right: 25px; }
#footer ul li a { text-decoration: none; color: #fff; }

#footer p {
  clear: both;
  margin: 0 0 0 300px;
  font-size: .9em;
  color: #47777C;
}