/* 
    Document   : style
    Created on : 02/02/2012, 5:43:15 PM
    Author     : Stacey
    Description:
        Purpose of the stylesheet follows.
*/
@media screen {
    
    html {
        height: 100%;
    }

    body { 
            background-color: #000;
            color: #000000; 
        font-family: Verdana; 
        font-size: 10px;   
        border: 0px; 
        height: 100%; 
    }

    img {
        border: 0px;
    }

    a:active { 
        outline: 0px;
    }

    a:focus {
        outline: 0px;
    }

    p{
        margin-bottom: 12px;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 16px;
        /*color: #f8f8f8;*/
    }

    .status p{
        color: #234600;
    }

    .page {
        color: white;
    }

    /* FONTS */
    @font-face {
        font-family: 'BonvenoCFLight';
        src: url('../fonts/BonvenoCF-Light-webfont.eot');
        src: url('../fonts/BonvenoCF-Light-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/BonvenoCF-Light-webfont.woff') format('woff'),
             url('../fonts/BonvenoCF-Light-webfont.ttf') format('truetype'),
             url('../fonts/BonvenoCF-Light-webfont.svg#BonvenoCFLight') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'CantarellRegular';
        src: url('../fonts/Cantarell-Regular-webfont.eot');
        src: url('../fonts/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Cantarell-Regular-webfont.woff') format('woff'),
             url('../fonts/Cantarell-Regular-webfont.ttf') format('truetype'),
             url('../fonts/Cantarell-Regular-webfont.svg#CantarellRegular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'PTSansRegular';
        src: url('../fonts/PTS55F-webfont.eot');
        src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/PTS55F-webfont.woff') format('woff'),
             url('../fonts/PTS55F-webfont.ttf') format('truetype'),
             url('../fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
        font-weight: normal;
        font-style: normal;

    }


    @font-face {
        font-family: 'PTSansBold';
        src: url('../fonts/PTS75F-webfont.eot');
        src: url('../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/PTS75F-webfont.woff') format('woff'),
             url('../fonts/PTS75F-webfont.ttf') format('truetype'),
             url('../fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'BebasNeueRegular';
        src: url('../fonts/BebasNeue-webfont.eot');
        src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/BebasNeue-webfont.woff') format('woff'),
             url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
             url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
        font-weight: normal;
        font-style: normal;

    }


    @font-face {
        font-family: 'LatoRegular';
        src: url('../fonts/Lato-Regular-webfont.eot');
        src: url('../fonts/Lato-Regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Lato-Regular-webfont.woff') format('woff'),
             url('../fonts/Lato-Regular-webfont.ttf') format('truetype'),
             url('../fonts/Lato-Regular-webfont.svg#LatoRegular') format('svg');
        font-weight: normal;
        font-style: normal;

    }

    @font-face {
        font-family: 'LatoBold';
        src: url('../fonts/Lato-Bold-webfont.eot');
        src: url('../fonts/Lato-Bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Lato-Bold-webfont.woff') format('woff'),
             url('../fonts/Lato-Bold-webfont.ttf') format('truetype'),
             url('../fonts/Lato-Bold-webfont.svg#LatoBold') format('svg');
        font-weight: normal;
        font-style: normal;

    }

    @font-face {
        font-family: 'LatoLight';
        src: url('../fonts/Lato-Light-webfont.eot');
        src: url('../fonts/Lato-Light-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Lato-Light-webfont.woff') format('woff'),
             url('../fonts/Lato-Light-webfont.ttf') format('truetype'),
             url('../fonts/Lato-Light-webfont.svg#LatoLight') format('svg');
        font-weight: normal;
        font-style: normal;

    }

    @font-face {
        font-family: 'CapsuulaRegular';
        src: url('../fonts/Capsuula-webfont.eot');
        src: url('../fonts/Capsuula-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/Capsuula-webfont.woff') format('woff'),
             url('../fonts/Capsuula-webfont.ttf') format('truetype'),
             url('../fonts/Capsuula-webfont.svg#CapsuulaRegular') format('svg');
        font-weight: normal;
        font-style: normal;

    }

    /* INTRO STYLES */
    #home-wrapper { 
        position: absolute;
        width: 100%; 
        min-height: 100%;
        text-align: left; 
        background-color: #ffffff;
    }

    #home-container{
        float: none;
        width: 960px;
        height: 100%;
        margin: 0 auto;
    }

    .home-logo{
        float: none;
        width: 115px;
        height: 139px;
        margin: 0 auto;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    h1{
        font-family: BebasNeueRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 31px;
        color: #fff;
        font-weight: normal;
        text-transform: Uppercase;
        margin-top: 20px;
    }

    h1.home-company-text{
        font-family:  BonvenoCFLight,Verdana, Arial, Helvetica,sans-serif;
        font-size: 25px;
        color: #62434b;
        font-weight: normal;
        width: 480px;
        margin: 0 auto;
        letter-spacing: 0px;
        text-transform: Uppercase;
        margin-top: 20px;
    }

    .home-btn{
        margin: 0 auto;
        width: 100px;
    }

    a.home-close-btn {
        font-family: CantarellRegular,Verdana, Arial, Helvetica,sans-serif;
        color: #000000;
        font-size: 12px;
        text-transform: uppercase;
        text-decoration: none;
    }

    a.home-close-btn:hover {
        font-family: CantarellRegular,Verdana, Arial, Helvetica,sans-serif;
        color: #777777;
        font-size: 12px;
        text-transform: uppercase;
    }


    /* SHARED STYLES */

    .tabs{
        margin: 0 auto;
        width: 960px;    
    }

    .action-links{
        margin: 0 auto;
        width: 960px;
    }

    header{
        position: relative;
        z-index: 2;
    }

    /* NAVIGATION */
    .navigation-wrapper{
        background-image: url('../images/transparent_bg/bg_opacity_73.png');
        background-repeat: repeat;
        position: absolute;
        z-index: 2;
        top: 0px;
        left: 0;   
        width: 100%;
        height: 140px;
    }

    .navigation{
        position: relative;
        z-index: 2;
        color: #fff;
        width: 960px;
        height: 140px;
        margin: 0 auto;
    }

    .logo{
        float: left;
        width: 110px;
        height: 135px;
        margin-right: 10px;
        margin-top: 5px;
    }

    .logo-image{
        width: 84%;
    }

    nav{
        float: left;
        width: 840px;
        margin-top: 5px;
        z-index: 2;
    }

    .nav-divider{
        float: left;
        font-family: CantarellRegular,Verdana, Arial, Helvetica,sans-serif;
        color: #dbdbdb;
        font-size: 12px;
        margin-left: 6px;
        margin-right: 6px;
    }

    .nav-item a{
        float: left;
        font-family: CantarellRegular,Verdana, Arial, Helvetica,sans-serif;
        color: #dbdbdb;
        font-size: 12px;
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer;
    }

    .nav-item a:hover{
        font-family: CantarellRegular,Verdana, Arial, Helvetica,sans-serif;
        color: #dbdbdb;
        font-size: 12px;
        text-transform: uppercase;
        text-decoration: none;
    }

    .slogan{    
        float: left;    
        font-family:  BonvenoCFLight,Verdana, Arial, Helvetica,sans-serif;
        font-size: 25px;
        color: #fff;
        width: 840px;
        font-weight: normal;
        text-transform: Uppercase;
        padding-top: 50px;
        padding-bottom: 10px;
    }

    footer{ 
        position: relative;
        font-family: CantarellRegular,Verdana, Arial, Helvetica,sans-serif;
        color: #484545;
        font-weight: normal;
        font-size: 10px;
        width: 80%;
    }


    .site-wrapper{   
        position: absolute;
        top: 140px;
        z-index:2;     
        width: 100%;  
    }

    .front-container{   
        clear: both;
        width: 960px;    
        margin: 0 auto;
        padding-top: 9%;
        overflow: hidden;
    }


    .anim-container{
        margin-left: -186px;       
    }

    /* FIRST ROW */
    #front-panel-1{
		position: relative;
		left: -186px;
		top: 0;
		float: left;
		width: 186px; 
		height: 283px;
		background-image: url('../images/transparent_bg/bg_opacity_13.png');
		background-repeat: repeat;
		padding: 35px;
		/* Theoretically for IE 8 & 9 (more valid) */	
		/* ...but not required as filter works too */
		/* should come BEFORE filter */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

		/* This works in IE 8 & 9 too */
		/* ... but also 5, 6, 7 */
		filter: alpha(opacity=0);

		/* Older than Firefox 0.9 */
		-moz-opacity:0;

		/* Safari 1.x (pre WebKit!) */
		-khtml-opacity: 0;
		opacity: 0;
	}

	#front-panel-2{
		position: relative; 
		left: -372px;
		float: left;
		width: 186px; 
		height: 283px; 
		background-image: url('../images/transparent_bg/bg_opacity_26.png');
		background-repeat: repeat;
		padding: 35px;
		/* Theoretically for IE 8 & 9 (more valid) */	
		/* ...but not required as filter works too */
		/* should come BEFORE filter */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

		/* This works in IE 8 & 9 too */
		/* ... but also 5, 6, 7 */
		filter: alpha(opacity=0);

		/* Older than Firefox 0.9 */
		-moz-opacity:0;

		/* Safari 1.x (pre WebKit!) */
		-khtml-opacity: 0;
		opacity: 0;
		margin-right: -100px;
	}
	#front-panel-3{
		position: relative;
		left: -510px;
		float: left;
		width: 138px; 
		height: 283px;
		background-image: url('../images/transparent_bg/bg_opacity_55.png');
		background-repeat: repeat;
		padding: 35px;
		/* Theoretically for IE 8 & 9 (more valid) */	
		/* ...but not required as filter works too */
		/* should come BEFORE filter */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

		/* This works in IE 8 & 9 too */
		/* ... but also 5, 6, 7 */
		filter: alpha(opacity=0);

		/* Older than Firefox 0.9 */
		-moz-opacity:0;

		/* Safari 1.x (pre WebKit!) */
		-khtml-opacity: 0;
		opacity: 0;
	}

	#front-panel-4{
		position: relative;
		left: -648px;
		float: left;
		width: 138px; 
		max-width: 138px;
		/*height: 182px;*/
		height: 283px;
		background-image: url('../images/transparent_bg/bg_opacity_67.png');
		background-repeat: repeat;
		padding: 35px;
		/* Theoretically for IE 8 & 9 (more valid) */	
		/* ...but not required as filter works too */
		/* should come BEFORE filter */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

		/* This works in IE 8 & 9 too */
		/* ... but also 5, 6, 7 */
		filter: alpha(opacity=0);

		/* Older than Firefox 0.9 */
		-moz-opacity:0;

		/* Safari 1.x (pre WebKit!) */
		-khtml-opacity: 0;
		opacity: 0;
	}

	#front-panel-5{
		position: relative;
		left: -186px; 
		float: left;
		/*width: 138px; 
		max-width: 138px;*/
		/*width: 186px;
		max-width: 186px;*/
		width: 155px;
		max-width: 155px;
		height: 81px;
		background-image: url('../images/transparent_bg/bg_opacity_77.png');
		background-repeat: repeat;
		/*padding-left: 35px;*/
		padding-left: 65px;
		padding-right: 35px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: center;
		/* Theoretically for IE 8 & 9 (more valid) */	
		/* ...but not required as filter works too */
		/* should come BEFORE filter */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

		/* This works in IE 8 & 9 too */
		/* ... but also 5, 6, 7 */
		filter: alpha(opacity=0);

		/* Older than Firefox 0.9 */
		-moz-opacity:0;

		/* Safari 1.x (pre WebKit!) */
		-khtml-opacity: 0;
		opacity: 0;
		overflow: hidden;
		border-right: 1px solid #333333;
	}

	#front-panel-6{
		position: relative;
		left: -372px; 
		float: left;
		/*width: 138px; 
		max-width: 138px;*/
		/*width: 186px;
		max-width: 186px;*/
		width: 110px;
		max-width: 110px;
		height: 81px;
		background-image: url('../images/transparent_bg/bg_opacity_77.png');
		background-repeat: repeat;
		/*padding-left: 35px;*/
		padding-left: 110px;
		padding-right: 35px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: center;
		/* Theoretically for IE 8 & 9 (more valid) */	
		/* ...but not required as filter works too */
		/* should come BEFORE filter */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

		/* This works in IE 8 & 9 too */
		/* ... but also 5, 6, 7 */
		filter: alpha(opacity=0);

		/* Older than Firefox 0.9 */
		-moz-opacity:0;

		/* Safari 1.x (pre WebKit!) */
		-khtml-opacity: 0;
		opacity: 0;
		border-right: 1px solid #333333;
	}

	#front-panel-7{
		position: relative;
		left: -510px; 
		float: left;
		width: 137px; 
		max-width: 137px;
		height: 81px;
		background-image: url('../images/transparent_bg/bg_opacity_77.png');
		background-repeat: repeat;
		padding-left: 35px;
		padding-right: 35px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: center;
		/* Theoretically for IE 8 & 9 (more valid) */	
		/* ...but not required as filter works too */
		/* should come BEFORE filter */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

		/* This works in IE 8 & 9 too */
		/* ... but also 5, 6, 7 */
		filter: alpha(opacity=0);

		/* Older than Firefox 0.9 */
		-moz-opacity:0;

		/* Safari 1.x (pre WebKit!) */
		-khtml-opacity: 0;
		opacity: 0;
		border-right: 1px solid #333333;
	}

	#front-panel-8{
		position: relative;
		left: -648px; 
		float: left;
		width: 138px; 
		max-width: 138px;      
		height: 81px;
		background-image: url('../images/transparent_bg/bg_opacity_77.png');
		background-repeat: repeat;
		padding-left: 35px;
		padding-right: 35px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: center;
		/* Theoretically for IE 8 & 9 (more valid) */	
		/* ...but not required as filter works too */
		/* should come BEFORE filter */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

		/* This works in IE 8 & 9 too */
		/* ... but also 5, 6, 7 */
		filter: alpha(opacity=0);

		/* Older than Firefox 0.9 */
		-moz-opacity:0;

		/* Safari 1.x (pre WebKit!) */
		-khtml-opacity: 0;
		opacity: 0;
	}


    #front-panel-5:hover, #front-panel-6:hover, #front-panel-7:hover, #front-panel-8:hover{
	   background-color: red;   
	}

    .front-panel-btn-read-more{ 
        max-width: 67px;
        height: 12px; 
        border: none;
        background-color: #18152a;
        font-family: PTSansBold,Verdana,Arial,Helvetica,sans-serif;
        font-size: 11px;
        color: #fff;
        text-decoration: none;
        padding-bottom: 6px;
        padding-top: 7px;
        padding-left: 12px;
        padding-right: 12px;
        cursor: pointer;
        float: left;
        top: 0px;
        text-transform: uppercase;

    } 

    .front-panel-btn-read-more:hover { 
        background-color: #241f3e;
        color: #fff;
        text-decoration: none;
    }

    a.front-page-links{
        font-family: PTSansBold,Verdana,Arial,Helvetica,sans-serif;
        font-size: 11px;
        color: #fff;
        text-decoration: none;
    }

    a.front-link {
        width: 67px; 
        height: 12px; 
        border: none;
        background-color: #18152a;
        font-family: PTSansBold,Verdana,Arial,Helvetica,sans-serif;
        font-size: 11px;
        color: #fff;
        text-decoration: none;
        padding: 6px 12px;    
        cursor: pointer;    
    } 

    a.front-link:hover { 
       background-color: #241f3e;
       color: #fff;
        text-decoration: none;
    }

    h2{
        font-family: BebasNeueRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 31px;
        color: #fff;
    }

    .front-panel-content{
        margin-top: 14px;
        margin-bottom: 20px;
        height: 199px;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 16px;
        color: #dfdfdf;
        line-height: 20px;
        overflow: hidden;
    }  

	#front-panel-4 .front-panel-content{
		margin-top: 14px;
		margin-bottom: 0px;
		/*height: 130px;*/
		font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
		font-size: 14px;
		color: #dfdfdf;
		line-height: 18px;
		float: left;
		overflow: hidden; 
	}

	#front-panel-5 a, #front-panel-6 a, #front-panel-7 a, #front-panel-8 a{
		text-decoration: none;
		cursor: pointer;
	}

	#front-panel-5 h2, #front-panel-6 h2, #front-panel-7 h2, #front-panel-8 h2{ 
		margin-top: 31px;
		margin-bottom: 0px;   
		font-family: BebasNeueRegular,Verdana,Arial,Helvetica,sans-serif;
		text-transform: uppercase;
		font-size: 23px;
		color: #dfdfdf;
		line-height: 24px;
		float: left;
		overflow: hidden; 
	}

	#front-panel-7 h2, #front-panel-8 h2{ 
		margin-top: 20px;
	  
	}

    .front-panel-content b, .front-panel-content strong{
        font-family: LatoBold,Verdana,Arial,Helvetica,sans-serif;
    }
	
	#front-panel-5 .front-panel-content, #front-panel-6 .front-panel-content, #front-panel-7 .front-panel-content, #front-panel-8 .front-panel-content{
		display: none;
	}

    /* MODAL STYLES */


    #simplemodal-overlay {
        background-color: #000;
        opacity: 0.73;
        filter: alpha (opacity=73); 
    }
    #simplemodal-container {
        background-color: #1a2035;
        padding: 24px; 
        border: 1px #1a5d65 solid;
        width: 647px;
        min-height: 355px;
        height: 355px;    
    }

    .simplemodal-close{
         font-family: PTSansBold,Verdana,Arial,Helvetica,sans-serif;
        font-size: 11px;
        color: #fff;
        text-decoration: none;
    }

    .close-link {
        float:  left;
        min-width: 47px;
        min-height: 12px;
        background-color: #3c5e7a;
        padding-left: 24px;
        padding-right: 22px;
        padding-top: 4px;
        padding-bottom: 6px;    
    }

    .close-link:hover {
        background-color: #2b455a; 
    }

    .front-panel-content-modal{
        margin-top: 14px;
        margin-bottom: 20px;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        color: #dfdfdf;
        line-height: 18px;
    }

    .front-panel-content-modal b, .front-panel-content-modal strong{
        font-family: LatoBold,Verdana,Arial,Helvetica,sans-serif;
    }

    #first-time{
        display: none;
    }

    /* ABOUT PAGE STYLES*/
    .about-stage{    
        position: relative;
        left: -20px;
        /* Theoretically for IE 8 & 9 (more valid) */	
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=0);

        /* Older than Firefox 0.9 */
        -moz-opacity:0;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0;
        opacity: 0;  
        height: 910px;
        width: 960px;
        min-width: 960px;
        max-width: 960px;
        margin: 0 auto;
        overflow: hidden;
    }

    .about-container{    /* aka scroller stage */    
        float: none;  
        width: 960px;
        height: 90%;
        min-height: 90%;
        max-height: 90%;
        margin: 0 auto;
        margin-bottom: 250px;
    }

    .about-content{
        position: relative;
        top: 11%;
        width: 430px;
        background-image: url('../images/transparent_bg/bg_opacity_45.png');
        background-repeat: repeat;
        padding: 35px;
        color: #fff;
    }

    .about-content strong{
         font-family: LatoBold,Verdana,Arial,Helvetica,sans-serif;
    }

    /* ABOUT US - CONSULTANTS */
    .about-consultants-container{    /* aka scroller stage */
        position: relative;
        top: 10%;
        float: none;
        width: 960px;
        height: 90%;
        min-height: 90%;
        margin: 0 auto;
        padding-top: 5%;
    }

    .about-consultants-content{
        float: left;
        width: 258px;
        height: 600px;
        min-height: 600px;
        max-height: 600px;
        max-width: 251px;
        background-image: url('../images/transparent_bg/bg_opacity_45.png');
        background-repeat: repeat;
        padding: 27px;
        padding-top: 35px;
        margin-right: 2px;
        font-family: Georgia,'Times New Roman',times,serif;
    }

    .abt-consultants-directions{
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
    }

    .consultant-btns{
        height: 406px;
        min-height: 406px;
        max-height: 406px;
        overflow: hidden;
    }

    a.consultant-image{
       float: left;
       cursor: pointer;
    }

    a.consultant-left{
        padding-right: 1px;
    }

    .panel-nav{
        float: none;
        position: relative; 
        padding-top: 38px;
        z-index: 0;
    }

    a.consultants-go-back-btn{
        color: white;
        background-color: #61657b;
        width: 76px;
        margin-top: 28px;
        font-family: PTSansBold,Verdana,Arial,Helvetica,sans-serif;
        text-decoration: none;
        font-size: 12px;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .consultants-info{
        width: 646px;
        min-width:  646px;
        max-width: 646px;
        background-color: #f00;
        margin-left: 311px;
    }

    .about-consultants-contain{
        position: absolute;
        top: 48px;
        right: 0px;
        width: 646px;
        min-width:  646px;
        max-width: 646px;
        margin-right: 7px;
         /* Theoretically for IE 8 & 9 (more valid) */	
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=0);

        /* Older than Firefox 0.9 */
        -moz-opacity:0;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0;
        opacity: 0;
    }

    .consultant-detail-panel{
        float: left;
        background-image: url('../images/transparent_bg/bg_opacity_21.png');
        background-repeat: repeat;
        width: 572px;
        min-width:  572px;
        max-width: 572px;
        padding: 37px;
    }



    .profile-image{
        float: left;
        padding-top: 23px;
        padding-right: 23px;
        padding-bottom: 23px;
    }

    .about-img-right{
        float: left;
        /*position: relative;*/
        width: 360px;
        min-width: 360px;
        max-width: 360px;
        margin-top: 35px;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 16px;   
        color: #fff;

    }

    .expertise{
        font-size: 12px;
        line-height: 18px;
    }

    .profile-desc{
        float: none;
        clear: both;
        width: 559px;
        min-width: 559px;
        max-width: 559px;    
        line-height: 18px;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        color: #f8f8f8;
        color: #f8f8f8;
    }

    #consultant-6 .profile-desc{
            line-height: 14px;
    }

    #consultant-6 .profile-desc p, .profile-desc p{
            amrgin-top: 5px;
            margin-bottom: 5px;
    }

    .profile-description b, .profile-description strong, .profile-desc b, .profile-desc strong{
        font-family: LatoBold,Verdana,Arial,Helvetica,sans-serif;
    }

    /* SERVICES STYLES */
    .service-container{       
        float: none;  
        width: 960px;
        height: 80%;
        min-height: 80%;
        max-height: 80%;
        margin: 0 auto;
        padding-top: 5%;
        position: relative;
        left: -20px;
        /* Theoretically for IE 8 & 9 (more valid) */	
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=0);

        /* Older than Firefox 0.9 */
        -moz-opacity:0;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0;
        opacity: 0;
    }

    .service-content-wrapper{
        float: left;
        width: 338px;
        max-width: 338px;
        margin-right: 2px;
        margin-bottom: 2px;
        overflow: hidden;    
    }

    .service-content{
        float: left;
        width: 268px;
        max-width: 268px;
        background-image: url('../images/transparent_bg/bg_opacity_45.png');
        background-repeat: repeat;
        padding: 35px;
        margin-right: 2px;
        margin-bottom: 2px;
        overflow: hidden;    
    }

    .service-item-container{  
        float: left;
        width: 619px;
        height: 80%;
        min-height: 80%;
        max-height: 80%;
        margin: 0 auto;    
    }

    .service-item-contain{
        position: absolute;
        right: 0px;
        width: 619px;
        min-width:  619px;
        max-width: 619px;
        /* Theoretically for IE 8 & 9 (more valid) */	
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=0);

        /* Older than Firefox 0.9 */
        -moz-opacity:0;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0;
        opacity: 0;
    }

    .service-item-panel{
        float: left;
        background-image: url('../images/transparent_bg/bg_opacity_77.png');
        background-repeat: repeat;
        width: 545px;
        min-width:  545px;
        max-width: 545px;
        padding: 37px;
        color: white;
    }

    .other-service{
        position: relative;
        top: -393px;
    }

    div.service-item-panel p{
        width: 545px;
        min-width: 545px;
        max-width: 545px;    
        line-height: 20px;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 16px;
    }
    
    #basic-page p{     
        line-height: 18px;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
    }
    

    div.service-item-panel ul, #basic-page ul{
        width: 545px;
        min-width: 545px;
        max-width: 545px;    
        line-height: 20px;
        list-style-type: disc;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 16px;
        color: #fff;
        margin-left: 20px;
    }

    div.service-item-panel div{
        width: 545px;
        min-width: 545px;
        max-width: 545px;    
        line-height: 18px;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
    }

    div.service-item-panel b, div.service-item-panel strong, #basic-page strong, #basic-page b{
        font-family: LatoBold,Verdana,Arial,Helvetica,sans-serif;
    }


    ul.service-list{
        list-style-image: url('../images/list_indicator_service.png');
        margin-left: 20px;    
    }

    ul.service-list li{
        margin-bottom: 8px;
    }

    ul.service-list li a{
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 16px;
        color: white;
        cursor: pointer;
    }

    .services-request-coaching{
        clear: both;
        width: 268px;
        max-width: 268px;
        background-image: url('../images/transparent_bg/bg_opacity_66.png');
        background-repeat: repeat;
        padding: 35px;
        margin-right: 2px;
        margin-top: 4px;
    }

    .services-request-coaching h4{

        color: white;
    }

    .services-request-coaching p{
        color: white;     
        margin-top: 10px;    
        padding-bottom: 20px;
    }

    .services-request-coaching a{
        color: #b7b7b7;
        text-decoration: none;  
        background-color: #000;
        padding: 10px 20px; 
    }

    .services-request-coaching a:hover{
        color: #b7b7b7;
        text-decoration: none;  
        background-color: #222;
        padding: 10px 20px; 
    }

    .service-item-container-request{  
        float: left;
        width: 619px;
        height: 80%;
        min-height: 80%;
        max-height: 80%;
        margin: 0 auto;
    }

    .service-item-container-request h2{
        color: white;
    }

    .service-item-container-request p{
        color: white;
    }

    .service-item-container-request label{
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        color: white;
        font-size: 13px;
        padding-bottom: 5px;
    }

    .service-item-container-request textarea{
        width: 500px;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 13px;
    }

    .service-item-container-request #edit-submit{
        background-color: black;
        color: white;
        border: 0px;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 10px;
        text-transform: uppercase;
        padding: 5px 10px;
        cursor: pointer;    
    }





    /* CONFLICT COACHING STYLES */
    h3 {
        font-family: BebasNeueRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 24px;
        color: #fff;
    }

    .conflict-coaching-container{       
        float: none;  
        width: 960px;
        margin: 0 auto;
        padding-top: 2%;
        position: relative;
        left: -20px;
        /* Theoretically for IE 8 & 9 (more valid) */	
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=0);

        /* Older than Firefox 0.9 */
        -moz-opacity:0;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0;
        opacity: 0;
    }

    .conflict-coaching-content{
        position: relative;
        float: left;
        width: 268px;
        max-width: 268px;
        margin-right: 2px;    
    }

    .conflict-blurb-contain{
        clear: both;
        width: 438px;
        min-width:  438px;
        max-width: 438px;
    }


    .conflict-blurb-contain-hidden{    
        display: none;  
    }

    .conflict-blurb-panel{ 
        background-image: url('../images/transparent_bg/bg_opacity_77.png');
        background-repeat: repeat;    
        width: 364px;
        min-width: 364px;
        max-width: 364px;
        padding: 37px;
        color: #fff;
    }

    .conflict-item-container-hidden{   
        display: none;   
    }

    .conflict-item-container-display{
         float: left;
        width: 619px;
        margin: 0 auto;
        margin-bottom: 250px;
    }


    .conflict-item-contain{
        position: absolute;
        right: 0px;
        margin-right: 71px;
        width: 619px;
        min-width:  619px;
        max-width: 619px;
        /* Theoretically for IE 8 & 9 (more valid) */	
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=0);

        /* Older than Firefox 0.9 */
        -moz-opacity:0;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0;
        opacity: 0;
    }

    .conflict-item-panel{
        float: left;
        background-image: url('../images/transparent_bg/bg_opacity_77.png');
        background-repeat: repeat;
        width: 545px;
        min-width:  545px;
        max-width: 545px;
        padding: 37px;
        color: white;
    }

    .conflict-item-panel ol{
         width: 364px;
        min-width: 364px;
        max-width: 364px;    
        line-height: 18px;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        color: #fff;
        margin-left: 20px;
    }

    .conflict-item-panel strong{
        font-family: LatoBold,Verdana,Arial,Helvetica,sans-serif; 
    }


    ul.conflict-coaching-list li{
        margin-bottom: 1px;
        background-image: url('../images/transparent_bg/bg_opacity_42.png');
        padding: 20px;
    }

    ul.conflict-coaching-list li:hover{
        margin-bottom: 1px;
        background-image: url('../images/transparent_bg/bg_opacity_18.png');
        padding: 20px;
    }

    ul.conflict-coaching-list li a{
        color: white;
        cursor: pointer;
    }

    .cf-major-nav{
        font-family: BebasNeueRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 24px;
        color: white;
    }

    .cf-minor-nav{
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 16px;
        color: white;
    }

    .conflict-blurb-panel ul{
        width: 364px;
        min-width: 364px;
        max-width: 364px;    
        line-height: 20px;
        list-style-type: disc;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 16px;
        color: #fff;
        margin-left: 20px;
    }

    div.conflict-blurb-panel div{
        width: 364px;
        min-width: 364px;
        max-width: 364px;    
        line-height: 18px;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
    }

    .conflict-item-panel ul{
        line-height: 20px;
        list-style-type: disc;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 16px;
        color: #fff;
        margin-left: 20px;
    }

    div.conflict-item-panel div{
        line-height: 18px;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
    }


    /* CALCULATOR STYLES */

    .calc-container{   
        float: none;  
        width: 960px;
        height: 80%;
        min-height: 80%;
        max-height: 80%;
        margin: 0 auto;
        padding-top: 5%;
        position: relative;
        left: -20px;
        opacity: 0;
    }

    .calc-content{
        position: relative;
        width: 500px;  
        background-image: url('../images/transparent_bg/bg_opacity_45.png');
        background-repeat: repeat;
        padding: 35px;
        color: white;
    }

    .calc-content b, .calc-content strong{    
        font-family: LatoBold,Verdana,Arial,Helvetica,sans-serif;
    }

    a.use-calc-btn{
        color: white;
        background-color: #5a534e;
        width: 76px;
        margin-top: 28px;
        font-family: PTSansBold,Verdana,Arial,Helvetica,sans-serif;
        text-decoration: none;
        font-size: 12px;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 18px;
        padding-right: 18px;

    }

    .calc-registration{

        width: 400px;
    }

    #calc label{
        margin-bottom: 5px;
    }

    #calc p{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #calc #edit-submit{
        background-color: #242424;
        color: white;
        border: 0px;    
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        font-family: PTSansBold,Verdana,Arial,Helvetica,sans-serif;
        text-transform: uppercase;
        font-size: 10px;
        padding: 5px;
        margin-top: 10px;
        cursor: pointer;
    } 
    /* COURSE STYLES */
    .courses-container{   
        float: none;  
        width: 960px;
        margin: 0 auto;
        margin-bottom: 250px;
        padding-top: 40px;
        position: relative;
        left: -20px;
        opacity: 0;
    }

    .courses-heading{
        float: none;
        width: 700px;
        min-width: 700px;
        max-width: 700px;
        margin-bottom: 27px;
    }

    .course-container{
        position: relative;
        width: 700px;
        /*padding: 35px;*/    
    }

    .courses-heading hr{
        border: 0px;
        height: 1px;
        color: #3e3e3f;
        background-color: #3e3e3f;    
        margin-top: 0px; 
    }


    #courses h2{
        color: black;
    }

    #courses h3{
        color: black;
        margin-bottom: 10px;
        font-size: 20px;
    }

    #courses p{
        color: #1e1e1e;
    }

    a.view-details-btn{
        color: #f0efef;
        background-color: #3f3f3f;
        width: 99px;
        font-family: PTSansBold,Verdana,Arial,Helvetica,sans-serif;
        text-decoration: none;
        font-size: 12px;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 13px;
        padding-right: 13px;
    }

    .c-details-nav{
        margin-top: 20px;
    }

    .course-container hr{
        border: 0px;
        height: 1px;
        color: #3e3e3f;
        background-color: #3e3e3f;    
        margin-top: 40px; 
        margin-bottom: 40px;
    }

    .course-container b, .course-container strong{
        font-family: LatoBold,Verdana,Arial,Helvetica,sans-serif;
    }

    /* COURSE DETAIL STYLES */
    .course-information{
        float: left;
        width: 470px;
        min-width: 470px;
        max-width: 470px;
        margin-bottom: 250px;
        margin-right: 40px;
    }

    h4{
        font-family: BebasNeueRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 20px;
        color: #010101;
        margin-bottom: 10px;
    }

    .course-detail-container{
        position: relative;
        width: 490px;
        margin-top: 10px;
        /*padding: 35px;*/    
    }

    .course-detail-container hr{
        border: 0px;
        height: 1px;
        color: #3e3e3f;
        background-color: #3e3e3f;    
        margin-top: 20px; 
        margin-bottom: 20px;
    }

    .data{
        font-family: LatoLight,Verdana,Arial,Helvetica,sans-serif;  
        font-size: 16px;
        color: black;
    }

    .course-detail-left{
        float: left;
        width: 140px;
        min-width: 140px;
        max-width: 140px;
        margin-right: 20px;
    }

    .data p{
        font-family: LatoLight,Verdana,Arial,Helvetica,sans-serif;   
        line-height: 18px;
    }

    .data strong {
        font-family: LatoBold,Verdana,Arial,Helvetica,sans-serif;    
    }

    .data ul {
        line-height: 20px;
        list-style-type: disc;
        font-family: LatoLight,Verdana,Arial,Helvetica,sans-serif;
        font-size: 16px;
        color: #000;
        margin-left: 20px;
    }

    a.registration-btn{
        color: #f0efef;
        background-color: #3f3f3f;
        width: 99px;
        font-family: PTSansBold,Verdana,Arial,Helvetica,sans-serif;
        text-decoration: none;
        font-size: 12px;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 13px;
        padding-right: 13px;
    }

    .courses-testimonials{
        float: left;
        width: 278px;
        min-width: 278px;
        max-width: 278px;
        background-image: url('../images/transparent_bg/bg_opacity_75.png');    
        padding-left: 21px;
        padding-right: 21px;
        padding-top: 30px;
    }

    .testimonial-quote{
        font-family: CapsuulaRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 195px;
        color: #8c8c8d;
    }

    .testimonial{
        font-family: PTSansRegular,Verdana,Arial,Helvetica,sans-serif;
        position: relative;
        top: -150px;
        font-size: 16px;
        color: #ebebeb;
        line-height: 22px;
        text-align: center;
        width: 250px;
        padding-left: 20px;
    }

    .testimonial-author{
        float: right;
        margin-right: 18px;
        margin-top: 10px;
        position: relative;
        top: -150px;
        font-family: PTSansBold,Verdana,Arial,Helvetica,sans-serif;
        font-size: 16px;
        color: #ebebeb;
        line-height: 22px;
        text-align: right;
        width: 180px;
    }

    .pusher{
        clear: both;
        float: none;
        height: 350px;
        min-height: 350px;
        max-height: 350px;
    }


    /* ARTICLES STYLES */
    .articles-container{   
        float: none;  
        width: 660px;
        margin: 0 auto;
        margin-bottom: 250px;  
        padding-top: 40px;
        padding-left: 8%;
        position: relative;
        left: -20px;
        opacity: 0;
    }

    .article-container{
        float: left;
        width: 485px;
        min-width: 485px;
        max-width: 485px;
    }

    #articles h2{
        font-family: BebasNeueRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 31px;
        color: #3f3b2c;
        margin-bottom: 20px;
    }

    #articles h4{
        font-family: BebasNeueRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 20px;
        color: #5d5a49;
        margin-bottom: 10px;
    }

    #articles p{
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;   
        line-height: 18px;
        color: #888468;
    }

    #articles b, #articles strong{
        font-family: LatoBold,Verdana,Arial,Helvetica,sans-serif;
    }

    .read-more-btn{
        margin-top: 20px;
    }

    a.articles-read-more-btn{
        color: #f2e5b8;
        background-color: #b0a77c;
        width: 99px;
        font-family: PTSansBold,Verdana,Arial,Helvetica,sans-serif;
        text-decoration: none;
        font-size: 12px;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 13px;
        padding-right: 13px;
    }

    a.articles-read-more-btn:hover {
        background-color: #99916a;
    }

    #articles hr{
        border: 0px;
        height: 1px;
        color: #9d9567;
        background-color: #9d9567;
        margin-top: 30px; 
        margin-bottom: 20px;   
    }

    /* CONTACT PAGE STYLES */
    #contact-panel-1{
        position: relative;
        left: -186px;
        top: 0;
        float: left;
        width: 148px; 
        height: 76px;
        background-image: url('../images/transparent_bg/bg_opacity_75.png');
        background-repeat: repeat;
        padding: 35px;
        opacity: 0;
        margin-right: 1px;
        margin-top: 17%;
        color: white;
    }

    #contact-panel-2{
        position: relative; 
        left: -372px;
        float: left;
        width: 148px; 
        height: 76px;
        background-image: url('../images/transparent_bg/bg_opacity_66.png');
        background-repeat: repeat;
        padding: 35px;
        opacity: 0;
        margin-right: 1px;
        margin-top: 17%;
    }

    #contact-panel-3{
        position: relative;
        left: -510px;
        float: left;
        width: 148px; 
        height: 76px;
        background-image: url('../images/transparent_bg/bg_opacity_50.png');
        background-repeat: repeat;
        padding: 35px;
        opacity: 0;
        margin-right: 1px;
        margin-top: 17%;
    }

    #contact-panel-4{
        position: relative;
        left: -648px;
        float: left;
        width: 148px; 
        height: 76px;
        background-image: url('../images/transparent_bg/bg_opacity_33.png');
        background-repeat: repeat;
        padding: 35px;
        opacity: 0;    
        margin-top: 17%;
    }

    .contact-container{    
        float: none;  
        width: 960px;
        margin: 0 auto;
    }

    #contact h2{
        margin-bottom: 20px;
    }

    #contact a{
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        color: #f8f8f8;   
        text-decoration: none;
    }

    #contact a:hover{
        color: #e3e0e0;
    }

   

    
    

    /* USER PANEL STYLES */
    .user-container{    
        float: none;  
        width: 960px;
        margin: 0 auto;
        padding-top: 5%;
        position: relative;
        left: -20px;
        opacity: 0;
    }

    #user label{
        margin-top: 10px;
        margin-bottom: 2px;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        color: #fff;
    }

    #user .description{
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        color: #eee;
        width: 400px;
    }

    #user .tabs ul {
        background: none;
        border: 0px;
        margin: 0px;
        padding: 0px;
        display: block;
    }

    #user .tabs ul li{
        display: block;
    }


    #user .tabs ul li a{
        background: none;
        border: 0px;
        margin: 0px;
        padding: 0px;
        color: #fff;
        text-decoration: underline;
    }

    #user .tabs ul li a:hover{
        background: none;
        border: 0px;
        margin: 0px;
        padding: 0px;
        color: #fff;
        text-decoration: none;
    }

    #user .collapsible a{
         background: none;
         font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        border: 0px;
        margin: 0px;
        padding: 0px;
        color: #fff;
        text-decoration: underline;
    }

    #user .collapsible a:hover{
        background: none;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        border: 0px;
        margin: 0px;
        padding: 0px;
        color: #fff;
        text-decoration: none;
    }

    #user .collapsible .fieldset-description{
         font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        color: #eee;
        width: 400px;
        margin-top: 5px;
    }

    #user .messages {
        width: 337px;
        height: 17px;
    }

    /* FIXES FOR CORE DISPLAY*/

    #overlay-container{
        margin-top: 30px;
    }

       

    /* COURSE REGISTRATION */

    #course-registration{
        color: #000;
    }
    #course-registration h2{
        color: #000;
    }

    .course-registration-container{
        position: relative;
        width: 490px;
        margin-top: 10px;
    }
    .course-registration-container p{
        color: #000;

    }

    /* STANDARD WEBFORM STYLES */

    .course-registration-container h3{
        font-family: BebasNeueRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 22px;
        color: black;
        font-weight: normal;
        margin-bottom: 0px;
    }

    .course-registration-container  h5{
        clear: both;
        font-family: LatoBold,Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        color: black;
        font-weight: normal;
        margin-bottom: 3px;
        margin-top: 20px;
    }

    .course-registration-container .fieldset-legend{
        margin-top: 20px;
        font-family: BebasNeueRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 18px;
        color: black;
        font-weight: normal;
    }

    .course-registration-container fieldset fieldset{
        margin-bottom: 20px;
    }

    .course-registration-container  fieldset fieldset .fieldset-legend{
        clear: both;
        font-family: LatoBold,Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        color: black;
        font-weight: normal;
        margin-bottom: 3px;
        margin-top: 20px;
    }

    .course-registration-container h6{
        font-family: LatoBold,Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        color: black;
        font-weight: normal;
        margin-top: 20px;
    }

    #course-registration-container label{
        font-family: BebasNeueRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 18px;
        text-transform: uppercase;
        padding-right: 0px;
        margin-right: 5px;
    }

    .course-registration-container p{
        margin: 0px;
        padding: 0px;
        font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
        font-size: 14px;
        color: black;
        font-weight: normal;
        line-height: 16px;
    }


    .course-registration-container hr{
        background-color: black;
        border: none;
        color: black;
        height: 1px;
        margin: 0px;
        padding: 0px;
        margin-top: -5px
    }

    .course-registration-container #webform-component-step-2-divider{
        margin: 0px;
        margin-top: 2px;
        padding: 0px;
    }


    /* CUSTOM WEBFORM STYLES */

    .course-registration-container .fieldset-wrapper label {
       display: inline-block;
       width: 80px; 
       text-align: right;   
    }

    #webform-component-course-conflict-coaching-practitioner-training{
        padding-bottom: 0px;
        margin-bottom: 0px;
        height: 25px;
    }

    .course-registration-container #webform-component-cancellation-information p{
        font-weight: bold;
    }

    .course-registration-container .webform-component-email label {
       display: inline-block;
       width: 80px; 
       text-align: right;   
    }

    .course-registration-container .webform-component-textfield label {
       display: inline-block;
       width: 80px; 
       text-align: right;   
    }

    .course-registration-container .webform-component-select label{
       float: right;
       text-align: left;  
       min-width: 390px;
       display: inline-block;
       font-size: 14px;
       font-family: LatoLight,Verdana,Arial,Helvetica,sans-serif; 

    }


    .course-registration-container .webform-component-radios label{
        font-size: 14px;
        font-family: LatoLight,Verdana,Arial,Helvetica,sans-serif; 
        font-weight: bold;
        position: relative;
        top: 4px;
    }

    .course-registration-container label.edit-submitted-payment-method{
        font-size: 14px;
        font-family: LatoLight,Verdana,Arial,Helvetica,sans-serif; 
        font-weight: bold;
        position: relative;
        top: 4px;
        text-align: right;
        width: 200px;
    }

    .course-registration-container .webform-component-radios label.option{
        font-size: 14px;
        font-family: LatoLight,Verdana,Arial,Helvetica,sans-serif; 
        font-weight: normal;
        position: relative;
        top: 5px;
    }
    .course-registration-container .form-actions {
        margin-top: 10px;
    }

    .course-registration-container #edit-previous{
        background-color: #242424;
        color: white;
        border: 0px;    
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        font-family: PTSansBold,Verdana,Arial,Helvetica,sans-serif;
        text-transform: uppercase;
        font-size: 10px;
        padding: 3px;
        margin-right: 3px;
        cursor: pointer;
    }

    .course-registration-container #edit-next{
        background-color: #242424;
        color: white;
        border: 0px;    
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        font-family: PTSansBold,Verdana,Arial,Helvetica,sans-serif;
        text-transform: uppercase;
        font-size: 10px;
        padding: 3px;
        cursor: pointer;
    }

    .course-registration-container #edit-submit{
        background-color: #242424;
        color: white;
        border: 0px;    
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        font-family: PTSansBold,Verdana,Arial,Helvetica,sans-serif;
        text-transform: uppercase;
        font-size: 10px;
        padding: 3px;
        cursor: pointer;
    }

    /* MAINTENANCE STYLES */

    .maintenance a:link{
        color: white;
    }

    .maintenance a:hover{
        color: white;
    }

    .maintenance a:visted{
        color: white;
    }

    .maintenance a:active { outline: 0px;}
    .maintenance a:focus { outline: 0px;}

    .maintenance{
        width: 500px;
        margin: 0 auto;
        padding: 20px;
        margin-top: 20px;
        color: #bdbdbc;
    }

    .maintenance h1{    
        font-family: Tahoma,sans-serif;
        font-size: 24px; 
        margin-top: 10px;
        margin-bottom: 20px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        color: white;
        font-weight: bold;
        text-transform: uppercase;
        text-shadow: 0 1px 0 grey;
    }

    .maintenance p{    
        font-family: Verdana, Helvetica,sans-serif;
        font-size: 12px;
    }

    .maintenance strong{
        font-weight: bold;
    }

    /* SELF COACHING GUIDE */   

    #self-coaching-guide h2{
        margin-bottom: 20px;
    }

    #self-coaching-guide b, #self-coaching-guide strong{
        font-family: LatoBold,Verdana,Arial,Helvetica,sans-serif;
    }

    .self-coaching-guide-page-container{   
        float: none;  
        width: 960px;
        height: 80%;
        min-height: 80%;
        max-height: 80%;
        margin: 0 auto;
        padding-top: 5%;
        position: relative;
        left: -20px;
        opacity: 0;
    }

    #scg-navigation-container{
        float: left;
        position: relative;
        width: 103px;
        height: 200px; 
        background-image: url('../images/transparent_bg/bg_opacity_45.png');
        background-repeat: repeat;
        padding: 20px;
        margin-right: 7px;
        color: white;

    }

    .self-coaching-guide-container{
        float: left;
        position: relative;
        width: 734px;
        height: 342px;
        min-height: 342px;
        max-height: 342px;    
        overflow: hidden;
        background-image: url('../images/transparent_bg/bg_opacity_81.png');
        background-repeat: repeat;
    }

    #self-coaching-guide-form-container-intro{
        width: 690px;
        height: 339px;    
        padding: 32px;
        color: #ffffff;
    }

    #scg-navigation-container ul li{
        margin-bottom: 10px;
        margin-left: 15px;
        list-style-image: url('../images/img_scg_nav_arrow.png');
    }

    #scg-navigation-container ul li a{
        text-decoration: none;
        color: #ababab;
        font-size: 11px;
    }

    #scg-navigation-container ul li a:hover{
        text-decoration: none;
        color: #ffffff;
        font-size: 11px;
    }

    a.scg-start-link {
        display: block;
        padding: 10px 10px;
        background-color: #4f4f4f;
        width: 180px;
        min-width: 180px;
        max-width: 180px;
        color: #ffffff;
        text-decoration: none;
        font-weight: 700;
    }

    a.scg-start-link:hover { 
        background-color: #0f0f0f;   
    }


    .guide-question-wrapper{
        width: 690px;
        height: 339px; 
        padding: 15px 30px;
        color: #ffffff;
    }

    .guide-question-wrapper label{
        margin-bottom: 10px;
    }

    .guide-question-wrapper .btn-next{
        float: right;    
        margin-top: 8px;
    }

    .guide-question-wrapper .btn-previous{
        float: left;
        margin-top: 8px;
    }

    .guide-question-wrapper .btn-next-3{
        float: right;
    }

    .guide-question-wrapper .btn-previous-3{
        float: left; 
    }

    .guide-question-wrapper a.button-next{
        color: #ffffff;
        font-size: 12px;
        text-decoration: none;
        font-weight: 700;
    }

    .guide-question-wrapper a.button-previous{
        color: #ffffff;
        font-size: 12px;
        text-decoration: none;
        font-weight: 700;
    }

    #scg-form-action-btns {
        float: left;
        clear: both;
        overflow: hidden;
        width: 734px;
        min-width: 734px;
        max-width: 734px;
        text-align: right;
        margin-left: 150px;
    }

    #scg-form-action-btns #edit-draft {
        margin-top: 10px;
        margin-right: 3px;
        padding: 5px 5px;
        background-color: #242424; 
        color: #ffffff;
        text-decoration: none;
        font-weight: 700; 
        border: 1px #4f4f4f;
        cursor: pointer;
        width: 110px;
    }

    #scg-form-action-btns #edit-draft:hover{    
        background-color: #242424;     
    }

    #scg-form-action-btns #scg-print-btn{
        margin-top: 10px;
        padding: 5px 5px;
        background-color: #242424; 
        color: #ffffff;
        text-decoration: none;
        font-weight: 700; 
        border: 1px #4f4f4f;
        cursor: pointer;
        width: 140px;
    }

    #scg-form-action-btns #scg-print-btn:hover{
        background-color: #242424; 
    }


    #scg-form-action-btns #edit-actions {
        float: right;
        margin: 0px;
        width: 110px;
    }

    #scg-form-action-btns #edit-submit{
        display: none;      
    }
    
    .print_only, .print-logo, .print-message{
        display: none;
    }
    
    .screen-only{
        display: block;
    }
    
    #user-register-form{
        margin-top: 10px;
        margin-bottom: 50px;
    }
    
    #user-register-form .form-type-textfield, #edit-apply-for-role{
        margin-bottom: 30px;
    }
    
    #edit-apply-for-role .fieldset-legend{
        display: none;
    }
    
    
    
    #user-register-form .captcha{
        color: #ffffff;
        margin-top: 30px;        
    }
    
    #user-register-form .captcha .fieldset-legend{
        font-size: 14px;
        font-weight:700;
    }
    
    #user-register-form .captcha .fieldset-description{
        padding-top: 10px;
    }
    
    
    /* USER ACTION BLOCK STYLES */
    
    a.ua-button{
        display: block;
        float: left;
        background-color: #3b0000;
        color: #ffffff;
        width: 170px;
        min-width: 170px;
        max-width: 170px;
        padding: 10px 20px;
        margin-right: 20px;
        text-decoration: none;
        font-size: 12px;
        text-transform: uppercase;
        text-align: center;            
    }
    
    a.ua-button:hover{
        display: block;
        float: left;
        background-color: #000000;  
        color: #ffffff;
        width: 170px;
        min-width: 170px;
        max-width: 170px;
        padding: 10px 20px;
        margin-right: 20px;
        text-decoration: none;
        font-size: 12px;
        text-transform: uppercase;
        text-align: center;    
    }
    
   
    
    

    
    
    
    #user-login #edit-submit{
        display: block;
        float: none;
        background-color: #000000;  
        border: 0px;
        color: #ffffff;
        width: 210px;
        min-width: 210px;
        max-width: 210px;
        padding: 10px 20px;
        margin-right: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        font-size: 12px;
        text-transform: uppercase;
        text-align: center;  
        cursor: pointer;
    }
    
    #user-login #edit-submit:hover{
        display: block;
        float: none;
        background-color: #3b0000; 
        border: 0px;
        color: #ffffff;
        width: 210px;
        min-width: 210px;
        max-width: 210px;
        padding: 10px 20px;
        margin-right: 20px;
        text-decoration: none;
        font-size: 12px;
        text-transform: uppercase;
        text-align: center;  
        cursor: pointer;
    }
    
    #user-login input{
        min-width: 435px;
        max-width: 435px;
        width: 435px;
    }
    
    
     
    #user-register-form #edit-submit{
        display: block;
        float: none;
        background-color: #3b0000;
        color: #ffffff;
        width: 170px;
        min-width: 170px;
        max-width: 170px;
        padding: 10px 20px;
        margin-right: 20px;
        text-decoration: none;
        font-size: 12px;
        text-transform: uppercase;
        text-align: center; 
        border: 0px;
    }
    
       
    #user-register-form #edit-submit:hover{
        display: block;
        float: none;
        background-color: #000000;  
        color: #ffffff;
        width: 170px;
        min-width: 170px;
        max-width: 170px;
        padding: 10px 20px;
        margin-right: 20px;
        text-decoration: none;
        font-size: 12px;
        text-transform: uppercase;
        text-align: center;   
        border: 0px;
        cursor: pointer;
    }
    
    
    
    
 
    #basic-page{      
        float: none;  
        width: 890px;
        margin: 0 auto;
        margin-top: 40px;
        background-image: url('../images/transparent_bg/bg_opacity_75.png');
        background-repeat: repeat;
        padding: 35px;
        color: #ffffff;
        opacity: 0;
    }
    
    #basic-page a{
        color: #fffff;
    }
    
    a.register-scg{
        background-color: #444444;
        color: #ffffff;
        padding: 5px 20px;
        text-decoration: none;
        font-size: 12px;
    }
    
    a.register-scg:hover{
        background-color: #666666;
        color: #ffffff;
        padding: 5px 20px;
        text-decoration: none;
        font-size: 12px;
    }
    
    
    #basic-page-verified{
        width: 960px;
        min-width: 960px;
        max-width: 960px;
        margin: 0 auto;
    }
    
    .quick-links{
        margin-top: 20px;
        color: #dfdfdf;
        font-size: 16px;
    }
    
    .quick-links a{
        color: #dfdfdf;
        text-decoration: none;
    }
    
    .quick-links a:hover{
        text-decoration: underline;
        color: #ffffff;
    }
    
    .user-page-tabs{
        margin-top: 50px;
    }
	
	/* USER PASSWORD STYLES */
    #user-pass-reset > div{
        margin-top: 20px;        
    }
    
    #user-pass-reset p{
        color: #ffffff;
    }
    
    #user-pass-reset #edit-actions{
        margin-top: 20px;
    }
    
    
    /*
    .scg-reg-notice p{
        width: 960px;
        min-width: 960px;
        max-width: 960px;
    }
    */
	
	.front-panel-content a{
		color: #ffffff !important;
	}
    
    
    
}

