﻿body
{
    font-family: Arial, sans-serif;
    font-size: 90%;
    margin: 0;
    padding: 0;
}

p
{
    color: #000;
    font-size: 90%;
    line-height: 1.6;
    margin-bottom: 7px;
}

a, a:visited
{
    color: Red;
    outline: none;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

.large-bold
{
    color: #000;
    font-size: 110%;
    font-weight: bold;
}

.bold
{
    color: #000;
    font-weight: bold;
}

a .red
{
    color: Red;
}

.red-bold
{
    color: Red;
    font-weight: bold;
}

.l-red-bold
{
    color: Red;
    font-size: 110%;
    font-weight: bold;
}

.italic
{
    font-style: italic;
}

.underline
{
    text-decoration: underline;
}


#banner
{
    background-color: #01b0f1;
    background-image: url(../i/blue-bg.gif);
    background-repeat: repeat-x;
    height: 164px;
    width: 100%;
}

#inner-banner
{
    margin: 0 auto;
    width: 850px;    
}

#inner-banner-left
{
    float: left;
    width: 300px;
}

#inner-banner-right
{
    float: right;
    height: 35px;
    width: 380px;
}

#logo
{
    border: none;
    margin-top: 16px;
}

#navigation
{
    background-color: #004058;
    height: 30px;
    position: relative;
    width: 100%;
}

#inner-navigation
{
    margin: 0 auto;
    position: relative;
    width: 850px;
}

#photos-top
{
    margin-top: 5px;
    position: absolute;
    z-index: 1;
}

#nav
{
    position: absolute;
    right: 0;
    z-index: 10;
}

#photos-banner
{
    height: 175px;
    margin: 0 auto;
    width: 850px;    
}

.mini-grey-banner
{
    background-color: #ded6d6;
    border-top: 1px dashed #ccc;
    height: 18px;
}

#slogan-banner
{
    margin: 20px auto 0 auto;
    width: 850px;
}

#content
{
    min-height:600px;
    height:auto !important;
    height:600px;
    
    margin: 0 auto;
    overflow: auto;
    padding: 20px 0;
    width: 850px;
}

#content-left
{
    float: left;
    width: 540px;
}

#content-right
{
    background: #eee;
    border: solid 1px #ddd;
    float: right;
    margin-left: 25px;
    padding: 0 15px 10px 15px;
    width: 248px;
}


#event
{
    min-height:135px;
    height:auto !important;
    height:135px;
}

#event h2
{
    text-decoration: none;
}

#event-left
{
    float: left;
    margin-right: 5px;
    width: 75px;
}

#event-right
{
    float: right;
    padding-top: 3px;
    width: 200px;
}

.event-p
{
    font-size: 12px;
}

#future-events
{
    min-height:185px;
    height:auto !important;
    height:185px;    
}

.arrow
{
    float: left;
}

.testimonial-left
{
    float: left;
    margin-right: 5px;
    width: 75px;    
}

.testimonial-right
{
    float: right;
    padding-top: 3px;
    width: 200px;    
}

.testimonial-footer
{
    clear: both;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
}

.testimonial-p
{
    font-size: 12px;
}

.bubble
{
    padding: 4px 0 0 5px;
}

.read-more
{
    clear: both;
    float: right;
    font-size: 90%;
}

.read-more a, .read-more a:visited
{
    color: #000;
    text-decoration: none;
}

.read-more a:hover
{
    color: #000;
    text-decoration: underline;
}

.more-arrow
{
    margin-left: 4px;
}

#footer
{
    background-color: #01b0f1;
    background-image: url(../i/blue-bg-bottom.gif);
    background-repeat: repeat-x;
    padding-bottom: 20px;   
}

#inner-footer
{
    margin: 0 auto;
    padding-top: 10px;
    width: 850px;    
}

#inner-footer p
{
    color: #fff;
}

#inner-footer a, #inner-footer a:visited, #inner-footer a:hover
{
    color: #fff;
    text-decoration: underline;
}


#inner-footer-left
{
    float: left;
    margin-right: 30px;
    width: 220px;
}

#inner-footer-middle
{
    float: left;
    margin-right: 30px;
    padding-top: 35px;
    width: 330px;    
}

#inner-footer-right
{
    float: right;
    font-size: 95%;
    padding-top: 35px;
    width: 235px;    
}

#small-logo
{
    margin-bottom: 10px;
}

#icf
{
    border: solid 1px #ccc;
    margin-top: 30px;
}

.address
{
    font-family: "Trebuchet MS",Arial,Helvetica,Verdana,Sans-Serif;
    font-size: 95%; 
    line-height: 1.4;
    margin: 0;
    padding: 0 0 0 2px;
}

.sub-address
{
    font-family: "Trebuchet MS",Arial,Helvetica,Verdana,Sans-Serif;
    font-size: 95%; 
    line-height: .8;
    margin-top: 8px;
    padding: 0 0 0 2px;    
}

.sIFR-active .footer-heading
{
    width: 200px;
}

#footer-copyright
{
    clear: both;
    font-size: 90%;
    padding-top: 15px;
    text-align: center;
}



/* ------------ Navigation -------------- */

/* ------------ Intro Tab ------------- */

#intro-tab
{
    background: url(../i/introductory-tab.gif);
    float: left;
    height: 35px;  
    width: 246px;
}

#intro-tab a
{
        background: url(../i/introductory-tab.gif);
        display: block;
        font-size: 1%;
        height: 35px;
        overflow: hidden;
        text-indent: -9999px;    
}

#intro-tab a:hover
{
    background-position: 0 -35px;
}


/* ------------ Contact Tab ------------- */

#contact-tab
{
    background: url(../i/contact-tab.gif);
    float: right;
    height: 35px;  
    width: 120px;
}

#contact-tab a
{
        background: url(../i/contact-tab.gif);
        display: block;
        font-size: 1%;
        height: 35px;
        overflow: hidden;
        text-indent: -9999px;    
}

#contact-tab a:hover
{
    background-position: 0 -35px;
}

/* -------------- Main Nav -------------- */

    #navlist
    {
        background: url(../i/navigation.gif);
	    height: 30px;
	    margin: 0;
	    padding: 0;  
	    position: absolute;
	    right: 0;
	    width: 725px;
	    z-index: 5;  
    }

    #navlist li
    {
        float: right;
        list-style-type: none;
    }

    #navlist li a
    {
        background: url(../i/navigation.gif);
        display: block;
        font-size: 1%;
        height: 30px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        position: absolute;
        text-indent: -9999px;
    }

    li#nav_hom a
    {
        background-position: 0 0;
        left: 0;
        width: 60px;
    }

    li#nav_boa a
    {
        background-position: -60px 0;
        left: 60px;
        width: 143px;    
    }

    li#nav_tes a
    {
        background-position: -203px 0;
        left: 203px;
        width: 133px;
    }

    li#nav_pro a
    {
        background-position: -335px 0;
        left: 335px;
        width: 75px;
    }

    li#nav_ser a
    {
        background-position: -410px 0;
        left: 410px;
        width: 80px;    
    }

    li#nav_rec a
    {
        background-position: -490px 0;
        left: 490px;
        width: 67px;    
    }

    li#nav_lin a
    {
        background-position: -557px 0;
        left: 557px;
        width: 67px;    
    }
    
    li#nav_vid a
    {
        background-position: -619px 0;
        left: 619px;
        width: 71px;    
    }    

    /* ---------------- Nav Hover ------------------ */

    li#nav_hom a:hover
    {
        background-position: 0 -30px;
    }

    li#nav_boa a:hover
    {
        background-position: -60px -30px;
        left: 60px;
        width: 143px;    
    }

    li#nav_tes a:hover
    {
        background-position: -203px -30px;
        left: 203px;
        width: 133px;
    }

    li#nav_pro a:hover
    {
        background-position: -335px -30px;
        left: 335px;
        width: 75px;
    }

    li#nav_ser a:hover
    {
        background-position: -410px -30px;
        left: 410px;
        width: 80px;    
    }

    li#nav_rec a:hover
    {
        background-position: -490px -30px;
        left: 490px;
        width: 67px;    
    }

    li#nav_lin a:hover
    {
        background-position: -557px -30px;
        left: 557px;
        width: 67px;    
    }
    
    li#nav_vid a:hover
    {
        background-position: -619px -30px;
        left: 619px;
        width: 71px;    
    }    


    /* ---------------- Nav Active ------------------ */

    #body_hom li#nav_hom a
    {
        background-position: 0 -60px;
    }

    #body_boa li#nav_boa a
    {
        background-position: -60px -60px;   
    }

    #body_tes li#nav_tes a
    {
        background-position: -203px -60px;
    }

    #body_pro li#nav_pro a
    {
        background-position: -335px -60px;
    }

    #body_ser li#nav_ser a
    {
        background-position: -410px -60px; 
    }

    #body_rec li#nav_rec a
    {
        background-position: -490px -60px;
    }

    #body_lin li#nav_lin a
    {
        background-position: -557px -60px;  
    }
    
    #body_vid li#nav_vid a
    {
        background-position: -619px -60px;  
    }


/* --------------- Lists ---------------- */

ol, ul
{
    margin: 3px 0 10px 3em;
}

ol li
{
    color: #333;
    font-size: 90%;
    font-weight: normal;
    line-height: 1.7;
    list-style-type: decimal;
}

ul li ol li
{
    list-style-type:decimal;
}

ul li
{
    color: #333;
    font-size: 90%;
    font-weight: normal;
    line-height: 1.7;
    list-style-type: square;
}

/* ------------- Calendar --------------- */

#calendar-date 
{
    display: block;
    text-align: center;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../i/calendar.gif) no-repeat;
    width: 75px;
    height: 75px;
}

