@charset "utf-8";

/* TAG RESET -------------------------------------------------------*/
/* Loosely based on YUI reset  (http://developer.yahoo.com/yui/reset/) stylesheet with some additions */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {	border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {	font-size:1em;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
input, select, button {vertical-align: middle;}
a img {border: 0;}
table, input, select, textarea, button {font: inherit;font-size: 115%;}
	
/* END TAG RESET ------------------------------------------------*/

body {
		font:80%  Arial, Verdana, sans-serif, Helvetica, Tahoma;
		color:#636363;
		text-align: center;
		background: #fff;
	}
	
#background {
	margin: 0 auto 0 auto;
	padding-top: 15px;
	width: 850px;
	background: transparent url(../images/bg-main.jpg) repeat ;
	text-align: center;
	overflow: auto; /* IMPORTANT, SO THAT DIV RECOGNISES LENGTH OF INNER DIVs*/
	}

#container {
  background: #fff;
	margin: 0 auto 0 auto;
	width: 806px;
	text-align: left;
	overflow: hidden; /* IMPORTANT, SO THAT DIV RECOGNISES LENGTH OF INNER DIVs*/
	margin-bottom: 22px;
	}

#container #navMain {
  margin-bottom: 16px;
}

#leftside {
  float: left;
	width: 158px;
}

#rightside {
  float: right;
	width: 158px;
	height: 215px;
}

#rightside .newsletterBox {
  background: transparent url(../images/bg-newsletter-box.jpg) no-repeat ;
  width: inherit;
	height: inherit;
	padding-top: 1px;
}

#content {
	width: 457px;
	overflow: hidden; /* IMPORTANT, SO THAT DIV RECOGNISES LENGTH OF INNER DIVs*/
  margin-bottom: 30px;
}

#footer {
	background: transparent url(../images/bg-bottom-foot.jpg) no-repeat ;
	margin: 0 auto 0 auto;
	width: 806px;
	height: 26px;
	text-align: left;
	overflow: auto; /* IMPORTANT, SO THAT DIV RECOGNISES LENGTH OF INNER DIVs*/
	}



/* [+] -- FORMS -------------------------------- */

button {
		border: none;
		background: none;
		display: block;
	}
fieldset {
		border: none;
	}
legend {
		display: none;
	}


/* [+] -- FONTS -------------------------------- */

h1, h2, h3, p, ul {	font-size: 100%; }  /* grey */

h1, h2{ color: #991a2f;} /* red  */
h3, p, ul {	color: #636363; }  /* grey */

/**/
h1 {
	font-weight: normal;
	margin: 8px 0 7px 0;
}

h2 {
	font-weight: bold;
	margin: 20px 0 7px 0;
}

h3 {
	font-weight: bold;
	margin: 8px 0 0 0;
}

p {
	margin: 15px 0;
	}

#content p {
  padding-right: 16px;
}

#footer, 
#footer a {
  color: #fff;
  font-weight: bold;
}

#leftside h3 {
	font-size: 88%
}

.boldertext {
  font-weight: bold;
}

.italictext {
  font-style: italic;
}

.redtext {
  color:#991A2F;
}

/* [+] -- LINKS -------------------------------- */

a {
  color: #991a2f;
  text-decoration: none;
}
a:hover,
.selected a {
  font-weight: bold;  
}

#content a {
  text-decoration: underline;
}

#content a.caseStudies,
#content p.caseStudyButton a {
  text-decoration: none;
}


/* [+] -- ACCESSIBILITY -------------------------------- */

#skip {
		position: absolute;
		left: -2000px;
	}
		
/* [+] -- UTILITY -------------------------------- */
/*
.clearFix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
.clearFix {display:inline-block;}
*/
.clr
{
  clear:both;
}

/* [+] -- HEADER -------------------------------- */

#container #navLogin,
#container #navMain {
  background: #fff;
  text-align: right;
  overflow:auto;
}

#container #navLogin ul,
#container #navMain ul{
  overflow:hidden;
  padding-top: 3px;
}

#container #navLogin li,
#container #navMain li {
  display: inline;
  float: right;
}

/* -- navigation Login -- */
#container #navLogin a {
  display: block;
  height: 34px;
}

#container #navLogin a.btContactUs {
  background: transparent url(../images/bt-up-ContactUs.jpg) no-repeat ;
  width: 94px;
}
#container #navLogin a.btLogin {
  background: transparent url(../images/bt-down-Login.jpg) no-repeat ;
  width: 70px;
}


#container #navLogin a.btContactUs:hover,
#container #navLogin li.selected a.btContactUs {
  background: transparent url(../images/bt-down-ContactUs.jpg) no-repeat ;
}

#container #navLogin a.btLogin:hover,
#container #navLogin li.selected a.btLogin {
  background: transparent url(../images/bt-up-Login.jpg) no-repeat ;
}

/* -- navigation Main -- */
#container #navMain ul{
  padding-left: 9px;
  padding-bottom: 14px;
  background: transparent url(../images/bg-nav-main.jpg) no-repeat bottom;
  display:block;
}

#container #navMain li {
  float: left;
  xdisplay:block;
}

#container #navMain a {
  display: block;
  height: 44px;
  width: 110px;
  padding-right: 4px;
  color: transparent;
}

