/*--
    Theme Name: ACA - Build Your Career
    Theme URI: http://www.buildyourcareer.com.au
    Description: A custom theme for Australian Constructors Association
    Author: Zadro Agency
    Author URL: http://www.zadroagency.com.au
--*/

/* Custom Font */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
/* End of Custom Font */

/* General Elements */
body {
    background:#000;
}
a, a:hover {
    color:#0084d2;
    text-decoration:none;
}
.clear {
    clear:both;
}
/* End of General Elements */

/* Header */
header {
    padding-top:30px;
    padding-bottom:30px;
    transition:all 0.5s ease-out;
}
header p {
    font:bold 12px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#cfd7df;
    line-height:14px;
    text-transform:uppercase;
    margin-bottom:0;
    margin-right:15px;
}
header p a {
    color:#cfd7df;
    margin:0 10px;
    transition:all 0.5s ease-out;
}
header p a:hover {
    color:#fff;
}
header a.facebook {
    width:21px;
    height:21px;
    background:url(images/ico-facebook.png) 0 0 no-repeat;
    display:block;    
}
header a.youtube {
    width:28px;
    height:21px;
    background:url(images/ico-youtube.png) 0 0 no-repeat;
    display:block;
    margin-left:10px;
    margin-right:10px;
}
header a.instagram {
    width:21px;
    height:21px;
    background:url(images/ico-instagram.png) 0 0 no-repeat;
    display:block;
}
header a.facebook span, header a.youtube span, header a.instagram span {
    display:none;
}
header .social-icons a {
    float:right;
    margin-top:-5px;
}
/* End of Header */

/* Mobile Header */
#header {
    width:100%;
    background:#000;
    height:130px;
    position:absolute;
    top:-200px;
    left:0;
    transition:all 0.5s ease-out;
    text-align:center;
}
#header h1 {
    margin-top:0;
    margin-bottom:0;
    position:relative;
    z-index:1000;
}
#header h2 {
    font:300 24px 'Oswald', Arial, Helvetica, sans-serif;
    color:#d7dfe7;
    line-height:26px;
    text-transform:uppercase;
    text-align:right;
    clear:right;
    transition:all 0.5s ease-out;
}
#header h2 br {
    display:none;
}
#header #menu-button {
    width:28px;
    height:28px;
    text-indent:-9999px;
    background:url(images/btn-menu.png) 0 0 no-repeat;
    display:block;
    position:absolute;
    top:105px;
    left:10px;
    z-index:1000;
}
#header #menu-button span {
    display:none;
}
#menu:not( .mm-menu ) {
   display: none;
}
#menu li em.mm-counter {
    width:20px;
    height:40px;
    padding-top:12px;
    padding-bottom:8px;
    padding-left:10px;
    top:0;
    margin-top:0;
    border:none !important;
    text-decoration:none;
}
.mm-menu em.mm-counter {
    color:#fff;
}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color:#fff;
}
.mm-menu .mm-list > li > a.mm-subopen:before {
    border:none !important;
}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    border-bottom-style:none !important;
}
#menu li:first-child em.mm-counter, #menu li:first-child .mm-subopen {
    background:#f15b5b;
}
#menu li:nth-child(2) em.mm-counter, #menu li:nth-child(2) .mm-subopen {
    background:#f7941d;
}
#menu li:nth-child(3) em.mm-counter, #menu li:nth-child(3) .mm-subopen {
    background:#0984d2;
}
/*
.red {background:#f15b5b;}
.orange {background:#f7941d;}
.green {background:#00b5ac;}
.lime-green {background:#b3d236;}
.blue {background:#0984d2;}
.light-blue {background:#00aced;}
.purple {background:#806aad;}
*/
#header img {
    max-width:150px;
    position:absolute;
    left:70px;
    top:40px;
    transition:all 0.5s ease-out;
}
#header a.facebook {
    width:21px;
    height:21px;
    background:url(images/ico-facebook.png) 0 0 no-repeat;
    display:block;    
}
#header a.youtube {
    width:28px;
    height:21px;
    background:url(images/ico-youtube.png) 0 0 no-repeat;
    display:block;
    margin-left:10px;
    margin-right:10px;
}
#header a.instagram {
    width:21px;
    height:21px;
    background:url(images/ico-instagram.png) 0 0 no-repeat;
    display:block;
}
#header a.facebook span, #header a.youtube span, #header a.instagram span {
    display:none;
}
#header .social-icons {
    margin-top:65px;
    margin-bottom:20px;
}
#header .social-icons a {
    float:right;
    position:relative;
    z-index:1000;
}
#header .col-lg-1, #header .col-lg-3, #header .col-lg-8 {
    position:relative;
}
/* End of Mobile Header */

/* Mini Menu */
.mm-menu {
    background:#000;
}
.mm-menu ul li {
    font:300 16px 'Oswald', Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:18px;
    text-transform:uppercase;
    list-style:none;
}
.mm-menu ul li a:hover {
    text-decoration:underline;
}
.mm-menu hr {
    border-top-color:#333;
}
.mm-menu .social-icons {
    padding-left:20px;
    visibility:hidden;
}
.mm-menu .social-icons a {
    padding:0;
    float:left;
    display:inline;
    margin-right:10px;
}
/* End of Mini Menu */

/* Footer */
footer {
    background:#627580;
    padding-top:10px;
    padding-bottom:10px;
}
/* End of Footer */

/* Left */
#left {
    transition:all 0.5s ease-out;
}
#left h1 {
    margin-top:0;
    margin-bottom:40px;
}
#left p {
    font:300 12px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:18px;
    margin-bottom:30px;
}
#left nav ul {
    padding-left:0;
    margin-bottom:40px;
}
#left nav ul li {
    font:300 16px 'Oswald', Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:18px;
    margin-bottom:10px;
    text-transform:uppercase;
    list-style:none;
}
#left nav ul li a {
    color:#fff;
    transition:all 0.5s ease-out;
}
#left nav ul li:nth-child(1) a:hover, #left nav ul li:nth-child(1).current_page_item a, #left nav ul li:nth-child(1).current-page-ancestor a {
    color:#f15b5b;
}
#left nav ul li:nth-child(2) a:hover, #left nav ul li:nth-child(2).current_page_item a, #left nav ul li:nth-child(2).current-page-ancestor a {
    color:#f7941d;
}
#left nav ul li:nth-child(3) a:hover, #left nav ul li:nth-child(3).current_page_item a, #left nav ul li:nth-child(3).current-page-ancestor a {
    color:#0984d2;
}
#left nav ul li:nth-child(4) a:hover, #left nav ul li:nth-child(4).current_page_item a, #left nav ul li:nth-child(4).current-page-ancestor a {
    color:#b3d236;
}
#left nav ul li.current_page_item:nth-child(1) li a, #left nav ul li.current_page_item:nth-child(2) li a, #left nav ul li.current_page_item:nth-child(3) li a, #left nav ul li.current-page-ancestor:nth-child(1) li a, #left nav ul li.current-page-ancestor:nth-child(2) li a, #left nav ul li.current-page-ancestor:nth-child(3) li a {
    color:#cbd5d8;
}
#left nav ul li:nth-child(1) li.current_page_item a, #left nav ul li:nth-child(1) li.current-page-ancestor a {
    color:#f15b5b !important;
}
#left nav ul li:nth-child(2) li.current_page_item a, #left nav ul li:nth-child(2) li.current-page-ancestor a {
    color:#ff9600;
}
#left nav ul li:nth-child(3) li.current_page_item a, #left nav ul li:nth-child(3) li.current-page-ancestor a {
    color:#0984d2;
}
#left nav ul li a:hover {
    text-decoration:none;
}
#left nav ul ul {
    margin-top:10px;
    display:none;
}
#left nav ul li.current_page_item ul, #left nav ul li.current-page-ancestor ul {
    display:block;
}
#left nav ul ul li {
    line-height:12px;
    margin-bottom:5px;
}
#left nav ul ul li a {
    font:bold 12px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#cbd5d8;
    text-transform:none;
}
#left nav ul ul li a:hover {
    color:#fff;
    text-decoration:none;
}
#left nav ul li:nth-child(1) ul li a:hover {
    color:#ed3c4b;
}
#left nav ul li:nth-child(2) ul li a:hover {
    color:#f7941d;
}
#left nav ul li:nth-child(3) ul li a:hover {
    color:#0984d2;
}


