@charset "UTF-8";
/* CSS Document */
/* Richard Leggatt – Graphic Design */
@import url("../index.html.css");

html, body
{
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}

body
{
  margin:0;
  padding:0;
  height:100%;
  background-image: url(../images/grid.gif);
}

p
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  padding-left:46px;
  padding-right:50px;
}

p span
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:bold;
  padding-right:10px
}

a:link
{
    text-decoration: none;
}

ul li
{
	display:inline;
}

li a
{
	text-decoration:none;
	color:#000000;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

li a:hover
{
	opacity: 0.5;
}

.wrapper
{
	margin:20px auto;
	max-width:1025px;
	margin-top: -43px;
	margin-bottom: -30px;
	background-color:white;
}

.header
{
  width:100%;
  height:100%;
  padding-top:10px;
}

.header span
{
  display:none;
}

iframe
{
	margin-left:45px;
}

@media screen and (max-width: 640px)
{
  	iframe {
	display: none;
  }
}

@media screen and (max-width: 1025px)
{
  	.video-container {
	background-image: url(../images/link-to-video-blank.jpg);
	background-repeat:no-repeat;
	background-size:contain;
  }
}

@media screen and (max-width: 640px)
{
  	.video-container {
	background-image: url(../images/link-to-video.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	margin-left:40px;
	margin-right:40px;
  }
}

.video-container
{
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 91%;
    height: 91%;
}

#resume
{
	padding-right:45px;
}

.menu
{
	background-color:#9f9d9d;
	text-align: justify;
    min-width: 500px;
	max-width:1025px;
	height:25%;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:0px;
	margin-bottom:-15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	position:relative;
}

.menu:after
{
    content: '';
    display: inline-block;
    width: 100%;
}

.menu li
{
    display: inline-block;
}

@media screen and (max-width: 640px) {
    .menu {
		line-height:1.5em;
    	min-width:inherit;
    }
}

@media screen and (max-width: 640px) {
    .menu li {
        display:block;
		width:auto;
    }
}

.share-buttons img
{
	
	margin-left:45px;
	margin-top:30px;
	width: 35px;
	padding: 5px;
	border: 0;
	box-shadow: 0;
	display: inline;
}

@media screen and (max-width: 277px)
{
  	.share-buttons img {
	width: 25px;
	padding: 0px;
  }
}

@media screen and (max-width: 255px)
{
  	.share-buttons img {
	margin-top:23px;
  }
}

.columnsContainer:after
{
    content:"";
    display: table;
    clear: both;
}

.indexleftColumn
{
	float: left;
    width: 50%;
}

.indexrightColumn
{
	float: right;
    width: 50%;
	margin-top:20px;
}

.leftColumn
{
	float: left;
    width: 50%;
}

.rightColumn
{
	float: right;
    width: 50%;
	margin-top:20px;
}

@media screen and (max-width: 640px) {
    .leftColumn, 
    .rightColumn {
        float: none;
        width: auto;
    }
}

@media screen and (max-width: 640px) {
    .indexleftColumn{
        float: none;
        width: auto;
    }
}

@media screen and (max-width: 640px) {
    .indexrightColumn{
        display: none;
    }
}

.single-column
{
	float: none;
    width: 100%;
	margin-top:20px;
}

.notepad
{
	background-image: url(../images/postit.png);
	background-repeat: no-repeat;
	background-size:contain;
}

@media screen and (max-width: 690px)
{
  .notepad {
    background-image: url(../images/postit2.png);
	background-repeat: no-repeat;
	background-size:contain;
  }
}

@media screen and (max-width: 640px)
{
  .notepad {
    background-image: url(../images/postit.png);
	background-repeat: no-repeat;
	background-size:contain;
  }
}

@media screen and (max-width: 330px)
{
  .notepad {
    background-image: url(../images/postit2.png);
	background-repeat: no-repeat;
	background-size:contain;
  }
}

@media screen and (max-width: 255px)
{
  .notepad {
    background-image: url(../images/postit.png);
	background-repeat: no-repeat;
	background-size:contain;
  }
}

.signature
{
	line-height:1.5em;
	padding-top:30%;
}

@media screen and (max-width: 255px)
{
  	.signature {
	font-size:0.7em;
	line-height:1.5em;
	padding-top:10%;
  }
}

.postit
{
	font-family: 'Shadows Into Light', cursive;
	font-size:1.2em;
	padding-top:30px;
	padding-left:85px;
	padding-right:85px;
}

@media screen and (max-width: 950px)
{
  .postit {
    font-size:1em;
  }
}

@media screen and (max-width: 760px)
{
  .postit {
    font-size:0.9em;
	padding-left:65px;
	padding-right:65px;
  }
}

@media screen and (max-width: 640px)
{
  .postit {
	font-size:1.5em;
    padding-top:70px;
	padding-left:85px;
	padding-right:85px;
  }
}

@media screen and (max-width: 530px)
{
  .postit {
    padding-top:50px;
  }
}

@media screen and (max-width: 520px)
{
  .postit {
    font-size:1.2em;
  }
}

@media screen and (max-width: 460px)
{
  .postit {
    font-size:1em;
  }
}

@media screen and (max-width: 400px)
{
  .postit {
    padding-top:8px;
	padding-left:60px;
	padding-right:60px;
  }
}

@media screen and (max-width: 330px)
{
  .postit {
	font-size:0.8em;
    padding-top:30px;
  }
}

@media screen and (max-width: 277px)
{
  .postit {
	padding-left:45px;
	padding-right:45px;
  }
}

@media screen and (max-width: 255px)
{
  .postit {
	padding-top:7px;
	font-size:0.7em;
  }
}

.btn1 .text
{
	position:relative;
	font-size:1.5em;
	color:black;
	top:0px;
	left:0px;
	padding-top:60px;
	padding-bottom:65px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

@media screen and (max-width: 700px) {
    .btn1 .text{
        padding-top:60px;
		padding-bottom:25px;
    }
}

.btn1:hover .text
{
	opacity: 0.8;
}

.btn1
{
	background-image:url(../images/btn1.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	margin-left:68px;
}

.btn2 .text
{
	position:relative;
	font-size:1.5em;
	color:black;
	top:0px;
	left:0px;
	padding-top:60px;
	padding-bottom:65px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

@media screen and (max-width: 700px) {
    .btn2 .text{
        padding-top:60px;
		padding-bottom:25px;
    }
}

.btn2:hover .text
{
	opacity: 0.8;
}

.btn2
{
	background-image:url(../images/btn2.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	margin-left:68px;
}

.btn3 .text
{
	position:relative;
	font-size:1.5em;
	color:black;
	top:0px;
	left:0px;
	padding-top:60px;
	padding-bottom:65px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

@media screen and (max-width: 700px) {
    .btn3 .text{
        padding-top:60px;
		padding-bottom:25px;
    }
}

.btn3:hover .text
{
	opacity: 0.8;
}

.btn3
{
	background-image:url(../images/btn3.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	margin-left:68px;
}

.btn4 .text
{
	position:relative;
	font-size:1.5em;
	color:black;
	top:0px;
	left:0px;
	padding-top:60px;
	padding-bottom:65px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

@media screen and (max-width: 700px) {
    .btn4 .text{
        padding-top:60px;
		padding-bottom:25px;
    }
}

.btn4:hover .text
{
	opacity: 0.8;
}

.btn4
{
	background-image:url(../images/btn4.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	margin-left:68px;
}

.print-header
{
  	background-image:url(../images/../images/short-print-header.jpg);
	background-repeat:no-repeat;
	height:auto;
	background-size:contain;
}

.print-header span
{
  display:none;
}

.print-header-class
{
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-size:4em;
	padding-top:84px;
	padding-left:554px;
}

@media screen and (max-width:776px)
{
  .print-header-class {
	padding-left:500px;
  }
}

@media screen and (max-width:740px)
{
  .print-header-class {
	padding-top:195px;
	padding-left:40px;
  }
}

@media screen and (max-width: 460px)
{
  .print-header-class {
	  font-size:3em;
  }
}

@media screen and (max-width: 460px)
{
    .print-header {
	background-position:center;
	margin-top:-100px;
  }
}

@media screen and (max-width: 360px)
{
  .print-header-class {
	  font-size:2.5em;
  }
}

.Recruitment-btn .text
{
	position:relative;
	color:black;
	margin-top:36px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.Recruitment-btn:hover .text
{
	opacity: 0.8;
}

.Recruitment-btn
{
  	background-image:url(../images/Recruitment-btn.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:40px;
	
}

@media screen and (max-width: 376px)
{
  .Recruitment-btn .text {
	padding-top:52px;
	padding-bottom:50px;
  }
}

@media screen and (max-width: 340px)
{
  .Recruitment-btn .text {
	padding-top:42px;
	padding-bottom:40px;
  }
}

.DD-booklet-2015-btn .text
{
	position:relative;
	color:black;
	margin-top:36px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.DD-booklet-2015-btn:hover .text
{
	opacity: 0.8;
}

.DD-booklet-2015-btn
{
  	background-image:url(../images/DD-booklet-2015-btn.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:40px;
}

@media screen and (max-width: 376px)
{
  .DD-booklet-2015-btn .text {
	padding-top:52px;
	padding-bottom:68px;
  }
}

@media screen and (max-width: 340px)
{
  .DD-booklet-2015-btn .text {
	padding-top:60px;
	padding-bottom:40px;
  }
}

.logos-btn .text
{
	position:relative;
	color:black;
	margin-top:36px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.logos-btn:hover .text
{
	opacity: 0.8;
}

.logos-btn
{
  	background-image:url(../images/logos-btn.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:40px;
}

@media screen and (max-width: 376px)
{
  .logos-btn  .text {
	padding-top:52px;
	padding-bottom:68px;
  }
}

@media screen and (max-width: 340px)
{
  .logos-btn  .text {
	padding-top:60px;
	padding-bottom:40px;
  }
}

.larry-sarbit-investor-brochure-activist-opportunities-btn .text
{
	position:relative;
	color:black;
	margin-top:36px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.larry-sarbit-investor-brochure-activist-opportunities-btn:hover .text
{
	opacity: 0.8;
}

.larry-sarbit-investor-brochure-activist-opportunities-btn
{
  	background-image:url(../images/larry-sarbit-investor-brochure-activist-opportunities-btn.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:40px;
}

@media screen and (max-width: 376px)
{
  .larry-sarbit-investor-brochure-activist-opportunities-btn  .text {
	padding-top:52px;
	padding-bottom:68px;
  }
}

@media screen and (max-width: 340px)
{
  .larry-sarbit-investor-brochure-activist-opportunities-btn  .text {
	padding-top:60px;
	padding-bottom:40px;
  }
}

.christmas-placard-btn .text
{
	position:relative;
	color:black;
	margin-top:36px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.christmas-placard-btn:hover .text
{
	opacity: 0.8;
}

.christmas-placard-btn
{
  	background-image:url(../images/christmas-placard-btn.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:40px;
}

@media screen and (max-width: 376px)
{
  .christmas-placard-btn  .text {
	padding-top:52px;
	padding-bottom:68px;
  }
}

@media screen and (max-width: 340px)
{
  .christmas-placard-btn  .text {
	padding-top:60px;
	padding-bottom:40px;
  }
}

.CAN621_Globe_Strip_for_print-btn .text
{
	position:relative;
	color:black;
	margin-top:16px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.CAN621_Globe_Strip_for_print-btn:hover .text
{
	opacity: 0.8;
}

.CAN621_Globe_Strip_for_print-btn
{
  	background-image:url(../images/globe-and-mail-strip-btn.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:72px;
}

@media screen and (max-width: 640px)
{
  .CAN621_Globe_Strip_for_print-btn {
  	margin-left:40px;
  }
}

@media screen and (max-width: 376px)
{
  .CAN621_Globe_Strip_for_print-btn  .text {
	padding-top:62px;
	padding-bottom:70px;
  }
}

@media screen and (max-width: 340px)
{
  .CAN621_Globe_Strip_for_print-btn  .text {
	padding-top:70px;
	padding-bottom:40px;
  }
}

.CAN627-btn .text
{
	position:relative;
	color:black;
	margin-top:36px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.CAN627-btn:hover .text
{
	opacity: 0.8;
}

.CAN627-btn
{
  	background-image:url(../images/CAN627-btn.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:72px;
}

@media screen and (max-width: 640px)
{
  .CAN627-btn {
  	margin-left:40px;
  }
}

@media screen and (max-width: 376px)
{
  .CAN627-btn  .text {
	padding-top:62px;
	padding-bottom:70px;
  }
}

@media screen and (max-width: 340px)
{
  .CAN627-btn  .text {
	padding-top:70px;
	padding-bottom:40px;
  }
}

.QFR_cover_fall-btn .text
{
	position:relative;
	color:black;
	margin-top:36px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.QFR_cover_fall-btn:hover .text
{
	opacity: 0.8;
}

.QFR_cover_fall-btn
{
  	background-image:url(../images/QFR_cover_fall-btn.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:72px;
}

@media screen and (max-width: 640px)
{
  .QFR_cover_fall-btn {
  	margin-left:40px;
  }
}

@media screen and (max-width: 376px)
{
  .QFR_cover_fall-btn  .text {
	padding-top:62px;
	padding-bottom:70px;
  }
}

@media screen and (max-width: 340px)
{
  .QFR_cover_fall-btn  .text {
	padding-top:70px;
	padding-bottom:40px;
  }
}

.opera-poster-btn .text
{
	position:relative;
	color:black;
	margin-top:36px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.opera-poster-btn:hover .text
{
	opacity: 0.8;
}

.opera-poster-btn
{
  	background-image:url(../images/opera-poster-btn.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:72px;
}

@media screen and (max-width: 640px)
{
  .opera-poster-btn {
  	margin-left:40px;
  }
}

@media screen and (max-width: 376px)
{
  .opera-poster-btn  .text {
	padding-top:62px;
	padding-bottom:70px;
  }
}

@media screen and (max-width: 340px)
{
  .opera-poster-btn  .text {
	padding-top:70px;
	padding-bottom:40px;
  }
}

.league-btn .text
{
	position:relative;
	color:black;
	margin-top:36px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.league-btn:hover .text
{
	opacity: 0.8;
}

.league-btn
{
  	background-image:url(../images/league-btn.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:72px;
}

@media screen and (max-width: 640px)
{
  .league-btn {
  	margin-left:40px;
  }
}

@media screen and (max-width: 376px)
{
  .league-btn  .text {
	padding-top:62px;
	padding-bottom:70px;
  }
}

@media screen and (max-width: 340px)
{
  .league-btn  .text {
	padding-top:70px;
	padding-bottom:40px;
  }
}

.web-header
{
  	background-image:url(../images/../images/web-header2.jpg);
	background-repeat:no-repeat;
	height:auto;
	background-size:contain;
}

.web-header span
{
  display:none;
}

.web-header-class
{
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-size:4em;
	color:black;
	padding-top:64px;
	padding-left: 554px;
}

@media screen and (max-width: 950px)
{
  .web-header-class {
	padding-left: 354px;
  }
}

@media screen and (max-width: 760px)
{
  .web-header-class {
	padding-left: 254px;
  }
}

@media screen and (max-width: 720px)
{
  .web-header-class {
	padding-left: 154px;
  }
}

@media screen and (max-width: 600px)
{
  .web-header-class {
	padding-left: 40px;
  }
}

@media screen and (max-width: 460px)
{
  .web-header-class {
	font-size:3em;
  }
}

@media screen and (max-width: 460px)
{
  .web-header {
	background-position:center;
	margin-top:-70px;
  }
}

@media screen and (max-width: 360px)
{
  .web-header-class {
	font-size:2.5em;
  }
}

.CTA-btn .text
{
	position:relative;
	color:black;
	margin-top:36px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.CTA-btn:hover .text
{
	opacity: 0.8;
}

.CTA-btn
{
  	background-image:url(../images/CTA-panel.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:40px;
}

@media screen and (max-width: 376px)
{
  .CTA-btn .text {
	padding-top:52px;
	padding-bottom:70px;
  }
}

@media screen and (max-width: 340px)
{
  .CTA-btn .text {
	padding-top:42px;
	padding-bottom:40px;
  }
}

.TOTT-btn .text
{
	position:relative;
	color:black;
	margin-top:36px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.TOTT-btn:hover .text
{
	opacity: 0.8;
}

.TOTT-btn
{
  	background-image:url(../images/TOTT-panel.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:40px;
}

@media screen and (max-width: 376px)
{
  .TOTT-btn .text {
	padding-top:52px;
	padding-bottom:70px;
  }
}

@media screen and (max-width: 340px)
{
  .TOTT-btn .text {
	padding-top:42px;
	padding-bottom:40px;
  }
}

.powerplay-btn .text
{
	position:relative;
	color:black;
	margin-top:36px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.powerplay-btn:hover .text
{
	opacity: 0.8;
}

.powerplay-btn
{
  	background-image:url(../images/powerplay-btn.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:40px;
}

@media screen and (max-width: 376px)
{
  .powerplay-btn .text {
	padding-top:52px;
	padding-bottom:70px;
  }
}

@media screen and (max-width: 340px)
{
  .powerplay-btn .text {
	padding-top:60px;
	padding-bottom:40px;
  }
}

.overcome-income-inertia-btn .text
{
	position:relative;
	color:black;
	margin-top:36px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.overcome-income-inertia-btn:hover .text
{
	opacity: 0.8;
}

.overcome-income-inertia-btn
{
  	background-image:url(../images/overcome-income-inertia-btn.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:40px;
}

@media screen and (max-width: 376px)
{
  .overcome-income-inertia-btn .text {
	padding-top:52px;
	padding-bottom:70px;
  }
}

@media screen and (max-width: 340px)
{
  .overcome-income-inertia-btn .text {
	padding-top:60px;
	padding-bottom:40px;
  }
}

.HMS-web-btn .text
{
	position:relative;
	color:black;
	margin-top:16px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.HMS-web-btn:hover .text
{
	opacity: 0.8;
}

.HMS-web-btn
{
  	background-image:url(../images/HMS-web-btn.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:72px;
}

@media screen and (max-width: 640px)
{
  .HMS-web-btn {
  	margin-left:40px;
  }
}

@media screen and (max-width: 376px)
{
  .HMS-web-btn .text {
	padding-top:63px;
	padding-bottom:70px;
  }
}

@media screen and (max-width: 340px)
{
  .HMS-web-btn .text {
	padding-top:70px;
	padding-bottom:40px;
  }
}

.benchstrength-btn .text
{
	position:relative;
	color:black;
	margin-top:36px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.benchstrength-btn:hover .text
{
	opacity: 0.8;
}

.benchstrength-btn
{
  	background-image:url(../images/benchstrength-btn.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:72px;
}

@media screen and (max-width: 640px)
{
  .benchstrength-btn {
  	margin-left:40px;
  }
}

@media screen and (max-width: 376px)
{
  .benchstrength-btn .text {
	padding-top:63px;
	padding-bottom:70px;
  }
}

@media screen and (max-width: 340px)
{
  .benchstrength-btn .text {
	padding-top:52px;
	padding-bottom:40px;
  }
}

.the-new-income-btn .text
{
	position:relative;
	color:black;
	margin-top:36px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.the-new-income-btn:hover .text
{
	opacity: 0.8;
}

.the-new-income-btn
{
  	background-image:url(../images/the-new-income-btn.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:72px;
}

@media screen and (max-width: 640px)
{
  .the-new-income-btn {
  	margin-left:40px;
  }
}

@media screen and (max-width: 376px)
{
  .the-new-income-btn .text {
	padding-top:63px;
	padding-bottom:70px;
  }
}

@media screen and (max-width: 340px)
{
  .the-new-income-btn .text {
	padding-top:70px;
	padding-bottom:40px;
  }
}

.webcast-reg-btn .text
{
	position:relative;
	color:black;
	margin-top:36px;
	padding-top:80px;
	padding-bottom:100px;
	background-color: white;
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.webcast-reg-btn:hover .text
{
	opacity: 0.8;
}

.webcast-reg-btn
{
  	background-image:url(../images/webcast-reg-btn.jpg);
  	background-repeat:no-repeat;
	background-size:contain;
	margin-left:72px;
}

@media screen and (max-width: 376px)
{
  .webcast-reg-btn .text {
	padding-top:63px;
	padding-bottom:70px;
  }
}

@media screen and (max-width: 340px)
{
  .webcast-reg-btn .text {
	padding-top:40px;
	padding-bottom:50px;
  }
}

@media screen and (max-width: 640px)
{
  .webcast-reg-btn {
  	margin-left:40px;
  }
}

.web-signature
{
	padding-left:72px;
}

@media screen and (max-width: 640px)
{
  .web-signature {
  	margin-left:-32px;
  }
}

@media screen and (max-width: 640px)
{
  .web-links {
  	margin-left:-32px;
  }
}

.video-header
{
  	background-image:url(../images/video-header2.jpg);
  	background-repeat:no-repeat;
	height:auto;
	background-size:contain;
}

.video-header span
{
  display:none;
}

.video-header-class
{
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-size:4em;
	color:black;
	padding-top:64px;
	padding-left: 554px;
}

@media screen and (max-width: 900px)
{
  .video-header-class {
    font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-size:4em;
	color:black;
	padding-top:64px;
	padding-left: 480px;
  }
}

@media screen and (max-width: 760px)
{
  .video-header-class {
	padding-left: 254px;
  }
}

@media screen and (max-width: 720px)
{
  .video-header-class {
	padding-left: 154px;
  }
}

@media screen and (max-width: 640px)
{
  .video-header-class {
	padding-left: 40px;
  }
}

@media screen and (max-width: 460px)
{
  .video-header-class {
	font-size:3em;
  }
}

@media screen and (max-width: 460px)
{
  .video-header {
	background-position:center;
	margin-top:-70px;
  }
}

@media screen and (max-width: 360px)
{
  .video-header-class {
	font-size:2.5em;
  }
}

.resume-header
{
  	background-image:url(../images/../images/resume-header2.jpg);
	background-repeat:no-repeat;
	height:auto;
	background-size:contain;
}

.resume-header span
{
  display:none;
}

.resume-header-class
{
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-size:4em;
	color:black;
	padding-top:64px;
	padding-left: 554px;
}

@media screen and (max-width: 900px)
{
  .resume-header-class {
    font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-size:4em;
	color:black;
	padding-top:64px;
	padding-left: 480px;
  }
}

@media screen and (max-width: 760px)
{
  .resume-header-class {
	padding-left: 254px;
  }
}

@media screen and (max-width: 720px)
{
  .resume-header-class {
	padding-left: 154px;
  }
}

@media screen and (max-width: 600px)
{
  .resume-header-class {
	padding-left: 40px;
  }
}

@media screen and (max-width: 460px)
{
  .resume-header-class {
	font-size:3em;
  }
}

@media screen and (max-width: 460px)
{
  .resume-header {
	background-position:center;
	margin-top:-70px;
  }
}

@media screen and (max-width: 360px)
{
  .resume-header-class {
	font-size:2.5em;
  }
}

.contact_form
{
	padding-left:50px;
	padding-right:45px;
  	font-family:Arial, Helvetica, sans-serif;
  	font-size:14px;
}

form { 
    min-width: 100px;
    width: -webkit-calc(100% -20px);
    width: -moz-calc(100% -20px);
    width: calc(100% -20px);
    max-width: 400px;
    margin: 0 auto;
	padding-right:20px
}
form textarea, 
form input { 
    width: 100%;
}

.links
{
	padding-left:44px;
}

.links li{float:left;}

.web-links
{
	padding-left:71px;
}

.web-links li{float:left;}

.vimeo
{
  background-image:url(../images/vimeo.jpg);
  background-size:contain;
  width:64px;
  height:64px;
  display:block;
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.vimeo span{display:none;}

.vimeo:hover
{
  opacity: 0.5;
}

.linkedin
{
  background-image:url(../images/linkedin.jpg);
  background-size:contain;
  width:64px;
  height:64px;
  display:block;
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.linkedin span{display:none;}

.linkedin:hover
{
  opacity: 0.5;
}

.coroflot
{
  background-image:url(../images/coroflot.jpg);
  background-size:contain;
  width:64px;
  height:64px;
  display:block;
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.coroflot span{display:none;}

.coroflot:hover
{
  opacity: 0.5;
}

.footer
{
  	height:100px;
 	background-color:#26282a;
  	clear:both;
  	text-align:center;
  	padding-top:50px;
	padding-bottom:50px;
	margin-top:20px;
}

.footer span
{
  font-family:Arial, Helvetica, sans-serif;
  color:#CCCCCC;
}