/*
 Theme Name: BDO Template 2 BLUE
 Theme URI: http://www.bdodebthelp.ca
 Description: BDO Template for Vancouver
 Version:  8.0
 Author: Brandon Martinez
 Author URI: http://datzimedia.com
 Tags: Datzi Media, html5, Digital Always Media,
 */

@import "css/reset.css";
@import "css/layout.css";
@import "css/typography.css";
html {
    background-color: #eee8e5;
}
body {
    font: 12px 'trebuchet MS', sans-serif #685040;
}
/* Clear Floated Elements */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
.clear {
    clear: both;
    display: inline-block;
}

a:focus { 
    outline: none; 
}

a {
    color: #ed1a3b;
    text-decoration: underline;
    font-family: 'trebuchet MS', sans-serif #685040;
}

a:active, a:focus { 
    border:none;
    outline:none;
}

p {
    font-family: 'trebuchet MS', sans-serif;
    font-size: 12px;
    color: #685040;
    line-height: 15px;
    margin: 0 0 15px 0;
}
h1, h5 {
    font-family: 'trebuchet MS', sans-serif;
    font-size: 24px;
    color: #e5002d;
    margin: 0 0 15px 0;
}
h2 {
    font-family: 'trebuchet MS', sans-serif;
    font-size: 18px;
    color: #e5002d;
    margin: 0 0 15px 0;
}
h3 {
    font-family: 'trebuchet MS', sans-serif;
    font-size: 14px;
    color: #e5002d;
    margin: 0 0 15px 0;
}
h4 {
    font-family: 'trebuchet MS', sans-serif;
    font-size: 12px;
    color: #e5002d;
    margin: 0 0 5px 0;
    font-weight: bolder;
}


#pagewrap {
    width: 960px;
    margin: 30px auto 100px;
    background: white;
    overflow: hidden;
    height: 100%;
    position: relative;
    margin-bottom: 100px;
}
header {
    width: 960px;
    height: 475px;
    background: white;
    position: relative;
    margin: 0 auto 25px;
    z-index: 5;
}

#content header {
    width: 960px;
    height: auto;
    background: white;
    position: relative;
    margin: 0 auto 10px;
}

#logo{
    float: left;
    background: url(images/BDOlogo.jpg) no-repeat 0 0;
    width: 170px;
    height: 65px;
    margin: 50px 10px 5px 15px;
    display: block;
    text-indent: -9999px;
}
#location h1, .sj-location {
    float: left;
    margin: 70px 0 0 0;
    font-weight: bolder;
    text-transform: uppercase;
}
#bdophone {
    float: right;
    margin: 70px 20px 0 0;
}
#headerSlide {
    background: url(images/X.jpg) no-repeat transparent;
	float: left;
	width: 100%;
	height: 325px;
    position: absolute;
    top: 150px;
    left: 0px;
    }

#imgbgheader{
	float: left;
	width: 100%;
    position: absolute;
    top: 150px;
    left: 0px;
}

#imgbgheader2{
	float: left;
	width: 100%;
	height: 100%;
    position: absolute;
    top: -10px;
    left: -10px;
}

#headerSlide2 {
    width: 960px;
    height: 325px;
    position: relative;
   	float: left;
}


#headerSlide3 {
    background: url(images/blog_header.jpg) no-repeat 0 0;
    width: 960px;
    height: 325px;
    position: relative;
   	float: left;
}
  
#pageheading {
position: absolute;
height: 197px;
top: 200px;
left: 0;
width: 100%;
}

#block  {
    background: #b9aca5;
     -khtml-opacity:.50; 
	 -ms-filter:”alpha(opacity=50)”;
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
  	filter:alpha(opacity=50); /* IE */
    -moz-opacity:0.5; /* Mozilla */
opacity: 0.5;
position: relative;
left: 0;
width: auto;
height: 200px;
padding: 14px 50px;
margin: 0;
float: left;
}

#text {
  position: absolute;
top: 50px;
left: 0;
width: 100%;
height: 100%;
padding: 10px;
}

#text h1{
	color: #ed1a3b;
	font-size: 125px;
	font-family: 'trebuchet MS', sans-serif;
	text-transform: lowercase;
	font-weight: bold;
	  -khtml-opacity:1; 
	 -ms-filter:”alpha(opacity=100)”;
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
  	filter:alpha(opacity=100); /* IE */
    -moz-opacity:1; /* Mozilla */