#left form {
    width:100%;
    float:left;
    display:inline;
}
#left form input[type='text'] {
    width:80%;
    height:23px;
    float:left;
    display:inline;
    font:italic 11px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#61747e;
    padding-left:10px;
    border:1px solid #c6ced5;
    border-right:none;
}
#left form input[type='submit'] {
    width:21px;
    height:23px;
    float:left;
    display:inline;
    background:#666;
    padding:0;
    font:300 11px 'Oswald', Arial, Helvetica, sans-serif;
    color:#fff;
    text-transform:uppercase;
    border:1px solid #c6ced5;
}
/* End of Left */

/* Right */
#right {
    border-top:20px solid #627580;
    /*padding-top:91px;*/
    padding-top:20px;
        padding-bottom:20px;
    margin-left:30px;
    /*background:url(images/right.png) center 10px no-repeat;*/
}
/* End of Right */

/* Content Pages */
#content {
    background:#fff;
    margin-left:30px;
}
#content h1 {
    font:26px 'Oswald', Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:28px;
    text-transform:uppercase;
    background:#ed3c4b;
    padding-left:35px;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:0;
    margin-bottom:0;
}
#content h2 {
    font:bold 22px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color:#000;
    line-height:24px;
    text-transform:uppercase;
}
#content p {
    font:13px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#627580;
    line-height:19px;
}
#content ul {
    padding-left:20px;
}
#content ul li {
    font:13px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#627580;
    line-height:19px;   
        background:url(images/bullet-nut-white.png) 0 center no-repeat;
        list-style:none;
        padding-left:25px;
        margin-bottom:5px;
}
#content ul li a, #content ul li a:hover {
    color:#627580;
}

/* Breadcrumb */
#breadcrumb {
    background:#676766;
    padding-top:10px;
    padding-bottom:10px;
}
#breadcrumb p {
    font:12px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#fff;
    margin:0 30px;
    line-height:14px;
    text-transform:uppercase;
}
#breadcrumb p a, #breadcrumb span {
    color:#fff;
}
/* End of Breadcrumb */

/* Banner */
#banner {
    padding:5px;
}
#banner.display-block {
    padding:0;
}
#banner img {
    width:100%;
    height:auto;
}
/*
#banner img {
    display:none;
}
#banner.display-block img {
    display:block;
}
#banner img.first {
    display:block;
}*/
/* End of Banner */

/* Accordion */
.accordions-container {
    padding:0 !important;
}
.accordions-container ul {
    padding-left:0 !important;
}
.accordions-container ul li {
    padding-left:0 !important;
    margin-bottom:0 !important;
    background:none !important;
}
#accordion h4, .accordions-container .responsive-accordion-head {
    font:16px 'Oswald', Arial, Helvetica, sans-serif;
    color:#627580;
    line-height:18px;
    text-transform:uppercase;
    text-decoration:none !important;
    padding-left:30px !important;
    padding-right:30px !important;
}
.responsive-accordion-head.active {
    font-weight:normal !important;
}
#accordion h4 a {
    width:100%;
    display:block;
    padding:10px 30px;
    text-decoration:none;
}
#accordion h4 a:hover {
    color:#627580;
}
#accordion p {
    margin-bottom:20px;
}
#accordion p.pathway {
    background:url(images/pathway.png) 0 3px no-repeat;
    padding-left:40px;
    padding-bottom:10px;
    border-bottom:1px solid #9daeba;
    margin-bottom:10px;
}
#accordion p.earnings {
    background:url(images/earnings.png) 0 3px no-repeat;
    padding-left:40px;
    padding-bottom:10px;
    margin-bottom:10px;
}
#accordion p.pdf {
    height:40px;
    background:url(images/ico-pdf.png) 0 center no-repeat;
    padding-left:50px;
}
#accordion p.pdf a {
    color:#627580;
    margin-top:10px;
    float:left;
}
#accordion p.no-margin {
    margin-bottom:5px;
}
#accordion ul, .accordions-container ul ul {
    padding-left:0;
}
#accordion ul li, .accordions-container ul ul li {
    min-height:16px;
    font:13px 'Open Sans', Arial, Helvetica, sans-serif !important;
    color:#627580 !important;
    line-height:15px !important;
    margin-bottom:5px !important;
    background:url(images/bullet-nut.png) 0 0 no-repeat !important;
    list-style:none;
    padding-left:25px !important;
}
.accordions-container ul ol {
    padding-left:20px !important;
}
.accordions-container ul ol li {
    list-style:decimal;
    font:13px 'Open Sans', Arial, Helvetica, sans-serif !important;
    color:#627580;
    line-height:15px !important;
    margin-bottom:5px !important;
}
.accordions-container ul ol li a {
    font-weight:bold;
    color:#627580;
}
.accordions-container ol li {
    list-style:decimal !important;
}
.accordions-container ol ul {
    padding-left:40px !important;
    margin-top:10px !important;
    margin-bottom:10px !important;
}
.accordions-container ul.lower-alpha li {
    list-style:lower-alpha !important;
    background:none !important;
    padding-left:0 !important;
}
#accordion .notes p {
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:1px solid #9daeba;
}
#accordion .notes p strong {
    color:#06b6ad;
}
#accordion .rating {
    border-bottom:1px solid #9daeba;
    margin-bottom:10px;
}
#accordion .rating p {
    margin-bottom:10px;
}
#accordion .rating span {
    width:122px;
    height:25px;
    display:block;
    margin-top:5px;
}
#accordion .rating span.rate0 {background:url(images/rating-0.png) 0 0 no-repeat;}
#accordion .rating span.rate1 {background:url(images/rating-1.png) 0 0 no-repeat;}
#accordion .rating span.rate2 {background:url(images/rating-2.png) 0 0 no-repeat;}
#accordion .rating span.rate3 {background:url(images/rating-3.png) 0 0 no-repeat;}
#accordion .rating span.rate4 {background:url(images/rating-4.png) 0 0 no-repeat;}
#accordion .rating span.rate5 {background:url(images/rating-5.png) 0 0 no-repeat;}
#accordion .panel {
    border-radius:0 !important;
    border-color:none !important;
    box-shadow:none !important;
    margin-top:0 !important;
    border-bottom:none !important;
}
#accordion .panel-heading {
    border-radius:0 !important;
    border-color:none !important;
    border-bottom:none !important;
    padding:0;
    background:#fff url(images/expand.png) 96% center no-repeat;
}
#accordion .panel-heading.active {
    background:#fff url(images/collapse.png) 96% center no-repeat;
    border-bottom:1px solid #ddd;
}
.responsive-accordion-head {
    border-bottom:none !important;
    border-top:1px solid #ddd;
}
.responsive-accordion-head .responsive-accordion-plus.arrow-dark {
    margin-right:15px;
    background:#fff url(images/expand.png) 0 center no-repeat !important;
}
.responsive-accordion-head .responsive-accordion-minus.arrow-dark {
    margin-right:15px;
    background:#fff url(images/collapse.png) 0 center no-repeat !important;
}
.accordions-container .responsive-accordion-panel {
    padding-left:30px !important;
    padding-right:30px !important;
}
#accordion .panel-body, .accordions-container .responsive-accordion-panel.active {
    background:#f1f7fb !important;
    border:none !important;
}
/* End of Accordion */
/* End of Content Pages */

