@charset "UTF-8";
/* CSS Document */


body {
	font-size:16px;
	font-size:1rem;
	font-size:100%;
	background:#1b346a;
}
.ada-hidden {
	display:none;
}
a:link, a:visited, a:active {
	color:#09f;
	text-decoration:none;
}
a:hover {
	color:#09f;
	text-decoration:underline;
}
.blue {
	color:#09f;
}
h1, h2, h3, h4 {
	font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
	color:#039;
	font-weight:normal;
}
h1 {
	margin:20px 0;
	margin:1.3rem 0;
	width: 75%;
}
#main {
	margin-top:0;
}
.main h1 {
	width:100%;
	margin:8px 0 32px 0;
	margin:0.5rem 0 2rem 0;
}
.main h2 {
	font-size:20px;
	font-size:1.3rem;
	display:inline;
	clear:left;
	margin-right:4.8px;
	margin-right:0.3rem;
	line-height:12px;
	line-height:0.75rem;
}
.main h2 + p {
	display:inline;
	clear:right;
	margin:16px 0;
	margin:1rem 0;
}
.div {
	margin:16px;
	margin:1rem;
}
#slogan {
	position:absolute;
	color:#fff;
	font-family:"Liberation Serif", Times, "Times New Roman", serif;
	right:32px;
	right:2rem;
	top:220px;
	top:14rem;
	font-size:28px;
	font-size:1.8rem;
	line-height:32px;
	line-height:2rem;
}
ul, ul li {
	margin:0;
	padding:0;
}
ul li {
	margin-left:18px;
}
h1 {
	font-size:30px;
	font-size:1.875rem;
	line-height:32px;
	line-height:2.0rem;
	color:#039;
	font-weight:normal;
}
h1#leadership-courses {
	font-size:28px;
	font-size:1.8rem;
}

p, td, div, li {
	font-family: Verdana, Arial, sans-serif;
	color:#000;
}

