body{ height: 100%; }

a{ color: #999988; }
.textright{
  float: right;
  text-align: right;
	padding-right: 40px;
}

div#general_backdrop{
	display: none; 
	border: none; 
	margin: auto; padding: 0pt; 
	z-index: 8000; 
	width: 100%; height: 100%; 
	top: 0pt; left: 0pt; 
	background-color: #000; 
	opacity: 0.6;
	filter: alpha(opacity=60); 
	position: absolute; /* For IE6 and other browsers unfamiliar to position: fixed; */
	zoom: 1;  /* To please IE */
}

#general_backdrop[id] { position: fixed; }

div.become_client_maincontainer{
position: relative;
float: left;
  padding: 76px 43px 0 43px;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
}

div#becomeclient_window h2{
 margin: 0 0 20px 0; padding: 0;
 color: #000;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 18px;
}

div#becomeclient_window #close a{
 color: #333333;
 font-size: 12px;
 text-decoration: none;
}
div#becomeclient_window #close a:hover{
 text-decoration: underline;
}



/* PAGE SPECIFIC */

div.moveon{
  position:relative;
  float: left;
  margin: 10px 0;
  width: 350px;
}
div.moveon a, div.moveonlarge a{
  text-decoration: none;
  color: #597886;
  font-size: 14px;
  font-weight: bold;
}
div.moveon a:hover{
  text-decoration: none;
	color: #293653;
}
div.moveon span{
  color: #a5222b;
}
div.moveonlarge a{
  font-size: 16px;
}
div.maintext{
  font-size:16px;
  line-height: 1.3em;
  color: #777777;
}

/* HOME */
#become_client_home div.maintext{
  position:relative;
  float: left;
  width: 420px;
  margin-bottom: 20px;
}

#become_client_home #img_container{
  position:relative;
  float: right;
  width: 285px;
  height: 265px;
}

/* OUR APPROACH */


div#approach-nav{
  position:absolute;
  left: 44px;
	top: 65px;
  width: 215px;
}

div#approach-nav div.item{ 
  height: 36px;
  margin-bottom: 10px;
}
div#approach-nav div.item a{ 
	width: 100%;
	display: block;
	text-decoration: none;
	text-indent: 20px;
	font-size: 13px;
	font-weight: bold;
	padding-top: 9px;
}

div#approach-nav div.item a:hover{
  color: #293653;
}

div.approach_tab_off{
   background: url(../BAC/img/bc/bullet_off.gif) center left no-repeat #e6e6dd;
}
div.approach_tab_on{
  background: url(../BAC/img/bc/bullet_on.gif) center left no-repeat #70909f;
}
div.approach_tab_off a{
  color: #597886;
}
div.approach_tab_on a{
  color: #fff;
}
div.approach_tab_on a:hover{
  color: #fff !important;
}

#approach-content{
position: absolute;
top: 65px;
left: 280px;
width: 528px;
height: 370px;
overflow: hidden;
}

#approach-content div.maintext{
  position:absolute;
  top: 0; left: 0;
  width: 350px;
  font-size: 14px;
}

#approach-content div.moveonlarge{
  position:absolute;
  bottom: 0; right: 0;
	width: 300px;
	text-align: right;
}

#approach-content #img_container{
  position:absolute;
  top: 0; right: 0;
  width: 170px;
  height: 150px;
}

/* CASE STUDY - OVERVIEW */

div.casecontent h3{
  margin: 14px 0 6px 0; padding: 0;
  color: #6a8896;
  font-size: 14px;
  line-height: 1.3em;
}
div.casecontent p{
  margin: 0; padding: 0;
  font-size: 11px;
  line-height: 1.2em;
  color: #666666;
}

div#casestudy-container{
  position: relative;
  margin: 0 auto;
  width: 550px;
  height: 420px;
  padding: 5px 0;
}

div#casestudy-container div.one_case{
  position: relative;
  float: left;
  background-color: #e6e6dd;
  width: 255px;
  height: 195px;
  margin: 10px 10px 0 0;
  background: url(../BAC/img/bc/one_case_bg.jpg) repeat 0 0;
	cursor: pointer;
  cursor: hand;
}
div.one_case_on div.casecontent h3{
  color: #293653;
}
div.one_case_on div.casecontent p{
  color: #fff;
}

div#casestudy-container div.one_case div.casecontent{
  position: relative;
  margin: 12px;
}

div#casestudy-container div.moveon{
  float: right;
  margin: 7px 0 0 0;
  width: 190px;
}
div#casestudy-container div.moveon a{ font-size: 13px;}

/* CASE STUDY - ONE CASE */