/* Color Codes */
.red {background:#f15b5b;}
.orange {background:#f7941d;}
.green {background:#00b5ac;}
.lime-green {background:#b3d236;}
.blue {background:#0984d2;}
.light-blue {background:#00aced;}
.purple {background:#806aad;}
/* End of color codes */


/* Home */
#feature h2, #feature-small h2 {
    font:24px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:26px;
    margin-left:20px;
    margin-right:20px;
}
#feature-small h2 {
    margin-left:0;
    margin-right:0;
    margin-top:0;
}
#feature p, #feature-small p {
    font:12px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:14px;
    margin-left:20px;
    margin-right:20px;
}
#feature-small p {
    margin-left:0;
    margin-right:0;
    margin-bottom:20px;
}
#feature a, #feature-small a {
    font:12px 'Oswald', Arial, Helvetica, sans-serif;
    color:#fff;
    text-transform:uppercase;
    line-height:13px;
    padding:5px 20px 5px 8px;
    border:2px solid #fff;
    border-radius:10px;
    background:url(images/arrow.png) 90% center no-repeat;
}
#feature .red a, #feature .orange a, #feature .green a, #feature .blue a {
    position:absolute;
    bottom:25px;
    left:20px;
}
#feature div div {
    padding-bottom:57px;   
}
#feature .red, #feature .orange, #feature .green, #feature .blue, #feature .purple {
    padding-top:0;
    padding-bottom:0;
}
#feature .green div {
    width:100%;
    height:100%;
        min-height:253px;
    float:left;
    display:inline;
}
#feature .purple h2 {
    margin-top:20px;
    font-size:20px;
    line-height:22px;
}
#feature .purple a {
    margin-top:30px;
    margin-right:30px;
    margin-left:20px;
}
#feature .purple div {
    width:75%;
}

#feature-small {
    padding-left:0;
    padding-right:0;
}
#feature-small div {
    padding:15px;
}
#feature-small .red, #feature-small .orange, #feature-small .green, #feature-small .blue, #feature-small .purple {
    min-height:150px;
}
#feature-small .green {
    padding:0 !important;
    max-height:172px;
    background:#00b5ac;
    overflow:hidden;
    position:relative;
}
#feature-small .green h2 {
    margin-bottom:20px;
    margin-left:20px;
    padding-top:20px;
    position:relative;
    z-index:1000;
}
#feature-small .green a {
    margin-left:15px;
    position:relative;
    z-index:1000;
}
#feature-small .green .cycle-slideshow {
    width:260px;
    max-height:172px;
    padding:0;
    position:absolute;
    right:0;
    top:0;
}
#feature-small .green img {
    position:absolute;
    right:-5px;
    top:0;
}
#feature-small .purple h2 {
    width:100%;
    float:none;
    margin-top:0;
    margin-bottom:0;
}

#feature table {
    width:100%;
    height:100%;
}
#feature table td {
    width:85px;
    height:85px;
    position:relative;
    vertical-align:top;
    border:2px solid #627580;
}

#feature .cycle-slideshow.grid {
    width:100%;
    height:100%;
    max-height:85px;
}
/* End of Home */

/* Career Advisers */
#career-advisers h2, #career-advisers-small h2 {
    font:24px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:26px;
    margin-left:20px;
    margin-right:20px;
    position:relative;
}
#career-advisers-small h2 {
    margin-left:0;
    margin-right:0;
}
#career-advisers h2 a, #career-advisers-small h2 a {
    font:24px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-transform:none;
    line-height:26px;
    background:none;
    border:none;
    padding:0;
}
#career-advisers .blue h2 {
    margin-top:30px;
}
#career-advisers .purple h2 {
    margin-top:10px;
}
#career-advisers .green h2 {
    margin-top:10px;
}
#career-advisers .orange h2 {
    margin-top:15px;
    margin-left:0;
}
#career-advisers a, #career-advisers-small a {
    font:12px 'Oswald', Arial, Helvetica, sans-serif;
    color:#fff;
    text-transform:uppercase;
    line-height:13px;
    padding:5px 20px 5px 8px;
    border:2px solid #fff;
    border-radius:10px;
    background:url(images/arrow.png) 90% center no-repeat;
}
#career-advisers .red a, #career-advisers .orange a, #career-advisers .green a, #career-advisers .blue a, #career-advisers .lime-green a, #career-advisers .purple a {
    position:absolute;
    bottom:25px;
    left:20px;
}
#career-advisers .blue a {
    bottom:45px;      
}
#career-advisers .purple a {
    bottom:10px;
}
#career-advisers .green a {
    bottom:10px;
}
#career-advisers .lime-green a {
    bottom:150px;
        bottom:110px;
}
#career-advisers .orange a {
    top:30px;
    padding:5px 25px 5px 8px;
    background:url(images/arrow.png) 95% center no-repeat;
}
#career-advisers .blue img, #career-advisers .red img {
    width:auto;
    height:100%;
    min-height:168px;
}
#career-advisers .blue img, #career-advisers-small .blue img {
    position:absolute;
    right:0;
    top:0;
}
#career-advisers .purple img, #career-advisers-small .purple img {
    position:absolute;
    right:10px;
    bottom:10px;
}
#career-advisers .red img, #career-advisers-small .red img {
    position:absolute;
    right:0;
    top:0;
}
#career-advisers .lime-green img {
    position:absolute;
    left:0;
    bottom:0;
}
#career-advisers-small .lime-green img {
    position:absolute;
    bottom:0;
    right:0;
}
#career-advisers table {
    width:100%;
    height:100%;
}
#career-advisers table td {
    width:85px;
    height:85px;
    position:relative;
    vertical-align:top;
    border:2px solid #627580;
}
#career-advisers .cycle-slideshow.grid {
    width:100%;
    height:100%;
    max-height:85px;
}

#career-advisers-small {
    padding-left:0;
    padding-right:0;
}
#career-advisers-small div {
    padding:15px;
    overflow:hidden;
}
#career-advisers-small .red, #career-advisers-small .orange, #career-advisers-small .green, #career-advisers-small .blue, #career-advisers-small .purple, #career-advisers-small .lime-green {
    min-height:150px;
    position:relative;
}
#career-advisers-small .orange a {
    width:auto !important;
    float:left;
    display:inline;
    margin-top:40px;
    padding:8px 25px 8px 8px;
    background:url(images/arrow.png) 95% center no-repeat;
}
#career-advisers-small a {
    position:relative;
}
/* End of Career Advisers */

/* Parents */
#parents h2, #parents-small h2 {
    font:24px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:26px;
    margin-left:20px;
    margin-right:20px;
    position:relative;
}
#parents .orange h2 {
    margin-top:35px;
}
#parents .purple h2 {
    margin-top:10px;
}
#parents .light-blue h2 {
    margin-top:10px;
}
#parents a, #parents-small a {
    font:12px 'Oswald', Arial, Helvetica, sans-serif;
    color:#fff;
    text-transform:uppercase;
    line-height:13px;
    padding:5px 20px 5px 8px;
    border:2px solid #fff;
    border-radius:10px;
    background:url(images/arrow.png) 90% center no-repeat;
}
#parents-small a {
    position:relative;
}
#parents .red a, #parents .orange a, #parents .green a, #parents .blue a, #parents .light-blue a, #parents .lime-green a, #parents .purple a {
    position:absolute;
    bottom:25px;
    left:20px;
}
#parents .green div {
    width:100%;
    height:100%;
        min-height:253px;
    float:left;
    display:inline;
}
#parents .green a {
    bottom:150px;
}
#parents .orange {background:#ff9500;}
#parents .orange a {
    bottom:70px;
}
#parents .purple a {
    bottom:10px;
}
#parents .light-blue a {
    bottom:10px;
}
#parents .lime-green a {
    bottom:150px;
}
#parents .orange img {
    height:100%;
    min-height:168px;
}
#parents .orange img, #parents-small .orange img {
    position:absolute;
    right:0;
    top:0;
}
#parents .purple img, #parents-small .purple img {
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:1000;
}
#parents .lime-green img, #parents-small .lime-green img {
    position:absolute;
    bottom:0;
    right:0;
}

#parents table {
    width:100%;
    height:100%;
}
#parents table td {
    width:85px;
    height:85px;
    position:relative;
    vertical-align:top;
    border:2px solid #627580;
}
#parents .cycle-slideshow.grid {
    width:100%;
    height:100%;
    max-height:85px;
}

#parents-small {
    padding-left:0;
    padding-right:0;
}
#parents-small h2 {
    margin-left:0;
    margin-right:0;
    position:relative;
    z-index:1000;
}
#parents-small a {
    z-index:1000;
}
#parents-small div {
    min-height:150px;
    padding:15px;
    overflow:hidden;
    position:relative;
}
#parents-small .green img {
    position:absolute;
    right:-5px;
    top:0;
}
/* End of Parents */