#calendar-month 
{
    display:block;
    margin:0;
    padding: 6px 0.2em 0 0;
    text-align:center;
}

#calendar-month p
{
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
}

#calendar-day
{
    display:block;
    margin: 0;
    padding:4px 0.1em 16px 0;
    text-align: center;
}

#calendar-day p
{
    font-size:22px;
    margin:0;    
}

/* --------------- Business Academy --------------- */

.hotel
{
    border: solid 1px #ccc;
    margin-top: 10px;
    padding: 2px;
}

.hotel-caption
{
    font-size: 75%;
    margin: -3px 0 0 0;
    padding: 0;
    text-align: right;
}

/* ---------------- Testimonials ------------------ */

#testimonials
{
    min-height: 350px;
    height: auto !important;
    height: 350px;   
    margin-bottom: 10px; 
}

.testimonial-logo
{
    float: left;
    padding: 5px 10px 5px 0;
}

.testimonial
{
    padding: 10px 0;
    overflow: auto;
}

.testimonial-separator
{
    border-bottom: dotted 1px #ccc;    
}

.testimonial-company
{
    color: #004058;
    font-size: 95%;
    font-weight: bold;
}

.testimonial-name
{
    font-size: 90%;
    font-style: italic;
}

.testimonial-p-small
{
    font-size: 85%;
}