opacity: 1;

}


#content {
    float: left;
    width: 620px;
    height: 100%;
    background-color: #fff;
    padding: 0 40px 50px 20px;
    min-height: 100%;
    position: relative;
    margin-bottom: 50px;
}
#subcontentwrap {
    width: 700px;
    height: auto;
    position: relative;
    float: left;
    clear: left;
    margin-top: -40px;
}
#subcontent {
    float: left;
    width: 470px;
    height: 100%;
    background-color: #fff;
    padding: 20px 15px 100px;
    min-height: 100%;
    position: relative;
}
#subcontent h2 p {
    font-weight: bolder;
}
#subsidebar {
    float: left;
    clear: right;
    width: 170px;
    height: 100%;
    background-color: #fff;
    padding: 20px 10px 100px 10px;
    min-height: 100%;
    position: relative;
}
#subsidebar h1 {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}
#subsidebar a {
	font-family: 'trebuchet MS', sans-serif;
    font-size: 12px;
    color: #ed1a3b;
    line-height: 24px;
    font-weight: 500;
    text-decoration: underline;
}
#subsidebar a:hover {
    color: #b9aca5;
}
.customBreadcrumbs {
    width: 100%;
    height: 15px;
    font-size: 10px;
    margin: 20px;
    margin: 40px 20px 0px;
}
aside {
    float: right;
    width: 225px;
    height: 100%;
    background-color: #fff;
    padding: 0 15px;
    min-height: 100%;
    position: relative;
    z-index: 1;
    margin-top: -29px;
}
aside h1 {
    font-family: 'trebuchet MS', sans-serif;
    font-size: 24px;
    color: #685040;
    margin: 15px 0;
    border-top: solid 10px #62cae3;
    padding-top: 10px;
    width: 220px;
}
aside #sidetoplocator {
    background: url(images/sidetoplocator.png) no-repeat 0 0;
    position: relative;
    top: 0;
    left: -30px;
    width: 17px;
    height: 60px;
    margin: 0 auto 20px;
}
aside .toolslinks {
    width: 260px;
	height: 350px;
	margin: 5px 0;
	overflow: hidden;
}

#toolslink{
    float: left;
    width: 160px;
    height: 65px;
    display: block;
    position: relative;
    padding: 20px 5px 5px 80px;
	color: #b9aca5;
    text-decoration: none;
    text-align: left;
    font-family: 'trebuchet MS', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 0 5px;
    border: 0;
}

.toolslink1{
    background: url(images/Blue_MeetTeam2.png) no-repeat 0 0;

}

.toolslink2{
    background: url(images/Blue_Contact-Us.png) no-repeat 0 0;

}

.toolslink3{
    background: url(images/Blue_Accessment.png) no-repeat 0 0;

}
.toolslink4{
    background: url(images/Blue_Video.png) no-repeat 0 0;

}


#toolslink:hover {
 	text-decoration: underline;
    color: #62cae3;

}

aside .latestPost {
    padding: 5px 25px 0 0;
}
aside .latestPost h3 {
    font-size: 15px;
    line-height: 20px;
    margin: 20px 0 0 0;
}
aside .latestPost  a:hover {
    color: #b9aca5;
}
aside .latestPost p {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 5px 0;
}
footer {
    width: 750px;
    padding: 15px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    float: left;
    font-size: 11px;
}
footer p {
    font-size: 11px;
}
footer a {
    font-family: 'trebuchet MS', sans-serif;
    font-size: 11px;
    color: black;
    text-decoration: underline;
}
#bottomlocatorcontain {
	min-height: 1%;
	width: 17px;
	margin: 40px auto 0px;
	position: relative;
	bottom: 0px;
	right: 100px;
	float: right;
	clear: both;
}
#sidelocator {
    background: url(images/sidelocator.png) no-repeat 0 0;
    width: 17px;
    height: 278px;
    position: relative;
    top: 0;
    left: 0;
}
#locatorbase {
    background-color: #ef3e42;
    height: 100%;
    width: 17px;
    position: relative;
    top: 0;
    left: 0;
}
ul .toolbuttons {
    width: 680px;
    height: 300px;
    margin: 10px 0;
    overflow: hidden;
}
li .toolwidget {
    width: 155px;
    height: 200px;
    margin: 0 10px 0 0;
    float: left;
    clear: right;
}