/* Students & Apprentices */
#students-apprentices h2, #students-apprentices-small h2 {
    font:24px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:26px;
    margin-left:20px;
    margin-right:20px;
    position:relative;
}
#students-apprentices-small h2 {
    margin-left:0;
    margin-right:0;
}
#students-apprentices .purple h2 {
    margin-top:10px;
}
#students-apprentices .light-blue h2 {
    margin-top:10px;
}
#students-apprentices a, #students-apprentices-small a {
    font:12px 'Oswald', Arial, Helvetica, sans-serif;
    color:#fff;
    text-transform:uppercase;
    line-height:13px;
    padding:5px 20px 5px 8px;
    border:2px solid #fff;
    border-radius:10px;
    background:url(images/arrow.png) 90% center no-repeat;
}
#students-apprentices .orange, #students-apprentices-small .orange {background:#f7941d;}
#students-apprentices .red a, #students-apprentices .orange a, #students-apprentices .green a, #students-apprentices .blue a, #students-apprentices .light-blue a, #students-apprentices .lime-green a, #students-apprentices .purple a {
    position:absolute;
    bottom:25px;
    left:20px;
}
#students-apprentices .purple a {
    bottom:10px;
}
#students-apprentices .light-blue a {
    bottom:10px;
}
#students-apprentices .orange a {
    bottom:120px;
}
#students-apprentices .green a {
    bottom:120px;
}
#students-apprentices .red img {
    min-height:168px;
    height:100%;
}
#students-apprentices .red img, #students-apprentices-small .red img {
    position:absolute;
    top:0;
    right:0;
}
#students-apprentices .purple img {
    position:absolute;
    right:10px;
    bottom:10px;
}
#students-apprentices .orange img {
    position:absolute;
    left:0;
    bottom:0;   
}
#students-apprentices-small .orange img {
    position:absolute;
    right:0;
    top:0;
}
#students-apprentices-small .green img {
    position:absolute;
    right:0;
    top:0;
}
#students-apprentices .green div {
    width:100%;
    height:100%;
        min-height:253px;
    float:left;
    display:inline;
}
#students-apprentices table {
    width:100%;
    height:100%;
}
#students-apprentices table td {
    width:85px;
    height:85px;
    position:relative;
    vertical-align:top;
    border:2px solid #627580;
}
#students-apprentices .cycle-slideshow.grid {
    width:100%;
    height:100%;
    max-height:85px;
}

#students-apprentices-small {
    padding-left:0;
    padding-right:0;
}
#students-apprentices-small h2 {
    position:relative;
    z-index:1000;
}
#students-apprentices-small .orange h2 {
    margin-top:0px;
}
#students-apprentices-small a {
    position:relative;
    z-index:1000;
}
#students-apprentices-small div {
    min-height:150px;
    padding:15px;
    overflow:hidden;
    position:relative;
}
/* End of Students & Apprentices */

/* Student & Apprentices Content, Parents Content, Career Advisers Content */
#red-content, #orange-content, #blue-content {
    background:#fff;
}
#red-content h1 {background-color:#f15b5b;}
#orange-content h1 {background-color:#f7941d;}
#blue-content h1 {background-color:#0984d2;}
#resources-links h1 {background-color:#b3d236;}
#red-content h2, #orange-content h2, #blue-content h2, #resources-links h2 {
    font:20px 'Oswald', Arial, Helvetica, sans-serif;
    line-height:22px;
    color:#62747f;
    background:none;
    padding-bottom:5px;
    border-bottom:5px solid #fff;
    margin-top:0;
}
#resources-links h2 {
    border-color:#00aced !important;
}
#resources-links h2 a {
    color:#62747f;
    background:url(images/arrow2.png) right center no-repeat;
    padding-right:15px;
}
#red-content h3, #orange-content h3, #blue-content h3 {
    font:700 16px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#00b5ad;
    line-height:18px;
    margin-top:0;
}
#red-content p.line, #orange-content p.line, #blue-content p.line {
    font-size:16px;
    line-height:18px;
    border-top:1px solid #d0d8df;
    border-bottom:1px solid #d0d8df;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:0;
}
#red-content p.indent, #orange-content p.indent, #blue-content p.indent, #resources-links p.indent {
    font-size:16px;
    line-height:18px;
    margin-bottom:20px;
}
#red-content p a, #orange-content p a, #blue-content p a {
    color:#62747f;
    font-weight:bold;
}
#red-content blockquote, #orange-content blockquote, #blue-content blockquote {
    padding:0;
    padding-top:10px;
    border-left:0;
    margin-bottom:0;
    border-top:1px solid #ddd;
}
#red-content blockquote p, #orange-content blockquote p, #blue-content blockquote p {
    font:700 12px 'Open Sans', Arial, Helvetica, sans-serif;
    line-height:18px;
    color:#00b5ad;
    margin-bottom:0;
}
#red-content table tr:nth-child(1) td:nth-child(1) h2, #orange-content table tr:nth-child(1) td:nth-child(1) h2, #blue-content table tr:nth-child(1) td:nth-child(1) h2, #resources-links table tr:nth-child(1) td:nth-child(1) h2 {border-color:#00aced;}
#red-content table tr:nth-child(1) td:nth-child(2) h2, #orange-content table tr:nth-child(1) td:nth-child(2) h2, #blue-content table tr:nth-child(1) td:nth-child(2) h2, #resources-links table tr:nth-child(1) td:nth-child(2) h2 {border-color:#00b5ac;}
#red-content table tr:nth-child(2) td:nth-child(1) h2, #orange-content table tr:nth-child(2) td:nth-child(1) h2, #blue-content table tr:nth-child(2) td:nth-child(1) h2, #resources-links table tr:nth-child(2) td:nth-child(1) h2 {border-color:#f15b5c;}
#red-content table tr:nth-child(2) td:nth-child(2) h2, #orange-content table tr:nth-child(2) td:nth-child(2) h2, #blue-content table tr:nth-child(2) td:nth-child(2) h2, #resources-links table tr:nth-child(2) td:nth-child(2) h2 {border-color:#b3d236;}
#red-content table tr:nth-child(3) td:nth-child(1) h2, #orange-content table tr:nth-child(3) td:nth-child(1) h2, #blue-content table tr:nth-child(3) td:nth-child(1) h2, #resources-links table tr:nth-child(3) td:nth-child(1) h2 {border-color:#806aad;}
#red-content table tr:nth-child(3) td:nth-child(2) h2, #orange-content table tr:nth-child(3) td:nth-child(2) h2, #blue-content table tr:nth-child(3) td:nth-child(2) h2, #resources-links table tr:nth-child(3) td:nth-child(2) h2 {border-color:#ff9500;}
#red-content table tr:nth-child(4) td:nth-child(1) h2, #orange-content table tr:nth-child(4) td:nth-child(1) h2, #blue-content table tr:nth-child(4) td:nth-child(1) h2, #resources-links table tr:nth-child(4) td:nth-child(1) h2 {border-color:#0984d2;}
#red-content table tr:nth-child(4) td:nth-child(2) h2, #orange-content table tr:nth-child(4) td:nth-child(2) h2, #blue-content table tr:nth-child(4) td:nth-child(2) h2, #resources-links table tr:nth-child(4) td:nth-child(2) h2 {border-color:#00aced;}
#red-content table tr:nth-child(5) td:nth-child(1) h2, #orange-content table tr:nth-child(5) td:nth-child(1) h2, #blue-content table tr:nth-child(5) td:nth-child(1) h2, #resources-links table tr:nth-child(5) td:nth-child(1) h2 {border-color:#00b5ac;}
#red-content table tr:nth-child(5) td:nth-child(2) h2, #orange-content table tr:nth-child(5) td:nth-child(2) h2, #blue-content table tr:nth-child(5) td:nth-child(2) h2, #resources-links table tr:nth-child(5) td:nth-child(2) h2 {border-color:#f15b5c;}
#red-content table tr:nth-child(6) td:nth-child(1) h2, #orange-content table tr:nth-child(6) td:nth-child(1) h2, #blue-content table tr:nth-child(6) td:nth-child(1) h2, #resources-links table tr:nth-child(6) td:nth-child(1) h2 {border-color:#b3d236;}
#red-content table tr:nth-child(6) td:nth-child(2) h2, #orange-content table tr:nth-child(6) td:nth-child(2) h2, #blue-content table tr:nth-child(6) td:nth-child(2) h2, #resources-links table tr:nth-child(6) td:nth-child(2) h2 {border-color:#806aad;}
#red-content table tr:nth-child(7) td:nth-child(1) h2, #orange-content table tr:nth-child(7) td:nth-child(1) h2, #blue-content table tr:nth-child(7) td:nth-child(1) h2, #resources-links table tr:nth-child(7) td:nth-child(1) h2 {border-color:#ff9500;}
#red-content table tr:nth-child(7) td:nth-child(2) h2, #orange-content table tr:nth-child(7) td:nth-child(2) h2, #blue-content table tr:nth-child(7) td:nth-child(2) h2, #resources-links table tr:nth-child(7) td:nth-child(2) h2 {border-color:#0984d2;}

