/*
----------------------------------------------------------------------------------------------------
200
Website Design and Development by
Object Adjective
www.objectadjective.com

Created 2007 by: Jeremy Anderson
----------------------------------------------------------------------------------------------------
*/

/* Globals
----------------------------------------------------------------------------------------------------*/

body {margin: 0; padding: 0; text-align: center; font-family: Geneva, Verdana, sans-serif; font-size: 85%; color: #000; background: #bbb;}
body, html {height: 100.1%;}
img {border: 0;}
p {margin: 12px 0; line-height: 1.2;}
h1 {margin: 8px 0 0 0; color: #000; font-size: 180%;}
h1.title {color: #c9cac9; margin: 0 0 -12px;}
h2 {font-size: 110%; color: #001143; margin: 12px 0;}
h2.heading {margin: 0 0 2px 0;}
h2 span {color: #fff; padding: 3px 6px; background: #d7cfbb;}
h2.details {background: #fff url(../img/details-icon-large.jpg) 0 0 no-repeat; padding-left: 30px;}
h2.details span {color: #d7cfbb; background: #fff; padding: 0;}
h3, h4 {font-size: 110%; color: #fdac40; margin: 0 0 -8px 0;}
h4 {color: #8b93a2;}
blockquote {margin: 0; font-size: 110%; text-indent: -.5em; text-align: justify;}
cite {float: right; display: block; font-size: 80%; color: #bbb; margin-top: 5px;}
abbr {border: 0;}

:focus, :active  {outline: none;}
a {color: #fdab3f; text-decoration: none; padding: 0 2px;}
a:visited {color: #C2A379;}
a:hover {color: #fdab3f; background: #f0f0f0 url(../img/hover.jpg) 0 0 repeat-x; text-decoration: none;}
h2 a {color: #001143; text-decoration: none; padding: 0;}
h2 a:hover {color: #fdab3f; background: transparent;}
.clear {clear: both;}
.fl {float: left; margin: 0 10px 5px 0;}
.fr {float: right; margin: 0 0 5px 10px;}
.mt {margin-top: 12px;}
.small, .back {font-size: 90%;}
.right {text-align: right;}
#preload img {height: 1px; width: 1px ; opacity: .00;}
* html #preload img {filter:alpha(opacity=00);}

#mainwrap {min-height: 100%; position: relative;}
* html #mainwrap {height: 100%;}
#wrap {width: 800px; background: #fff url(../img/wrap-bottom.jpg) 0 bottom no-repeat; padding: 0 0 16px 0; margin: 0 auto;}
#head {height: 101px;}
#head a, #head a:hover {padding: 0; background: #fff;}
#logo {float: left; margin: 27px 0 0 18px;}
#logo a, #logo a:hover {border: 0; padding: 0; background: #fff;}
.searchform {width: 269px; margin-top: 44px; float: right; padding: 0;}
.searchform #s {border: 1px solid #001143; background: #fff; color: #858d9d; float: left;}
.searchform #searchsubmit {border: 0; float: left; margin: 1px 0 0 10px;}

/* Main Navigation
----------------------------------------------------------------------------------------------------*/

.block {display: block !important}
.none {display: none;}

#nav {margin: 0; padding: 0 0 0 28px; list-style: none; width: 772px; background: #fff url(../img/main-nav.jpg) 0 -99px no-repeat; height: 33px;}
#nav li {float: left; position: relative; margin: 0; padding: 0 2px 0 0;}
#nav:after {content: "."; clear: both; height: 0; visibility: hidden;}
* html #nav {height: 1px;}
#nav li a {display: block; height: 33px; text-indent: -4000px; padding: 0; border: 0;}
#nav li a:hover {border: 0;}

#nav .navhome a {width: 63px; background: #fff url(../img/main-nav.jpg) -28px 0 no-repeat;}
#nav .navhome a:hover {background-position: -28px -33px;}
#bodyhome #nav .navhome a {background-position: -28px -66px;}

#nav .navproducts a {width: 169px; background: #fff url(../img/main-nav.jpg) -93px 0 no-repeat;}
#nav .navproducts a:hover, #nav .navproducts:hover a, #nav .navproducts .ie {background-position: -93px -33px;}
#bodyproducts #nav .navproducts a {background-position: -93px -66px;}

#nav .navsolutions a {width: 86px; background: #fff url(../img/main-nav.jpg) -264px 0 no-repeat;}
#nav .navsolutions a:hover, #nav .navsolutions:hover a, #nav .navsolutions .ie {background-position: -264px -33px;}
#bodysolutions #nav .navsolutions a {background-position: -264px -66px;}

#nav .navclients a {width: 77px; background: #fff url(../img/main-nav.jpg) -676px 0 no-repeat;}
#nav .navclients a:hover, #nav .navclients:hover a, #nav .navclientsclients .ie {background-position: -676px -33px;}
#bodyclients #nav .navclients a {background-position: -676px -66px;}

#nav .navconsulting a {width: 97px; background: #fff url(../img/main-nav.jpg) -352px 0 no-repeat;}
#nav .navconsulting a:hover, #nav .navconsulting:hover a, #nav .navconsulting .ie {background-position: -352px -33px;}
#bodyconsulting #nav .navconsulting a {background-position: -352px -66px;}

#nav .navabout a {width: 63px; background: #fff url(../img/main-nav.jpg) -451px 0 no-repeat;}
#nav .navabout a:hover, #nav .navabout:hover a, #nav .navabout .ie {background-position: -451px -33px;}
#bodyabout #nav .navabout a {background-position: -451px -66px;}

#nav .navcareers a {width: 77px; background: #fff url(../img/main-nav.jpg) -516px 0 no-repeat;}
#nav .navcareers a:hover, #nav .navcareers:hover a, #nav .navcareers .ie {background-position: -516px -33px;}
#bodycareers #nav .navcareers a {background-position: -516px -66px;}

#nav .navcontact a {width: 77px; background: #fff url(../img/main-nav.jpg) -595px 0 no-repeat;}
#nav .navcontact a:hover, #nav .navcontact:hover a, #nav .navcontact .ie {background-position: -595px -33px;}
#bodycontact #nav .navcontact a {background-position: -595px -66px;}

/* Drop Down Menus
----------------------------------------------------------------------------------------------------*/

#nav li ul {display: block; position: absolute; margin: 0; padding: 0; width: 192px; top: 33px; left: -4px; z-index:100 !important; background: transparent url(../img/drop-top.jpg) 0 0 no-repeat; padding-top: 14px; text-align: left;}
#nav li ul li {display: inline; margin: 0; padding: 0; width: 192px; background: transparent url(../img/drop-mid.png) 0 0 repeat-y;}
#nav li ul li a {background-image: none !important; background-color: #fff !important;  color: #001143; display: block; float: none; width: 168px !important; text-indent: 0; margin: 0 7px !important; padding: 2px 5px ; height: 21px; font-size: 90%; text-decoration: none;}
head:first-child+body #nav li ul li a {height: auto;}
#nav li ul li a:hover {background-color: #dfdfdf !important;}
#nav li ul li.bottom {background: transparent url(../img/drop-bottom.png) 0 bottom no-repeat; height: 21px;}

#nav li ul .sub a, #nav li ul  li ul .navsub a {background:  #C8D6E4 url(../img/navsub.gif) 137px 7px no-repeat !important}
#nav li ul ul {left: 145px; top: -1px;}
#nav li ul.sub li a {background-image: none !important; background-color: #C8D6E4 !important}
#nav li ul .sub li a:hover {background-color: #fff !important;}
#nav li ul .sub li ul li a {background-image: none !important;}
#nav li ul {display: none;}
head:first-child+body #nav li:hover ul {display: block;}
head:first-child+body #nav li ul ul {display: none !important;}
#nav li ul li.first {padding-top: 4px !important;}
/*head:first-child+body #nav li li:hover ul {display: block !important}*/

/* IE6 Menu PNG transparency FIX {--MEH!--}
----------------------------------------------------------------------------------------------------*/
* html #nav ul li {background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.deteringconsulting.com/img/drop-mid.png", sizingMethod="scale");}
* html #nav ul li.bottom {background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.deteringconsulting.com/img/drop-bottom.png", sizingMethod="crop");}


/* Center Image / Flash
----------------------------------------------------------------------------------------------------*/

#banner {height: 150px; width: 800px;}
#bodyhome #banner, #bodysearch #banner, #bodysitemap #banner, #bodynews #banner {background: #fff url(../img/home-center.jpg) 0 0 no-repeat;}
#bodyproducts #banner {background: #fff url(../img/products-center.jpg) 0 0 no-repeat;}
.iwb #banner {background: #fff url(../img/iwb-center.jpg) 0 0 no-repeat;}
#bodysolutions #banner {background: #fff url(../img/solutions-center.jpg) 0 0 no-repeat;}
#bodyconsulting #banner {background: #fff url(../img/consulting-center.jpg) 0 0 no-repeat;}
#bodyabout #banner {background: #fff url(../img/about-center.jpg) 0 0 no-repeat;}
#bodycareers #banner {background: #fff url(../img/careers-center.jpg) 0 0 no-repeat;}
#bodycontact #banner {background: #fff url(../img/contact-center.jpg) 0 0 no-repeat;}
#bodyclients #banner {background: #fff url(../img/clients-center.jpg) 0 0 no-repeat;}


/* Main Content
----------------------------------------------------------------------------------------------------*/

#content {padding: 0 25px 25px 25px; text-align: left;}
#content #main {float: right; width: 530px;}
#content #main ul {list-style: none;}
#content #main ul li {padding-left: 20px; background: transparent url(../img/li.jpg) 0 1px no-repeat; margin-left: -20px;}
* html #content #main li {margin-left: 0;}
#bodyhome #content #main {width: 420px; float: left;}
#bodysearch #content #main, #bodysitemap #content #main {width: 100%; float: none;}
#content .contentbox {width: 529px; background: #ebebeb url(../img/contentbox-top.jpg) -1px 0 no-repeat; padding: 17px 0 0 0; margin: 24px 0;}
#bodyhome #content .contentbox {width: 420px; background: #ebebeb url(../img/h-contentbox-top.jpg) 0 0 no-repeat; padding: 17px 0 0 0; margin: 12px 0;}
#content .contentbox .close {background: #ebebeb url(../img/contentbox-bottom.jpg) -1px bottom no-repeat; height: 17px; clear: both;}
#bodyhome #content .contentbox .close {background: #ebebeb url(../img/h-contentbox-bottom.jpg) 0 bottom no-repeat; height: 17px; clear: both;}
#content .contentbox .inside {background: #fff; margin: 5px 3px 0 3px; padding: 10px;}
#content .contentbox h2 {margin: 0 17px;}
#content .contentbox p {margin: 8px 17px 0 17px;}
#content .contentbox .more {width: 28px; height: 16px; display: block; background: transparent url(../img/more.jpg) 0 0 no-repeat; float: right; border: 0; padding: 0;}
#content .contentbox li {margin-left: 0 !important;}
.news {width: 284px; float: right; background: #dfdfdf url(../img/detering-news-bottom.jpg) 0 bottom no-repeat; padding-bottom: 16px; margin: 12px 0;}
.news h2 {margin: 0; padding: 0;}
.news h2 a, .news h2 a:hover {height: 33px; text-indent: -4000px; width: 284px; margin: 0; padding: 0; display: block; background: #dfdfdf url(../img/detering-news.jpg) 0 0 no-repeat;}
.news a {text-decoration: none; color: #001143; padding: 0;}
.news a:hover {background: transparent; color: #868d9f;}
.news p {margin: 12px 18px;}
.news span {font-size: 80%; color: #595d69; display: block;}
.rss {background: #858d9d url(../img/sap-news-bottom.jpg) 0 bottom no-repeat !important;}
.rss h2 a, .rss h2 a:hover {background: #858d9d url(../img/sap-news.jpg) 0 0 no-repeat !important;}
.rss p {color: #c8cace; margin: 12px  18px !important; background: transparent !important; float: none; width: 248px; padding: 0; font-size: 80%;}
.rss a {font-size: 120%;}
.rss a:hover {color: #000;}
.news div {margin: 0 18px 0 0 !important; background: transparent !important; float: none;}
.news .block {height: 14px; background: #858d9d !important; position: relative; top: -28px; margin-bottom: -3px !important;}
.description-top {background: #d7cfbb; height: 8px;}
.description-bottom {background: #d7cfbb; height: 8px;}
.popup img {margin: 0 0 -5px 2px;}
.more {text-align: right; font-weight: bold; padding-right: 25px !important; background: #fff url(../img/details-icon.jpg) right 0 no-repeat;}
.diagram {padding: 7px; border: 1px dashed #8b93a2;}
.screenshot {width: 270px; float: left;}
.contact, a:hover.contact {padding-right: 25px; background: #fff url(../img/contact-icon.jpg) right 0 no-repeat;}
.subscribe, a:hover.subscribe {padding-right: 25px; background: #fff url(../img/subscribe-icon.jpg) right 0 no-repeat;}
.resume, a:hover.resume {padding: 0 25px 3px 0; background: #fff url(../img/resume.jpg) right 0 no-repeat;}
.project, a:hover.project {padding: 0 30px 3px 0; background: #fff url(../img/project.jpg) right 0 no-repeat;}
.email, a:hover.email {padding-right: 25px; background: #fff url(../img/email.jpg) right 1px no-repeat; font-weight: normal; color: #fdab3f;}
a:hover.contact, a:hover.subscribe, a:hover.resume, a:hover.project, a:hover.email {color: #8b93a2;}
h2.subscribe {border-bottom: 2px solid #d7cfbb;}
h2.headline { border-bottom: 4px solid #d7cfbb;}
h2.headline .date {float: right; background: #d7cfbb; font-size: 70%; font-weight: normal; color: #fff; padding-top: 7px;}
.indent p {margin-left: 20px;}
.hr {margin: 20px 0; border-bottom: 4px solid #ebebeb;}
.hr .date {float: right; background: #ebebeb; font-size: 70%; font-weight: normal; color: #9a9a9a; padding: 5px;}
.footnote {font-size: 95%; color: #666;}

.affiliates {border-top: 4px solid #ebebeb; width: 100%; overflow: hidden; margin-top: 50px;}
.affiliates p {text-align: center; margin: 20px 0;}
.affiliates img {margin: 0 40px 40px 0; border: 0; padding: 0; background: transparent; vertical-align: middle;}


/* Search Results
----------------------------------------------------------------------------------------------------*/

.search_results {overflow: hidden;}
* html .search_results {width: 750px !important;}
.search_results table {border: 0 !important;}
.search_results a {color: #fdab3f !important; text-decoration: none !important; padding: 0 2px !important;}
.search_results a:visited {color: #C2A379 !important;}
.search_results a:hover {color: #fdab3f !important; background: #f0f0f0 url(../img/hover.jpg) 0 0 repeat-x !important; text-decoration: none !important;}

/* Sub Navigation
----------------------------------------------------------------------------------------------------*/

#subnav {width: 184px; float: left; margin: 82px 0 0 0; background: #fff url(../img/subnav-top.jpg) 0 0 no-repeat; padding-top: 13px; font-size: 90%;}
#bodysearch #subnav, #bodysitemap #subnav {display: none;}
#subnav ul {list-style: none; margin: 0; padding: 0;}
#subnav li {margin: 0; padding: 1px 5px 0 5px; border: 1px solid #8b93a2; border-width: 0 1px 0 1px;}
#subnav li a {display: block; padding: 3px 14px 3px 5px; color: #001143;}
#subnav li a:hover, #subnav li a.hi {background: #dfdfdf;}
#subnav li a.hi {color: #000;}
#subnav li.first {padding-top: 5px;}
#subnav li.bottom {height: 13px; background: transparent url(../img/subnav-bottom.jpg) 0 top no-repeat; border: 0;}
*:first-child+html #subnav li.bottom {margin-top: -3px;}

/* Footer
----------------------------------------------------------------------------------------------------*/

#footer {margin: 8px 0 40px 0; text-align: center; font-size: 90%; margin-bottom: 50px;}
#footer a {padding: 0 20px; color: #fff; text-decoration: none;}
#footer a:hover {background: transparent; color: #fff;}

/* Base */
#base {position: relative; top: -31px; border-bottom: 8px solid #dfdfdf; padding: 5px 20px; overflow: hidden; color: #666; font-size: 70%;}
* html #base {border: 0;}
#base a {color: #4d556e; text-decoration: none;}
#base a:hover {background: transparent; color: #000;}
#base .byline {float: left;}
#base .copyright {float: right;}

/* Popup Divs
----------------------------------------------------------------------------------------------------*/

#tlink {position: fixed; top: 10%; left: 50%; width: 607px; margin-left: -300px; background: transparent url(../img/pop-top.png) 0 0 no-repeat; padding-top: 32px; z-index: 1000; text-align: left; display: none;}
#tlink .mid {padding: 0 12px; background: transparent url(../img/pop-mid.png) 0 0 repeat-y;}
#tlink .bottom {height: 33px; background: transparent url(../img/pop-bottom.png) 0 bottom no-repeat;}
* html #tlink {width: 607px; position: absolute;}
*:first-child+html #tlink .bottom {margin-top: -18px;}
 /*\*/
 html>body*#tlink .bottom {margin-top: -15px;}
 /**/
#tlink:target, #tlink.sftarget {display: block;}
#close {padding: 5px 15px 5px 5px; background: #dfdfdf; margin: 10px 0 0 0; }
#close a, #close a:hover {color: #8b93a2; background: transparent;}
#tlink h1 {margin-left: 20px;}
#dim {opacity: .50; *filter:alpha(opacity=50); position: absolute; top: 0; left: 0; width: 100%; background: #f0f0f0 url(../img/hover.jpg) 0 0 repeat; display: none; z-index: 600;}
#links ul {margin-bottom: 15px;}
#tlink .right a:hover {color: #002132 !important; text-decoration: none;}

/* IE6 POP Div PNG transparency FIX {--MEH!--}
----------------------------------------------------------------------------------------------------*/

* html #tlink {background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.deteringconsulting.com/img/pop-top.png", sizingMethod="crop");}
* html #tlink .mid {height: 532px; background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.deteringconsulting.com/img/pop-mid.png", sizingMethod="scale");}
* html #tlink .bottom {background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.deteringconsulting.com/img/pop-bottom.png", sizingMethod="crop");}


/* Form Styles
----------------------------------------------------------------------------------------------------*/

#form fieldset {border: 2px solid #feac40; *padding: 10px;}
#form legend {color: #ab92a2;}
#form .key {text-align: right; padding-right: 10px; background: #fff url(../img/req.gif) right 0 no-repeat; font-weight: bold;}
#form span {display: block; margin-top: 10px; width: auto; font-size: 90%;}
#form span b {font-weight: normal; color: #333;}
#form span.req {font-weight: bold; background: transparent url(../img/req.gif) 0 0 no-repeat; padding-left: 8px;}

#form input, #form textarea, #form select {border: 1px solid #000; font-size: 14px;}
#form textarea {font-family: Arial, Helvetica, sans-serif;}
#form .button {border: 0; margin: 10px 0 0 0;}
#form .form_button {border: 0; display: block; margin: 5px;}
.group, .all {margin: 20px 0; background: #fff; border: 2px solid #ab92a2; padding: 8px; color: #ab92a2;}
.all {background: #dfdfdf; color: #000;}
.all h3 {color: #001244;}
.submitform span {display: inline !important; color: #ab92a2;}

.bold {font-weight: bold; color: #71c9f6; text-decoration: none !important;}
.block {display: block !important;}
.none {display: none !important;}
.fade {-moz-opacity: .30; *filter:alpha(opacity=30);}

 /* Sitemap
----------------------------------------------------------------------------------------------------*/

#bodysitemap #main #nav {background: transparent; width: auto; height: auto;}
#bodysitemap #main #nav li {float: none; padding: 0 !important; background: transparent ; margin: 0 0 0 -20px; height: auto; border-bottom: 2px solid #d7cfbb;}
* html #bodysitemap #main #nav li {margin-left: 0 !important;}
#bodysitemap #main #nav li a, #bodysitemap #main #nav li a:hover {background: transparent !important; text-indent: 0; height: auto; width: auto; padding: 0; margin: 0; top: 0;}
#bodysitemap #main #nav li a:hover {color: #fdab3f; background: #f0f0f0 url(../img/hover.jpg) 0 0 repeat-x !important;}
#bodysitemap #main #nav li ul {display: block !important; position: relative; top: 10px; left: 60px; margin-bottom: 20px; background: transparent; width: auto;}
#bodysitemap #main #nav li ul li, #bodysitemap #main #nav li ul .first {float: none; padding: 0 0 0 20px !important; background: transparent url(../img/li.jpg) 0 1px no-repeat; margin: 0 0 0 -20px; height: auto; width: auto; border: 0;}
#bodysitemap #main #nav li ul li a {height: auto; padding: 0 !important; margin: -13px 0 18px 0 !important; width: auto;}

#bodysitemap #main #nav .bottom {display: none;}