/* Block Quotes, Pre and Code Blocks */
blockquote, q {
	position:relative;
	quotes:none;
	background-color: #dfed8c;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#cce580) to(#ffffff)); /*old webkit*/
    background: -webkit-linear-gradient(top, #cce580, #ffffff); /*newer webkit*/
    background: -moz-linear-gradient(top, #cce580, #ffffff); /*old gecko*/
    background: -o-linear-gradient(top, #cce580, #ffffff); /*opera 11.10+*/
    background: linear-gradient(to bottom, #cce580, #ffffff); /*firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/
    -pie-background: linear-gradient(to bottom, #cce580, #ffffff); /*ie 6-9 via PIE*/
	border: 1px solid #6c0;
	border-radius: 5px;
	padding:16px;
	padding: 1rem;
	font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
	font-size:16px;
	font-size:1rem;
	line-height:120%;
	margin:32px 0;
	*margin-top:32px;
	margin:2rem 0;
	font-style:normal;
	behavior:url(script/PIE.htc);
}
blockquote .author, q .author {
	display:block;
	font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
	color:#039;
	text-align:right;
}
#clients blockquote, #clients q {
	font-family:Verdana, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;
	font-style:italic;
	font-size:14px;
	font-size:0.875rem;
	border:0;
	border-bottom:1px solid #708800;
	border-radius:0;
	padding:16px 0;
	padding: 1rem 0;
	background:#fff;
	-pie-background:#fff;
	margin:0;
	behavior:url(script/PIE.htc);
}
#clients blockquote .author, #clients q .author {
	font-family:Verdana, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;
	font-style:normal;
}

footer {
	width:100%;
	height:50px;
	border-top: 10px solid #0c204b;
	font-family:Verdana, sans-serif;
	font-size:12px;
	font-size:0.75rem;
	color: #666;
	padding: 10px 0;
}
footer.container-full {
	background:none;
}
.right-quote {
	font-family:Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
	font-size:20px;
	font-size:1.125rem;
	line-height:1.25;
	font-style:italic;
	color:#708800;
	margin-top:32px;
	margin-top:2rem;
	margin-bottom:0;
}
.right-quote .author {
	display:block;
	text-align:right;
	font-size:14px;
	font-size:0.875rem;
	font-style:normal;
	margin-bottom:64px;
	margin-bottom:4rem;
}
.right-summary {
	position:relative;
	display:block;
	padding:16px;
	padding:1rem;
	margin-bottom:32px;
	margin-bottom:2rem;
	font-family:Verdana, sans-serif;
}
blockquote.summary {
	position:relative;
	background:#fff;
	quotes:none;
	font-family:Verdana, sans-serif;
	font-size:12px;
	border:1px solid #039;
	border-radius: 5px;
	padding:16px;
	padding: 1rem;
	line-height:120%;
	margin:32px 0;
	margin:2rem 0;
	font-style:normal;
	behavior:url(script/PIE.htc);
}
.reference {
	position:relative;
	display:block;
	color:#39c;
	text-align:left;
	font-size:11px;
	font-size:0.7rem;
}
.right-summary a {
	/*position:relative;
	color:#39c;*/
}

/* ==========================================================================
/* Navigation Menu
   ========================================================================== */
/* -- Desktop layout for logo and navigation */
.navigation {
	position:absolute;
	padding:0;
	z-index:10;
	right:0;
}
figure#logo {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	top:0;
}
.navigation ul li {
	display:block;
	widows:115px;
	height:35px;
	margin-left:2px;
}

ul.menu li a {
	display:block;
	padding:0;
	float: left;
	width:115px;
	height:29px;
}
ul.menu li a:hover {
	width: 115px;
	height:35px;
}
.home {
	background: url(../graphic/home_button_off.gif) no-repeat;
}
.home:hover {
	background: url(../graphic/home_button_on.gif) no-repeat;
}
.about {
	background: url(../graphic/about_button_off.gif) no-repeat;
}
.about:hover {
	background: url(../graphic/about_button_on.gif) no-repeat;
}
.services {
	background: url(../graphic/services_button_off.gif) no-repeat;
}
.services:hover {
	background: url(../graphic/services_button_on.gif) no-repeat;
}
.clients {
	background: url(../graphic/clients_button_off.gif) no-repeat;
}
.clients:hover {
	background: url(../graphic/clients_button_on.gif) no-repeat;
}
.contact {
	background: url(../graphic/contact_button_off.gif) no-repeat;
}
.contact:hover {
	background: url(../graphic/contact_button_on.gif) no-repeat;
}


/* ==========================================================================
/* 2.0 - Grid Layout (Responsive)
   ========================================================================== */
/* Sections & Content Blocks */

.container-full {
	background:#fff;
	max-width: 1000px;
	margin: 0 auto;
}
.container {
	max-width: 960px;
	margin: 0 auto;
	padding-left: 40px;
	padding-right:0;
}
.main {
	width:66.5%;
	margin-right:2.5%;
	margin-bottom:48px;
	margin-bottom:3rem;
	float:left;
}
aside {
	width:29%;
	margin-right:2%;
	float:right;
}
aside p, p.aside {
	color:#708800;
	font-family:Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
	font-size:16px;
	font-size:1rem;
	font-style:italic;
}
p.aside {
	margin:16px 0;
	margin:1rem 0;
}
aside figure {
	margin:77px 0 0 0;
	margin:4.85rem 0 0 0;
}
aside figure img {
	width:100%;
}

#contact aside div.social {
	text-align:right;
	margin-top:80px;
}
#contact aside .social img {
	display:inline-block;
	margin-left:12px;
	width:24px;
	height:24px;	
}
#clients aside p.rep, p.rep.aside {
	font-style:normal;
	color:#039;
	margin-top:76px;
	margin-top:4.8rem;
}
p.rep.aside {
	margin-top:16px;
	margin-top:1rem;
}
#clients p.profession {
	font-style:normal;
}
#clients p em{
	font-style:normal;
	font-size:24px;
	font-size:1.5rem;
}
.top-60 {
	margin-top:60%;
	display:block;
}
.top-70 {
	margin-top:70%;
}
.top-100 {
	margin-top:100%;
}
.top-120 {
	margin-top:120%;
}
.top-150 {
	margin-top:150%;
}
.top-390 {
	margin-top:390%;
}
.left-home {
	width:45%;
	margin-right:2.6%;
	margin-bottom:48px;
	margin-bottom:3rem;
	float: left;
}
.right-home {
	width: 50%;
	margin-right:2%;
	float:right;
	margin-bottom:48px;
	margin-bottom:3rem;
}
.image-gallery {
	background:#ddd;
	padding: 24px 9.6px;
	padding: 1.5rem 0.6rem;
	text-align:center;
}
.no-js .image-gallery {
	display:none;	
}
.lt-ie8 .image-gallery {
	display:none;
}
#home header {
	background: url(../graphic/JFmasthead_photo_home.jpg) no-repeat;
	width:100%;
	height:405px;
}
#about header {
	background: url(../graphic/JFmasthead_photo_about.jpg) no-repeat;
	width:100%;
	height:377px;
}
#services header {
	background: url(../graphic/JFmasthead_photo_services.jpg) no-repeat;
	width:100%;
	height:405px;
}
#clients header {
	background: url(../graphic/JFmasthead_photo_clients.jpg) no-repeat;
	width:100%;
	height:404px;
}
#contact header {
	background: url(../graphic/JFmasthead_photo_contact.jpg) no-repeat;
	width:100%;
	height:405px;
}