#red-content table tr, #orange-content table tr, #blue-content table tr, #resources-links table tr {
    width:100%;
    clear:left;
    float:left;
    display:inline;
    border-bottom:1px solid #ddd;
}
#red-content table tr:last-child, #orange-content table tr:last-child, #blue-content table tr:last-child, #resources-links table tr:last-child {
    border:none;
}
#red-content table tr td, #orange-content table tr td, #blue-content table tr td, #resources-links table tr td {
    width:50%;
    min-height:150px;
    margin-top:20px;
    margin-bottom:20px;
    vertical-align:top;
    float:left;
    display:inline;
}
#red-content table tr td:nth-child(1), #orange-content table tr td:nth-child(1), #blue-content table tr td:nth-child(1), #resources-links table tr td:nth-child(1) {
    padding-right:30px;
}
#red-content table tr td:nth-child(2), #orange-content table tr td:nth-child(2), #blue-content table tr td:nth-child(2), #resources-links table tr td:nth-child(2) {
    border-left:1px solid #ddd;
    padding-left:30px;
}
#red-content table tr td img, #orange-content table tr td img, #blue-content table tr td img {
    width:100%;
    height:auto;
}
#red-content .real-life-stories table tr td:nth-child(1), #orange-content .real-life-stories table tr td:nth-child(1), #blue-content .real-life-stories table tr td:nth-child(1) {
    padding-right:15px;
}
#red-content .real-life-stories table tr td:nth-child(2), #orange-content .real-life-stories table tr td:nth-child(2), #blue-content .real-life-stories table tr td:nth-child(2) {
    padding-left:15px;
    border:none;
}

#student-profile {
    text-align:center;
}
#student-profile h2 {
    font-size:30px;
    text-align:left;
    line-height:32px;
}
#student-profile h2.line {
    border-top:1px solid #d0d8df;
    border-bottom:1px solid #d0d8df;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:20px;
    margin-bottom:20px;
}
#student-profile h4 {
    font:18px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:20px;
    text-align:left;
    padding:10px 10px 10px 60px;
    border-bottom:10px solid #fff;
}
#student-profile h5 {
    background:url(images/student-apprentices/student-name-arrow.png) center bottom no-repeat;
    font:700 20px 'Open Sans', Arial, Helvetica, sans-serif;
    line-height:22px;
    color:#fff;
    text-align:center;
    margin-bottom:15px;
    padding-bottom:14px;
}
#student-profile h5 span {
    width:100%;
    height:100%;
    display:block;
    border-radius:10px;
    padding-top:10px;
    padding-bottom:10px;
    background:#f15b5b;
}
#student-profile h6 {
    font:13px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:15px;
    text-align:left;
    padding:10px;
    margin-bottom:0;
    cursor:pointer;
}
#student-profile p {
    text-align:left;
}
#student-profile hr {
    margin-top:20px;
    margin-bottom:20px;
}
#student-profile blockquote {
    font:400 14px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#62747f !important;
    line-height:20px;
    text-align:left;
    border-top:none;
    padding-top:0;
}
#student-profile blockquote p {
    font-size:14px;
    color:#62747f !important;
}
#student-profile table tr td {
    width:33%;
    min-height:auto !important;
    border:none !important;
    padding-left:15px !important;
    padding-right:15px !important;
}
#student-profile table tr td:nth-child(1) {
    padding-left:0 !important;
}
#student-profile table tr td:nth-child(3) {
    padding-right:0 !important;
}
#student-profile table tr td:nth-child(1) h4 {
    background:#806aad url(images/student-apprentices/ico-education-big.png) 15px center no-repeat;
    border-color:#3d2d75;
}
#student-profile table tr td:nth-child(2) h4 {
    background:#00b5ac url(images/student-apprentices/ico-apprenticeship-big.png) 15px center no-repeat;
    border-color:#008882;
}
#student-profile table tr td:nth-child(3) h4 {
    background:#21a7ea url(images/student-apprentices/ico-employment-big.png) 15px center no-repeat;
    border-color:#015cab;
}
#student-profile table tr td:nth-child(1) h6 {background:#806aae url(images/arrow-purple.png) 96% center no-repeat;}
#student-profile table tr td:nth-child(2) h6 {background:#00b5ad url(images/arrow-green.png) 96% center no-repeat;}
#student-profile table tr td:nth-child(3) h6 {background:#21a7ea url(images/arrow-blue.png) 96% center no-repeat;}
#student-profile table tr td:nth-child(1) h6.active {background:#806aae url(images/arrow-purple-active.png) 96% center no-repeat;}
#student-profile table tr td:nth-child(2) h6.active {background:#00b5ad url(images/arrow-green-active.png) 96% center no-repeat;}
#student-profile table tr td:nth-child(3) h6.active {background:#21a7ea url(images/arrow-blue-active.png) 96% center no-repeat;}
#student-profile table tr td:nth-child(1) .toggle {background:#3d2d75;}
#student-profile table tr td:nth-child(2) .toggle {background:#008882;}
#student-profile table tr td:nth-child(3) .toggle {background:#015cab;}
#student-profile table tr td:nth-child(1) .toggle p a {color:#806aae;}
#student-profile table tr td:nth-child(2) .toggle p a {color:#00b5ad;}
#student-profile table tr td:nth-child(3) .toggle p a {color:#21a7ea;}
#student-profile table tr td img {
    width:auto;
    height:198px;
}

#student-profile table table {
    border:none;
    margin-bottom:20px;
    text-align:left;
}
#student-profile table table tr {
    border-bottom:none;
}
body #student-profile table table td, #student-profile table table td:nth-child(1) {
    width:100%;
    min-height:100% !important;
    font:12px 'Open Sans', Arial, Helvetica, sans-serif;
    line-height:14px;
    padding:15px 15px 15px 50px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
}
#student-profile table table tr:first-child td {
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
#student-profile table table tr:last-child td {
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
#student-profile table table .school, #student-profile table table .current-employment {
    color:#62747f;
    background:#d0d8df url(images/student-apprentices/ico-school.png) 10px center no-repeat;
}
#student-profile table table .current-employment {
    background:#d0d8df url(images/student-apprentices/ico-current-employment.png) 10px center no-repeat;
}
#student-profile table table .education {
    color:#fff;
    background:#806aae url(images/student-apprentices/ico-education.png) 10px center no-repeat;
}
#student-profile table table .apprenticeship {
    color:#fff;
    background:#00b5ad url(images/student-apprentices/ico-apprenticeship.png) 10px center no-repeat;
}
#student-profile table table .employment {
    color:#fff;
    background:#21a7ea url(images/student-apprentices/ico-employment.png) 10px center no-repeat;
}
#student-profile .box {
    min-height:200px;
}
#student-profile .toggle {
    height:1px;
    padding-top:6px;
    padding-bottom:1px;
    transition:all 0.5s ease-out;
}
#student-profile .toggle.active {
    height:auto !important;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
#student-profile .toggle p {
    font:11px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:15px;
    margin-left:10px;
    margin-right:10px;
    display:none;
    transition:all 0.5s ease-out;
}
#student-profile .toggle.active p {
    display:block;
}