#container #navMain #page-id-1 a { /*Home*/
  background: transparent url(../images/bt-up-Home.jpg) no-repeat ;
  padding-right: 2px;
}
#container #navMain #page-id-48 a {  /* ServForBusiness*/
  background: transparent url(../images/bt-up-Services-for-Businesses.jpg) no-repeat ;
}
#container #navMain #page-id-49 a { /*ServForIndiv*/
  background: transparent url(../images/bt-up-Services-for-Individuals.jpg) no-repeat ;
  padding-right: 3px;
}
#container #navMain #page-id-50 a { /*btOurApproach*/
  background: transparent url(../images/bt-up-Our-Approach.jpg) no-repeat ;
  padding-right: 3px;
}
#container #navMain #page-id-51 a { /*btResources */
  background: transparent url(../images/bt-up-Resources.jpg) no-repeat ;
}
#container #navMain #page-id-53 a { /*btClSuccStor*/
  background: transparent url(../images/bt-up-Client-Success-Stories.jpg) no-repeat ;
}
#container #navMain #page-id-52 a { /*btPartners*/
  background: transparent url(../images/bt-up-Partners.jpg) no-repeat ;
  padding-right: 0px;
}


#container #navMain #page-id-1 a:hover,
#container #navMain #page-id-1.active a {
  background: transparent url(../images/bt-down-Home.jpg) no-repeat ;
}
#container #navMain #page-id-48 a:hover,
#container #navMain #page-id-48.active a {
  background: transparent url(../images/bt-down-Services-for-Businesses.jpg) no-repeat ;
}
#container #navMain  #page-id-49 a:hover,
#container #navMain #page-id-49.active a {
  background: transparent url(../images/bt-down-Services-for-Individuals.jpg) no-repeat ;
}
#container #navMain #page-id-50 a:hover,
#container #navMain #page-id-50.active a {
  background: transparent url(../images/bt-down-Our-Approach.jpg) no-repeat ;
}
#container #navMain #page-id-51 a:hover,
#container #navMain #page-id-51.active a {
  background: transparent url(../images/bt-down-Resources.jpg) no-repeat ;
}
#container #navMain #page-id-53 a:hover,
#container #navMain #page-id-53.active a {
  background: transparent url(../images/bt-down-Client-Success-Stories.jpg) no-repeat ;
}
#container #navMain #page-id-52 a:hover,
#container #navMain #page-id-52.active a {
  background: transparent url(../images/bt-down-Partners.jpg) no-repeat ;
}

/* [+] -- SIDEBAR LEFT -------------------------------- */
#container #leftside ul {
  padding-left: 10px;
  width: 108px;
  display:block;
}

#container #leftside li {
  background: transparent url(../images/bg-bt-top-sidebar-nav.jpg) repeat-x top;
  border-top: #b9bbbc solid 1px;
  border-bottom: #b9bbbc solid 1px;
  border-left: #878788 solid 1px;
  border-right: #878788 solid 1px;
  margin: 10px 0;
  display:block; /* withought this FF3 won't display li properly*/
}


#container #leftside a {
  background: transparent url(../images/bg-bt-bottom-sidebar-nav.jpg) repeat-x bottom;
  display: block;
  width: 94px;
  padding: 5px 6px 6px 6px;
}
/*
#container #leftside a {
  background: #f8f9f9 url(../images/bg-bt-bottom-sidebar-nav.jpg) repeat-x bottom;
  width: 94px;
  padding: 5px 6px 6px 6px;
  display: table-cell;
  vertical-align: middle;
  height: 45px;
}*/
#container #leftside a p {
  margin: 0;
  color: #991A2F;
}

#container #leftside li:hover,
#container #leftside li.selected {
  background: transparent url(../images/bg-bt-top-sidebar-nav-selected.jpg) repeat-x top;
  border-top: #e8e9ea solid 1px;
  border-bottom: #e8e9ea solid 1px;
  border-left: #c7c7c8 solid 1px;
  border-right: #c7c7c8 solid 1px;
}

#container #leftside a:hover,
#container #leftside li.selected a {
  background: #fefefe url(../images/bg-bt-bottom-sidebar-nav-selected.jpg) repeat-x bottom;
}



/* [+] -- SIDEBAR RIGHT -------------------------------- */
#rightside .newsletterBox p {
  padding: 0 26px 0 7px; 
  margin: 5px 0 6px 0;
}

#rightside .newsletterBox #NewsletterForm input#nwsEmail {
  border-width:0;
  width: 133px; 
  height: 23px; 
  font-size: 85%;
  padding-left: 8px; 
  padding-top: 6px;
  margin-left: 2px;
  background: transparent url(../images/bg-input-email.jpg) no-repeat bottom;
}

#rightside .newsletterBox #NewsletterForm label {
  color: #636363;
  padding-left: 7px; 
}

#rightside .newsletterBox #NewsletterForm input#btGo {
  border-width:0;
  color: #fff;
  background: transparent url(../images/bt-red-grey.jpg) no-repeat bottom;
  font-size: 90%;
  margin: 4px 0px 9px 46px; 
  padding: 6px 18px 22px 20px; 
  height: 25px;
}



/* [+] -- FOOT -------------------------------- */

#footer .fLinks {
  float: left;
  margin-left: 17px;
}

#footer a {
   margin: 0 10px;
}

#footer .fContacts {
  float: right;
  margin-right: 20px;
}