li .toolwidget a {
    font-weight: bolder;
    color: #fff;
    text-decoration: none;
    text-align: left;
    padding: 15px 0;
    position: relative;
    bottom: 20px;
    left: 5px;
}

li .toolwidget p {
    font-size: 15px;
    color: #5e4f4a;
    padding: 20px 10px;
}

#custom-bg{
	width: 480px;
	height: auto;
}

#itemwrap{
	width: 650px;
	min-height: 280px;
	float: left;
	position: relative;
	margin: 0 30px 0 0;
}

#itembtn, #itembtn2, #itembtn3, #itembtn4{
	width: 140px;
	height: 175px;
	margin: 5px 5px 75px 5px;
	padding: 0px 5px;
	float: left;
	position: relative;
}

#itembtn2,#itembtn3,#itembtn4{
border-style:solid;
border-left-width:thin;
border-color: #796961;

}

#itembtn h1,#itembtn3 h1, .sj-itembtn, .sj-itembtn3{
	color: #ed1a3b;
	font-size: 30px;
	position: relative;
	font-family: 'trebuchet MS', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 600;
}

#itembtn2 h1,#itembtn4 h1, .sj-itembtn2, .sj-itembtn4{
	color: #796961;
	font-size: 30px;
	position: relative;
	font-family: 'trebuchet MS', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 600;
}

#itembtn h1 span,#itembtn2 h1 span, #itembtn3 h1 span, #itembtn4 h1 span, .sj-itembtn span, .sj-itembtn2 span, .sj-itembtn3 span, .sj-itembtn4 span{
	color: #62cae3;
}


#itembtn a,#itembtn2 a,#itembtn3 a,#itembtn4 a{
	color: #796961;
	font-size: 16px;
	position: relative;
	font-family: 'trebuchet MS', sans-serif;
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: bold;
	display: block;
	line-height: 20px;
}

#itembtn a,#itembtn3 a {
	margin-top: 30px;
}

#itembtn2 a span,#itembtn4 a span {
	margin-top: 15px;
}

#itembtn a:hover,#itembtn2 a:hover,#itembtn3 a:hover,#itembtn4 a:hover{
	color: #62cae3;
}
	
#itembtn a span,#itembtn2 a span,#itembtn3 a span,#itembtn4 a span{
	color: #ed1a3b;
	font-size: 14px;
	position: relative;
	float: right;
	text-decoration: none;
	display: block;
	}
	
#itembtn p,#itembtn2 p,#itembtn3 p,#itembtn4 p{
	color: #796961;
	font-size: 12px;
	position: relative;
	font-family: 'trebuchet MS', sans-serif;
	font-weight: bold;
}


#gethelpbtn {
	width: 285px;
	height: 105px;
	margin: 10px 5px;
	padding: 200px 10px 0 10px;
	background: url(images/Emontonbutton.jpg) no-repeat 0 0;
	background-color: #796961;
	float: left;
	position: relative;
	}

#gethelpbtn h1, .sj-gethelpbtn{
	color: white;
	font-size: 42px;
	padding: 0;
}

#gethelpbtn a{
	color: white;
	font-size: 14px;
	padding: 0 0 0 50px;
	position: relative;
	bottom: 5px;
	font-family: 'trebuchet MS', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}

	
#busbtn{
	width: 290px;
	height: 305px;
	margin: 10px 5px;
	float: left;
	background-color: #62cae3;
}

#busbtn h1, .sj-busbtn{
	color: white;
	font-size: 35px;
	padding: 10px;
}

#busbtn a{
	color: white;
	font-size: 14px;
	padding: 0 0 0 130px;
	position: relative;
	bottom: 20px;
	font-family: 'trebuchet MS', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	display: block;
}

#busbtn p{
	color: #796961;
	font-size: 14px;
	padding: 20px;
	position: relative;
	bottom: -25px;
	font-family: 'trebuchet MS', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}

#subsideBtn{
	width: 114px;
	height: auto;
	margin: 30px 0;
	padding: 15px 10px 0 10px;
	background-color: #ed1a3b;
	float: left;
	position: relative;
	}