#company-list h2 {
    clear:both;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
}
#company-list h3 {
    height:32px;
    font:100 16px 'Oswald', Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:18px;
    margin-top:0;
    margin-bottom:15px;
    text-transform:uppercase;
    background:url(images/h3-green-title.png) right 0 no-repeat;
    padding-top:8px;
    padding-left:10px;
}
#company-list h4 {
    font:14px 'Oswald', Arial, Helvetica, sans-serif;
    color:#627580;
    line-height:16px;
    text-transform:uppercase;
    margin-top:0;
    margin-bottom:5px;
    background:url(images/link-arrow.png) 0 center no-repeat;
    padding-left:15px;
}
#company-list h4 a {
    color:#627580;
    transition:all 0.5s ease-out;
}
#company-list h4 a:hover {
    color:#819199;
}
#company-list ul {
    padding-left:0;
    list-style:none;
}
#company-list ul li {
    font:13px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#627580;
    line-height:20px;
    background:url(images/bullet.png) 0 8px no-repeat;
    padding-left:10px;
}
#company-list table tr {
    border-bottom:1px solid #ddd;
    display:block;
    padding-top:15px;
    padding-bottom:15px;
}
#company-list table tr:last-child {
    border:none;
}
#company-list table tr td {
    width:33.33%;
    vertical-align:top;
    padding-left:15px !important;
    padding-right:15px !important;
    border-right:1px solid #ddd;
}
#company-list table tr td.none {
    border:none;
}
#company-list table tr td:nth-child(1) {
    padding-left:0 !important;
    border-right:none;
}
#company-list table tr td:nth-child(3) {
    padding-right:0 !important;
    border-right:none;
}
#company-list table tr td img {
    width:auto;
    height:auto;
    margin-bottom:15px;
}
/* End of Student & Apprentices Content */

/* Normal */
#normal {
    background:#fff;
}
#normal h1 {
    color:#627580;
    background:none;
    padding-left:30px;
    padding-right:30px;
}
#normal .col-lg-12 .col-lg-12 h1 {
    padding-left:0;
}
#normal h1.indent {
    border-bottom:1px solid #ddd;
    padding-left:15px;
    padding-right:15px;
}
#normal h2 {
    font:16px 'Oswald', Arial, Helvetica, sans-serif;
    line-height:18px;
    color:#627580;
    margin-top:0;
    padding-bottom:10px;
    border-bottom:5px solid #21a7ea;
}
#normal h2 a {
    color:#627580;
    background:url(images/arrow2.png) right center no-repeat;
    padding-right:10px;
}
#normal h3 {
    font:20px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:22px; 
    background:#826aaf;
    padding:10px;
    margin-top:0;
}
#normal h5 {
    font:15px 'Oswald', Arial, Helvetica, sans-serif;
    color:#627580;
    line-height:20px;
    text-transform:uppercase;
    padding-bottom:10px;
    background:url(images/h5-title.png) 0 bottom no-repeat;
}
#normal h6 {
    font:bold 13px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#806aad;
    border-bottom:5px solid #806aad;
    padding-bottom:5px;
}
#normal.details h6 {
    font:bold 13px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#627580;
    padding-bottom:20px;
    padding-left:40px;
    padding-top:0;
    border-bottom:none;
    background:url(images/ico-pathway.png) 0 0 no-repeat;
}
#normal p.indent {
    font-size:16px;
    margin-left:15px;
    margin-right:15px;
        /*border-bottom:1px solid #ddd;*/
    padding-bottom:15px;
    margin-bottom:0;
}
#normal p.indent2 {
    margin-left:15px;
    margin-right:15px;
}
#normal.details p a {
    font-weight:bold;
    color:#627580;
}
#normal .read-more {
    font:12px 'Oswald', Arial, Helvetica, sans-serif;
    color:#627580;
    text-transform:uppercase;
    border:2px solid #627580;
    border-radius:10px;
    padding:2px 15px 2px 10px;
    background:url(images/arrow-read-more.png) 94% center no-repeat;
}
#normal ul {
    padding-left:0;
    list-style:none;
}
#normal ul li {
    font:13px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#627580;
    line-height:18px;
    background:url(images/bullet.png) 0 8px no-repeat;
    padding-left:10px;
    margin-bottom:5px;
}
#normal.details ul {
    margin-top:-30px;
    margin-left:40px;
}
#normal .quiz {
    font:bold 16px 'Oswald', Arial, Helvetica, sans-serif;
    color:#627580;
    line-height:18px;
    text-transform:uppercase;
    border-radius:10px;
    border:2px solid #627580;
    padding:5px 10px;
    float:left;
    display:none;
    margin-top:-5px;
}
#normal .pdf {
    font:13px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#627580;
    line-height:15px;
    float:right;
    display:inline;
    /*background:url(images/ico-pdf.png) 0 center no-repeat;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:40px;*/
    margin-top:-10px;
    margin-bottom:10px;
}
#normal .pdf a {
    color:#627580;
}
#normal .pdf span {
    padding-left:5px;
}
#normal.details hr:nth-child(1) {
    margin-top:0;
}
#normal .clear {
    clear:both;
}
#normal .row {
    margin-left:15px;
    margin-right:15px;
    border-bottom:1px solid #d0d8df;
}
#normal .row:last-child {
    border-bottom:none;
}
#normal .col-lg-4 {
    min-height:380px;
    margin-bottom:20px;
    border-right:1px solid #d0d8df;
}
#normal.details .col-lg-5 img {
    /*margin-left:50px;*/
    width:100%;
    height:auto;
}
#normal .col-lg-6 {
    min-height:120px;
    margin-top:20px;
    margin-bottom:20px;
}
#normal .col-lg-6:nth-child(odd) {
    padding-left:0;
    padding-right:30px;
    border-right:1px solid #d0d8df;    
}
#normal .col-lg-4:first-child {
    padding-left:0;
}
#normal .col-lg-4:nth-child(3) {
    border:none !important;
    padding-right:0;
}
#normal .col-lg-6:nth-child(even) {
    padding-left:30px;
    padding-right:0;
}
#normal #logos {
    border-bottom:1px solid #ddd;
}
#normal #logos tr td {
    padding:15px;
}
#normal #logos tr td:nth-child(1) {
    padding-left:0;
}
#normal #logos tr td:nth-child(4) {
    padding-right:0;
}
#normal.details table {
    margin-bottom:30px;
}
#normal.details table tr td {
    font:bold 11px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#627580;
    line-height:13px;
}
#normal.details table tr td:nth-child(1) {
    background:url(images/small-green-image.png) 0 0 no-repeat;
    padding-left:50px;
    padding-top:30px;
    padding-bottom:35px;
}
#normal.details table tr td:nth-child(2) {
    background:url(images/small-light-green-image.png) 0 0 no-repeat;
    padding-left:35px;
    padding-top:30px;
    padding-bottom:40px;
}
#normal.details table tr td:nth-child(3) {
    background:url(images/small-red-image.png) 0 0 no-repeat;
    padding-left:50px;
    padding-top:50px;
    padding-bottom:30px;
}
#normal.details table tr td:nth-child(4) {
    background:url(images/small-blue-image.png) 0 0 no-repeat;
    padding-left:50px;
    padding-top:30px;
    padding-bottom:40px;
}
#normal.details table tr td:nth-child(5) {
    background:url(images/small-orange-image.png) 0 0 no-repeat;
    padding-left:85px;
    padding-top:30px;
    padding-bottom:30px;
}
#normal.details table tr td:nth-child(6) {
    background:url(images/small-light-blue-image.png) 0 0 no-repeat;
    padding-left:45px;
    padding-top:30px;
    padding-bottom:40px;
}
#normal.details table tr td:nth-child(7) {
    background:url(images/small-green-image2.png) 0 16px no-repeat;
    padding-left:50px;
    padding-top:40px;
    padding-bottom:30px;
}
#normal.details table tr td a {
    color:#627580;
}

