/* Default Style */ body{ font-family:"Times New Roman"; color:#000; background: #000000;} p { font-family:"Times New Roman"; color:#000; font-size:18px; line-height:105%; margin:0 0 1em 0; } span { font-family:"Times New Roman"; } h1 { font-style:normal; font-size:40px; margin-bottom:8px; line-height:29px;} h2 { font-style:normal; font-size:40px; margin-bottom:8px; line-height:29px;} h3 { color:#7FA1AF; margin-bottom:15px; padding-bottom:8px; border-bottom:2px dotted #DFE7EB; } h3 a { color:#7FA1AF; } a { text-decoration:none; outline:none; color:#4C85A3; } h4 { color:#4C85A3; font-size:19px; margin-bottom:0px; line-height:22px;} h5 { color: #000000; font-size:30px; text-transform:uppercase; margin-bottom:14px; font-weight:normal; line-height:30px;} #header { background: #000000; /*height:50px;*/ } #header a { color:#eeeeee; text-decoration:none; } #header a:hover { color:#ffffff; } #header #ascend-logo { color:#ffffff; background: url('../images/heading.gif') no-repeat; background-position:0px 0px; margin:5px 0px; text-indent: -44000px; } #header #ascend-logo:hover { background-position:0px -40px; } #header #ascend-logo a { outline:none; display:block; height:40px; } #header p { float:right; width:355px; color:#eeeeee; font-size: 13px; line-height:50px; margin:0; text-align:right; } #header p span { /*color:#7FA1AF; font-size:13px; vertical-align:top;*/ } #header p span.splitter { background:url('../images/header-splitter.gif') no-repeat 65% 0 transparent; width:2px; height:10px; display:inline-block; padding:0 8px; } div#client-area { display:none; color:#fff; border-bottom:1px solid #fff; } div#client-area h4 { font-size:26px; margin-bottom:1em; } div#client-area h5 { color:#fff; } div#client-area p { float:none; margin:0; text-align:left; width:auto; font-size:14px; line-height:1.25em; margin-bottom:1.5em; } div#client-area p.validation-advice { display:none; color:#4C85A3; } div#client-area label, div#client-area label strong { font-size:12px; text-transform:uppercase; letter-spacing:1px; } div#client-area fieldset { border:none; padding:0; } div#client-area input { padding:5px 2px; width:98%; margin:0 0 1em 0; } div#client-area textarea { padding:5px 2px; width:386px; margin:0 0 1em 0; height:90px; } div#client-area input.button { width:auto; padding:5px 20px; background:#ccc; color:#000; border:none; cursor:pointer; } div#client-area input[type="text"], div#client-area textarea, div#client-area input[type="text"]:focus, div#client-area textarea:focus { border:none; } a#clientAreaButton { background:url('../images/client-area-arrow.gif') no-repeat 50% 0; display:inline-block; } #body { background:#ffffff url('../images/wall2.jpg') repeat top left; } #body .container { position:relative; } #body #pagelink { position:absolute; bottom:0; left:0; } #body #tree { /*background:transparent url('../images/tree.gif') no-repeat bottom left;*/ } #body #nav { margin-top:68px; margin-bottom:257px; } #body #nav ul.menu { list-style-type:none; padding:0px; margin:0px 0px 8px 0px; padding: 8px 0px 5px 0px; } #body #nav ul.menu li { line-height:22px; } /* MAIN NAV */ #body #nav ul.menu li a { color:#000000; font-size:19px; line-height:22px; text-transform:uppercase; text-decoration:none; outline:none; font-style:none; } #body #nav ul.menu li a.section { color:#4C85A3; line-height:22px; } #body #nav ul.menu li a.section:hover { color:#4C85A3; } #body #nav ul.menu li a:hover { color:#4C85A3; } /* SUB NAV */ #body #nav ul.menu li ul.submenu { list-style-type:none; padding:0px; margin:0px; margin:0px 0px 5px 0px; } #body #nav ul.menu li ul.submenu li { line-height:17px; } #body #nav ul.menu li ul.submenu li a { font-family:"Times New Roman"; text-transform:none; color:#000000; font-size: 15px; line-height:17px; font-style:none; } #body #nav ul.menu li ul.submenu li a.section { color:#4C85A3; font-style:none; } #body #nav ul.menu li ul.submenu li a:hover { color:#4C85A3; font-style:none; } #body #nav div.showcase-box h3 { margin:0px; color:#000; text-transform:uppercase; font-size:14px; border:none; padding:0px; } #body #nav div.showcase-box ul { padding-left:0px; list-style-type:none; } #body #nav div.showcase-box ul li { line-height:16px; padding-left:9px; background:transparent url('../images/list-item.gif') no-repeat 0px 10px; } #body #nav div.showcase-box ul li a { text-decoration: none; color:#000; font-size:13px; } #body #nav div.showcase-box ul li a:hover { color:#4C85A3; } #body #content p.strapline { text-align:right; font-style:italic; font-size:12px; color:#000; margin-bottom:15px; margin-top:2px; } #body #content p.breadcrumbs { color:#000000; font:12px arial; margin-bottom:24px; } #body #content p.breadcrumbs a { color:#000000; text-decoration:none; } #body #content p.breadcrumbs a:hover { color:#4C85A3; } #footer-bar { height:14px; background:#232323; } #footer { background:#000000; } #footer div.column { color:#7FA1AF; padding-top:25px; padding-left:5px; background:transparent url('../images/arrow-footer.gif') no-repeat top left; } #footer div.column h2 { text-transform:uppercase; font-size:14px; margin-bottom:1px; color:#999; font-style:normal; line-height:17px;} #footer div.column h2 a { color:#999; } #footer div.address h3 { font-size:15px; line-height:17px; color:#4C85A3; border-bottom:none; } #footer div.footer-list-item { margin-bottom:15px; } #footer div.footer-list-item h3 { font-size:15px; color:#5B9FC3; margin-bottom:0px; border:none; padding:0px; line-height:15px;} #footer div.footer-list-item h3 a { color:#508CAB; } #footer div.footer-list-item:hover h3 a, #footer div.footer-list-item:hover p a { color:#ffffff; } #footer div.column p { color:#999; font-size:13px; line-height:16px; margin:0px; } #footer div.column a { color:#999; text-decoration:none; } #footer div.column a:hover { color:#FFFFFF; } #footer-lower { color:#999; font-family:Arial,Helvetica,sans-serif; } #footer-lower p { font-family:Arial,Helvetica,sans-serif; } #footer-lower .container { padding:15px 0px; } #footer-lower p { color:#999; margin:0px; font-size:11px; line-height:15px; } #footer-lower a { color:#999; text-decoration:none; font-size:11px; line-height:15px; } #footer-lower a:hover { color:#FFFFFF; } #footer-nav { padding-left:0px; } /* Normal Box Pages */ #content div.normal-box p { font-size:36px; color:#6293AD; } #shadow-boxes div.span-6 { position:relative; } #shadow-boxes div.span-6 img.head { position: absolute; top: 0px; left: 60px; z-index:50; } #shadow-boxes div.span-6 div.box-shadow { background: url('../images/box-shadow.gif') no-repeat top left; height:196px; margin-top:22px; cursor:pointer; } #shadow-boxes div.span-6 div.box-shadow div.box-shadow-inner { margin-left:9px; overflow:hidden; width:204px; height:181px; position:relative; border:3px solid #ffffff; } .caption-text { position:absolute; bottom:0; left:0; z-index:20; } .caption-overlay { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; background:#000000; } .caption-text h5 { font-size:16px; color:#ffffff; font-weight:bold; margin:0px; padding:6px 10px; line-height:18px; text-transform:capitalize; } .caption-text p { font-size:16px !important; color:#ffffff !important; margin:-6px 0px 0px; padding:0px 10px 6px; line-height:18px; } #content div.page-box h4 { color:#4C85A3; font-size:19px; } #content div.page-box p { line-height:22px; } #content div.environmental-policy { } #content div.environmental-policy h4 { font-size:17px; line-height:19px; font-style:italic; color:#666666; } #content div.environmental-policy p { font-size:13px; line-height:15px; color:#666666; } #content div.environmental-policy a { color:#6293AD; } /* Whitebox Pages */ #content div.page-box-wrapper { margin:0px 8px 0px -8px; overflow:hidden; } #content div.page-box-top { background: transparent url('../images/shadow-box-top.png') no-repeat top left; height:11px; } #content div.page-box-content { background: transparent url('../images/shadow-box-content.png') repeat-y top left; padding:10px 30px 0px; margin-bottom:-482px; min-height:465px; } #content div.page-box-bottom { background: transparent url('../images/shadow-box-bottom.png') no-repeat top left; height:502px; } #content div.page-box-content h3 { color:#4C85A3; font-size:18px; line-height:18px; } #content div.page-box-content h4 { color:#4C85A3; margin-bottom:1.25em; } #content div.page-box-content div.contact-right { float:right; padding:0px 80px 60px 40px; margin-top:-40px; background:#ffffff; } #content div.page-box-content div.right { float:right; padding-left:30px; margin:-10px -10px 0px 0px; } #content div.page-box-content img.right { float:right; padding-left:30px; margin:-10px -10px 0px 0px; } #content div.page-box-content div.right img.right { float:none; padding-left:0px; margin:0px; } #content div.page-box-content p { font-size:14px; line-height:18px; } #content div.page-box-content a { color:#4C85A3; } #content div.page-box-content .small p, #content div.page-box-content .small span, #content div.page-box-content .small a { font-size:14px; line-height:16px; margin:0px; } #Container #Content div.white-box div.white-box-footer { width:658px; display:block; background: #ffffff; color:#000; border:6px solid #ffffff; text-align:right; height:23px; position:absolute; bottom:0px; left:0px; opacity:0.7; filter: alpha(opacity = 70); line-height:23px; font-weight:bold; } #Container #Content div.white-box div.main-content { width:397px; margin: 11px 0px 0px 18px; } #Container #Content div.white-box div.extra { margin:20px 0px 20px 18px; border-top:2px dotted #DFE7EB; padding-top:10px; width:397px;} #Container #Content div.white-box div.extra h3{ border:none; margin:0px; padding:0px; color:#000000; display:inline-block; font-style:italic; font-size:16px;} #Container #Content div.white-box div.extra span:first-child {float:left; width:197px;} #Container #Content div.white-box div.extra span{float:right; width:197px;} #Container #Content div.white-box div.extra a{ display:block; text-decoration:none; font-size:16px; line-height:18px; color:#7FA1AF;} #Container #Content div.white-box img.v {position:absolute; bottom:10px; right: 10px; } /* Page 3 */ #Container #Content div.white-box div.page-3-content{ width:538px; margin: 11px 0px 11px 34px;} #Container #Content div.white-box div.page-3-content p { font-size:15px; } /* Project Pages */ #content #project-page div.page-box-content { padding:0px 20px; } #content #project-page h2 { font-size:19px; } #content #project-page h4 { font-size:15px; color:#4C85A3; } #content #project-page p { font-size:15px; line-height:17px; } #content #project-page td { padding:0px; vertical-align:top; } #content #project-page td.paddingRight, #content #project-page td.padding-right, #content #project-page td.rightPadding, #content #project-page td.right-padding { padding-right:40px; width:325px; } body.clients #content div.title h2 { font-size:40px; } body.clients #content h2 { font-size:19px; } body.clients #content td { padding:0px; vertical-align:top; } body.clients #content td p { font-size:15px; line-height:17px; } body.clients #content td h4 { font-size:15px; line-height:22px; } body.clients #content td.paddingRight, #content td.padding-right, #content td.rightPadding, #content td.right-padding { padding-right:40px; width:325px; } #project-gallery-wrapper { overflow:hidden; height:504px; position:relative; } #project-gallery { position:absolute; top:0px; left:0px; width:10000000px; } #content #project-page #project-page-user-content table { border:none !important; } #content #project-page #project-page-user-content td { border:none !important; font-family:"Times New Roman" !important; } #content #project-page #project-page-user-content h2 { font-size:19px !important; margin:1em 0 0 0; line-height:1; } #content #project-page #project-page-user-content h2 a { color:#4C85A3; } #content #project-page #project-page-user-content td h4 { font-size:15px !important; } /* sliding #project-gallery .gallery-image { float:left; height:504px; width:678px; } */ /* fading */ #project-gallery .gallery-image { position:absolute; height:504px; width:678px; } #project-gallery-wrapper .gallery-previous { z-index:1000;display:block;position:absolute; top:0; left:0; /*background:transparent url('../images/gallery-previous.png') no-repeat 50% 50%;*/ width:50%; height:504px; cursor:pointer; } #project-gallery-wrapper .gallery-next { z-index:1000;display:block;position:absolute; top:0; right:0; /*background:transparent url('../images/gallery-next.png') no-repeat 50% 50%;*/ width:50%; height:504px; cursor:pointer; } #gallery-count { font-size:14px; float:right; margin-top:-15px; padding-right:18px; } #gallery-count .gallery-previous { padding:0 10px; font-weight:bold; cursor:pointer; background:url('../images/previous-arrow-small.gif') no-repeat 0 3px transparent; } #gallery-count .gallery-next { padding:0 10px; font-weight:bold; cursor:pointer; background:url('../images/next-arrow-small.gif') no-repeat 100% 3px transparent; } #gallery-count .gallery-previous:hover, #gallery-count .gallery-next:hover { color:#508CAB; } /* Clients Page */ #clients-pictures { display:block; position:relative; height:520px; } #clients-pictures a { position:absolute; cursor:pointer; } /* News Pages */ #content #news-page h2 { font-size:28px; margin-bottom:2px; } #content #news-page h2 a { color:#000000; } #content #news-page div.article-details { float:right; font-size:14px; line-height:16px; font-style:italic; text-align:right; } #content #news-page div.article-details a { color:#4C85A3; } #content #news-page div.page-box-content p { padding-right:20px; overflow:hidden; } #content #news-page div.page-box-content p img.left { float:none; margin:0; padding:0; } #content #news-page a.back-to-top { display:block; overflow:hidden; text-indent:-1000px; margin-left:-230px; cursor:pointer; width:191px; height:13px; background:transparent url('../images/back-to-top.gif') no-repeat top left; } /* Sitemap */ #sitemap div.page-box-content h4 { background:#eeeeee; padding:2px 10px; font-style:italic; margin-bottom:6px; } #sitemap div.page-box-content h4 a { color:#000000; font-size:16px; } #sitemap div.page-box-content div.sitemap-list-wrapper { margin-left:10px; } #sitemap div.page-box-content ul.sitemap-list { margin:0; padding:0; } #sitemap div.page-box-content ul.sitemap-list li { list-style:none; margin-left:20px; } #sitemap div.page-box-content ul.sitemap-list li a { text-decoration:none; color:#333333; font-size:13px; font-style:italic; } /* Global */ #content h2 span.blue { color:#4C85A3; font-style:normal; display:block; margin-top:10px; } #content h1 span.blue { color:#4C85A3; font-style:normal; display:block; margin-top:10px; } #content p span.blue { color:#4C85A3; } div.no-height { height:0px; }