#subsideBtn h1{
	color: white;
	font-size: 20px;
	padding: 0;
	text-decoration: none;
	text-transform: capitalize;
}

#subsideBtn a{
	color: white;
	font-size: 14px;
	padding:0;
	position: relative;
	bottom: 5px;
	font-family: 'trebuchet MS', sans-serif;
	font-weight: 600;
}

#subsideBtn a:hover{
	color: black;
}

.sideimg{
	padding: 0;
	margin: 0;
	position: relative;
	top: -20px;
	left: -10px;
}

/* homepage header btn */
#busbtn2 {
	width: 350px;
	height: 280px;
	float: left;
	position: relative;
	top:20px;
	background-color: rgba(185, 172, 165, .5);
 	color: rgba(185, 172, 165, .5);
	background: url(images/headerbg.png);
	z-index: 9999;
}

#busbtn2 h1, .sj-busbtn2{
	color: white;
	line-height: 70px;
	font-size: 90px;
	padding: 10px;
	right: 5px;

}


#busbtn2 h1 span, .sj-busbtn2 span{
	color: #62cae3;
}



.btnwrap {
	width: 110px;
	height: 16px;
	margin: 0;
	padding: 10px;
	background-color: #62cae3;
	position: relative;
	float: right;
	bottom: 16px; 
	right: 60px;
	display: block;


}

.btnwrap a{
	color: white;
	font-size: 13px;
	padding: 0px;
	position: relative;
	z-index: 2;
	font-family: 'trebuchet MS', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	display: block;
}


/* Subpage header names */
#busbtn3{
	height: 70px;
	float: left;
	position: absolute;
    	top: 100px;
  	left: -70px;
    	padding: 15px;
	background-color: rgba(185, 172, 165, .5);
 	color: rgba(185, 172, 165, .5);
	background: url(images/headerbg.png)\9;
}

#busbtn3 h1{
	color: #62cae3;
	line-height: 50px;
	font-size: 60px;
	padding: 10px 0 0 80px;
	left: 5px;
	text-transform: uppercase;
}


/*__________ Ul List ___________ */

article ul{
	width: auto;
	height: auto;
	margin: 10px 0;
	padding: 10px;
	list-style-type: none;
}

article ul li,article ul ul,  article ul ul li, article ul ul ul, article ul ul ul li{
	list-style-type:  none;
	line-height: 2em;
	font-family: 'trebuchet MS', sans-serif;
    font-size: 12px;
    color: #685040;
    margin-left: 2em;
    text-indent: -1em;
}

article ul li:before {
	content: "\2023\0020";
	color: #ef3e42;
    font-size: 20px;
   }
   
   
/*__________ OL List ___________ */

article ol,{
	margin: 10px 0;
	padding: 10px;
	list-style-type: none;
	*list-style-type: decimal;
	counter-reset: list 1;
}

article ol li,article ol ol,  article ol ol li, article ol ol ol, article ol ol ol li{
	line-height: 2em;
	font-family: 'trebuchet MS', sans-serif;
    font-size: 12px;
    color: #685040;
    margin-left: 2em;
    text-indent: -1.5em;
    *text-indent: 0em;
    counter-increment: li;
    display: block;
}

article ol > li:before, article ol ol > li:before, article ol ol ol > li:before {
	content: counter(li);
	font-family: 'trebuchet MS', sans-serif;
	color: #ef3e42;
    font-size: 16px;
    font-weight: bold;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
   }




/*__________ Easy Tables ___________ */
table.easy-table {
font-family: 'trebuchet MS', sans-serif; !important;
font-size:14px !important;
color: #685040;
}

/*  Blue Menu
-------------------------------------------------------------- */

#access {
	clear: both;
	display: block;
	float: left;
	margin: 0 auto;
	width: 100%;
	height: 30px;
	background-color: #b9aca5;
	font-family: 'trebuchet MS', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
	top:3px;
	z-index: 99999;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 5px 0 0 5px;
	padding-left: 5px;
	height: auto;
	width: auto;
}
#access li {
float: left;
position: relative;
background-color:#B9ACA5;
margin: 0 2px 2px;
height: 15px;
width: auto;
padding:5px 0;
position: relative;
right: 7px;
top: -2px;
}

#access ul ul li {
float: left;
position: relative;
margin: -2px 2px 2px;
height: 15px;
width: 240px;
position: relative;
right: 7px;
top: -3px;
}

