/* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */
* {
  margin: 0;
}
html, body {
  height: 100%;
}
.speaking ul li p {
margin:0;
padding:0;
}
h4 {
margin:10px 0 -10px 0;
padding:0;
line-height:22px;
}
.half {width:45%;margin-right:5%;float:left;}
h1 {
margin-top:20px;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -142px; 
}
.navbar {margin-bottom:20px}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
   
}


.site-footer {
    background:#000;
		color:#ccc;
		background:rgba(0,0,0,0.8);

		font-size:9pt;
}
.ditto_page, .ditto_currentpage {padding:0 5px;}
@media (max-width: 797px){
.site-footer {
display:none;
height:0;
}
}
body {
color: #000000;
background-color: #999999;
font-size:11pt;

}
	
	p{ 
	margin: 20px 0;
	}
	.biopage {
	height:1000px;
	}

	.bio {
	height:600px;
	}
	.bio h2 {
	text-align:left;
	margin-left:20px;
	}
	.biotext {
	margin-top:10px;
min-height:700px;
background:rgba(0,0,0,0.8);
color:#fff;
padding:20px;
	}
	.biotext a {
	color:#fff;
	text-decoration:underline;
	}
	@media (min-width:797px) and (max-width:979px) {
	.biotext {
	margin-top:250px;
	min-height:400px;
	}
	}
	.scrollspy-example {
height: 300px;
overflow: auto;
position: relative;

}
.scrollspy-example p {padding:0 20px 0 0}
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background-color: #111;

}
::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}
.scrollspy-example li {
margin-bottom:20px;
}


.greg {
bottom:0;
position:fixed;
height:75%;
z-index:-10;
}

