/* New Pop-up styles*/
  /* Other bits */

    /* Typesetting */
      body{ font-family: Arial,Helvetica,sans-serif; }
      h4{ font-size: 16px; font-weight: bold; margin-bottom: 5px; }
      .pophider p{ font-size: 12px; }
      div.moretext p{ margin-bottom: 8px;}
    /* / */


    /* Links */
      a { font-size: 13px; }
      a:link, a:visited { color:#990000; font-weight:bold; text-decoration:none; }
      a:hover, a:active { color:#FF3300; font-weight:bold; text-decoration:none; }
    /* / */


    /* popup backgrounds */
      .RHH{ background: url(../images/caseStudies/RHH.jpg) top left no-repeat #FFFFFF; }
      .anniversary{ background: url(../images/caseStudies/anniversary.jpg) top left no-repeat #FFFFFF; }
      .frogmore1{ background: url(../images/caseStudies/frogmore1.jpg) top left no-repeat #FFFFFF; }
      .paddington1 { background: url(../images/caseStudies/paddington1.jpg) no-repeat #FFFFFF; }
      .rafMuseum { background: url(../images/caseStudies/rafMuseum.jpg) no-repeat #FFFFFF; }
      .atlee1 { background: url(../images/caseStudies/atlee1.jpg) no-repeat #FFFFFF; }
      .crown { background: url(../images/caseStudies/crown.jpg) no-repeat #FFFFFF; }
      .admiralty1 { background: url(../images/caseStudies/admiralty1.jpg) no-repeat #FFFFFF; }
      .pru1 { background: url(../images/caseStudies/pru1.jpg) no-repeat #FFFFFF; }
      .englishHeritage { background: url(../images/caseStudies/englishHeritage.jpg) no-repeat #FFFFFF; }
      .palaceOfWestminster { background: url(../images/caseStudies/palaceOfWestminster.jpg) no-repeat #FFFFFF; }
      .galleria { background: url(../images/caseStudies/galleria.jpg) no-repeat #FFFFFF; }
      .stChristophers { background: url(../images/caseStudies/stChristophers.jpg) no-repeat #FFFFFF; }
      .lambeth { background: url(../images/caseStudies/stChristophers.jpg) no-repeat #FFFFFF; }
      .britishLibrary { background: url(../images/caseStudies/britishLibrary.jpg) no-repeat #FFFFFF; }
    /* / */


    /* popthingy */
      .teaser{ width: 168px; height: 114px; }
      .moretext{ margin-top: 25px; }
      .pophider{ padding:5px; width: 290px; min-height: 95px;
          /* Force a min height for IE6 */
            min-height:95px;
            height:auto !important;
            height:95px;
          /* / */
        position: relative; margin-bottom: 10px; }
      .pophider-buttonholder{ width:82px; height: 17px; margin: 0px; float: right; }
      .pophider-button{ width:82px; height: 17px; margin-bottom: 3px; display: block; overflow: hidden; background: url(../images/readmorepanel.gif) 0 0 no-repeat; position: absolute; right: 0px; bottom: 0px; cursor: pointer; }
      .pophider-button-active{ width:82px; height: 17px; margin-bottom: 3px; display: block; overflow: hidden; background: url(../images/readmorepanel.gif) 0 -16px no-repeat; position: absolute; right: 0px; bottom: 0px; cursor: pointer; }
    /* / */

  /* / */
/* / */





a:link, a:visited {
    color: #990000;
    text-decoration: none;
    font-weight: bold;
}

a:hover, a:active {
    color: #FF3300;
    text-decoration: none;
    font-weight: bold;
}




#projectspage{
                                font-size: 12px;
}

p {
        font-size: 14px;
}

a:focus {
    outline: none;
}

body {
    margin: 0px auto;
    font-family: Arial, Helvetica, sans-serif;

}

p {
    margin: 0px 0px 10px 0px;
}

#pageWrapper {
    width: 900px;
    margin: 0px auto;
    background-color: #EEEEEE;
    position: relative;
/*    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF; */
}

#mastheadHolder {
    width: 900px;
    height: 150px;
}

.horizontalNavigation {
    height: 30px;
    background-image: url(../images/navigationBG.gif);
    background-repeat: repeat-x;
}

#mainPageAreaWrapper {
    width: 900px;
    padding: 0px 0px;
/*  background-image: url(../images/fader.gif);
    background-repeat: repeat-y;*/
    background-color: #EEEEEE;
}

#leftMainColumn {
    width: 580px;
    padding: 5px;
    float: left;
}

#leftMainColumn a {font-size: 16px;}

#rightMainColumn {
    width: 300px;
    margin: 0px 5px 0px 5px;
    padding-top: 5px;
    float: right;
    clear: right;
    background-color: #EEEEEE;
}

#maintextholder{ width:576px; float:left; margin-left: 5px; }

#galleriaOutside{
    width: 576px;
    height: 138px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    float: left;
    margin: 12px 10px 0px 0px!important;
}

#galleriaOutsideText{
    width: 357px;
    padding: 5px;
}

div#galleriaOutside a { font-size: 12px; }



#bikerideOutside{
    width: 576px;
    height: 138px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    float: left;
    margin: 0px 10px 0px 0px;
}

#bikerideOutsideText{
    width: 357px;
    padding: 5px;
}

div#bikerideOutside a { font-size: 12px; }



.moreInfo{
    font-size: 12px;
    color: #999999;
    float: right;
}

.bottomgap{
    margin: 10px;
}


.boxout{
    width: 558px;
    background-color: #FFFFFF;
    padding: 10px;
    border: 1px solid #DDDDDD;
    margin-bottom: 30px;
}

.rightpic{
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
}


#warrantHolder {
    width: 300px;
    margin-right: 5px;
    float: right;
}

h4 {
    margin: 0px 0px 5px 0px;
}

.subhead{
    font-size: 17px;
    font-weight: bold;
}

.bold{
    font-weight: bold;
    color: #000099;
}


.changeMe {
    color: #FF00FF;
    text-decoration: blink;
    background-color: #66FF00;
}

/* *****************  Footer ************************ */

#accreditations{
    width: 900px;
    height: 72px;
    background-color: #EEECED;
}

#proud{
    margin: 27px 0px 0px 10px;
    width: 260px;
    float: left;
}

#accreditation-pics{
    width: 600px;
    float: left;
}


#copyright{
    width: 900px;
    height: 15px;
    background-color: #CCCCCC;
    font-size: 11px;
    padding: 3px 0px;

}

/* ***************** /Footer ************************ */


/*  Pop-ups */

#popUp{
    padding: 10px;
    background: url(../images/watermark.gif) repeat-x top center;
}


/* /Pop-ups */


.illustration{
    margin: 0px 0px 10px 10px;
    float: right;
}

.caption{ font-size: 10px; color: #666666; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 3px; }






#projectsBox{
    width: 500px;
    margin: 20px auto 0px auto;
    padding: 10px;
    background: url(../images/projectsFader.gif) #FFFFFF repeat-x top;
    border: 3px #ababab double;
    list-style: square;
    list-style-position: inside;
}








/* ***********************  Clearfix ************************ */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* *********************** /Clearfix ************************ */