/*
	Title:			The Six Functions of Management
	Author:			Aime Menendez (www.aimedesign.com. www.pridagroup.com)
	Copyright: 		2013, Aime Menendez - All rights reserved (please don't use without permission)
*/


.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { clear: both; }


/* ----------- GENERAL DECLARATIONS ----------- */

html {
	width: 100%; height: 100%; min-height: 100% !important;
}

#allwrap {
	width: 100%; min-height: 100% !important; position: relative;
}

.contentwrap {
    width: 80%; height: 100%; margin: 0 auto; min-height: 100% !important; 
}

body {
	width: 100%; height: 100%; min-height: 100% !important;
	font-family: 'opensans regular'; font-size: 0.9em; line-height: 1.4em; color: #5a5a5a;
    -webkit-font-smoothing: antialiased; /* This makes the fonts look less bold in webkit browsers */
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Bryant Regular', 'Lucida Sans Unicode', sans-serif;
    text-transform: uppercase; color: #189ad2;
	font-weight: normal; letter-spacing: 1px; line-height: 1.2em;
}

h1 {font-size: 3em;}
h2 {font-size: 2.75em;}
h3 {font-size: 2.25em;}
h4 {font-size: 1.75em;}
h5 {font-size: 1.35em;}

p + p {margin-top: 30px;}

a {
    text-decoration: none; color: #189ad2;
    font-family: 'opensans semibold';
}

a:hover {
    color: #000;
}

a.button {
    display: block;
}


/*  --- FORMS ---  */

form fieldset {
    width: 100%; margin-bottom: 20px;
}