.mobile-image {
display:none;
}	
	 @media (max-width:797px) {
 
.mobile-image {
bottom:0;
position:fixed;


z-index:-10;
display:block;
margin-left:auto;
margin-right:auto;
}
.janice-bio {height:2500px;} .greg-bio {height:1750px;}

		.biotext {
		margin-top:430px;
	
	color:#fff;
	font-size:10pt;
	padding:10px;
	
	z-index:100;
	}

	.biotext a:visited, .biotext a:link {color:#fff; text-decoration:underline;}
	@media (max-width:797px) {
	.speaking {
	height:2500px;
	}
	.speaking2 {
	height:1100px;
	}
	.janice-bio {height:2500px;}
		.greg-bio {height:1850px;}
		
	}

/* Prevent Image Resizing */
img {
    max-width: none;
}
	.scrollspy-example {
height: 300px;
overflow:visible;
position: relative;
}
	 

		.greg {
display:none;
	}
	

	.navbar-static {
	
	display:none;
	}
	
	}
	
	


   /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Special class on .container surrounding .navbar, used for positioning it into place. */


    .navbar-wrapper {	
      height:auto;
      top: 0;
      left: 0;
      right: 0;
      z-index: 200;      
     background:rgba(0,0,0,0.9);
	
	  }
	  
@media (max-width:979px) {
.navbar-wrapper {
width:100%;

background:#0089d0;
top:0;
position:fixed;
}
.logo {width:200px;}
.navbar {margin-bottom:0px}
}

    /* Remove border and change up box shadow for more contrast */
    .navbar .navbar-inner {
      border: 0;
   background:none; box-shadow:none;
background-image:none;	
    }
	.navbar-collapse {
	   float:right;
	   }
	   .nav-collapse{
margin: 60px 0 0 410px;
width:auto;
	   }
	   @media (max-width:1218px) {
   .nav-collapse{
margin: 70px 0 0 260px;
width:790px;
	   }
}
 @media (max-width:997px) {
   .nav-collapse{
margin: 70px 0 0 0px;
width:auto;
	   }
}

    /* Downsize the brand/project name a bit */
    .navbar .brand {
   /* Increase vertical padding to match navbar links */
      font-size: 16px;
      font-weight: bold;
      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	 
    }
	.brand {
	padding:0;
float:left;

	margin:0;
	
	}
ul.whatshappening {
margin-top:30px;
}
ul.whatshappening li {
list-style:url(../images/bullet.png);
margin:40px 0;
}
ul.whatshappening h4 {
line-height:20px;
}
ul.whatshappening li a, ul.whatshappening li a:active, ul.whatshappening li a:visited {
text-decoration:none;
}
ul.whatshappening a:hover {
text-decoration:underline;
}

ul.sidenavbar {
margin-left:-20px;
}

    /* Navbar links: increase padding for taller navbar */
    .navbar .nav > li > a {
      padding: 10px 15px;
	  color:#fff;
	  text-shadow:none;
    }

    /* Offset the responsive button for proper vertical alignment */
.navbar .btn-navbar {
      margin-top: 10px;
    }


.nav ul li a {
margin:0px 10px;
}
.nav li a {
margin:0px 10px;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  text-shadow:none;
  background-color: #0089d0;

}
.sidenavbar {
margin-left:0px;

}
.sidenavbar li a {
color:#000;
}
.sidenavbar li a:visited {

}
.sidenavbar li a:hover {
color:#ffffff;
}
.sidenavbar li .active {
color:#fff;
}
.navbar .nav > li a:link {
 color:#fff;
  text-decoration: none;
    text-shadow:none;
	font-weight:400;
}
.navbar .sidenavbar > li a:link {
font-weight:400;
  text-decoration: none;
    text-shadow:none;
	padding:5px;
}
.navbar .nav > li a:hover {
  color:#000000;
  text-decoration: none;
  text-shadow:none;
  background-color: #fff;
}

@media (max-width:779px) {
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  text-shadow:none;
  background-color:#000;
}
.navbar .nav a {
color:#fff;
}
}

    /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
      margin-bottom: 60px;
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }

    .carousel .item {
      height: 500px;
    }
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 500px;
    }

    .carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: 200px;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }



    /* MARKETING CONTENT
    -------------------------------------------------- */

    /* Center align the text within the three columns below the carousel */
	.contactus2016 {margin-top:100px;min-height:500px;}
    .marketing .span4 {
      text-align: center;
    }
    .marketing h2 {
      font-weight: normal;
    }
    .marketing .span4 p {
      margin-left: 0px;
      margin-right: 0px;
	  
    }


    /* Featurettes
    ------------------------- */

    .featurette-divider {
      margin: 80px 0; /* Space out the Bootstrap <hr> more */
    }
    .featurette {
      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
    .featurette-image {
      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
      margin-right: 40px;
    }
    .featurette-image.pull-right {
      margin-left: 40px;
    }

    /* Thin out the marketing headings */
    .featurette-heading {
      font-size: 50px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
    }

.header-contact {
text-align:right;
top:10px;
position:relative;
color:#fff;
float:right;
font-size:10pt;
}
 @media (max-width: 979px) {
      .header-contact {
top:0;
left:0;
text-align:left;
display:none;

	}
      }
.homepage-content {
margin-top:10px;
text-align:left;
min-height:720px;
}

.homepage-image {
bottom:0;
	position:fixed;
	height:75%;
	
	z-index:-100;
}
 @media (max-width: 979px) {
.homepage-image {
display:none;

}
.homepage-content {
min-height:850px;
}
      }
.homepage-content p, .homepage-content h2  {
text-align:left;

}
.homepage-content h2 {

font-size:30pt;
font-weight:bold;
margin-bottom:10px;

}
.homepage-text {
margin-top:100px;
margin-left:60px;
}
.logo {
float:left;
margin-left:-20px;
margin-top:20px;
}
 @media (max-width: 800px) {
 .contactus2016 {margin-top:0px;}
.homepage-text {
background:rgba(0,0,0,0.8);
padding-top:0px;
color:#fff;
max-width:80%;
padding:10px;
position:relative;	
background-attachment:scroll;
margin-top:400px;
}
#homepage {
min-height:110px;
}
.logo {
float:left;
width:180px;
margin-left:-10px;
margin-top:0;
}

      }