#normal.contact-form table {
    width:100%;
    border-top:1px solid #ddd;
}
#normal.contact-form table tr td {
    vertical-align:top;
}
#normal.contact-form table tr td:nth-child(1) {
    width:35%;
    padding-right:10px;
}
#normal.contact-form table tr td:nth-child(2) {
    width:65%;
}
#normal.contact-form input[type='text'], #normal.contact-form input[type='email'] {
    width:100%;
    font:13px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#627580;
    background:#e7ebef;
    clear:left;
    float:left;
    display:inline;
    margin-top:10px;
    border:1px solid #e7ebef;
    padding:3px 5px !important;
}
#normal.contact-form input[type='submit'] {
    width:100px;
    font:bold 13px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#fff;
    background:#627580;
    border:1px solid #627580;
    float:right;
    display:inline;
    cursor:pointer;
    outline:none;
}
#normal.contact-form select {
    width:100%;
    font:13px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#627580;
    background:#fff;
    border:1px solid #e7ebef;
    border-radius:0;
    clear:left;
    float:left;
    margin-top:10px;
}
#normal.contact-form textarea {
    width:100%;
    height:130px;
    font:13px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#627580;
    border:1px solid #e7ebef;
    background:#e7ebef;
    padding:5px;
    margin-top:10px;
}
#normal.contact-form .wpcf7-not-valid-tip {
    font:13px 'Open Sans', Arial, Helvetica, sans-serif;
    clear:left;
    float:left;
    display:inline;
}
#normal.contact-form .wpcf7-response-output {
    font:13px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#627580;
    line-height:15px;
    margin-left:0;
    margin-right:0;
}

#normal.black {
    background:#000;
    padding-top:30px;
}
#normal.black h1, #normal.black h2, #normal.black p {
    color:#fff;
}
#normal.black h2 {
    font:26px 'Oswald', Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:28px;
    text-transform:uppercase;
    background:none;
    padding-left:0;
    padding-top:20px;
    padding-bottom:0;
    margin-top:0;
    margin-bottom:20px;
    border-bottom:none !important;
}
#normal #grid {
    position:relative;
    clear:both;
}
#normal #grid a {
    font:20px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:24px;
    position:absolute;
    top:0;
    left:0;
    z-index:1000;
    transition:all 0.5s ease-out;
}
#normal #grid a.first{top:15%; left:18%;}
#normal #grid a.second{top:17%; left:78%;}
#normal #grid a.third{top:41%; left:50%;}
#normal #grid a.fourth{top:55%; left:75%;}
#normal #grid a.fifth{top:67%; left:2%;}
#normal #grid a.sixth{top:78%; left:72%;}
#normal #grid a.seventh{top:91%; left:22%; text-align:right;}

#normal #grid a.first-image {
    width:14%;
    height:35%;
    display:block;
    top:2%;
    left:5%;
}
#normal #grid a.second-image {
    width:15%;
    height:36%;
    display:block;
    top:1.3%;
    left:61.5%;
}
#normal #grid a.third-image {
    width:10%;
    height:38%;
    display:block;
    top:25.3%;
    left:36%;
}
#normal #grid a.fourth-image {
    width:19%;
    height:25%;
    display:block;
    top:37%;
    left:81%;
}
#normal #grid a.fifth-image {
    width:12%;
    height:35%;
    display:block;
    top:39%;
    left:15%;
}
#normal #grid a.sixth-image {
    width:19%;
    height:35%;
    display:block;
    top:65%;
    left:50%;
}
#normal #grid a.seventh-image {
    width:14%;
    height:34%;
    display:block;
    top:66%;
    left:33%;
}
#normal #grid a.first-image span, #normal #grid a.second-image span, #normal #grid a.third-image span, #normal #grid a.fourth-image span, #normal #grid a.fifth-image span, #normal #grid a.sixth-image span, #normal #grid a.seventh-image span {
    display:none;
}

/* End of Normal */

/* News */
#news h1 {
    color:#627580;
    background:none;
    padding-left:30px;
    padding-right:30px;
    margin-bottom:0;
}
#news h5 {
    font:15px 'Oswald', Arial, Helvetica, sans-serif;
    color:#627580;
    line-height:20px;
    text-transform:uppercase;
    padding-bottom:10px;
    background:url(images/h5-title.png) 0 bottom no-repeat;
}
#news h6 {
    font:bold 13px 'Open Sans', Arial, Helvetica, sans-serif;
    color:#806aad;
    border-bottom:5px solid #806aad;
    padding-bottom:5px;    
}
#news table {
    margin-top:-15px;
}
#news tr {
    width:100%;
    clear:left;
    float:left;
    display:inline-block;
    border-bottom:1px solid #ddd;
}
#news tr:first-child {
    border-top:1px solid #ddd;
}
#news tr:last-child {
    border-bottom:none;
}
#news td {
    width:50%;
    float:left;
    vertical-align:top;
    display:inline-block;
    margin-top:20px;
    margin-bottom:20px;
}
#news td:nth-child(odd) {
    padding-right:30px;
}
#news td:nth-child(even) {
    padding-left:30px;
    border-left:1px solid #ddd;
}
#news td a {
    font:12px 'Oswald', Arial, Helvetica, sans-serif;
    color:#627580;
    text-transform:uppercase;
    text-decoration:none !important;
    border:2px solid #627580;
    border-radius:10px;
    padding:2px 15px 2px 10px;
    background:url(images/arrow-read-more.png) 94% center no-repeat;
}
/* End of News */

/* Search Results */
#search a.pull-right {
    font:16px 'Oswald', Arial, Helvetica, sans-serif;
    color:#627580;
    line-height:18px;
    text-transform:uppercase;
    text-decoration:none !important;
    background:url(images/arrow-read-more.png) right center no-repeat;
    padding-right:15px;
}
#search .col-lg-6:nth-child(even) {
    border-right:1px solid #d0d8df;
    padding-right:15px;
}
#search .col-lg-6:nth-child(odd) {
    border:none;
    padding-left:15px;
}
/* End of Search Results */

/* Media Queries */
/* Large desktop */
@media (max-width: 1200px) {
    .container {
        width:100%;
    }
    #menu .social-icons {
        /*visibility:hidden;*/
    }
}

@media (max-width: 1150px) {
    #normal.details table tr td {
        width:25%;
        height:120px;
        float:left;
        display:inline;
        padding-left:50px !important;
        margin-bottom:20px;
    }
    #normal.details table tr td:nth-child(3) {
        padding-top:65px;
    }
    #normal.details table tr td:nth-child(4) {
        padding-left:60px !important;
    }
    #normal.details table tr td:nth-child(5) {
        padding-left:80px !important;
    }
    #normal.details table tr td:nth-child(7) {
        padding-left:65px !important;
        padding-top:55px;
    }

    #logos {
        width:100%;
        float:left;
        display:inline;
        margin-bottom:20px;
    }
    #logos tr td {
        width:50% !important;
        float:left;
        display:inline-block !important;
        text-align:center;
    }
    
}

@media (max-width:1105px){
    #normal #grid a {
        font-size:18px;
        line-height:20px;
    }
}

@media (max-width:1090px) {
    #normal #grid a {
        font-size:14px;
        line-height:16px;
    }
}

@media (max-width: 1076px) {
    #feature h2 {
        font-size:22px;
        line-height:24px;
    }

    #student-profile h4 {
        font-size:16px;
        line-height:18px;
    }
    #student-profile .box {
        min-height:220px;
    }
}

@media (max-width: 1018px) {
    #feature .purple div {
        width:70%;
        float:left;
        display:inline;        
    }
    #feature .purple h2 {
        font-size:16px;
        line-height:18px;
        margin-left:0;
        margin-top:25px;
    }
}

@media (max-width: 1000px) {
    #company-list h3 {
        font-size:14px;
    }
}

@media (max-width: 970px) {
    #feature h2 {
        font-size:20px;
        line-height:22px;
    }
    #feature .purple h2 {
        margin-top:20px;
    }

    #company-list table tr, #company-list table tr:first-child {
        border-bottom:0 !important;
    }
    #company-list table tr td {
        width:50%;
        min-height:330px;
        float:left;
        display:inline-block;
        border:none;
        padding-left:0 !important;
        padding-right:30px !important;
    }
    #company-list table tr td.none {
        display:none;
    }

    #student-profile h4 {
        font-size:14px;
        line-height:16px;
    }
    #student-profile .box {
        min-height:260px;
    }
    #student-profile table tr td {
        padding-left:0 !important;
    }
    #student-profile table tr td img {
        max-width:186px;
        height:auto;
    }
}