::-webkit-input-placeholder {color: #d6ecf5; font-family: 'opensans lightitalic'}
:-moz-placeholder {color: #d6ecf5; font-family: 'opensans lightitalic'}
::-moz-placeholder {color: #d6ecf5; font-family: 'opensans lightitalic'}
:-ms-input-placeholder {color: #d6ecf5; font-family: 'opensans lightitalic'}

form input, form textarea {
    width:  auto; height: auto; width: 60%; float: right;
    font-family: 'opensans italic'; font-size: 1.3em; color: #FFF;
    background: #80c5e3; border: 1px solid #43afdd;
}

form input {
    height: 36px; margin-bottom: 15px; text-indent: 5px;
}

form textarea {
    height: auto; margin-bottom: 15px;
}

form label {
    display: block; width: 36%; height: 36px; float: left;
    font-family: 'dincond medium'; font-size: 1.2em; color: #8c8c8c;
    text-transform: uppercase; text-align: right; line-height: 36px;
}

form label.radio, form label.checkbox {
    display: inline-block; 
}

form label.selected {
    color: #40a0d1;
}

form input[type="phone"] {
    width: 80px; text-align: center; float: left; margin-right: 10px; text-indent: 0px;
}

form input[type="phone"]:first-of-type {
    margin-left: 4%;
}

form fieldset.options  {
    width: 60%; float: right; margin-bottom: 30px; padding: 30px 0px 40px 0px;
    border: 1px dashed #a8d5e8; border-left: none; border-right: none; 
}

form fieldset.options label {
    width: 75%;
}

form fieldset h3 {
    margin-bottom: 20px; font-size: 1.6em; font-family: "bryant medium";
}

form fieldset.options input[type="checkbox"], form fieldset.options input[type="radio"] {
    width: 20px; float: left; margin-right: 10px; margin-bottom: 5px;
}

form fieldset.options label {
    float: left; text-align: left; padding-top: 4px; letter-spacing: 1px;
}

form fieldset.message  {
    width: 60%; float: right; margin-bottom: 40px;
}

form fieldset.message label {
    display: block; float: none; text-align:left;
}

form fieldset.message textarea {
    width: 95%; min-height: 200px; padding: 2.5%; float: none; 
}

form input[type="submit"] {
    width: auto; float: left; margin-left: 38%;
    border: none; cursor: pointer; padding: 5px 15px;
    font-family: 'bryant medium'; text-transform: uppercase; color: #40a0d1; text-align: left;
    font-size: 2em; letter-spacing: 1px; background-color: transparent;
}

form input[type="submit"]:hover {
    color: #000;
}



/* --- BOXES, COLUMNS & GRIDS --- */

.g5 div, .g5 ul li, ul.g5 li {display: block; width: 18.5%; margin-right: 1.875%; margin-bottom: 1.875%; float: left; overflow: hidden;}
.g5 div:nth-child(5n+5), .g5 ul li:nth-child(5n+5), ul.g5 li:nth-child(5n+5) {margin-right: 0;}

.g4 div, .g4 ul li, ul.g4 li {display: block; width: 23%; margin-right: 2.6666666%; margin-bottom: 2.6666666%; float: left; overflow: hidden;}
.g4 div:nth-child(4n+4), .g4 ul li:nth-child(4n+4), ul.g4 li:nth-child(4n+4) {margin-right: 0;}

.g3 div, .g3 ul li, ul.g3 li {display: block; width: 31.5%; margin-right: 2.75%; margin-bottom: 2.75%; float: left; overflow: hidden;}
.g3 div:nth-child(3n+3), .g3 ul li:nth-child(3n+3), ul.g3 li:nth-child(3n+3) {margin-right: 0;}

.g2 div, .g2 ul li, ul.g2 li {display: block; width: 46.5%; margin-right: 3.5%; margin-bottom: 3.5%; float: left; overflow: hidden;}
.g2 div:nth-child(2n+2), .g2 ul li:nth-child(2n+2), ul.g2 li:nth-child(2n+2) {margin-right: 0;}

.grid.gallery div:hover, .grid.gallery li:hover {
    outline: 2px solid #e78833;
}

.grid.gallery div, .grid.gallery li, .grid.square div, .grid.square li {
    cursor: pointer;
}

.grid.gallery div a, .grid.gallery li a, .grid.square div a, .grid.square li a {
    display: block; width: 100%; height: inherit;
}

.grid.gallery div img, .grid.gallery li img, .grid.square div img, .grid.square li img {
    width: auto; height: 100%;
}

.colwrap {
    text-align: justify;
    -moz-column-count:2; 
    -webkit-column-count:2; 
    column-count:2;
    -moz-column-gap: 2em; 
    -webkit-column-gap: 2em;
    column-gap: 2em;
}


/* --- LIST STYLES --- */


ul.social_links li {
    display: inline-block; width: 24px; height: 24px; margin-right: 15px; position: relative;
}

ul.social_links li a {
    display: block; width: 24px; height: 24px;
    color: #aad8ef; text-indent: -100000px; line-height: 24px; text-align: center;
}

ul.social_links li a:hover {
    color: #40a0d1;
}

ul.social_links li a:before {
    display: block; width: 24px; height: 24px; text-indent: 0px;
    position: absolute; top: 0px; left: 0px; z-index: 5px;
    font-family: 'ficon'; font-size: 1.2em; line-height: 24px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

ul.social_links li a[href*="twitter"]:before {
    content: "\e003"; left: -3px; top: -1px;
}

ul.social_links li a[href*="linkedin"]:before {
    content: "\e000"; top: -2px;
}

ul.social_links li a[href*="facebook"]:before {
    content: "\e00a"; top: -2px;
}

ul.social_links li a[href*="google"]:before {
    content: "\e009"; top: 0px;
}

ul.social_links li a[href*="instagram"]:before {
    content: "\e007"; top: -1px;
}


/* --- MAIN HEADER --- */

header#main_header {
    height: 72px;
    background: #1192ca url('../images/hshadow01.png') repeat-x 0px 70px;
}

header#main_header.home {
    height: auto;
}

header#main_header a {
    color: #FFF;
}

header#main_header a:hover {
    color: #000;
}

header#main_header h1 {
    display: none;
}

/*  Main Navigation  */

nav#main_nav {
    width: 100%; height: 70px; 
}

nav#main_nav ul li {
    display: block; height: 70px; padding: 0px 15px; float: left;
}

nav#main_nav ul li:hover {
    background: #d7680e;
}

nav#main_nav ul li a.droptab {
    display: block; width: 100%; height: 70px; 
    font-family: 'DinCond Medium'; font-size: 1.35em; line-height: 68px;
    text-transform: uppercase; letter-spacing: 2px; text-align: center;
}

nav#main_nav ul li a.droptab:hover {
    color: #FFF;
}

nav#main_nav ul li#tab_aboutbook {
    
}

nav#main_nav ul li#tab_aboutauthor {
    
}

nav#main_nav ul li#tab_buybook {
    float: right; width: 280px; text-align: left; text-indent: 10px;
}

nav#main_nav ul li#tab_buybook:hover {
    background-color: transparent;
}

nav#main_nav ul li#tab_buybook a {
    font-size: 1.75em; padding: 0px; text-align: left;
    background: url('../images/amazon_icon.png') no-repeat right center;
    background-size: 50px;
}

nav#main_nav ul li#tab_buybook a:hover {
    color: #000;
}

