﻿/* Styled: 9/2008, DMi Partners Inc. */

/* @group Basic Styles */
* {margin:0;padding:0; font-family:Helvetica,Arial,Sans-Serif;}
body {background:#fff; font-size:9pt; line-height:12.5pt; color:#4C4C4C;}
.navbar {font-weight:bold; color:#fff;}
h1 {font-size:20px;color:#00718f; margin:0 0 10px 0;}
h2 {font-size:15px;color:#00718f; margin-bottom:1px;}
h3 {font-size:13px;color:#00718f;}
h4 {font-size:12px;color:#00718f;}
h5 {font-size:10px;color:#00718f;}
img {border:none;}
.left {float:left;}
.clear {clear:both;}
p {color:#4c4c4c; margin-bottom:10px;}
a, a:visited {font-size:12px;color:#f89828; text-decoration:none;}
a:hover {text-decoration:underline;}
ul {list-style:none; margin:0 0 10px 25px;}
li {line-height:12.5pt; padding-bottom:5px;}
#ContentBody li {margin:0;}
ol {margin:5px 0 15px 25px;}
blockquote {font-size:14px; color:#00718f; line-height:20px; margin:4px 0 10px 0;}
.block{background:#f3f3f3 url(images/quote.jpg) 5px 5px no-repeat; border:1px solid #f89828; border-top:5px solid #f89828; margin:15px 25px; padding:5px 5px 5px 35px;}
q {quotes:none; color:#00718f; font-size:11px; display:block; width:100%; text-align:right; margin:-10px 0 0 0;}
#homeFlash {margin-bottom:15px;}
b, .bold{color:#00718f; font-style:normal; font-size:110%; font-weight:normal;}
.italic{font-style:italic;}
.images{margin:0 0 15px 0;}
/* @end*/

/* @group Validation */
.validation{border-top:3px solid #f89828; border-left:1px solid #f89828; border-right:1px solid #f89828; border-bottom:1px solid #f89828; background:#fdfdfd url(images/but_bg.gif) repeat-x bottom center; color:#00718f; font-weight:bold; margin:0 0 0 20px; padding:5px 0;}
.ajax__validatorcallout_error_message_cell{padding-left:5px;}
.ajax__validatorcallout_callout_arrow_cell{display:none;}
.ajax__validatorcallout_close_button_cell{padding:0 5px; cursor:pointer;}
.ajax__validatorcallout_icon_cell{padding:5px;}
/* @end */


/* @group iFramePop-Up */
#facebox .b {background: url(images/b.png);}
#facebox .tl {background: url(images/tl.png);}
#facebox .tr {background: url(images/tr.png);}
#facebox .bl {background: url(images/bl.png);}
#facebox .br {background: url(images/br.png);}
#facebox {position: absolute;top: 0;left: 0;z-index: 100;text-align: left;}
#facebox .popup {position: relative;}
#facebox table {border-collapse: collapse;}
#facebox td {border-bottom: 0;padding: 0;}
#facebox .body {padding: 10px;background: #fff;width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0;margin: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 10px;text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height: 100%;width: 100%;}
.facebox_hide {z-index: -100;}
.facebox_overlayBG {background-color:#00718f;z-index: 99;}
* html #facebox_overlay {/* ie6 hack */
  position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
/* @end */


/* @group Callouts */
.calloutBox{clear:both; float:right; font-size:14px; font-weight:bold; line-height:16px; min-height:30px; width:180px; margin:0 0 15px 15px;padding:8px 10px 2px 40px;}
.calloutBox p{font-weight:normal; font-size:13px; line-height:15px; margin:2px 0 5px 0;}
.orange{background:url(images/infoIcon.jpg) 5px 5px no-repeat; color:#f89828; background-color:#fef4e9; border:1px solid #f89828;}
.orange p{color:#f89828;}
.calloutBox ul li{font-size:11px; font-weight:normal; margin:0; padding:0;}
.calloutBox ul{margin:0; padding:0;}
#CallOutLink{background:#fbfbfb; padding:0 0 0 5px; margin:10px 0; width:180px;}
#CallOutLink p{padding:0 2px 5px 35px;}
.orangeBox{border:1px solid #ccc; border-left:3px solid #f89828;}
.blueBox {border:1px solid #ccc; border-left:3px solid #00718f;}
.calloutImage {clear:both; float:right; display:block;}
#CallOutLink .orangeLink, #CallOutLink .orangeLink:visited{background:url(images/add_icon.jpg) no-repeat left center; padding:5px 0 5px 35px; margin:0; font-size:14px; line-height:16px; color:#f89828; font-weight:bold;}
#CallOutLink .orangeLink:hover{text-decoration:underline; background:url(images/add_icon.jpg) no-repeat left center; padding:5px 0 5px 35px; margin:0; font-size:14px; line-height:16px; color:#f89828; font-weight:bold;}

#CallOutLink .blueLink, #CallOutLink .blueLink:visited{background:url(images/person_icon.jpg) no-repeat left center; padding:5px 0 5px 35px; margin:0; font-size:14px; line-height:16px; color:#00718f; font-weight:bold;}
#CallOutLink .blueLink:hover{text-decoration:underline; background:url(images/person_icon.jpg) no-repeat left center; padding:5px 0 5px 35px; margin:0; font-size:14px; line-height:16px; color:#00718f; font-weight:bold;}

.blue{background:url(images/infoIcon_blue.jpg) 5px 5px no-repeat; color:#00718f; background-color:#cfe4ea;  border:1px solid #00718f;}
.blue p{color:#00718f;}
.calllink, .calllink:visited {padding:0; margin:0; font-weight:normal; color:#00718f; text-decoration:none;  font-weight:bold;}
.calllink:hover {display:inline; background:none; text-align:right; color:#00718f; text-decoration:underline;  font-weight:bold;}
.view, .view:visited {padding:0; margin:15px 5px 5px 0; font-weight:normal; color:#00718f; text-decoration:none;  font-weight:bold;}
.view:hover {display:inline; background:none;  text-align:right; color:#00718f; text-decoration:underline;  font-weight:bold;}

/* @end*/





/* @group LightBox */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img {border: none;}
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;}
#lightbox-image-details-caption {font-weight: bold;}
#lightbox-image-details-currentNumber {display: block;clear: left;padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;}
/* @end */

/* @group Header */
#headTop {margin:0 0 5px 0; width:200px;}
.header {width:850px;}
.subheader {width:850px;height:37px;background:url(images/header_repeat.jpg) 0px 20px no-repeat;}
#tag{width:320px;}
/* @end */



/* @group News */
#newsandpress a {line-height:18px; margin:10px 0;}
#newsandpress a:hover{margin:10px 0;}
#ContentBody #dmiBody ul,#ContentBody #pressBody ul{list-style:none;}
.articles, .pressrelease{display:block; margin:15px 0;}
.view, .view:visited{padding:0; margin:15px 5px 5px 0; font-weight:normal; color:#00718f; text-decoration:none;  font-weight:bold;}
.view:hover{text-align:right; color:#00718f; text-decoration:underline;  font-weight:bold;}
/* @end */


/* @group Contact Form */
#ContactUs .row{clear:left; display:block; margin:20px 0;}
#ContactUs label {color:#4A443E; float:left; padding:3px 10px; text-align:right; text-transform:capitalize;width:100px;}
#ContactUs input, #ContactUs textarea, #ContactUs select, #ContactUs file {border:1px solid #00718f; padding:3px;width:200px;}
#ContactUs input:focus,#ContactUs textarea:focus, #ContactUs select:focus {border:1px solid #f89828;}
#ContactUs .error{background:#feead4; border:1px solid #00718f;}
#ContactUs .button{width:100px; font-weight:normal; background:#f3f3f3; border:1px solid #f89828; cursor:pointer; color:#00718f;}
#ContactUs .button:hover{background:#f2f8f9;}
#ContactUs .expanding{overflow:hidden; width:280px; min-height:100px; display: block; line-height:16px; font-size:12px;}
#ContactUs .watermark{color:#ccc;}
#ContactUs p{font-weight:bold; color:#f89828; margin:5px;}
#ContactUs .jobs{border:1px solid #f89828; background:#feead4; color:#4a443e; font-size:12px;}

/* @end */

/* @group Map */
#map{width:100%; height:350px; display:block; margin:5px 0 0 0;}
/* @End */



/* @group Body */
.page-wrap {width:850px;margin:10px auto;}
.largeColumn {width:570px;border-right:1px solid #f89828;float:left;padding:0 15px 15px 0;margin:10px 0;}
.smallColumn {width:245px;float:left;padding:0 0 15px 15px;margin:10px 0;}
.callout {width:100%;height:auto;display:block;font-weight:bold;color:#000;margin:5px 0;}
.quote {font-size:18px;font-weight:bold;color:#f89828;}
.quote a {font-size:18px;font-weight:bold;}
#sharedRisk p {width:60%;line-height:18px;margin:0 0 0 10px;padding:2% 0 0 0;}
.illustration {margin:3px 5px 10px 15px;}
.column {width:45%; float:left; margin-right:2%;}
.row {clear:both;}



/* @group Content Pages Basics */
.sidenav {display:none;}
.bodycontent, .casebodycontent {width:650px; margin-top:15px;}
#ContentBody ul, #FrontMainContent ul{list-style:disc;}
#ContentSide ul {margin:0;}
#ContentSide li {padding:0 0 10px 0; font-size:12px; line-height:15px; }
#ContentSide a, #ContentSide a:visited {color:#00718f; display:block; padding:0 0 1px 18px;}
#ContentSide a:hover, #ContentSide .stated {background:url(images/dmi_bullet.gif) no-repeat left 1px; color:#f89828;}
#ContentSide li .on {background:url(images/dmi_bullet.gif) no-repeat; color:#f89828;}

.cafe_master .bodycontent {border:none;}
.cafe_master .sidenav {border-right:1px solid #F89828; margin-bottom:0; padding-bottom:0;}


/* @group Case Studies */
.caseStudiesRight {display:block;float:left;width:185px;margin:10px 0;padding:0 0 15px 15px;}
.caselinks {margin:15px 0 0 0;}
.graph {border:4px double #f89828;}

/* Case Study Right Side Links */
.downloadLink a {width:180px;height:34px;display:block;margin:5px 0;background:url(images/caseStudies_sprite.jpg) no-repeat;}
.downloadLink a:hover {background:url(images/caseStudies_sprite.jpg) 0 -35px no-repeat;}
.visitSite a {width:180px;height:34px;display:block;margin:5px 0;background:url(images/caseStudies_sprite.jpg) 0 -72px no-repeat;}
.visitSite a:hover {background:url(images/caseStudies_sprite.jpg) 0 -107px no-repeat;}
/* @end */



/* @group Footer */
#foot a {font-size:10px; text-decoration:none; color:#acacac;}
#foot a:hover {text-decoration:underline; color:#F89828;}
#foot .on {text-decoration:underline; color:#F89828;}
#foot .headline {font-size:10px;margin:0 0 15px 0; color:#F89828;}
#foot ul {margin:0;}
#foot li {line-height:13px; padding:0;}
#foot .space {margin:10px 0 0 0;}
#foot .bold {font-weight:bold;margin:0 0 15px 0;font-size:10px;text-transform:capitalize;}
.footer {font-size:10px; line-height:11px; text-align:center;display:block;width:100%;height:auto;border-top:1px solid #f89828;padding:5px;text-align:left;float:left; margin-top:10px;}
.footercolumn {margin:0 20px 15px 0;float:left;display:block;}
#ColumnOne li{margin:5px 0;}
/* @end */



/* @group Top Navigation */
.navigation {display:block;float:right; margin-top:-12px;}
#topNavigation {display:none;}
#topNavigation li {margin:0;padding:0;list-style:none;top:0;}
#topNavigation li, #topNavigation a {height:37px; display:block; float:left;}
#topNavigation li li {background:#fff; margin:0; padding:0; height:auto;}
#topNavigation li li a {text-decoration:none; font-size:12px; line-height:15px; border-left:3px solid #f89828; color:#00718f; height:auto; padding:7px 5px 7px 5px; margin:0;}
#topNavigation li li a:hover {background:#f2f1f0; text-decoration:none; border-left:3px solid #00718f; color:#f89828;}

#home a {width:68px;}
.sf-menu #home:hover, .sf-menu #home.sfHover,.sf-menu #home a:focus, .sf-menu #home a:hover, .sf-menu #home a:active {background:url(images/navigation_sprite.jpg) 0 -36px no-repeat;outline:0;}
#home .stated {background:url(images/navigation_sprite.jpg) 0 -36px no-repeat;outline:0;}

#services a {width:72px;}
#services .stated {background:url(images/navigation_sprite.jpg) -68px -36px no-repeat;outline:0;}
.sf-menu #services:hover, .sf-menu #services.sfHover, .sf-menu #services a:focus, .sf-menu #services a:hover, .sf-menu #services a:active {background:url(images/navigation_sprite.jpg) -68px -36px no-repeat;outline:0;}


#casestudies a {width:105px;}
#casestudies .stated {background:url(images/navigation_sprite.jpg) -140px -36px no-repeat;outline:0;}
.sf-menu #casestudies:hover, .sf-menu #casestudies.sfHover,.sf-menu #casestudies a:focus, .sf-menu #casestudies a:hover, .sf-menu #casestudies a:active {background:url(images/navigation_sprite.jpg) -140px -36px no-repeat;outline:0;}


#whoweare a {width:92px;}
#whoweare .stated {background:url(images/navigation_sprite.jpg) -245px -36px no-repeat;outline:0;}
.sf-menu #whoweare:hover, .sf-menu #whoweare.sfHover,.sf-menu #whoweare a:focus, .sf-menu #whoweare a:hover, .sf-menu #whoweare a:active {background:url(images/navigation_sprite.jpg) -245px -36px no-repeat;outline:0;}


#cpacafe a {width:95px;}
#cpacafe .stated{background:url(images/navigation_sprite.jpg) -337px -36px no-repeat;outline:0;}
.sf-menu #cpacafe:hover, .sf-menu #cpacafe.sfHover, .sf-menu #cpacafe a:focus, .sf-menu #cpacafe a:hover {background:url(images/navigation_sprite.jpg) -337px -36px no-repeat;outline:0;}

.sf-menu #services li:hover, .sf-menu #services li.sfHover, .sf-menu #services li a:focus, .sf-menu #services li a:hover, .sf-menu #services li a:active, .sf-menu #casestudies li:hover, .sf-menu #casestudies li.sfHover,.sf-menu #casestudies li a:focus, .sf-menu #casestudies li a:hover, .sf-menu #casestudies li a:active, .sf-menu #whoweare li:hover, .sf-menu #whoweare li.sfHover, .sf-menu #whoweare li a:focus, .sf-menu #whoweare li a:hover, .sf-menu #whoweare li a:active, .sf-menu #cpacafe li:hover, .sf-menu #cpacafe li.sfHover, .sf-menu #cpacafe li a:focus, .sf-menu #cpacafe li a:hover, .sf-menu #cpacafe li a:active {background:#f2f1f0;}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu ul {position:absolute;top:-999em;width:10em;/* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit;/* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;top:35px;/* match top ul list item height */z-index:99;}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /*match ul width */top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em;/*match ul width */top:0;}
.sf-menu {float:left;margin-bottom:1em;}.sf-menu a, .sf-menu a:visited {/*visited pseudo selector so IE6 applies text colour*/color:#13a;}

#services ul li a {width:217px;}
#services ul li, #services ul {width:230px;}
#casestudies ul li a {width:117px;}
#casestudies ul li, #casestudies ul {width:130px;}
#whoweare ul li a {width:87px;}
#whoweare ul li, #whoweare ul {width:100px;}
#cpacafe ul li a {width:117px;}
#cpacafe ul li, #cpacafe ul {width:130px;}

/*** shadows for all but IE6 ***/
.sf-shadow ul {background:url('images/shadow.png') no-repeat bottom right;padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px;}
.sf-shadow ul.sf-shadow-off {background:transparent;}
/* @end */


.sIFR-flash {
  display: none !important;
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
}

.sIFR-alternate {
  visibility: visible !important;
  display: block !important;
  position: static !important;
  left: auto !important;
  top: auto !important;
}