/* EMAIL BASE TEMPLATE STYLES */

.email-body{
    width: 600px;
    min-width: 600px;
    max-width: 600px;
    margin: 0 auto;
}

.htmlmail-body{
    margin-top: 50px;
}






/* Social Media Styling */

nav{
	width: 770px;
}

.social-links{
	float: left;
}

.social-links .social-link i,
.social-links .social-link .fa{
	color: #dbdbdb;
}



















/* #######################
*  RESOURCES - NEW STYLES 
*  ####################### */

.page-resources{
    float: none;
    min-width: 960px;
    max-width: 960px;
    margin: 0 auto;
    left: -20px;
    opacity: 0;
    
}

.page-resources-full{
    float: none;
    min-width: 960px;
    max-width: 960px;
    margin: 0 auto;
}

.pg-resources-left-col{
    overflow: hidden;
    float: left;
    min-width: 150px;
    max-width: 150px;
    margin-top: 40px;
    margin-left: 80px;
    background-image: url('../images/transparent_bg/bg_opacity_73.png');
    background-repeat: repeat;
    padding: 20px;
}

#resources-menu{
     
}

#resources-menu ul{
    list-style-image: url('../images/list_indicator_service.png');
}

#resources-menu ul li{
    margin-left: 20px;
}

#resources-menu a{
    color: #ffffff;
    font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    text-decoration: none;
}

