/* neutralize browser effects on margins and paddins by eliminating on all elements */
* {
    margin: 0;
    padding: 0;
}
body {
 font: small Georgia,"Times New Roman",Times,serif;
line-height: 20px;
letter-spacing: 1px;
    text-align: center; 
    min-width: 760px;
behavior: url(/pages/images/global/csshover.htc);
}

body#index {
 font: small Georgia,"Times New Roman",Times,serif;
line-height: 20px;
letter-spacing: 1px;
    text-align: center; 
    min-width: 760px;
      background-image: url(../images/pages/page_bg.gif);
  background-repeat: no-repeat;
    background-position: center -20px;
behavior: url(/pages/images/global/csshover.htc);
}



#wrapper {
width: 790px;
margin: 0 auto;
text-align: left;
padding-top: 20px;
}
#innerWrap {
   padding: 1em 0;
   margin-top:5px;
}
/*=========start header==========*/
body#index #header {
width: 780px;
background-color: transparent;
padding: 0px 10px;
height: 225px;
position:static;
}
#header {
width: 780px;
background-color: transparent;
padding: 0px 10px;
height: 175px;
position:static;
}

body#index .logo {
width: 399px;
margin-top:80px;
border-style: none;
margin-left:190px;
}

.logo {
width: 399px;
margin-top:15px;
border-style: none;
margin-left:190px;
}

/*=========end header==========*/

/*=========start navigation==========*/
#listMenu {
position:relative;
}

html * #listMenu {
left:100px;
}
#listMenu img {
border-style: none;
}
#listMenu ul {
list-style-type: none;
}
#listMenu li {
float: left;
white-space: nowrap;
position:relative;
}
#listMenu li#index a {
background: none;
}
#listMenu li#enneagram a {
background: none;
}
#listMenu li#process a {
background: none;
}
#listMenu li#staff a {
background: none;
}
#listMenu li#test a {
background: none;
}
#listMenu li#contact a {
background: none;
}
* html #listMenu li#index a:hover {
background-image: url(/pages/images/pages/home_on.gif);
background-repeat: no-repeat;
}
#listMenu li#index:hover {
background-image: url(/pages/images/pages/home_on.gif);
background-repeat: no-repeat;
}
* html #listMenu li#enneagram a:hover {
background-image: url(/pages/images/pages/enneagram_on.gif);
}
#listMenu li#enneagram:hover {
background-image: url(/pages/images/pages/enneagram_on.gif);
background-repeat: no-repeat;
}
* html #listMenu li#process a:hover {
background-image: url(/pages/images/pages/process_on.gif);
}
#listMenu li#process:hover {
background-image: url(/pages/images/pages/process_on.gif);
background-repeat: no-repeat;
}
* html #listMenu li#staff a:hover {
background-image: url(/pages/images/pages/staff_on.gif);
}
#listMenu li#staff:hover {
background-image: url(/pages/images/pages/staff_on.gif);
background-repeat: no-repeat;
}
* html #listMenu li#test a:hover {
background-image: url(/pages/images/pages/test_on.gif);
}
#listMenu li#test:hover {
background-image: url(/pages/images/pages/test_on.gif);
background-repeat: no-repeat;
}
* html #listMenu li#contact a:hover {
background-image: url(/pages/images/pages/contact_on.gif);
background-repeat: no-repeat;
}
#listMenu li#contact:hover {
background-image: url(/pages/images/pages/contact_on.gif);
background-repeat: no-repeat;
}

#listMenu ul li ul {
margin:0; 
z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
left:0px; /*aligns the drop exactly under the menu */
top:15px;
background-color:transparent;
}


#listMenu ul li ul li {padding:0;
width:80%; /* makes the list items fill the list container (ul) */
border-left:1px solid #FFF; /*  three sides of each drop-down item */
border-bottom:1px solid #FFF;
border-right:1px solid #FFF;
background-color:#f7f7f7;
font-size:95%;
}
#listMenu ul li ul li:hover {padding:0;
width:80%; /* makes the list items fill the list container (ul) */
border-left:1px solid #FFF; /*  three sides of each drop-down item */
border-bottom:1px solid #FFF;
border-right:1px solid #FFF;
background-color:#dedede;
font-size:95%;
}

#listMenu ul li ul li a {padding:1px .5em; font-size:110%em; color:#333333; text-decoration:none; display:block;}
#listMenu ul li ul li a:hover {padding:1px .5em; font-size:110%; text-decoration:none; background-image:none;}
#listMenu ul li#enneagram ul li a:hover {padding:1px .5em; font-size:1.1em; text-decoration:none; background-image:none;}
#listMenu ul li#process ul li a:hover {padding:1px .5em; font-size:1.1em; text-decoration:none; background-image:none;}
#listMenu  li ul li:first-child {
border-top:1px solid #FFF; /*the top edge of the dropdown */
}