.about-us {
background:url(../images/about-us.jpg) no-repeat center top;
background-color:#000;
background-position:center;background-size:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.contact-us {
background:url(../images/contact-2016.jpg) no-repeat center top;
background-color:#000;
background-position:center;background-size:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.lawyers {
background:url(../images/lawyers.jpg) no-repeat center top;
background-color:#000;
background-position:center;
background-size:100%;
background-attachment:fixed;
}
.referrals {
background:url(../images/referrals.jpg) no-repeat center top;
background-color:#000;
background-size:cover;
background-attachment:fixed;
}
.whats-happening {
background:url(../images/whatshappening-2016.jpg) no-repeat center top;
background-color:#000;
background-position:center;
background-size:100%;
background-attachment:fixed;

}
.about-us h2 {

font-size:30pt;
font-weight:bold;
margin-bottom:10px;
margin-top:30px;
}
@media (min-height:1080px) {
.about-us, .referrals , .whats-happening, .contact-us {min-height:100vh;}
}
@media (max-width:797px) {
.about-us {
background-color:#000;
background-attachment:fixed;

}
.lawyers {


background-color:#000;
}
.referrals {
background-attachment:fixed;
background:url(../images/referrals.jpg) no-repeat center top;
background-size:cover;
}
}
.row-margin-100 a:link {
color:#fff;
}
.about-us-content {
color:#fff;
height:auto;
background:rgba(0,0,0,0.8);
min-height:500px;
padding-left:20px;
padding-right:10px;
padding-bottom:20px;
margin-bottom:30px;

}
.lawyers-content {
color:#fff;
height:auto;
background:rgba(0,0,0,0.8);
min-height:700px;
padding-left:20px;
padding-right:10px;
padding-bottom:20px;
margin-bottom:30px;
}
.bg{background:rgba(0,0,0,0.9);color:#fff;padding:20px;}
.minheight500 {min-height:500px;}
.lawyers-content a:link, .lawyers-content a:visited {
color:#fff;
}
#fds{}
#fds div {}
#fds div {opacity:0;}
.about-us-content ul {
list-style:none;
margin-left:0px;
} /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -60px;
      }

      /* Set the fixed height of the footer here */
  
      #footer {
	
        background:#000;
		color:#ccc;
		background: rgba(0,0,0,0.9);
	width:100%;
		font-size:9pt;
	
		font-weight:bold;
		position:static;
                bottom:0;
      }
@media (min-height:1081px) {
.homepage-text {margin-left:0;}
#footer {position:absolute;}
}
	  #footer p {

	  }
	  #footer a {
	  color:#ccc;
	  }
	@media (min-width: 768px) {
	.footer {
	display:none;
	}
	}
      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
	  .about-us-content {
	
	 
	  }
	  #footer {
	  display:none;}
       
		.footer {
		clear:both;
   background:#000;
   color:#fff;
   bottom:0;
   position:relative;	
padding:10px;
  margin-top:-1px;
font-size:9pt;
   }
   .footer a:link, .footer a:visited {
   color:#fff;
   }
        }
		
		body {
margin:0;
		padding:0;
		}
      }
    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {

      .container.navbar-wrapper {
        margin-bottom: 0;
      
      }
      .navbar-inner {
        border-radius: 0;
        
      }

      .carousel .item {
        height: 500px;
      }
      .carousel img {
        width: auto;
        height: 500px;
      }

      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 0 auto 20px;
      }
    }


    @media (max-width: 767px) {

      .navbar-inner {
        margin:0;
      }

      .carousel {
        margin-left: -20px;
        margin-right: -20px;
      }
      .carousel .container {

      }
      .carousel .item {
        height: 300px;
      }
      .carousel img {
        height: 300px;
      }
      .carousel-caption {
        width: 65%;
        padding: 0 70px;
        margin-top: 100px;
      }
      .carousel-caption h1 {
        font-size: 30px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 18px;
      }

      .marketing .span4 + .span4 {
        margin-top: 40px;
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
      }

    }
	.lawyers-page {
	min-height:600px;
	margin-top:60px;

	}
.lawyers-page a{color:#fff;}
	@media (max-width:797px) {
	.lawyers-page {
	margin-top:80px;	text-align:left;
	}
	.lawyers-page h1 {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	}
	#scroll-pane
			{
				width: 70%;	
				height: 150px;
				overflow: auto;
				padding-right:10px;
			}
			.sixty{width:48%;float:left;}
			.forty{width:48%;float:left;}
			.fifty {
			width:49%;
			float:left;
			}
			.fifty ul li {width:100%;padding:0;margin:0}
			@media (max-width:797px) {
			.fifty, .sixty, .forty {
			width:100%;
			}
			}
	




/* Remove this if you want to try $('body').scrollspy(); */
#content {
    height: 200px;
	width:100%;
    overflow-y: scroll;
}

.page {
background:#000;
margin:0;
padding:0;
}

#content h1 {
font-size:14pt;
}
@media (max-width:787px) {
#content {
background:#000;
opacity:.7;
height:auto;
color:#fff;
margin-top:300px;
overflow-y:visible;
width:100%;
}

}