/* ==========================================================================
/* -- Desktop layout (Layout, Modifications, etc)
   ========================================================================== */
/* Menu and Basic */

.navigation {
	top:0;
}
figure#logo {
	width:417px;
	height:66px;
	background: url(../graphic/JFmasthead_logo.jpg) no-repeat;
}

/* Basic font */
p, td, div, li {
	font-size:14px;
	font-size:0.875rem;
	line-height:20px;
	line-height:1.125rem;
}



/* ==========================================================================
/* -- Tablet Devices (Layout, Modifications, etc)
   ========================================================================== */
/* Replace menu once resize the screen */
@media only screen and (min-width: 720px) and (max-width: 1023px) {
html body {
	max-width:100%;
	padding: 10px 0;
	margin: 0;
}
.navigation ul li {
	margin-left:2px;
}
#slogan {
	right:32px;
	right:2rem;
	top:128px;
	top:8rem;
	font-size:19px;
	font-size:1.2rem;
	line-height:24px;
	line-height:1.5rem;
}
ul.menu li a {
	display:block;
	padding:0;
	float: left;
	width:115px;
	height:29px;
}
figure#logo {
	width:300px;
	height:47px;
	background:url(../graphic/JFmasthead_logo_mid.jpg) no-repeat;
}
#home header {
	background:url(../graphic/tablet/JFmasthead_photo_home.jpg) no-repeat;
	width:100%;
	height:271px;
}
#about header {
	background: url(../graphic/tablet/JFmasthead_photo_about.jpg) no-repeat;
	width:100%;
	height:271px;
}
#services header {
	background: url(../graphic/tablet/JFmasthead_photo_services.jpg) no-repeat;
	width:100%;
	height:271px;
}
#clients header {
	background: url(../graphic/tablet/JFmasthead_photo_clients.jpg) no-repeat;
	width:100%;
	height:271px;
}
#contact header {
	background: url(../graphic/tablet/JFmasthead_photo_contact.jpg) no-repeat;
	width:100%;
	height:271px;
}
#main {
	margin-top:32px;
	margin-top:2rem;
}
.navigation {
	top:271px;
	left:0;
}
.container {
	width: 700px;
	padding-left:20px;
}
.container-full {
	max-width: 720px;
	margin: 0 auto;
}
.notablet {
	display: none;
}
.showtablet {
	display: block;
}
.lt-ie9 .image-gallery {
	display:none;
}

}
/* End Tablet Media Query */
/* ==========================================================================
/* -- Mobile Devices (Layout, Modifications, etc)
   ========================================================================== */
@media only screen and (max-width: 719px) {
html body {
	max-width: 100%;
	padding: 0;
	margin: 0;
}
#slogan {
	right:32px;
	right:2rem;
	top:160px;
	top:10rem;
	font-size:16px;
	font-size:1rem;
	line-height:20px;
	line-height:1.3rem;
}

#home header {
	background: url(../graphic/tablet/JFmasthead_photo_home.jpg) no-repeat;
	width:100%;
	height:271px;
}
#about header {
	background: url(../graphic/tablet/JFmasthead_photo_about.jpg) no-repeat;
	width:100%;
	height:271px;
}
#services header {
	background: url(../graphic/tablet/JFmasthead_photo_services.jpg) no-repeat;
	width:100%;
	height:271px;
}
#clients header {
	background: url(../graphic/tablet/JFmasthead_photo_clients.jpg) no-repeat;
	width:100%;
	height:271px;
}
#contact header {
	background: url(../graphic/tablet/JFmasthead_photo_contact.jpg) no-repeat;
	width:100%;
	height:271px;
}