/* make the drop-down display as the menu is rolled over */
#listMenu  li ul {display:none;} /* conceals the drop-down when menu not hovered */
#listMenu  li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body #listMenu ul li ul li ul  {
position:absolute; 
visibility:hidden; /* same effect as display:none in this situation */
top:-1px;
left:10em;
}
#listMenu  ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html #listMenu  {
float:left; /* makes the ul wrap the li's */
border-left:1px solid #FFF; /* adds the rightmost menu vertical line to the ul */
/*margin-left:15px; *//* IE doubles the given value above - why? */

}

/* add a top line to drops and pops in IE browsers - can't read :first-child 
* html  #headerMenu  li ul {
border-top:1px solid #fff;
border-left:0px; /* stops the drop inheriting the ul border */

/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  #listMenu  li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  } 
/* and the "be nice to Opera" rule */
html>body #listMenu  li ul li ul {
  left:10em;
} 


.rightAlign {
text-align: right;
}
/*=========end navigation==========*/

/*=======start column1 ==========*/
#column1 {
display:block;
font-size: 110%;
list-style: none;
background-color: transparent;
width: 110px;
padding: 2em 0;
float: left;
padding-top:50px;
padding-right: 15px;
}
div.left {
      float: left;
      margin-right: 2em;
  clear:right;
}
div.right {
      float: right;
      margin-left: 2em;
  clear:left;
}
#column1 * {
color: #000;
text-decoration: none;
text-transform: uppercase;
font-family:font-family: georgia, Times, serif;
}
#column1 ul {
list-style:none;
float:left;
border-top:8px solid #fff34f;
}
#column1 li {
padding: .3em 0,;
font: georgia, Times, serif;
font-size: 65%;
color: #333333;
border-bottom:2px solid #fff34f;
}
#column1 li a:hover {
color: #999;
text-decoration: underline;
}

a#etest {
font-size:12px;
line-height:14px;
border-bottom:solid 2px #fff34f;
text-transform:none;
}

a#etest:hover {
font-size:12px;
line-height:14px;
background:#fff34f;
text-transform:none;
}
/*=======end column1 ==========*/

/*======== start content ========*/
#content {
font-size: 95%;
color: #333;
width: 600px;
float: left;
position:static;
}
#content img {
border-style: none; 
}

p.caption {
text-align:center;
}
#content h1{
font-family: georgia, Times, serif;
font-size: 180%;
text-align: center;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.05em;
color:#828181;
margin: 1em 0;
}
#content p {
padding: 0.1em 0;
}
#content ol, #content ul {
padding: 0.5em 3em;
}
#content ol li, #content ul li {
padding: 0.1em 1em;
}
#content a {
color:#000;
}
/*======== end content ========*/

.block {
 padding:0.5em;
 float:left;
}
.block h3 {
 padding-bottom:10px;
}
.block h3 a  {
color:#4f504f;
}
.block img {
padding:5px;
}

/*=======end content==========*/

/*=======start footer==========*/
#footer {
width: 780px;
background-color: transparent;
background-image: url(../images/pages/footer3.gif);
background-position: center top;
background-repeat: no-repeat;
clear: both;
text-align: center;
font-family: Verdana;
font-size: 100%;
color: #333333;
padding-top: 160px;
padding-bottom: 1em;
}
#footer #footerMenu {
height: 40px;
display: block;
}


#footer h5 span, #footer h6 {
font-weight: normal;
}
#footer h6 {
margin-top:0px;
font-size: 100%;
}
#footer a {
color:#000;
}
#footer ul {
margin-left: 235px;
display:inline;
float: left;
list-style-type: none;
}
#footer ul li {
  float: left;
  white-space: nowrap;
}

#footer ul a {
  color: #4f504f;
  line-height:20px;
  float: left;
  text-decoration: none;
}
#footer  a:hover.training {
background-image: url(/pages/images/pages/test_under.gif);
        background-repeat: no-repeat;
background-position:bottom;
     
        
}
#footer  a:hover.consulting {
background-image: url(/pages/images/pages/test_under.gif);
        background-repeat: no-repeat;
background-position:bottom;

}
#footer  a:hover.team {
background-image: url(/pages/images/pages/test_under.gif);
        background-repeat: no-repeat;
background-position:bottom;

}
/*=======end footer==========*/
-->

/* ======== float clearing method ========*/
/*devised by Tony Aslett - www.csscreator.com */
/* add the clearfix class to any containter that must enclose floated elements */
/* details at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
   content: ".";              /* the period is placed on the page as the last thing before the div closes */
   display: block;          /* inline elements don't respond to the clear property */ 
   height: 0;                  /* ensure the period is not visible */
   clear: both;               /* make the container clear the period */
   visibility: hidden;     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* ======== end float clearing method ========*/