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



body { background:#fff ;font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px}

#outside_area { background:#fff; width:770px; height:600px; margin: 20px auto 0px auto; }


#header { font-family:Arial, Helvetica, sans-serif; color:#521139; margin: 0px 0px 0px 0px; height:140px}
#header img { margin:12px 0px 0px 0px;}
#header h1 { font-size:18px; margin: -128px 0px 0px 485px; font-weight:normal;}
#header h2 { font-size:18px; margin: -21px 0px 0px 637px; font-weight:normal;}
#header h3 { display:none;}





.menu {width:480px; height:72px; font-size:11px; font-family:Arial, Helvetica, sans-serif; background:#FFF; position:relative; margin:-100px 0px 0px 295px; z-index:1000;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:492px; w\idth:492px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:70px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:70px;position:relative; margin:0px 10px 0px 0px;}
/* style the links for the top level */
.menu a { font-size:12px;text-decoration:none; color:#521139; padding-top:40px; padding-bottom:5px;}
.menu a, .menu a:visited {display:block;width:65px; height:30px; border:1px solid #521139; border-width:2px 2px 2px 2px; background:#fff; padding-left:5px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:60px; w\idth:60px; }



/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#fff;  }
/* style the second level hover */
.menu ul ul a.drop:hover{background:#521139;}
.menu ul ul :hover > a.drop {background:#521139;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#fff;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#521139;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:77px;left:0; width:82px; border-top:2px solid #521139; }
/* another hack for IE5.5 */
* html .menu ul ul {top:70px;t\op:71px;}

/* position the third level flyout menu */
.menu ul ul ul{left:75px; top:2px; width:82px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ffffff; color:#521139; height:auto; line-height:1em; padding:5px 15px 5px 5px; width:58px;border-width:0 2px 2px 2px; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:59px;w\idth:60px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#521139;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#521139;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}









#main_area { font-family:Arial, Helvetica, sans-serif;  width:275px; height:330px; background:#fff; top:20px; padding: 0px 10px 0px 0px; margin:40px 0px 0px 0px; }
html >body #main_area { width:275px; height:337px; margin:40px 0px 0px 0px;} 
#main_area  h1 { font-size:26px; color:#521139; font-weight:normal;}
#main_area  h2 { font-size:12px; color:#333333; font-weight:normal; }
#main_area  h3 { font-size:14px; color:#333333; font-weight:normal; }
#main_area ul { list-style-type:none;}
#main_area a { color:#521139; text-decoration:none;}
#main_area a:hover { text-decoration:underline; }

#productlist { font-family:Arial, Helvetica, sans-serif;  width:750px; height:320px; background:#fff; padding: 0px 10px 0px 0px; margin:40px 0px 0px 0px; overflow:auto; }
#productlist  h1 { font-size:26px; color:#521139; font-weight:normal; margin-left:0px; margin-top:0px;}
#productlist  h2 { font-size:12px; color:#333333; font-weight:normal; }
#productlist  h3 { font-size:14px; color:#333333; font-weight:normal; }
#productlist a { color:#521139; text-decoration:none;}
#productlist a:hover { color:#521139; text-decoration:underline;}
#productlist table { margin:0px 0px 0px 150px; font-size:12px;}
#productlist td { padding:0px 50px 10px 0px; }


#maincontractors { width:750px; height:330px; background:#fff; padding: 0px 10px 0px 10px; top:20px; margin:40px 0px 0px 0px;}
#maincontractors  h1 { font-size:26px; color:#521139; font-weight:normal; margin:9px 0px 0px -9px;}
#maincontractors .logos { margin:0px 0px 0px 100px; width:660px; height:330px; display:block; overflow:auto; }
#maincontractors img { border:none; padding:10px;}




#casestudies { font-family:Arial, Helvetica, sans-serif;  width:275px; height:330px; background:#fff; top:20px; padding: 0px 10px 0px 0px;  margin:40px 0px 0px 0px }
#casestudies .scrollable {  width:275px; height:330px; margin:30px 0px 0px 0px; padding: 0px 10px 0px 0px; overflow:auto; z-index:50; position:absolute;}
#casestudies  h1 { font-size:26px; color:#521139; font-weight:normal;}
#casestudies  h2 { font-size:12px; color:#333333; font-weight:normal; }
#casestudies a { color:#521139; text-decoration:none;}
#casestudies a:hover { text-decoration:underline;}
#back { position:absolute;  font-weight:normal; margin:0px 0px 0px 0px; }
#back a { color:#333333; font-size:12px;}

#map { margin:-190px 0px 0px 310px;}
#pic { position:relative; margin:-327px 0px 0px 317px; z-index:1; }









#gallery { background:#fff; width:430px; position:relative; height:60px; padding-top:356px; margin:0 115px 90px 395px; left:-78px; top:-15px; }
#gallery img.left { background:#fff; float:left;cursor:pointer; margin:20px 0px 0px 105px; padding-right:20px; }
#gallery img.right { background:#fff; float:left;cursor:pointer; margin:-33px 0px 0px 310px; }
#gallery ul {list-style:none; padding:0; background:#FFFFFF;  }
#gallery ul li {display:inline; width:40px; height:40px; float:left; margin:0px 4px; border:#fff 1px solid; cursor:pointer; }

/* using background images */
#gallery ul li.test1 {background:url(../images/thumbs/cyanthmubs.jpg);}
#gallery ul li.test2 {background:url(../images/thumbs/magentathumb.jpg);}
#gallery ul li.test3 {background:url(../images/thumbs/yellowthumb.jpg);}

#gallery ul li.cbs1 {background:url(../images/cbs/ridge_cbs1a.jpg);}
#gallery ul li.cbs2 {background:url(../images/cbs/ridge_cbs2a.jpg);}
#gallery ul li.cbs3 {background:url(../images/cbs/ridge_cbs3a.jpg);}

#gallery ul li.dupont2 {background:url(../images/dupont/ridge_dupont2a.jpg);}
#gallery ul li.dupont3 {background:url(../images/dupont/ridge_dupont3a.jpg);}
#gallery ul li.dupont1 {background:url(../images/dupont/ridge_dupont1a.jpg);}

#gallery ul li.lutonuni1 {background:url(../images/lutonuniversity/ridge_luton1a.jpg);}
#gallery ul li.lutonuni2 {background:url(../images/lutonuniversity/ridge_luton2a.jpg);}
#gallery ul li.lutonuni3 {background:url(../images/lutonuniversity/ridge_luton3a.jpg);}

#gallery ul li.olswang1 {background:url(../images/olswang/ridge_olswang1a.jpg);}
#gallery ul li.olswang2 {background:url(../images/olswang/ridge_olswang2a.jpg);}


#gallery ul li.commonwealth1 {background:url(../images/commonwealth/ridge_commonwealth1a.jpg);}
#gallery ul li.commonwealth2 {background:url(../images/commonwealth/ridge_commonwealth2a.jpg);}
#gallery ul li.commonwealth3 {background:url(../images/commonwealth/ridge_commonwealth3a.jpg);}

#gallery ul li.mantilla1 {background:url(../images/mantilla/ridge_mantilla1a.jpg);}
#gallery ul li.mantilla2 {background:url(../images/mantilla/ridge_mantilla2a.jpg);}
#gallery ul li.mantilla3 {background:url(../images/mantilla/ridge_mantilla3a.jpg);}

#gallery ul li.forge1 {background:url(../images/forge/ridge_forge1a.jpg);}
#gallery ul li.forge2 {background:url(../images/forge/ridge_forge2a.jpg);}
#gallery ul li.forge3 {background:url(../images/forge/ridge_forge3a.jpg);}

#gallery ul li.imperial1 {background:url(../images/imperialcourt/ridge_imperial1a.jpg);}
#gallery ul li.imperial2 {background:url(../images/imperialcourt/ridge_imperial2a.jpg);}
#gallery ul li.imperial3 {background:url(../images/imperialcourt/ridge_imperial3a.jpg);}

#gallery ul li.intercont1 {background:url(../images/intercontinental/ridge_intercont1a.jpg);}
#gallery ul li.intercont2 {background:url(../images/intercontinental/ridge_intercont2a.jpg);}
#gallery ul li.intercont3 {background:url(../images/intercontinental/ridge_intercont3a.jpg);}

#gallery ul li.oak1 {background:url(../images/oakmayne/ridge_oakmayne1a.jpg);}
#gallery ul li.oak2 {background:url(../images/oakmayne/ridge_oakmayne2a.jpg);}
#gallery ul li.oak3 {background:url(../images/oakmayne/ridge_oakmayne3a.jpg);}

#gallery ul li.wembley1 {background:url(../images/wembley/ridge_wembley3a.jpg);}
#gallery ul li.wembley2 {background:url(../images/wembley/ridge_wembley1a.jpg);}
#gallery ul li.wembley3 {background:url(../images/wembley/ridge_wembley2a.jpg);}

#gallery ul li.upton1 {background:url(../images/uptonschool/ridge_uptonschool1a.jpg);}
#gallery ul li.upton2 {background:url(../images/uptonschool/ridge_uptonschool2a.jpg);}
#gallery ul li.upton3 {background:url(../images/uptonschool/ridge_uptonschool3a.jpg);}

#gallery ul li.nuffield1 {background:url(../images/nuffield/ridge_nuffield1a.jpg);}
#gallery ul li.nuffield2 {background:url(../images/nuffield/ridge_nuffield2a.jpg);}
#gallery ul li.nuffield3 {background:url(../images/nuffield/ridge_nuffield3a.jpg);}

#gallery ul li.crown1 {background:url(../images/crownplaza/ridge_crown1a.jpg);}
#gallery ul li.crown2 {background:url(../images/crownplaza/ridge_crown2a.jpg);}
#gallery ul li.crown3 {background:url(../images/crownplaza/ridge_crown3a.jpg);}

#gallery ul li.prologis1 {background:url(../images/prologis/ridge_prologis2a.jpg);}


#gallery ul li.royallanc1 {background:url(../images/royallanc/ridge_royallancaster1a.jpg);}

#gallery ul li.stmartins1 {background:url(../images/StMartins/ridge_stmartins1a.jpg);}
#gallery ul li.stmartins2 {background:url(../images/StMartins/ridge_stmartins2a.jpg);}

#gallery ul li.uow1 {background:url(../images/UOW/ridge_uow1a.jpg);}
#gallery ul li.uow2 {background:url(../images/UOW/ridge_uow2a.jpg);}
#gallery ul li.uow3 {background:url(../images/UOW/ridge_uow3a.jpg);}

#gallery ul li.uel1 {background:url(../images/uel/ridge_uel1a.jpg);}
#gallery ul li.uel2 {background:url(../images/uel/ridge_uel2a.jpg);}
#gallery ul li.uel3 {background:url(../images/uel/ridge_uel3a.jpg);}

#gallery ul li.nymex1 {background:url(../images/nymex/ridge_nymex1a.jpg);}

#gallery ul li.meridian1 {background:url(../images/meridianpoint/ridge_meridian1a.jpg);}

#gallery ul li.quintessential1 {background:url(../images/quintessential/ridge_quintessential1a.jpg);}

#gallery ul li.redevco1 {background:url(../images/redevco/ridge_redevco1a.jpg);}

#gallery ul li.savoy1 {background:url(../images/savoy/ridge_savoy1a.jpg);}

#gallery ul li.selfridges1 {background:url(../images/selfridges/ridge_selfridges1a.jpg);}

#gallery ul li.greenford1 {background:url(../images/greenfordpark/ridge_greenford_park1a.jpg);}
#gallery ul li.greenford2 {background:url(../images/greenfordpark/ridge_greenford_park2a.jpg);}

#gallery ul li.trebor1 {background:url(../images/thumbs/treborworks4.jpg);}
#gallery ul li.trebor2 {background:url(../images/thumbs/treborworks2.jpg);}
#gallery ul li.trebor3 {background:url(../images/thumbs/treborworks3.jpg);}



/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {visibility:hidden; display:block; width:50px; height:50px;}

#gallery ul li.chosen {border-color:#521139; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:-30px; top:0px; width:490px; height:355px; }
#gallery ul li.chosen div i {width:500px; height:355px; display:table-cell; vertical-align:middle; text-align:center; } 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #521139; margin:0 auto;}







#footer {  padding:5px; text-align:right;}
#footer ul { margin:90px 0px 0px 0px; padding:0px;}
html >body #footer ul { margin:90px 0px 0px 0px; padding:0px; }
#footer h1 { position:absolute; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; margin:91px 0px 0px 355px;}

#footer li { display:inline; font-size:10px;}
#footer a { color:#333333; margin:0px 0px 0px 0px; text-decoration:none; text-transform:capitalize; font-size:10px; font-weight:normal; padding:0px 0px 0px 0px}
#footer a:hover { color:#521139; text-decoration:underline;}
#footer a.divide { border-left:1px solid #521139; margin: 0px -13px 0px 10px; padding: 0px 10px 0px 10px}

#footer img { padding-right:10px; border:none; float:left; margin:-30px 0px 0px 0px;}