/* ------------ Client List -------------- */

.client-list
{
}

/* allow room for 3 columns */
.client-list ul
{
    width: 58em;
    margin-left: 0;
}

/* float & allow room for the widest item */
.client-list ul li
{
    font-size: 0.9em;
    float: left;
    width: 19em;
    line-height: 1.9;
    list-style-type: none;
}

/* stop the float */
br
{
clear: left;
}

/* separate the list from subsequent markup */
div.client-list
{
    margin-bottom: 1em;
    margin-top: 1em;
}


.client-list-short
{
    width: 260px;
}

.client-list-short ul li
{
    list-style-type: square;
}

.client-list-short .list-more
{
    list-style-type: none;
}

.list-more a, .list-more a:visited
{
    outline: none;
    text-decoration: underline;
}

.list-more a:hover
{
    text-decoration: underline;
}
{
    
}

/* --------------- Videos ---------------- */

.videos
{
}

.video-row
{
    height: 120px;
}

.video-row img
{
    border: solid 1px #ccc;
    padding: 2px;
}

.video-left
{
    float: left;
    width: 124px;
}

.video-right
{
    float: right;
    width: 124px;
}

/* ---------------- Profiles ------------------ */

.sub-h1
{
    display: block;
    font-size: 120%;
    font-style: italic;
    font-weight: bold;
    margin: -5px 0 10px 0;
}

.profile-quote
{
    color: #004058;
    display: block;
    font-size: 110%;
    margin: 15px 0;
    text-align: center;
}

#profile
{
    height: 191px;
    width: 280px;
}

#profile-left
{
    float: left;
    height: 191px;
    width: 135px;
}

#profile-right
{
    float: left;
    height: 144px;
    margin-top: 20px;
    padding: 0 0 0 10px;
    position: relative;
    width: 120px;
}

#profile-right-text
{
    position: absolute;
    bottom: 0;
}

#profile-right p
{
    font-size: 85%;
    font-weight: bold;
    margin: 0;
    text-align: left;
}

#profile-right span
{
    display: block;
    font-size: 85%;
    margin: 0;
    text-align: left;
}

#profile-img
{
    border: solid 1px #ccc;
    margin: 25px 0 0 10px;
    padding: 5px;
}


/* ---------------- Events ------------------ */

.event
{
    border-bottom: dotted 1px #ccc;
    margin: 10px 0;
}

