body { margin: 0px; padding: 0px; color: #686868; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; background: #f8f6f1 url(../_images/template/page_bkg.gif) repeat-x scroll top left;} a { color: #7d0022; text-decoration: none;} a:hover { color: #7d0022; text-decoration: underline;} #container { width: 846px; margin-left: auto; margin-right: auto;} #innercontainer { width: 800px; margin-top: 131px; padding: 0px 23px 0px 23px; background: url(../_images/template/page_shadow.gif) no-repeat scroll top left;} /*#splash { text-align: center; margin-top: 100px;}*/ #logo { width: 122px; height: 115px; top: 0; position: absolute;} #tel { position: absolute; margin-left:604px; top: 56px; width: 196px; height: 38px;} #nav { width: 800px; height: 27px; background: url(../_images/template/nav_bkg.gif) repeat-x scroll top left; border-left: 1px solid #fff; border-right: 1px solid #fff;} #nav ul { margin: 0px; padding: 0px;} #nav li { list-style-type: none; float: left;} #flash { width: 800px; height: 319px; border-left: 1px solid #fff; border-right: 1px solid #fff;} #internal_photo { width: 800px; height: 185px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;} #internal_photo #photo_text { position: absolute; margin-left: 524px; background: #7d0023; color: #f6e1b6; width: 276px; height: 186px;} #internal_photo #photo_text #photo_content { text-transform: uppercase; padding: 90px 15px 0px 20px;} #internal_photo #photo_text #photo_content h2 { color: #f6e1b6; font-size: 140%;} #internal_photo #photo_text #photo_content p { padding-bottom: 2px;} #internal_photo #photo_text #photo_content .whitetext { color: #fff; margin-left: 10px;} #internal_photo #photo_text #subnav { width: 254px;} #internal_photo #photo_text #subnav ul { margin: 20px 10px 20px 10px; padding: 0px;} #internal_photo #photo_text #subnav li { line-height:20px; list-style-type: none;} #internal_photo #photo_text #subnav a { background: url(../_images/template/subnav_arrow.gif) no-repeat scroll center left; width: 244px; padding-left: 10px; display: block; color: #f6e1b6; font-weight: bold; text-decoration: none;} #internal_photo #photo_text #subnav a:hover { background: #480014 url(../_images/template/subnav_arrow.gif) no-repeat scroll center left; color: #fff; text-decoration: none;} #internal_photo #photo_text #subnav a.selected { background: #480014 url(../_images/template/subnav_arrow.gif) no-repeat scroll center left; color: #fff; text-decoration: none;} #main { width: 800px; background: #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;} #contenthome { width: 291px; margin-left: 272px; padding-top: 20px; min-height: 760px;} * html #contenthome { height: 760px;} #contentgallery { float: right; width: 511px; padding-right: 15px; padding-top: 20px; min-height: 500px;} * html #contentgallery { height: 500px;} #contentgallery ul { margin: 0px 0px 20px 30px; padding: 0px 0px 0px 0px;} #contentgallery li { list-style-type: square; line-height: 16px; padding-left: 0px;} #content { padding: 20px;} #content ul { margin: 0px 0px 20px 30px; padding: 0px 0px 0px 0px;} #content li { list-style-type: square; line-height: 16px; padding-left: 0px;} #footer { width: 772px; padding: 10px 15px 20px 15px; background: url(../_images/template/footer_bkg.gif) no-repeat scroll top left;} #footer_left { color: #b5a78c; float: left; width: 350px;} #footer_right { text-align: right; color: #b5a78c; float: right; width: 350px;} #footer_right a { color: #b5a78c; text-decoration: none;} #footer_right a:hover { color: #5d4e32; text-decoration: none;} #homepage_leftdiv { position: absolute; top: 445px; padding: 15px 12px 15px 12px; width: 244px; margin-left: 1px; background: url(../_images/template/homepage_shadow.gif) no-repeat scroll top left;} #homepage_rightdiv { position: absolute; top: 445px; padding: 15px 12px 15px 12px; margin-left: 583px; width: 194px; background: url(../_images/template/homepage_rightdiv.gif) repeat-x scroll top left;} #gallery_leftdiv { float: left; position: relative; margin-top: -23px; padding: 15px 12px 15px 12px; min-height: 300px; width: 244px; background: url(../_images/template/homepage_shadow2.gif) no-repeat scroll top left;} * html #gallery_leftdiv { height: 300px;} #recentprojects ul { margin: 0px 0px 15px 0px; padding: 0px;} #recentprojects li { list-style-type: none; margin-bottom: 5px; width: 155px; border-bottom: 1px dotted #ddd4c7; padding-top: 10px;} #recentprojects h2 { padding-bottom: 4px;} #recentprojects p { padding-bottom: 4px;} #recentprojects .divinityschool { background: url(../_images/template/projects_divinity.jpg) no-repeat scroll top left; padding-left: 75px;} #recentprojects .harveycourt { background: url(../_images/template/projects_harvey.jpg) no-repeat scroll top left; padding-left: 75px;} #recentprojects .clarecollege { background: url(../_images/template/projects_clarecollege.jpg) no-repeat scroll top left; padding-left: 75px;} #recentprojects .citycollegenorwich { background: url(../_images/template/projects_citycollegenorwich.jpg) no-repeat scroll top left; padding-left: 75px;} #recentprojects .cambridgefirestation { background: url(../_images/template/projects_cambridgefirestation.jpg) no-repeat scroll top left; padding-left: 75px;} #recentprojects .cb1cambridge { background: url(../_images/template/projects_cb1cambridge.jpg) no-repeat scroll top left; padding-left: 75px;} #recentprojects .clarecollege { background: url(../_images/template/projects_clarecollege.jpg) no-repeat scroll top left; padding-left: 75px;} #recentprojects .marconiworks { background: url(../_images/template/projects_marconiworks.jpg) no-repeat scroll top left; padding-left: 75px;} #recentprojects .milllane { background: url(../_images/template/projects_milllane.jpg) no-repeat scroll top left; padding-left: 75px;} #whatwedo { margin-bottom: 20px;} #whatwedo ul { margin: 0px; padding: 0px;} #whatwedo li { list-style-type: none; width: 145px; margin-bottom: 10px; border-bottom: 1px dotted #ddd4c7; padding-bottom: 5px;} #whatwedo h2 { padding-bottom: 14px;} #whatwedo p { padding-bottom: 4px;} #whatwedo .contextstudies { padding-left: 50px; background: url(../_images/template/icon_contextstudies.gif) no-repeat scroll top left;} #whatwedo .aplicationsandappeals { padding-left: 50px; background: url(../_images/template/icon_applications.gif) no-repeat scroll top left;} #whatwedo .designguidance { padding-left: 50px; background: url(../_images/template/icon_designguidance.gif) no-repeat scroll top left;} #whatwedo .research { padding-left: 50px; background: url(../_images/template/icon_research.gif) no-repeat scroll top left;} #whatwedo .development { padding-left: 50px; background: url(../_images/template/icon_development.gif) no-repeat scroll top left;} #news { padding-bottom: 20px;} #news ul { margin: 0px 0px 10px 0px; padding: 0px;} #news li { list-style-type: none; width: 200px; border-bottom: 1px dotted #ddd4c7; padding-top: 10px;} #news h2 { padding-bottom: 4px;} #news li a { padding-left: 8px; background: url(../_images/template/link_arrow.gif) no-repeat scroll center left;} #news p { padding-bottom: 6px;} #latestnews_content h2 { padding-bottom: 0px;} #beforeandafter ul { margin: 0px 0px 15px 0px; padding: 0px;} #beforeandafter li { width: 110px; height: 123px; margin-bottom: 20px; margin-right: 10px; float: left; background: url(../_images/template/gallery_bkg.gif) no-repeat scroll top left;} #beforeandafter li img { padding: 12px 0px 0px 11px;} ul#service_icons { margin: 20px 0px 0px 100px; padding: 0px;} ul#service_icons li { list-style-type: none; float: left; padding-right: 30px; padding-bottom: 20px;} ul#gallery_icons { margin: 20px 0px 0px 70px; padding: 0px;} ul#gallery_icons li { list-style-type: none; float: left; width: 300px; padding-right: 40px; padding-bottom: 20px;} /* lightbox styles */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } #main ul.inlinelist { margin:0; padding:0;} #main ul.inlinelist li { list-style-type: none; float:left; padding-right: 10px;}