/*------------------------------------------------------------------
    Steven Johnston @ CoCreate
    for
    CoCreate
    28/03/2011

    Version 1.0

    Project: The Physiotherapy Centre Website

    **Please annotate amendments and log below**
    --------------------------------------------
    Amendments

    --------------------------------------------
##Designers Notes
-----------------
Colours
-------
#000000 - Black
#ffffff - White
--------------------------------------------------------------------*/
*{
    padding:0;
    margin:0;
}
html{
    min-height:100.5%;
}
body{
    background:url("../images/bg.gif");
}
img{
    border:none;
}
ul{
    list-style:none;
}
.left{
    float:left;
}
.right{
    float:right;
}
.textCenter{
    text-align:center;
}
.textRight{
    text-align:right;
}
.floatFix{
    clear:both;
    width:1px;
    height:1px;
}
/*-------------------------------------------------------------------*/
#topSpace{
    width:100%;
    height:35px;
}
#wrapper{
    width:980px;
    padding:0;
    margin:0 auto 0 auto;
}
#headerHolder{
    width:100%;
    height:105px;
    background:#d2edf4;
}
#header{
    width:580px;
    height:90px;
    padding:15px 60px 0 340px;
    margin:0 auto 0 auto;
    background:url("../images/bg_header.gif") center no-repeat #d2edf4;
}
#headerRight{
    float:right;
    width:250px;
    text-align:right;
    padding:17px 0 0 0;
}


#contentHolder{
    width:900px;
    padding:0 40px 0 40px;
}
#content{
    width:900px;
    background:#ffffff;
}

#bannerHolder{
    width:620px;
    height:345px;
    margin-left:280px;
    overflow:hidden;
}
#bannerFader{
    position:absolute;
    z-index:5;
    width:620px;
    height:345px;
}
#bannerTextHolder{
    position:absolute;
    z-index:10;
    width:350px;
    height:115px;
    margin:215px 0 0 270px;
    overflow:hidden;
}
#bannerText{
    position:relative;
    width:300px;
    height:70px;
    padding:20px 25px 25px 25px;
    left:0;
    line-height:1.7;
    background:#232020;
}
#bannerNav{
    position:absolute;
    z-index:20;
    margin:301px 0 0 20px;
}
#bannerNav td{
    padding-right:8px;
    width:24px;
    height:29px;
    text-align:center;
    cursor:pointer;
    background:url("../images/bg_btn_off.gif") no-repeat;
}
#contentBody{
    width:840px;
    padding:30px;
}
.textCol{
    width:239px;
    padding:20px 20px 0 20px;
    line-height:1.8;
}
.borderRight{
    border-right:1px solid #88d4e3;    
}
.textCol h3{
    margin-bottom:5px;
}
.textCol .narrow{
    width:120px;
}
.textCol .imgRight{
    position:absolute;
    z-index:2;
    margin:-10px 0 0 175px;
}
.newsItem{
    padding:10px 0 10px 0;
}
.newsText{
    float:right;
    width:175px;
    line-height:1.5;
}
.catTable{
    width:100%;
}
.catTable td{
    padding:4px 0 5px 0;
    border-bottom:1px solid #88d4e3;
}
.catTable .arrowCell{
    width:20px;
}
.fadePanel{
    width:800px;
    height:260px;
    margin:20px 0 0 0;
    padding:0 20px 0 20px;
    background:url("../images/bg_fade_panel.gif");
}
.fadePanel .textBox{
    width:545px;
    height:220px;
    padding:20px 0 20px 0;
    overflow:hidden;
    line-height:1.7;
}
.fadePanel .textBox h3{
    margin-bottom:5px;
}
.findUs{
    float:right;
    width:410px;
    height:245px;
    margin:20px 0 0 0;
    background:url("../images/bg_find_us.gif");
}
#googleMap{
    float:right;
    width:160px;
    height:245px;
}
.findUs .textBox{
    padding:10px 20px 20px 20px;
    width:210px;
    height:215px;
    line-height:1.7;
    overflow:hidden;
}
.twitterPanel{
    float:left;
    width:410px;
    height:245px;
}
.latestTweets{
    width:324px;
    height:177px;
    margin:20px 0 0 0;
    padding:10px 20px 20px 20px;
    line-height:1.6;
    background:url("../images/bg_twitter_panel.png");
}
.latestTweets h2{
    margin-bottom:5px;
}
.twitterRight{
    position:absolute;
    z-index:2;
    margin:23px 0 0 324px;
}
.twitterBottom{
    padding:15px 0 0 75px;
}
.twitterBird{
    position:absolute;
    z-index:2;
    margin:-20px 0 0 -80px;
}
.twitterPanelLong{
    float:left;
    width:223px;
    margin-left:26px;
}
.latestTweetsLong{
    width:183px;
    height:265px;
    padding:20px;
    line-height:1.6;
    background:url("../images/bg_twitter_panel_long.png");
}
.twitterPanelLong .twitterBtn{
    position:absolute;
    z-index:2;
    margin:-18px 0 0 95px;
}
.twitterPanelLong .twitterBird{
    position:absolute;
    z-index:3;
    margin:-40px 0 0 10px;
}
.twitterPanelLong .facebookBtn{
    margin:40px 0 0 0;
}
#contentRight{
    float:right;
    width:565px;
}
h1{
    margin-bottom:15px;
}
.galleryScroller{
    width:100%;
}
.noBtn{
    width:400px;
}
.btnBack, .btnNext{
    padding:20px;
}
.galleryItem{
    float:left;
    width:153px;
    height:100px;
    padding:10px;
    margin-bottom:15px;
}
.galleryImg{
    cursor:pointer;
}
.marginRight23{
    margin-right:23px;
}
.playBtn{
    position:absolute;
    z-index:2;
    cursor:pointer;
}
.youtube{
    display:none;
}
#popUp{
    position:absolute;
    z-index:2000;
    width:545px;
    height:410px;
    padding:10px;
    border:5px solid #dddddd;
    background:#ffffff;
}
.newsFullText{
    display:none;
}
#newsPopUp{
    position:absolute;
    z-index:10;
    width:480px;
    padding:0 30px 35px 30px;
    line-height:1.6;
    background:#bbe4eb;
}
#newsCloser{
    float:right;
    width:100px;
    height:26px;
    padding:8px 23px 0 0;
    text-align:center;
    cursor:pointer;
    background:url("../images/bg_news_closer.png");
}