.resources-container{   
    float: left;  
    width: 660px;
    margin: 0 auto;
    /*margin-bottom: 250px;  */    
    padding-left: 20px;
    /*padding-top: 60px;*/
    padding-top: 40px;
}

.resource-container{
    float: left;
    width: 485px;
    min-width: 485px;
    max-width: 485px;
}

.pg-resources-left-col h2{
    font-family: BebasNeueRegular,Verdana,Arial,Helvetica,sans-serif;
    font-size: 31px;
    color: #ffffff;
    margin-bottom: 20px;
}

#resources h2{
    font-family: BebasNeueRegular,Verdana,Arial,Helvetica,sans-serif;
    font-size: 31px;
    color: #3f3b2c;
    margin-bottom: 20px;
}

#resources h4{
    font-family: BebasNeueRegular,Verdana,Arial,Helvetica,sans-serif;
    font-size: 20px;
    color: #5d5a49;
    margin-bottom: 10px;
}

#resources p{
    font-family: LatoRegular,Verdana,Arial,Helvetica,sans-serif;   
    line-height: 18px;
    color: #888468;
}

#resources b, #resources strong{
    font-family: LatoBold,Verdana,Arial,Helvetica,sans-serif;
}

.read-more-btn{
    margin-top: 20px;
}

a.resources-read-more-btn{
    color: #f2e5b8;
    background-color: #b0a77c;
    width: 99px;
    font-family: PTSansBold,Verdana,Arial,Helvetica,sans-serif;
    text-decoration: none;
    font-size: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 13px;
    padding-right: 13px;
}

a.resources-read-more-btn:hover {
    background-color: #99916a;
}

#resources hr{
    border: 0px;
    height: 1px;
    color: #9d9567;
    background-color: #9d9567;
    margin-top: 30px; 
    margin-bottom: 20px;   
}

.resource-left-col{
    float: left;
    min-width: 150px;
    max-width: 150px;
    margin-right: 20px;
}

.resource-left-col img{
    border: 1px solid #9d9567;
}

.resource-right-col{
    float: left;
    min-width: 315px;
    max-width: 315px;
}

.no-float{
    float: none;
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
}

.br-pager{
    min-width: 960px;
    max-width: 960px;
    margin: 0 auto;
}

.br-pager a{
    color: #5d5a49;
}


.br-pager .pager{
    float: left;
    margin-left: 270px;
}


.r-error h2{
    font-family: BebasNeueRegular,Verdana,Arial,Helvetica,sans-serif;
    font-size: 31px;
    color: #3f3b2c;
    margin-top: 20px;
    margin-bottom: 5px;
}


/* All Resources Page Styles */
.pager li a,
.pager li.pager-current.first{
    color: #F2E1A1;
    font-size: 14px;
}