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

body { margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; }
.wrapper { width:960px; margin:auto; padding-left:20px; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }

#header { height:150px; position:relative; width:940px; }

#logo { display:block; width:296px; height:87px; background-image:url(../images/freddy-fit-logo.jpg); position:absolute; left:0px; top:30px; }
#number { height:45px; width:242px; position:absolute; right:0px; top:30px; }

#nav { height:57px; float:right; }
#nav a:hover { text-decoration:none; }
.nav-block {height:37px; width:100px; background: #68ACDD;background: linear-gradient(180deg, rgba(104, 172, 221, 1) 0%, rgba(1, 102, 180, 1) 81%);display:block; padding-top:20px; float:right; margin-top:93px; margin-left:1px;}
.nav-block:hover { background: #77B4E1;background: linear-gradient(180deg,rgba(119, 180, 225, 1) 0%, rgba(25, 118, 187, 1) 81%);}
.nav-text { color:#FFFFFF; font-size:14px; width:inherit; text-align:center; display:block; font-weight:bold; }
#nav-bar { height:14px; background: #0F71BA;background: linear-gradient(180deg,rgba(15, 113, 186, 1) 0%, rgba(2, 103, 181, 1) 100%); width:637px; position:absolute; bottom:0px; left:0px; }

.clear { clear:both; }

.one-col { width:300px; margin-right:20px; margin-top:20px; float:left; }
.two-col { width:620px; margin-right:20px; margin-top:20px; float:left; }

.one-col2 { width:220px; margin-right:20px; float:left; }
.two-col2 { width:460px; margin-right:20px; float:left; }

.one-col2 a { color:#333333; }

.workshop-title { font-size:28px; font-weight:bold; margin-bottom:20px; }
.info-title { font-size:22px; font-weight:bold; margin-bottom:20px; margin-top:6px; }

.workshop-text { font-size:13px; }

.image-green { width:292px; height:242px; border:4px solid #2db606; margin-right:20px; float:left; margin-top:20px; }
.image-blue { width:292px; height:242px; border:4px solid #0077ab; margin-right:20px; float:left; margin-top:20px; }
.image-orange { width:292px; height:242px; border:4px solid #f6863c; margin-right:20px; float:left; margin-top:20px; }
.image-red { width:292px; height:242px; border:4px solid #c03329; margin-right:20px; float:left; margin-top:20px; }

#slideshow { height:240px; overflow:hidden; }
#slideshow img { border:4px solid #0167b2; border-top:none; }

.contact-error { font-size:14px; color:#C00; font-weight:bold; }
.contact-success { font-size:14px; color:#090; font-weight:bold; }

.contact-textbox { border:1px solid #999; font-size:12px; height:18px; width:400px; margin-top:4px; }
.contact-textarea { border:1px solid #999; font-size:12px; height:18px; width:400px; height:200px; margin-top:4px; }

.ff-table { border-bottom:1px solid #333; border-left:1px solid #333; width:inherit; }
.ff-table tr td { border-right:1px solid #333; border-top:1px solid #333; }
.table-top-green { color:#FFFFFF; font-size:14px; background-image:url(../images/table-header-green-tile.jpg); height:30px; border:#090 1px solid; }
.table-top-orange { color:#FFFFFF; font-size:14px; background-image:url(../images/table-header-orange-tile.jpg); height:30px; border:#090 1px solid; }
.table-top-blue { color:#FFFFFF; font-size:14px; background-image:url(../images/table-header-blue-tile.jpg); height:30px; border:#090 1px solid; }
.table-top-red { color:#FFFFFF; font-size:14px; background-image:url(../images/table-header-red-tile.jpg); height:30px; border:#090 1px solid; }

#testimonials-green { background:url(../images/green-testimonial-band.jpg); background-repeat:repeat-x; background-color:#2db606; }
#testimonials-orange { background-image:url(../images/orange-testimonial-band.jpg); background-repeat:repeat-x; background-color:#f06925; }
#testimonials-red { background-image:url(../images/red-testimonial-band.jpg); background-repeat:repeat-x; background-color:#b4251f; }
#testimonials-blue { background-image:url(../images/blue-testimonial-band.jpg); background-repeat:repeat-x; background-color:#004f82; }

.testimonial-top { width:300px; background-image:url(../images/testimonial-bubble-top.png); height:24px; }
.testimonial-bottom { width:300px; background-image:url(../images/testimonial-bubble-bottom.png); height:40px; }
.testimonial-mid { width:260px; background-image:url(../images/testimonial-bubble-mid.png); padding:0px 20px 0px 20px; }
.testimonial-text { font-size:13px; }

.green { color:#2db606; }
.blue { color:#0077ab; }
.orange { color:#f6863c; }
.red { color:#c03329; }

#workshops-green-top { height:34px; width:940px; background-image:url(../images/coloured-tops/workshops-green-top.jpg); margin-bottom:1px; }
#workshops-orange-top { height:34px; width:940px; background-image:url(../images/coloured-tops/workshops-orange-top.jpg); margin-bottom:1px; }
#workshops-red-top { height:34px; width:940px; background-image:url(../images/coloured-tops/workshops-red-top.jpg); margin-bottom:1px; }
#workshops-blue-top { height:34px; width:940px; background-image:url(../images/coloured-tops/workshops-blue-top.jpg); margin-bottom:1px; }
.top-text { color:#FFF; font-size:16px; margin-left:15px; padding-top:10px; text-shadow: 1px 1px 3px #333; }

.thumb-name { font-size:16px; margin-top:6px; margin-bottom:20px; font-weight:bold; display:block; }
.taster-session a { color:#333333; }

#footer-left { float:left; }
#footer-right { float:right; margin-right:20px; width:150px; height:44px; background-image:url(../images/freddy-fit-logo-footer.jpg); }
#footer-line { height:1px; width:940px; background-color:#999; margin-bottom:30px; }



.lightboxContent { width:60%;height:60%;background-color: #fff;opacity: 1; }


#alpha_wrapper {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    color:#fff;
}

    #alpha_2 {
         position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 200%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
    }

    #text_holder_2 {
        background-color: #0167b2;
        position: absolute;
        top: 60px;
        left: 50%;
        width: 66%;
        margin-left:-35%;
        overflow: hidden;
        clear: both;
        z-index: 9998;
        padding: 4% 2% ;
        text-align: center;
    }

.introductionText { width:100%;text-align: left; }
.introductionText h3 { margin:0;}
.introductionText p { margin:0 0 10px 0;}

#text_holder_2 ul { list-style-type: none;padding:0; }

.closeButton { width:155px;height:144px;background: transparent url('../images/closeButton.png') center center no-repeat;background-size:50%;position: absolute; top:10px;left:50%;margin-left:29%;clear: both;
        z-index: 9999; cursor:pointer;}