figure#logo {
	width:250px;
	height:39px;
	background: url(../graphic/JFmasthead_logo_small.jpg) no-repeat;
	left:0;
	top:0;
}
ul.menu li a {
	display:block;
	margin:0;
	padding:0;
	float: left;
	width:115px;
	height:29px;
}
ul.menu li a:hover {
	width: 115px;
	height:35px;
}
.one,  .two,  .three,  .four,  .five,  .six,  .seven,  .eight,  .nine,  .ten,  .eleven,  .twelve {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	float: none;
}

.container-full, .container, .left-home, .right-home, .main, .aside {
	width: 100%;
	margin:0;
	float:none;
}

h1, h2, h3, h4 {
	width: 100%;
}
.container {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	padding:0;
}

table th,  table td {
	padding: 4px;
}
.nomobile {
	display: none;
}
.showmobile {
	display: block;
}

.navigation {
	top:0;
	border:3px solid #a7d100;
	width:115px;
	background:#3383d8;
}
.lt-ie8 .navigation {
	top:205px;
	right:330px;
}

.navigation a:hover {
	text-decoration:none;
}
aside {
	float:left;
	width:60%;
}
aside p {
	margin: 32px 0;
	margin: 2rem 0;
	padding:0;
}
#contact aside {
	float:right;
	width:50%;
}
aside figure {
	margin:0;
}

}

/* -- Smart Phone Resizing fonts
========================================================================== */
@media only screen and (max-width: 480px) {
html body {
	font-size:19px;
	font-size:1.2rem;
}
p, td, div, li {
	font-size:16px;
	font-size:1rem;  /*0.875rem;*/
	line-height:22.4px;
	line-height:1.4rem; /*1.125rem;*/
}
h1, h2, h3, h4 {
	font-size:25.6px;
	font-size: 1.6rem;
}
#home h1 {
	font-size:22px;
	font-size: 1.4rem;	
}
#slogan {
	right:16px;
	right:1rem;
	top:120px;
	top:7.5rem;
	font-size:12.5px;
	font-size:0.785rem;
	line-height:16px;
	line-height:1rem;
}
aside {
	float:left;
	width:80%;
}
#home header {
	background: url(../graphic/mobile/JFmasthead_photo_home.jpg) no-repeat;
	width:100%;
	height:181px;
}
#about header {
	background: url(../graphic/mobile/JFmasthead_photo_about.jpg) no-repeat;
	width:100%;
	height:181px;
}
#services header {
	background: url(../graphic/mobile/JFmasthead_photo_services.jpg) no-repeat;
	width:100%;
	height:181px;
}
#clients header {
	background: url(../graphic/mobile/JFmasthead_photo_clients.jpg) no-repeat;
	width:100%;
	height:181px;
}
#contact header {
	background: url(../graphic/mobile/JFmasthead_photo_contact.jpg) no-repeat;
	width:100%;
	height:181px;
}
.lt-ie8 .navigation {
	top:126px;
	left:-166px;
}
#services .navigation {
	top:126px;
	left:-8px;
}
.lt-ie8 #services .navigation {
	top:126px;
	left:-166px;
}
#clients .navigation {
	top:126px;
	left:-8px;
}
.lt-ie8 #clients .navigation {
	top:126px;
	left:-166px;
}
figure#logo {
	width:180px;
	height:29px;
	background: url(../graphic/JFmasthead_logo_min.jpg) no-repeat;
	left:0;
	top:0;
}
}
@media only screen and (max-width: 320) {
aside {
	float:left;
	width:80%;
}

/*figure#logo {
	display:none;
}
*/
}

/* End Mobile Media Query */
/* ==========================================================================

/*active menu */
#home a.home {
	width:115px;
	height:35px;
	background: url(../graphic/home_button_on.gif) no-repeat;
}
#about a.about {
	width:115px;
	height:35px;
	background: url(../graphic/about_button_on.gif) no-repeat;
}
#services a.services {
	width:115px;
	height:35px;
	background: url(../graphic/services_button_on.gif) no-repeat;
}
#clients a.clients {
	width:115px;
	height:35px;
	background: url(../graphic/clients_button_on.gif) no-repeat;
}
#contact a.contact {
	width:115px;
	height:35px;
	background: url(../graphic/contact_button_on.gif) no-repeat;
}
/*end active menu*/ 


/*mis*/
.ie-space {
	display: none;
}
.lt-ie9 .ie-space {
	/*only display on ie8 or below*/
	display:block;
	margin:16px\9;
}
.show {
	display:block;
}
.hide {
	display:none;
}