@media (max-width: 910px) {
    #feature h2 {
        font-size:18px;
        line-height:20px;
    }

    #normal.details table tr td {
        width:33%;
        padding-right:20px;
    }
}

@media (max-width:890px) {
    #feature h2 {
        font-size:16px;
        line-height:18px;
    }
    #feature div div {
        padding-bottom:30px;   
    }

    #company-list table tr td {
        width:100%;
        min-height:100%;
        padding-left:0 !important;
        padding-right:0 !important;
        padding-top:20px;
        padding-bottom:20px;
        border-bottom:1px solid #ddd;
    }
}

@media (max-width:857px) {
    #feature .purple h2 {
        font-size:14px;
        line-height:16px;
        margin-top:25px;
    }
    #feature .purple div {
        width:66%;
    }

    #student-profile table tr td img {
        max-width:150px;
    }
}

@media (max-width:830px){
    #normal #grid a {
        font-size:13px;
        line-height:15px;
    }
}

@media (max-width:810px){
    #normal #grid a {
        font-size:12px;
        line-height:14px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 767px) {}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    header {
        display:none;
    }

    #header {
        top:0;
    }

    #left {
        margin-left:-10000px;
        display:none;
    }
    #left h1 {
        display:none;
    }

    #right {
        width:100%;
        margin-left:0;
        margin-top:150px;
    }

    #content {
        width:100%;
        margin-left:0;
        margin-top:150px;
    }

    #feature table.large, #career-advisers table.large, #parents table.large, #students-apprentices table.large {
        display:none;
    }

    #student-profile table tr td {
        width:100%;
        min-height:100%;
        clear:left;
        float:left;
        display:inline;
        margin-bottom:20px;
        padding-right:0 !important;
    }
    #student-profile table tr td img {
        max-width:200px;
    }
    #student-profile .box {
        min-height:100%;
    }

    #normal .col-lg-4 {
        min-height:100%;
        border-right:none !important;
        padding-right:0;
        padding-left:0;
    }

    #normal.contact-form table tr td {
        width:100% !important;
        clear:left;
        float:left;
        display:inline;
        padding-right:0 !important;
    }
    #normal.contact-form table tr td:nth-child(2) {
        padding-top:0 !important;
    }
    #normal.contact-form input[type='text'], #normal.contact-form input[type='email'], #normal.contact-form textarea {
        width:100%;
    }

    #normal #grid a {
        font-size:20px;
        line-height:22px;
    }
    #normal #grid a.first {top:10%; left:40%;}
    #normal #grid a.second {top:67%; left:35%;}
    #normal #grid a.third {top:24%; left:40%; text-align:right;}
    #normal #grid a.fourth {top:75%; left:60%;}
    #normal #grid a.fifth {top:46.5%;}
    #normal #grid a.sixth {top:88%; left:40%;}
    #normal #grid a.seventh {top:52%; left:50%;}

    #normal #grid a.first-image {
        width:27%;
        height:20.5%;
        top:1%;
        left:10%;
    }
    #normal #grid a.second-image {
        width:27%;
        height:19%;
        top:52.5%;
        left:6%;
    }
    #normal #grid a.third-image {
        width:19%;
        height:22.5%;
        top:14.1%;
        left:75.5%;
    }
    #normal #grid a.fourth-image {
        width:35%;
        height:13.5%;
        top:64.5%;
        left:62%;
    }
    #normal #grid a.fifth-image {
        width:23%;
        height:19.6%;
        top:29.7%;
        left:30%;
    }
    #normal #grid a.sixth-image {
        width:37.8%;
        height:20%;
        top:80%;
        left:0%;
    }
    #normal #grid a.seventh-image {
        width:26%;
        height:19%;
        top:38.3%;
        left:67%;
    }

}

@media (max-width: 600px) {
    #red-content table tr, #orange-content table tr, #blue-content table tr, #resources-links table tr, #news table tr {
        border:none;
    }
    #red-content table tr td, #orange-content table tr td, #blue-content table tr td, #resources-links table tr td, #news table tr td {
        width:100%;
        min-height:100% !important;
        clear:left;
        float:left;
        display:inline;
        padding-left:0 !important;
        padding-right:0 !important;
        border:none !important;
    }
    #resources-links table tr td {
        min-height:100%;
    }
    #logos tr td {
        width:50%;
        float:left;
        display:inline;
        padding-left:0 !important;
        padding-right:0 !important;
        border:none !important;
        text-align:center;
    }
    #red-content table tr td .box, #orange-content table tr td .box, #blue-content table tr td .box {
        min-height:100%;
    }

    #logos tr td img {
        max-width:200px;
    }

    #company-list table tr td {
        min-height:100%;
        margin-top:0;
        margin-bottom:0;
    }

    #normal #blocks .row .col-lg-4 {
        border:none;
        min-height:100%;
        padding-left:0;
        padding-right:0;
    }
    #normal.details table tr td {
        width:50%;
        padding-left:100px !important;
    }
    #normal.details table tr td:nth-child(4), #normal.details table tr td:nth-child(5), #normal.details table tr td:nth-child(7) {
        padding-left:100px !important;
    }

    #normal #grid a {
        font-size:16px;
        line-height:18px;
    }
}

@media (max-width: 500px) {
    #logos {
        margin-bottom:0;
    }
    #logos tr td {
        width:100% !important;
        float:left;
        display:inline-block !important;
        text-align:center;
    }
}

@media (max-width: 490px) {
    #header img {
        max-width:100px;
        left:60px;
        top:68px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    #header h2 {
        font-size:18px;
        line-height:22px;
    }
    #header img {
        max-width:90px;
        top:75px;
    }
    #header .social-icons {
        margin-top:68px;
        margin-bottom:20px;
    }

    #career-advisers-small .orange h2 br {
        display:none;
    }

    #normal.details .quiz {
        margin-bottom:30px;
    }
    #normal.details .pdf {
        clear:left;
        float:none;
    }
    #normal.details table tr td {
        width:100%;
        height:120px;
        clear:left;
        float:left;
        display:inline;
        padding-left:100px !important;
        margin-bottom:20px;
    }

    #normal #grid a {
        font-size:14px;
        line-height:16px;
    }
}

/* Portrait phones and down */
@media (max-width: 360px) { 
    #header h2 {
        position:absolute;
        right:15px;
        top:65px;
    }
    #header h2 br {
        display:inline-block;
    }
    #header img {
        left:50px;
    }

    #header .social-icons {
        display:none;
    }

    #breadcrumb {
        display:none;
    }

    #feature-small h2 {
        font-size:22px;
        line-height:24px;
    }
    #feature-small .red h2 br, #feature-small .blue h2 br {
        display:none;
    }
    #feature-small .purple .cycle-slideshow {
        margin-bottom:10px;
    }

    .mm-menu .social-icons {
        visibility:visible;
    }

    #normal.details .col-lg-5 img {
        width:100% !important;
        height:auto !important;
        margin-left:0 !important;
    }
    
    .responsive-accordion-head .responsive-accordion-plus.arrow-dark {
        margin-right:0;
    }
    .responsive-accordion-head .responsive-accordion-minus.arrow-dark {
        margin-right:0;
    }

    #company-list table tr td {
        width:100% !important;
        vertical-align:top;
        padding-left:0 !important;
        padding-right:0 !important;
        border-right:none;
        clear:left;
        float:left;
        display:inline;
    }
    #company-list table tr td img {
        max-width:200px;
        height:auto;
    }

    #normal #grid a {
        font-size:12px;
        line-height:14px;
    }
    #normal #grid a.first {top:9%; left:38%;}
    #normal #grid a.second {top:67%; left:35%;}
    #normal #grid a.third {top:23%; left:38%;}
    #normal #grid a.fourth {top:74%; left:59%;}
    #normal #grid a.fifth {top:45%;}
    #normal #grid a.sixth {top:87%; left:40%;}
    #normal #grid a.seventh {top:52%; left:45%;}
}
/* End of Media Queries */