.page {
    margin: 20px 0;
    padding: 0px 0 100px 0;
    height: 200px;
}

#bio-janice {
min-height:1050px;
height:100vh;
background:url(../images/janice-2016.jpg) no-repeat center bottom;
background-size:cover;
}

#bio-greg {
height:100vh;
min-height:1050px;
background:url(../images/greg-2016.jpg) no-repeat center bottom;
background-size:cover;
}
@media (max-width:797px) and (max-height:2000px) {
#bio-janice, #bio-greg {background:none;}

}
#homepage {
height:100%;
min-height:1020px;
background:url(../images/homepage-2016.jpg) no-repeat center bottom;
background-size:cover;
}
.row-margin-100 {
min-height:600px;
}
@media (max-width:1024px) {
#homepage {
height:100%;
min-height:1020px;
background:url(../images/homepage-2016.jpg) no-repeat center top;
}
}

@media (max-width:797px) {

.biotext {
margin-top:500px;

}
}

.row-margin-100 {
margin-top:60px;
}
@media (max-width:800px) {
.row-margin-100 {
margin-top:150px;
}

.row-margin-100 img {
width:100%;
}
.text-bg {
margin: 10px 10px 20px 10px;
}
#homepage {
height:100%;
min-height:1200px;
background-image:none;
background: url(../images/toronto-litigation-lawyers-mobile.jpg) no-repeat center bottom;
background-attachment:scroll
}
}
.text-bg {
background:rgba(0,0,0,0.8);
background-repeat:repeat;
padding:10px;
height:auto;
color:#fff;
}
.text-bg2 {
background:rgba(0,0,0,1);
background-repeat:repeat;
padding:10px;
height:auto;
color:#fff;
}
.navbar-inner {
  background-color: none; /* fallback color, place your own */

  /* Gradients for modern browsers, replace as you see fit */
  background-image: none;



  /* IE8-9 gradient filter */
  filter:none;	);
}






.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
	
}
.dropdown-menu {background:#0089d0;color:#fff;border-radius:0;min-width:0px;margin-left:-30px;padding:5px;}
.dropdown-menu li a {color:#fff;}
.dropdown-menu > .active  {background:#fff !important;color:#000 !important;}
.dropdown-menu > .active > a {background:none !important;color:#000 !important;}
.nav-collapse.collapse > ul > li.dropdown > ul > li.active > a{color:#333;background:#fff;}
.dropdown-menu li a:hover, .dropdown-menu li:hover{background:#fff;color:#333}
.dropdown.active > ul > li.active > a {background:none}
.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.navbar .nav > li > .dropdown-menu:before {display:none}
 @media (max-width: 400px) {
.homepage-content {min-height:0;}
#homepage{ 
  background-image: url(../images/homepage-mobile-sm.jpg);
  background-repeat:no-repeat;
  background-position:center top;
  background-attachment:scroll
  background-color:#000;min-height:1000px;
}
.janice-bio {height:3400px;}
}
@media (min-width: 1200px) {
#fds > div.span4.homepage-text > p{
    width: 350px;
	text-align:justify;
}
}
@media (min-width: 800px) and (max-width: 979px) {
#fds > div.span4.homepage-text {
    width: 200px;
}
}
ul.newslist {margin-left:25px !important;list-style: none !important; }
.newslist li{font-size:1.4em;margin:1em 0;}
.newslist li p {font-size:0.7em;}
.newslist li a {color:#fff !important;}
.newslist li span {font-size:0.7em !important;}
ul.newslist li::before {
  content: "\25A0";  
  color: #0089d0; 
  
  display: inline-block; 
  width: 1em; 
  margin-left: -1em;

}
.pageNav ul {list-style:none;}
.pageNav li {float:left;width:1.5em;text-align:center;}
.pageNav li.control {width:2em;text-align:center;}

@media (min-height:1000px) {
.container {width:1250px;}
}