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


/* Clear fix - http://www.webtoolkit.info/css-clearfix.html */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

html {height:100%}
body {height:100%; background: url(bg_container.jpg) top left repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:75%}
.imageOnly {padding:20px; background:url(bg_content.jpg) top left repeat;}


.hidden { height:1px !important; left:0px !important; overflow:hidden !important; position:absolute !important; left:-9999px !important; width:1px !important; line-height:1px !important; float:left; }

h1 {font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; color:#b2b2b2; border-bottom:1px solid #d8d8d8; padding:0 0 5px 0; margin:0 0 2px 0; letter-spacing:.2em}
h2 {font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; color:#df393d; border-bottom:1px solid #d8d8d8; padding:0 0 5px 0; margin:35px 0 0 0; letter-spacing:.2em; line-height:1.4em}
#mainContent h2 a {text-decoration:none; }
#mainContent h2 a:hover {text-decoration:underline; }
#mainContent h2 a:visited {text-decoration:none; color:#df393d;}
h2.first {margin:0 0 0 0; border-top:1px solid #d8d8d8; padding:10px 0 10px 0}
h2.simple {margin:0; line-height:1.1em}
h2.noUnderline {border-bottom:none}
h3 {font-size:1em; padding:20px 0 0 0; margin:0; color:#333}
h3.body {color:#000; border-bottom:1px solid #ccc; padding:7px 0 10px 0; margin:0; font-size:1.1em}

img {border:none}
img.right {float:right; margin-top:10px}

.rhsPod h3 {color:#B3B3B3; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; border-bottom:1px solid #ccc; padding:0 0 8px 0; margin:0; letter-spacing:0.1em}
.rhsPod h3 a, .rhsPod h3 a:hover {color:#B3B3B3; text-decoration:none}
.rhsPod h3.noLine {border-bottom:none}

#footer {clear:both; color:#A77C4F; font-size:0.9em; padding-top:10px; font-family:Arial, Helvetica, sans-serif; width:664px; margin:0 auto 0 117px;}

p.slogan {font-family:Helvetica, sans-serif; text-transform:uppercase; font-size:1.57em; color:#df393d; font-weight:normal; letter-spacing:.17em; padding:0; margin:83px 0 0 8px; line-height:0.86em;}

/*sIFR*/
/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

.sIFR-flash { visibility: visible !important; margin: 0; padding: 0;}

.sIFR-replaced, .sIFR-ignore { visibility: visible !important;}

.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}

.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}

/*---- Header styling ---*/

.sIFR-active h1 {visibility: hidden;}

.sIFR-active p.slogan {visibility: hidden; height:20px; margin-top:79px;}

.sIFR-active #footer {visibility: hidden; width:675px; margin:0 auto 0 107px;}



/*end sIFR*/



p, ul, li, ol, td, blockquote {color:#6b5f65; line-height:1.6em; margin:0}
p {margin-top:10px;}

a {color:#ed4054; text-decoration:underline}
a:hover {color:#ed4054; text-decoration:none}
#mainContent a:visited {color:#b98e6e;}
.lhsPod a:visited {color:#ed4054;}


#container {width:100%}

#content {width:904px; padding:23px 0 20px 23px; background:url(bg_content.jpg) top left repeat; margin:20px auto;  font-size:1em}

.lhsBar {float:left; margin:0 0 20px 0; width:209px}
.lhsPod {border:2px solid #d7b788; padding:13px 13px 14px 13px; margin-top:20px; width:170px} 
.lhsPod h2 {border-bottom:2px solid #d7b788; margin:0 0 0 0; }
.lhsPod h2 a { text-decoration:none}
.lhsPod p, .lhsPod h3 {font-size:0.9em; color:#231F20; margin:0; padding-top:10px}
.lhsPod h3 {padding-top:10px}


#nav {background:url(bg_nav.gif) top left no-repeat;  height:358px; margin:5px 0 0 0; font-family:Arial, sans-serif; text-transform:uppercase; font-size:1em; font-weight:bold; letter-spacing:0.2em}
#nav a {text-decoration:none; display:block; width:105%}
#nav a span {visibility:hidden}

#nav ul {list-style:none; padding:0; margin:0; position:absolute; line-height:1.2em; width:100%; width:209px}
#nav ul li {margin-bottom:16px; height:10px; padding:0; font-size:0.7em; }

#nav ul li.navH1{position:absolute; top:81px; left:26px; width:60px;}
#nav ul.navH1List {position:absolute; top:30px; left:101px; width:110px;}

#nav ul li.navH1 a.on1:hover, #nav ul li.navH1 a.on1.current {background:url(nav_on_services.gif) top left no-repeat;}
#nav ul.navH1List li a.on1A:hover, #nav ul.navH1List li a.on1A.currentA {background:url(nav_on_site_planning.gif) top left no-repeat;}
#nav ul.navH1List li a.on1E:hover, #nav ul.navH1List li a.on1E.currentE {background:url(nav_on_webwriting.gif) top left no-repeat;}
#nav ul.navH1List li a.on1B:hover, #nav ul.navH1List li a.on1B.currentB {background:url(nav_on_site_improvement.gif) top left no-repeat;}
#nav ul.navH1List li a.on1C:hover, #nav ul.navH1List li a.on1C.currentC {background:url(nav_on_massive_help.gif) top left no-repeat;}
#nav ul.navH1List li a.on1D:hover, #nav ul.navH1List li a.on1D.currentD {background:url(nav_on_content_training.gif) top left no-repeat;}

#nav ul li.navH2{position:absolute; top:189px; left:26px; width:60px}
#nav ul.navH2List {position:absolute; top:177px; left:101px; font-size:0.7em; width:110px;}

#nav ul li.navH2 a.on2:hover, #nav ul li.navH2 a.on2.current {background:url(nav_on_clients.gif) top left no-repeat;}
#nav ul.navH2List li a.on2A:hover, #nav ul.navH2List li a.on2A.currentA {background:url(nav_on_list.gif) top left no-repeat;}
#nav ul.navH2List li a.on2B:hover, #nav ul.navH2List li a.on2B.currentB {background:url(nav_on_case_studies.gif) top left no-repeat;}

#nav ul li.navH3{position:absolute; top:270px; left:26px; width:60px}
#nav ul.navH3List {position:absolute; top:245px; left:101px; font-size:0.7em; width:110px;}

#nav ul li.navH3 a.on3:hover, #nav ul li.navH3 a.on3.current {background:url(nav_on_about.gif) top left no-repeat;}
#nav ul.navH3List li a.on3A:hover, #nav ul.navH3List li a.on3A.currentA {background:url(nav_on_simple_approach.gif) top left no-repeat;}
#nav ul.navH3List li a.on3B:hover, #nav ul.navH3List li a.on3B.currentB {background:url(nav_on_great_people.gif) top left no-repeat;}
#nav ul.navH3List li a.on3C:hover, #nav ul.navH3List li a.on3C.currentC {background:url(nav_on_contact.gif) top left no-repeat;}

#nav ul li.navH4{position:absolute; top:345px; left:26px; width:150px}
#nav ul li.navH4 a.on4:hover, #nav ul li.navH4 a.on4.current {background:url(nav_on_simple.gif) top left no-repeat;}

#mainContent {float:left; width:460px; border:none; margin:99px 0 0 8px; }
.content_block .cb_top {padding-top:16px; background:url(bg_content_block_top.gif) top left no-repeat;}
.content_block .cb_middle {background:url(bg_content_block_middle.gif) top left repeat-y; padding:10px 30px 22px 27px; min-height:613px}
.content_block.short .cb_middle { min-height:100px}
.content_block .cb_bottom {padding-top:18px; background:url(bg_content_block_bottom.gif) top left no-repeat;}
.content_block ul {padding:0 0 0 15px; margin:0}
.content_block dt {font-weight:bold; padding-top:10px; border-top:1px solid #e5e5e5; margin-top:10px; line-height:1.6em;}
.content_block dt.first {padding-top:0; border-top:none; margin-top:0}
.content_block dt a {font-weight:normal}
.content_block dd {color:#696969; line-height:1.6em; margin-left:0;}
.content_block dl img {float:right; margin:0 0 0 10px;}
.content_block ul {margin-top:10px}
.content_block ul li.noPadd {padding:0; margin:5px 0 0 0}
.content_block ul li.noPadd ul {margin:0; padding:0}
.content_block ul li.noPadd ul li {margin:0; padding:0; list-style:none; }
.content_block ul.csList {padding:0; margin-top:3px; list-style:none}
.content_block ul.csList li {line-height:1.8em}
.content_block p.readMore {width:200px; padding:14px 0 0 0; margin:0;}
.content_block p.browse {float:right; padding:14px 0 0 0; margin:0;}
.content_block p.sub {margin:21px 0 0 0; padding:0; font-weight:bold; font-size:1.1em}
.content_block p.morePadd {margin-top:18px}
.content_block img.cseg {margin-top:10px}
.content_block h3.recentArticles {padding:22px 0 0 0; margin:0; color:#6b5f65; text-transform:uppercase}
.content_block ul.recentArticleList {padding:0; margin:0; list-style:none}

.rhsBar {float:left; width:220px;}

.rhsPod p {font-size:0.9em}
.rhsPod .rhs_top {padding-top:15px; background:url(bg_rhs_pod_top.gif) 0 0 no-repeat;}
.rhsPod	.rhs_middle {background:url(bg_rhs_pod_middle.gif)  0 0 repeat-y; padding:5px 30px 7px 20px;}
.rhsPod	.rhs_bottom {padding-top:11px; background:url(bg_rhs_pod_bottom.gif)  0 0 no-repeat;}
.rhsPod table {width:100%; border-collapse:collapse}
.rhsPod table td {border:1px solid #696969; padding:5px; line-height:1.1em; font-size:0.9em}
.rhsPod img.border {border:1px solid #ccc}
.rhsPod img.padding {padding-top:10px}
.rhsPod img.approve {position:relative; top:2px; left:0}
.rhsPod p.popUp {padding:10px 0 0 0; margin:0; line-height:1em}
.rhsPod p.noPadd {padding:0; margin:0}
.rhsPod	.rhs_middle img.logo {float:right; margin-top:0}
.rhsPod ul {padding:0; margin:10px 0 0 0; font-size:0.9em}
.rhsPod ul li {list-style:none; margin-bottom:5px}

.caseStudy h3 {margin:25px 0 0 0; font-size:1.1em}
.caseStudy blockquote {padding:0; margin:10px 0 0 0; font-style:italic}
.caseStudy i {font-style:normal; line-height:1.2em}

.clause {font-size:0.9em; margin-top:40px}

.vcard p.subB {padding:0}
.contact ul {margin-top:0}