nav#main_nav ul li div.droppanel {
    display: block; width: 100%; height: 0px; overflow: hidden;
    background: #FFF; 
    position: absolute; left:0px; top: 70px; z-index: 5;
    transition: height 0.3s ease-out;
    -webkit-transition: height 0.3s ease-out;
    -moz-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
}

nav#main_nav ul li:hover div.droppanel {
    height: 600px;
    box-shadow: 0px 15px 15px 0px rgba(0,42,60,0.5);
}

nav#main_nav ul li#tab_aboutauthor:hover div.droppanel {
    height: 330px;
}

nav#main_nav ul li#tab_aboutbook:hover div.droppanel {
    height: 500px;
}

nav#main_nav ul li div.droppanel div.contentwrap {
    margin: 40px auto;
}

nav#main_nav ul li div.droppanel img {
    float: left;
}

nav#main_nav ul li div.droppanel h3 {
    float: right; width: 70%; display: block; margin: 35px 0px 30px 0px;
}

nav#main_nav ul li div.droppanel div.colwrap {
    float: right; width: 70%;
}

nav#main_nav ul li#tab_aboutbook div.droppanel h3 {
    width: 35%; float: left; margin-top: 20px;
}

nav#main_nav ul li#tab_aboutbook div.droppanel div.colwrap {
    width: 65%; 
}

ul#sixfunctions_list {
    width: 100%; height: auto; position: relative;
    margin: 30px 0px 10px 0px; padding: 80px 0px 0px 0px; 
    border-top: 1px solid #dbecf4;
}

ul#sixfunctions_list li {
    display: block; width: 14%; margin: 0px 3.2% 0px 0px; padding: 0px !important;
    position: relative; cursor: pointer; text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #80c5e3;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#80c5e3), to(#bfe2f1 ));
    background: -webkit-linear-gradient(top, #80c5e3, #bfe2f1);
    background: -moz-linear-gradient(top, #80c5e3, #bfe2f1);
    background: -ms-linear-gradient(top, #80c5e3, #bfe2f1);
    background: -o-linear-gradient(top, #80c5e3, #bfe2f1);
}

ul#sixfunctions_list li:hover {
    background-color: #189ad2;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#43afdd), to(#80c5e3 )) !important;
    background: -webkit-linear-gradient(top, #43afdd, #80c5e3) !important;
    background: -moz-linear-gradient(top, #43afdd, #80c5e3) !important;
    background: -ms-linear-gradient(top, #43afdd, #80c5e3) !important;
    background: -o-linear-gradient(top, #43afdd, #80c5e3) !important;
}

ul#sixfunctions_list li:last-of-type {
    margin-right: 0px;
}

ul#sixfunctions_list li span {
    display: block; height: 20px; text-align: left;
    font-family: 'dincond medium'; font-size: 1.3em;
    letter-spacing: 1px; color: #979797; text-transform: uppercase;
    position: absolute; left: 30px; top: -34px; 
}

ul#sixfunctions_list li span:first-child {
    display: block; margin-right: 12px;
    font-family: 'bryant regular'; font-size: 2.35em; color: #189ad2;
    left: 0px;
}

ul#sixfunctions_list li img {
    width: 100%; height: auto; text-align: center; 
    margin: 0 auto; float: none;
}


div.showcase.home {
    height: 500px; position: relative; color: #FFF;
}

div.showcase.home ul li h2 {
    display: block; width: 50%; padding-top: 80px;
    color: #FFF; font-size: 3.5em;
}

div.showcase.home h3 {
    font-family: 'dincond medium'; font-size: 1.65em;
    color: #FFF;
}

div.showcase.home p {
    display: block; width: 45%; padding-top: 40px;
    font-family: 'opensans light'; font-size: 1.2em; line-height: 1.5em;
}

div.showcase.home img {
    width: auto; height: 550px;
    position: absolute; right: 40px; bottom: -68px;
}

div.showcase.home ul.social_links {
    position: absolute; bottom: 30px;
}



/* --- MAIN CONTENT --- */


/*  All Layout Styles  */

#main_content.home {
    
}

#main_content section header {
    height: auto; padding-top: 60px; margin-bottom: 50px; clear: both; position: relative;
    border-bottom: 1px solid #bfe2f1;
}

#main_content section header h2 {
    width: 70%; margin-bottom: 20px;
}

#main_content section header p {
    width: 70%;
}

#main_content section header a.button {
     width: 260px; height: 70px; float: left; margin-right: 40px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; 
    background-color: #d7680e;
}

#main_content section header a[href*="apple"] {
    text-indent: -100000px;
    background: #d7680e url('../images/ibookstore_badge.png') no-repeat center center;
    background-size: 72%;
}

