/* CSS Document */

* { margin:0; padding:0; }
html { background:#aacceb; } 

/*================================================== structural Divs ==========*/
#wrap { position:relative; width:100%; height:600px; }

#container { position:relative; width:800px; height:531px; margin:3% auto; } /*height:563px;*/
#container.noBorder { border:0px; }
#container { border:4px solid #ddd; background:#fff; }

/*--0000== SKIN ==0000--*/ 
#content { position:absolute; top:130px; left:0px; width:780px; height:450px; padding:10px; }
#content { border-top:1px solid #ddd; }/*--0000==- SKIN==0000---*/ 
#contentMain { position:relative; float:left; top:-10px; left:-10px; width:450px; height:450px; margin-top:3%; margin-bottom:3%; }

/*--== COPY ==--*/
#copyC { position:absolute; top:0px; left:0px; width:620px; height:352px; z-index:2; padding:3% 90px; text-align:left; overflow-x:hidden; overflow-y:auto; }
#copyC.books table { position:absolute; top:45px; left:127px; width:500px; height:325px; padding:0%; text-align:left; overflow:hidden; }
#copyC.c1 { left:150px; }

/*#copyC table { position: absolute; top: 0px; left: -170px; width: 351px; height: 210px; padding: 0px; margin: 0px; }*/

#copyL { position:relative; float:left; top:-25px; left:-25px; width:310px; height:354px; margin:15px; padding:2em 4em; overflow-x:hidden; overflow-y:auto; text-align:right; direction:rtl; }
#copyL.c1 { top:-25px; left:-25px; width:290px; margin:15px; padding:2em 4em; } 
#copyL.c2 { top:-25px; left:-25px; width:425px; margin:15px; padding:2em 4em; } 
#copyL.c3 { top:-25px; left:-25px; width:390px; margin:15px; padding:2em 4em; }
#copyL.c4 { top:-25px; left:-25px; width:200px; margin:15px; padding:2em 4em; }

#copyR { position:relative; float:right; top:-25px; left:24px; width:310px; height:354px; margin:15px; padding:2em 4em; text-align:left; overflow-x:hidden; overflow-y:auto; }
#copyR.c2 { top:-25px; left:24px; width:425px; margin:15px; padding:2em 4em; }
#copyR.c3 { top:-25px; left:24px; width:390px; margin:15px; padding:2em 4em; }
#copyR.c4 { top:-25px; left:24px; width:200px; margin:15px; padding:2em 4em; }
/*on both c classes, height was 354px adjusted to add slogan image*/

/* #copyC #sloganTable { border:4px solid #ddd; position:absolute; top:40px; left:250px; z-index:2; } */
#copyC #mapTable { position:absolute; top:0px; left:75px; width:625px; z-index:2; }

/*huesviews*/
#footer { position:relative; top:-39px; left:-16px; width:800px; margin:0px auto; float:right; font-style:italic; font-weight:normal; color:navy; } 
#footer1 { position:relative; top:405px; left:243px; width:800px; margin:0px auto; float:right; font-style:italic; font-weight:normal; color:navy; }/*index*/
/* #design { width:800px; margin:0px auto; }
#design p { float:right; font-style:italic; }
#footer a { font-weight:normal; color:navy; }*/

/*books*/
#copyC.books { position:absolute; top:-20px; left:-105px; width:620px; height:352px; z-index:2; padding-right:200px; text-align:left; overflow-x:hidden; overflow-y:auto; }
table #bookGrid { position:relative; top:120px; left:0px; float:left; clear:both; width:580px; }
#bookGrid td { width:200px; padding:0 30px 30px 0; }
span.title { font-size:90%; font-weight:bold; font-style:italic; }
.subTitle { font-weight:normal; }


/*================================================== TYPOGRAPHY ==========*/
/* dynamo colors: red ff2900, deep sea blue 22207f, purple 664597, cyan 00aaed */

body { color:#555; font-family: Georgia, "Times New Roman", Times, serif; font-size:0.7em; text-align:center; }
p { font-size:110%; padding:0.5em 0px; line-height:160%; word-spacing:.05em;  orphans:2; widows:2; page-break-inside:never; direction:ltr; } 
/*letter-spacing:.01em; */
p.first { padding-top:1.2em; }

h1 { font-size:170%; line-height:125%; font-weight:normal; letter-spacing:.05em; direction:ltr; color:#22207f } 
/*deep sea blue 22207f #005EB0; 0539DE 007bcc color formerly navy.font-variant:small-caps;  #486D00*/
.sem { font-style:italic; color:#CC0016; } 

h2  { font-size:130%; line-height:100%; font-weight:400; direction:ltr; letter-spacing:.05em; color:#664597; font-style:italic; padding:.5em 0em; }
/*purple 664597 #DEAA06, 1CDE53 9DBDDB*/
h3  { font-size:120%; padding:.6em 0em .3em 0em;  line-height:100%; font-weight:normal; direction:ltr; letter-spacing:.05em; color:#00aaed; }
/*cyan06DEAA, 06DEAA 1EA8DF*/
h4 { font-size:110%; padding-top:.5em; direction:ltr; color:#82aada; }
/*---------- LINKS ----------*/
a { font-weight:bold; color:#00aaed; text-decoration:none; }/*DEAA06*/
a:hover { color:#664597; } /*06DEAA#b6b7ff*/
.pp { line-height:170%; } 

/*================================================== LISTS ==========*/
ul.publi { list-style-type:none; padding-top:1em; }
 
ul.publi li { padding:.5em 0em; color:#888; }

span.book { font-size:120%; font-style:italic; font-weight:bold; }
span.book a { color:#00aaed; } /*DEAA06*/
span.book a:hover { color:#664597; } /*06DEAA*/
span.bookSub { font-size:100%; color:#664597; } /*c06DEAAolor:#7D86FF;*/
ul.testimo { list-style-type:none; padding-top:1em; color:#555; font-family: Georgia, "Times New Roman", Times, serif; font-size:1em; line-height:160%; word-spacing:.05em; }

ul.testimo li { padding:.7em 0em; }

div.attrib { padding:.5em 0em 0em 3em; font-style:italic; color:#00aaed; }/*DEAA06*/
ul#gen { list-style-type:none; padding-top:1em; color:#555; font-family: Georgia, "Times New Roman", Times, serif; font-size:110%; line-height:100%; word-spacing:.05em; font-weight:normal; }
ul#gen2 { list-style-type:none; padding-top:1em; color:#00aaed; font-family: Georgia, "Times New Roman", Times, serif; font-size:120%; line-height:180%; word-spacing:.05em; }
ul#genClients { list-style-type:none; padding-top:1em; color:#00aaed; font-family: Georgia, "Times New Roman", Times, serif; font-size:120%; line-height:160%; word-spacing:.05em; }
ul#gen li { padding-bottom:.8em; }
ul#genClients li { padding-bottom:1em; }
ul#gen.c1 li { padding-bottom:1.4em; }
li { direction:ltr; }
ul a { text-decoration: underline; }

/*----------sitemap tables */
#mapTable ul { margin-left:25px; padding:1.3em 0em 0em 1em; font-family: Georgia, "Times New Roman", Times, serif; font-size:1em; line-height:100%; word-spacing:.05em; }
#mapTable ul li { list-style-type:none; padding:.08em 0em; }
#mapTable ul li.h1 { font-size:170%; line-height:125%; font-weight:normal; font-style:italic; letter-spacing:.05em; padding-top:.08em; direction:ltr; color:#CC0016; } 
/*#005EB0 red:CC0016*/
#mapTable a { color:navy; padding-left:2em; }
/*#664597#CC0016mustard:DEAA06 navy 0539DE*/
#mapTable a:hover { color:#ff2900; }
/* color ref: redff2900, deep sea blue 22207f, purple 664597, cyan 00aaed */

/*================================================== midNav ==========*/
#IEroot #midNav li:hover { z-index:1; }/*keeps 1st level behind 2nd level in IE*/
#midNav li ul { display:none; }
#midNav,#midNav ul { padding:0px; margin:0px; width:500px; list-style-type:none; white-space:nowrap; }
#midNav li { position:relative; float:left; top:-30px; left:450px; padding:0px; } /*left:269px*/
#midNav li.books { left:369px; } 
#midNav #navCont1 { top:369px; } 

#midNav a, #midNav a:visited { display:block; width:220px; height:75px; padding:0px; white-space:nowrap; text-decoration:none; background:#fff; color:#000; } 
#midNav a:hover { color:#CC0016; } 

#midNav a { font:bold small-caps 12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; background:transparent; }

/*#midNav a.spot { padding-right:60px; width:50px; border-bottom:10px solid transparent; background:transparent; } 
#midNav li ul li { width:190px; }
#topNav li:hover > ul li { width:230px; border-width:0px; } from previous versions*/

/*================================================== topNav ==========*/
/* color: red= #CC0016*/
#navCont { position:absolute; top:10px; left:320px; float:left; width:525px; text-align:left; background:transparent; }
#navCont1 { position:absolute; top:-121px; left:320px; float:left; width:525px; text-align:left; background:transparent; }/*index*/
#navCont a { font:bold small-caps 12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; background:transparent; }
#navCont1 a { font:bold small-caps 12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; background:transparent; }*/

#IEroot #topNav li:hover { z-index:1; }/*keeps 1st level behind 2nd level in IE*/
#topNav li ul { display:none; }

#topNav,#topNav ul { padding:0px; margin:0px; width:500px; list-style-type:none; white-space:nowrap; } 
/*=======+++XXimptXX+++===========*/ 
#topNav li { position:relative; float:left; top:0px; left:-1px; padding:0px; } 
#topNav a, #topNav a:visited { display:block; width:220px; padding:0px 5px; white-space:nowrap; text-decoration:none; background:#fff; color:#000; } /*color:#000;*/

#topNav a.spot { padding-right:60px; width:50px; border-bottom:10px solid transparent; background:transparent; } 
#topNav li ul li { width:190px; }
#topNav li ul.publications li { width:90px; }
#topNav li ul.consultants li { width:210px; }
#topNav ul.publications li:hover > a { width:auto; }
#topNav ul.consultants li:hover > a { width:auto; }
#topNav li:hover > ul li { width:230px; border-width:0px; } 
#topNav a:hover { color:#CC0016; }
/*border-width:1px 1px 0px 1px; border-style:dotted; border-color:#c9dd03;*/

/*=======+++XXimptXX+++===========*/ 
#topNav li:hover > ul { position:absolute; top:20px; left:0px; display:block; z-index:2; width:230px; background:#fff; } 
/*left:-50px; --- second level menu. background prevents transparency between list items, z-index makes the 2nd level menu come forward-but not in ie*/
#topNav li:hover > ul.about { width:170px; }
#topNav li:hover > ul.about li { width:180px; }
#topNav li:hover > ul.services { width:180px; }
#topNav li:hover > ul.services li { width:160px; }/*180*/

#topNav li:hover > ul.consultants { top:3px; left:-210px; width:210px; z-index:2; }
#topNav li:hover > ul.publications { top:3px; left:-90px; width:90px; z-index:2; }

#topNav li:hover > a { background:#CC0016; color:#FEFDEa; } 

#topNav li:hover > ul.about a { width:170px; }
#topNav li:hover > ul.services a { width:150px; }
#topNav li:hover > ul.publications a { width:90px; }
#topNav li:hover > ul.publications li { width:100px; }
#topNav li:hover > ul.consultants a { width:210px; }
#topNav li:hover > ul.consultants li { width:220px; }

#topNav li:hover > a.spot { background:#fff; }/* prevents reinheiritance of the hover */
#topNav li:hover > ul { background:#fff; } 
.last { width:100%; border-bottom:0px dotted #c9dd03; } 

#topNav a.spot:hover,#topNav li:hover > a.spot { color:#CC0016; }

/*================================================== image content ==========*/
#imR { position:absolute; float:right; top:0px; left:400px; } 
/*height:400px; width:400px;*/
#imR.c1 { left:377px; }
#imR.c2 { left:515px; }
#imR.c3 { left:482px; }
#imR.c4 { left:286px; }
#imL { position:absolute; float:left; top:0px; left:0px; } 
#imR img { float:right; height:400px; width:auto; }
#imL img { float:left; height:400px; width:auto; } 
/*---------- branding -----------*/
img#branding { float:left; clear:both; height:150px; padding:0px 5px; margin:0px; margin-top:-20px; }
a img { border:none; }

/*---------- dynamo ------------
#dynamo { position:relative; top:40px; left:-20px; z-index:1; }*/
#copyC table { position: absolute; top: 75px; left: 280px; width: 551px; height: 210px; padding: 0px; margin: 0px; }
#tableDyn { position:absolute; height:300px; width:500px; z-index:2; }
#dynamo img.sitemap { position:relative; top:40px; left:0px; z-index:1; opacity:0.4;filter:alpha(opacity=40); }
#dynamoIndex img { position:relative; top:40px; left:-20px; z-index:1; }
#dynamoIndex a { font-family:'Candal', sans-serif; color:#333; font-size:200%; font-weight:bold; font-style:italic; direction:ltr; letter-spacing:.03em; line-height:110%; }
#dynamoIndex a:hover { text-shadow: .02em .05em .01em #00aaed; }
/*
color:#CC0016;
#dynamoIndex .dynamoBig a { float:right; font-family:'Candal', sans-serif; color:#000; font-size:300%; font-weight:bold; direction:ltr; letter-spacing:.03em; line-height:110%; }
#dynamoIndex .dynamoSmall a { float:right; font-family:'Candal', sans-serif; color:#000; font-size:150%; font-weight:normal; direction:ltr; letter-spacing:.04em; }
  <style>
     
    </style>*/
/*#dynamo a, #dynamo a:visited { display:block; width:220px; height:75px; padding:0px; white-space:nowrap; text-decoration:none; background:#fff; color:#000; }
#dynamo a:hover { color:#CC0016; }
/*#midNav a, #midNav a:visited { display:block; width:220px; height:75px; padding:0px; white-space:nowrap; text-decoration:none; background:#fff; color:#000; } 
#midNav a:hover { color:#CC0016; } 
/*#dynamo { position:relative; }*/
/*---------- slogans ------------
#slogan { position:absolute; top:530px; left:0px; float:right; width:785px; padding:7px; margin:0px; background:#FEFDEa; border-top:1px solid #ddd; } 
#sloganC.index { position:absolute; top:306px; left:0px; background:#FEFDEa; width:100%; height:95px; padding-top:30px; border-top:1px solid #ddd; }*/