/*.event-header
{
    overflow: auto;
}

.event-header-left
{
    float: left;
    width: 75px;
}

.event-header-right
{
    float: left;
    margin-left: 10px;
    width: 455px;
}

.event-location
{
    font-size: 85%;
    font-style: italic;
    font-weight: bold;
    margin: 0;   
}

.event-address
{
    font-size: 85%;
    font-style: italic;
    margin: 0;     
}

.event-content
{
    padding-left: 86px;
}

.event-details p
{
    font-size: 90%;
    margin-top: -5px;
}

#venue p
{
    font-size: 85%;
}*/

/* ------------ Recommendations ------------ */

.recommendation-row
{
    min-height:150px;
    height:auto !important;
    height:150px;
    margin-bottom: 15px;
}

.recommendations-left
{
    float: left;
    margin-top: 20px;
    width: 390px;
}

.recommendations-right
{
    float: right;
    margin-top: 20px;
    width: 390px;
}

.rec-left
{
    float: left;
    width: 90px;
}

.rec-right
{
    float: left;
    width: 300px;
}

.rec-title
{
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0px;
    margin-top: -2px;
}

.rec-author
{
    font-style: italic;
    font-size: 75%;
}

.rec-desc
{
    font-size: 80%;
    line-height: 1.6;
}

.rec-image
{
    border: solid 1px #ccc;
}

/* ---------------- Extras ----------------- */

#pnlSubmit .label
{
    display: block;
    margin-bottom: 2px;
    width: 110px;
}

#btnSubmit
{
    float: left;
    margin-top: 10px;
}

.download
{
   clear: left;
   margin: 5px 0 5px 0; 
}

.download img
{
    float: left;
    margin: 0 8px 8px 0;
    padding-top: 4px;
}

.dl-title
{
    font-size: 110%;
    font-weight: bold;
    margin: 0;
}

.dl-summary
{
    margin: -3px 0 0 0;
}

/* ---------------- Links ------------------ */

.link
{
    margin-top: 15px;
    overflow: auto;
    width: 850px;
}

.link-left
{
    float: left;
    width: 45px;
}

.link-right
{
    float: right;
    width: 805px;
}

.link-title
{
    font-weight: bold;
    font-size: 100%;
    margin: 0;
}

.link-detail
{
    margin: 0;
}

.link-url
{
    font-size: 85%;
    font-style: italic;
}

.new-window
{
    margin-left: 5px;
}


/* -------------- Contact --------------- */

#contact-form
{
    font-size: 95%;
    margin-top: 12px;
}

#contact-form span
{
    color: #fff;
    display: block;
}

.input
{
    xdisplay: block;
    font-size: 95%;
    padding: 1px;
    width: 200px;
}

.message
{
    display: block;
    height: 100px;
    padding: 2px;
    width: 300px;
}

.button
{
    background-color: #fff;
    border: solid 1px #ccc;
    color: #000;
    margin-top: 10px;
    padding: 1px 10px;
}

/* Temp for free offer */

.contact-form
{
    font-size: 95%;
    margin-top: 12px;
    width: 700px;
}

.contact-form span
{
    color: #000;
    display: block;
}

.validate
{
    float: left;
}


/* -------------- Thanks --------------- */

#ty
{
    background-color: #01b0f1;
    color: #fff;
    padding-top: 10px;
}

#ty-wrapper
{
    margin: 0 auto;
    width: 750px;
}

#ty p
{
    color: #fff;
    font-size: 18px;
    margin-left: 6px;
}

#ty .ty-bold
{
    color: #fff;
    display: block;
    font-size: 34px;
    margin: 60px 0 20px 0;
    margin-left: 4px;
}

#ty a
{
    color: #fff;
}





/* ---------------------- Temp Retreat Styles ---------------------- */

.retreat
{
    text-align: justify;
    position: relative;
}

.retreat img
{
    margin: 10px 0 20px 0;
}

.retreat h1, .retreat h2
{
    display: block;
    margin: 0 auto;
    text-align: center;
}

.courtney-photo
{
    float: left;
    margin: 10px 10px 10px 0;
}

.center, .center-l, .center-m, .center-m-m
{
    font-family: Arial, Sans-Serif;
    text-align: center;
}

.center p
{
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.center-l p
{
    font-size: 1.4em;
    font-weight: bold;
    margin: 0;
    padding: 0;    
}

.center-m p
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding: 0;    
}

.center-m-m p
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 0 15px 0;
    padding: 0;    
}

.email
{
    font-weight: bold;
    text-decoration:underline;
}