#main_content section header a[href*="amazon"] {
    text-indent: -100000px;
    background: #d7680e url('../images/kindle_badge.png') no-repeat center center;
    background-size: 72%;
}

#main_content section header a:hover {
    background-color: #000;
}

#main_content section header #available-soon {
    width: 64.5%; height: auto;
    margin-top: 10px;
}

#main_content section article {
    padding: 0px 0px 70px 0px;
}

#main_content section article h2 {
    display: block; width: 30%; float: right; padding-top: 0px;
    font-size: 1.65em; font-family: 'bryant medium';
}

#main_content section article div.colwrap {
    display: block; width: 65%; float: left;
}

#main_content.home section header {
    height: 110px; padding-top: 38px;
}

#main_content.form section header, #main_content.resources section header {
    height: 200px; 
}

#main_content.form section header img, #main_content.resources section header img {
    width: auto; height: 250px;
    position: absolute; left: 12%; bottom: -32px;
}

#main_content.form section header h2, #main_content.resources section header h2 {
    width: 60%; margin-bottom: 20px; margin-left: 40%;
}

#main_content.form section header p, #main_content.resources section header p {
    width: 50%; float: left; margin-left: 40%;
}

#main_content.form section p span.info-request {
    font-size: 1.25em; font-family: 'bryant medium'; color: #189ad2; text-transform: uppercase;
}

#main_content.form p.contact-info  {
    font-family: 'dincond medium'; font-size: 1.2em; color: #8c8c8c;
    text-transform: uppercase; line-height: 36px;
    margin-right: 5px;
}

#main_content.form p.contact-info span {
     color: #189ad2;
}


#main_content.form p.contact-info span:nth-child(2) {
    margin-left: 20px;
}


article.resources {
    width: 65%; float: right;
}

article.resources ul {
    padding-top: 60px; 
}

article.resources ul li {
    margin-bottom: 60px;
}

article.resources ul li a {
    display: block; position: relative; text-align: center;
    background: url('../images/file_icon.png') no-repeat center top;
    background-size: 35%;
}

article.resources ul li a:hover {
    background: url('../images/file_icon_orange.png') no-repeat center top;
    background-size: 35%;
}

article.resources ul li a img {
    width: 50%; height: auto; margin-bottom: 10px;
}

article.resources ul li a h3 {
    width: 100%; display: block; margin-bottom: 5px;
    font-family: 'bryant medium'; font-size: 0.85em;
}

article.resources ul li a span {
    display: block; width: 80%; color: #767676; margin: 0 auto;
    font-family: 'opensans italic'; font-size: 1.3em; 
    letter-spacing: 0px; line-height: 1.3em;
}

article.resources ul li a:hover h3, article.resources ul li a:hover span {
    color: #d7680e;
}

#main_content.confirmation section header {
    width: 75%; height: 200px; margin: 0 auto; padding: 80px 0px 50px 0px;
    border: none; position: relative; text-align: center;
}

#main_content.confirmation section header h2 {
    display: block; width: 100%;
    text-transform: capitalize; letter-spacing: -2px;text-align: center;
}

#main_content.confirmation section header p {
    display: block; width: 70%; margin: 0 auto;
    font-size: 1.5em; line-height: 1.5em; color: #8b8b8b;
    font-family: 'opensans light';
}

#main_content.confirmation section header img {
    width: 250px; height: auto; margin: 40px auto 0px auto;
}

#main_content.confirmation section article {
    height: 300px;
}


/* --- MAIN FOOTER --- */

footer#main_footer {
	width: 100%; height: auto;
    background-color: #1192ca;
}

nav#footer_nav {
    width: 100%; height: 60px; padding: 20px 0px; margin-bottom: 30px;
    border-bottom: 1px solid #5dbae3; text-align: center;
}

nav#footer_nav ul {
    display: inline-block; margin: 0 auto; width: auto; 
}

nav#footer_nav ul li {
    height: 60px; display: inline-block;
}

nav#footer_nav ul li a {
    display: block; padding: 0px 15px; line-height: 60px;
    font-family: 'dincond medium'; font-size: 1.5em;
    text-transform: uppercase; color: #FFF;
}

nav#footer_nav ul li a:hover {
    color: #000;
}

footer#main_footer ul.social_links {
    float: left; padding: 0px; margin-bottom: 20px;
}

footer#main_footer ul.social_links li a {
	color: #FFF;
}

footer#main_footer ul.social_links li a:hover {
	color: #000;
}

footer#main_footer p.copyright {
    color: #FFF; float: right; margin-bottom: 20px;
}