#access a {
color:white;
display: block;
padding: 6px 15px;
text-decoration: none;
position: relative;
}

#access ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	padding: 5px;
	top:27px;
	left: 0;
	width: 240px;
	z-index: -10;
}
#access ul ul ul {
	left: 100%;
	top: 0px;
}
#access ul ul a {
color: white;
font-size: 13px;
font-weight: normal;
height: 20px;
line-height: 5px;
padding: 5px;
width: auto;
position: relative;
right: 4px;
top: -3px;
display: block;
}

#access ul li a{
	color: #fff;
	width: auto;
	height: 20px;
	position: relative;
	top: -5px;	
	left: 0;
	display: block;
}

#access ul ul li a{
	color: #fff;
	width: auto;
	height: 20px;
	position: relative;
	top: 1px;	
	left: 0;
	display: block;
}


#access li:hover > a{
	background-color: #62cae3; /* Show a solid color for older browsers */
	color: #fff;
	width: auto;
	height: 13px;
	position: relative;
	top: -8px;	
	left: 0;
	padding-top: 10px;
	display: block;
}


#access ul ul li:hover > a{
	background-color: #62cae3; /* Show a solid color for older browsers */
	color: white;
	width: auto;
	height: 9px;
	position: relative;
	top: -6px;	
	left: 0;
	padding-top: 12px;
	display: block;
}


#access ul li:hover > ul {
	height: auto;
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
font-weight: bold;
background-color: #ED1A3B;
height: 10px;
width: auto;
position: relative;
padding-top: 10px;
top: -5px;
left: 0;
	}
	
#access ul li.current-menu-item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a {
font-weight: bold;
background-color: #ED1A3B;
height: 14px;
width: auto;
position: relative;
padding-top: 10px;
top: -8px;
left: 0;
	}
	
#access ul ul li.current-menu-item > a,
#access ul ul li.current-menu-ancestor > a,
#access ul ul li.current_page_item > a,
#access ul ul li.current_page_ancestor > a {
font-weight: bold;
background-color: #ED1A3B;
height: 10px;
width: 230px;
position: relative;
padding-top: 11px;
top: -5px;
left: 0;
	}
		

/*-- jamie social media fix --*/

body #subcontent ul.jamie_social li {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	text-align:left;
	float: left;
	vertical-align:baseline;
	overflow: visible;
	line-height: 20px;
	min-width:115px;
	list-style-type:none;
}

/* ---- Add this share buttons customization ---- */
/* Top right follow buttons */
#bdophone {
	margin-top: 20px;
}

/* share buttons */
div.addthis_toolbox.addthis_default_style {
	margin-bottom: 10px;	
}
/* ----- Consumer Proposal Contact Form Styles ----- */
/* Sidebar Toolslinks styling */
div.toolslinks {
	margin: 20px 40px 15px 0;
}

/* Consumer Proposal Contact Form styling */
form.wpcf7-form {
	margin: 15px 40px 0 0;
}
h3.sj-form-title {
	margin-top: 60px;
	font-weight: bold;
	font-size: 16px;
}
form.wpcf7-form textarea {
	width: 220px;
}
input.wpcf7-form-control.wpcf7-submit {
	width: 40%;
	border-radius: 5px;
	border: black 2px;
	padding: 5px 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: white;
	margin-left: 145px;
	background-color: #e5002d;
}
/* Form Alert/Response styling */
div.wpcf7-response-output {
	font-family: 'trebuchet MS'; !important;
}
div.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
	border: 2px solid #e5002d; !important;
	font-family: 'trebuchet MS';
}

/* Contact Us schema footer */
.sj-contact-info {
	line-height: 1.6em;
	font-size: 12px;
}

/* remove AddThis counter */
.addthis_counter.addthis_bubble_style {
  display: none !important;
}

/* Color subsideBtn text on blog page */
#subsideBtn h5 {
    color: #fff;
}

/* Contact Us button in the header */
.contact-us_button {
	color: #ffffff;
	background-color: #ed1a3b;
	text-decoration: none;
	border-radius: 4px;
	padding: 5px 10px;
	margin-top: 5px;
	text-transform: uppercase;
	font-size: 13px;
}
strong, b {

font-weight: bold; !important}