#case_img_container{
  position: absolute;
  left: 45px;
  top: 25px;
  width:130px;
  height: 110px;
	overflow: hidden;
}

#case_title{
  position: absolute;
  left: 200px;
  top: 70px;
  width:550px;
  height: 65px;
	font-size: 1.5em;
	font-weight: bold;
}

div.case_step{
  position: absolute;
  top: 153px;
  width: 250px;
}

div#case_step_1{ left: 45px; }
div#case_step_2{ left: 315px; }
div#case_step_3{ left: 580px; }

div.case_step h3{
  margin:0 0 20px 0; padding: 0; 
	color:#a5222b;
  text-align: center;
	font-size: 14px;
	background: #e2e2d8;
	padding: 6px 0;
  background: url(../BAC/img/bc/case_step_head.gif) right center no-repeat;
}

div.case_step p{
	font-size: 11px;
	color: #777;
	line-height: 1.5em;
}

div#next1{ position: absolute; left: 45px; top: 370px; width: 200px; }
div#next2{ position: absolute; left: 45px; top: 400px; width: 200px;}
div#next3{ position: absolute; right: 40px; top: 400px; width: 555px; text-align: right;}

/* GET IN TOUCH */

div#become_client_getintouch{
  position: relative;
	margin: 0 0 0 190px;

}

p#contact_intro{
 margin:30px 0 15px 44px; padding: 0;
 font-size: 13px;
 font-weight: bold;
 color: #000;
}

p#contact_footer{
 position: relative;
 font-size: 13px;
 font-weight: bold;
 margin-left: 130px;
}

/* ////////////// */


#becomeclient_window {
  display:none;
  position:absolute;
  font-family:Arial, Helvetica, sans-serif;
  top:50px;
  left: 50%;
  margin-left: -440px;
  width:880px;
  height:570px;
  z-index:10000;
}

div#becomeclient_window_container{
  padding:10px;
  background: #fff;
}

#bc_topnav{
  position: relative;
  height: 56px;
  background: url(../BAC/img/bc/topnav_bg.jpg);
}

#bc_topnav_title{
  position: absolute;
  top: 20px;
  left: 44px;
  width: 300px;
}

#bc_topnav_tabs{ position: absolute; top: 20px; right: 44px; margin: 0; padding: 0; width: 300px; }

#bc_content{
  position: relative;
  background-color:#f1f1ea;
  padding:0;
  height: 465px;
  overflow: hidden;
  text-align: left;
}

li.navtab{ 
 position: absolute;
 top: 0;
 margin:0 5px 0 0;
 height: 17px;
 cursor:pointer; 
 list-style:none;
 text-align: right;
}

li.navtab:hover{
 cursor:pointer; 
 list-style:none;
}

li.navtab a{
	display:block;
  width: 100%;
	border: none;
}

/* More CSS needed to make NAV IE6 compatible: */

#navtab_overview{ width: 54px; right: 285px; background:url(../BAC/img/bc/navtab_overview_over.gif);}
#navtab_approach{ width: 81px; right: 185px; background:url(./BAC/img/bc/navtab_approach_off.gif);}
#navtab_casestudies{ width: 77px; right: 90px; background:url(../BAC/img/bc/navtab_casestudies_off.gif);}
#navtab_getintouch{ width: 77px; right: 0; background:url(../BAC/img/bc/navtab_getintouch_off.gif);}

/* FORMS */

form#contact_form{
 margin: 0; padding: 0;
 width: 450px;
}

form#contact_form input[type="checkbox"]{
  border:1px solid #CCCCCC;
}

form#contact_form input[type="text"]{
  border:1px solid #CCCCCC;
  padding:4px;
  width:270px;
}

form#contact_form input.short{
  width: 60px;
}

form#contact_form table{
}

form#contact_form td{
  font-size: 14px;
  font-weight: bold;
}
form#contact_form td span{
  font-size: 10px;
  color: #666;
  line-height: 1.2em;
}

form#contact_form textarea {
  height:70px;
  width:270px;
  border:1px solid #CCCCCC;
  padding:4px;
	margin: 0;

}

form#contact_form select {
  padding:4px;
	border:1px solid #CCCCCC;
	margin: 0 2em 0 0;
}

form#contact_form a.submit{

  color:#fff;
  display:block;
  font-size:14px;
  font-weight:bold;
  margin-top: 6px;
  text-decoration:none;
  width: 97px;
  height: 29px;
  background:  url(../BAC/img/bc/btn_submit.gif) no-repeat left center;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

/* ///// */

#close{ 
  position: relative;
	float: right;
	margin: 8px 8px 0 0;
  width: 100px;
  text-align: right;
	font-weight: bold;
	color: #fff;
	font-size: 13px;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */	
}