.lineHeight15{
    line-height:1.5;
}
.clearRight{
    clear:right;
}
.hidden{
    display:none;
}
.top10{
    margin-top:10px;
}
.pointer{
    cursor:pointer;
}
/*---------------------------------
            Main Menu
----------------------------------*/
#menuBox{
    position:absolute;
    z-index:100;
    width:230px;
    height:420px;
    padding:25px 0 0 90px;
    margin-top:-80px;
    background:url("../images/bg_menu_box.gif");
}
#menuBox img{
    margin:0 0 20px 0;
}
#menuBox li{
    width:188px;
    padding:6px 0 5px 0;
    border-bottom:1px solid #ffffff;
    cursor:pointer;
}
#menuBox li:hover{
    border-bottom:1px solid #bbe4eb;
}
#menuBox li:hover a{
    color:#bbe4eb;
}
#menuBox .white{
    text-decoration:none;
}
/*---------------------------------
              Footer
----------------------------------*/
#footerHolder{
    width:100%;
    background:#d2edf4;
    margin-top:20px;
}
#footer{
    width:880px;
    padding:45px 0 0 20px;
    margin:0 auto 0 auto;
}
#footerRight{
    float:right;
    width:48px;
}
#footerLeft{
    float:left;
    width:370px;
}
#logoFooter{
    margin:5px 20px 0 0;
}
.footerList{
    float:left;
    width:200px;
    padding:0 0 0 15px;
    line-height:1.6;
    border-left:1px solid #ffffff;
}
/*---------------------------------
            Typography
----------------------------------*/
.frutiger{
    font-family:Frutiger, Arial, Helvetica, sans-serif;
}
.frutigerLight{
    font-family:FrutigerLight, Arial, Helvetica, sans-serif;
}
.arial{
    font-family:Arial, Helvetica, sans-serif;
}
.georgia{
    font-family:Georgia,'Times New Roman',times,serif;
}
.white{
    color:#ffffff;
}
.black{
    color:#000000;
}
.brown{
    color:#9e8878;
}
.blue{
    color:#88d4e3;
}
.dBlue{
    color:#74b3c0;
}
.grey{
    color:#666666;
}
#headerTel{
    font-size:1.65em;
}
h1{
    font-size:2em;
}
h2{
    font-size:1.4em;
}
.newsTitle, .catLink{
    font-size:1.05em;
}
h3{
    font-size:0.9em;
}
#headerEmail{
    font-size:0.8em;
}
.lrgText{
    font-size:0.85em;
}
.text{
    font-size:0.7em;
}
.smlText{
    font-size:0.65em;
}
.textCol .bigLink{
    font-size:1.2em;
}
.bold{
    font-weight:bold;
}
.light{
    font-weight:100;
}
.italic{
    font-style:italic;
}
.nonItalic{
    font-style:normal;
}
.hoverUnderline, .noUnderline{
    text-decoration:none;
}
.hoverUnderline:hover, .underline{
    text-decoration:underline;
}