/* Concepteur.biz */

body {
  height:850px;
  font-family:verdana, sanserif;
  color:#400000; /* darkest brown */
}

a {
  color:#400000; /* darkest brown */
  text-decoration:none;
}

a:hover {
  font-weight:bold;
  color:#927f7f;  /* medium brown */
}

img {
  border-style:none;
}
  
#header {
  width:1250px;
  height:93px;
  position:absolute;
  top:30px;
  left:25px;
  border:1px solid #400000; /* darkest brown */
  border-left-width:10px;
}

#header img {
  width:245px;
  height:93px;
  border:0px solid #fff;
  border-width:0px 5px 0px 25px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:50;
}



/* *************** BEGIN main menu bar *************** */


#menu { 
  width:522px; 
  height:15px; 
  position:absolute;
  top:-8px;
  left:255px;
  border:1px solid #400000; /* darkest brown */; 
  border-width:1px 0px 1px 0px; 
  background:#fff;
  display:block;
  z-index:51;
}

#menu p {
  padding:0px;
  font-size:12px;
  text-align:center;
  position:absolute;
  top:-12px; 
}

#menu p:nth-of-type(1n) {
  left:45px;
}

#menu p:nth-of-type(2n) {
  left:210px;
}

#menu p:nth-of-type(3n) {
  left:390px;
}


#menu p a {
  text-align:center;
}

.arrow, .arrowOver {
  width:0px;
  height:0px;
  line-height:0px;
  border-style:solid;
  border-color:#400000 #fff #400000 #fff; /* darkest brown */ 
  border-width:10px 8px 0px 8px; 
  position:absolute; 
  top:3px; 
  background:#fff;

}

.arrow:hover {
  border-color:#927f7f #fff #927f7f #fff;  /* medium brown */
  cursor:pointer;
}

.arrowOver {
  border-color:#927f7f #fff #927f7f #fff;  /* medium brown */
}

.a1 {
 left:145px;
}

.a2 {
  left:325px;
}

.a3 {
  left:504px;
}

/* *************** END main menu bar ************   */

#kb {
  width:300px;
  height:60px;
  font-weight:normal;
  font-size:15px;
  color:#D9CCCC;  /* very light brown */
  position:absolute;
  top:45px;
  left:580px;
  z-index:200;
}

#socialLinks {
  width:230px;
  height:65px;
  position:absolute;
  top:6px;
  right:200px;
}

#socialLinks ul {
  margin:10px 0px 0px 0px;
  list-style:none;
  font-weight:lighter;
  font-size:12px;
  color:#513f3f; /* medium-dark brown */
  position:absolute;
  top:0px;
  left:10px;
}
  
#socialLinks ul li{
  width:70px;
  height:65px;
  margin:0px;
  float:left;
}

#socialLinks ul li span{
  margin-bottom:4px;
}

.socLinksShare {
  padding-top:17%;
  padding-right:13px;
  text-align:right;
}

.socLinksIcons {
  padding-top:8%;
}

#dropShad {
  width:1235px;
  height:10px;
  position:absolute;
  top:124px;
  left:50px;
  display:block; 
  overflow:hidden;
  background-image:url(../images/dropShad.jpg);
  background-repeat:repeat-x;
  z-index:-20;
  }

/* *************** BEGIN center content *************** */

#centerContainer {
  width:900px;
  height:370px;
  position:absolute;
  top:145px;
  left:160px;
}

.centerContent  {
  width:900px;
  height:370px;
  background:#fff;
  position:absolute;
}

.centerContent h2 {
  width:150px;
  height:18px;
  font-size:17px;
  font-weight:normal;
  line-height:18px ;
  border-left:10px solid #b9a9a9;  /* medium-light brown */
  position:absolute;
  top:-10px;
  left:0px;
}

.centerImage, .subCenterImage, .subCenterVideo {
  width:355px;
  height:310px;  
  position:absolute;
  top:40px;
  left:0px;
  z-index:600;
}

.centerImage {
  height:350px;
  width:305px;
  top:12px;
  left:30px;
  display:block;
  background:url('../images/printerIll.png') 0px 0px no-repeat;

}

.centerImage:hover {
  background:url('../images/printerIll.png') -306px 0px no-repeat;
}


.subCenterImage, .subCenterVideo{
  width:505px !important;
  padding:0px;
  overflow:hidden;
  background:url('../images/preloader.gif') 220px 120px no-repeat;
  border:1px dashed #b9a9a9  !important;  /* medium-light brown */

}

.subCenterImage:hover{
  width:auto !important;
  height:315px;
  border:0px !important; 
  z-index:10002;  
  overflow:visible;
  position:relative;
  display:block;
}

.subCenterImage img:hover {
  border:1px dashed #b9a9a9  !important;  /* medium-light brown */
}

.subCenterVideo {
  overflow:hidden;
}

.centerContent>.bodyContent {
  width:400px;
  height:203px;
  padding-top:18px;
  font-size:11px;
  line-height:200%;
  border:1px dashed #b9a9a9;  /* medium-light brown */
  border-width:1px 0px 1px 0px;  
  position:absolute;
  left:400px;
  top:50px;  
  overflow:auto;
}

.bodyContent>span {
  margin-top:8px;
  font-style:italic;
  display:block;
}

.centerContent>.subBodyContent, .demoLink, .subBodyNotation {
  width:240px;
  height:60px;
  padding-top:18px;
  font-size:11px;
  line-height:200%;
  border:1px dashed #b9a9a9;  /* medium-light brown */
  border-width:1px 0px 1px 0px;  
  position:absolute;
  left:560px;
  top:50px;  
  overflow:auto;
}

#print04_lg>.subCenterVideo {
  width:461px !important;
}

#homeBody {
  width:900px;
  height:370px;
  background:#fff;
  position:absolute;
  display:block;
  z-index:10;
}

.demoLink {
  font-weight:bold;
  line-height:100%;
  text-decoration:underline;
  border:0px !important;
  top:150px;
}

.subBodyNotation {
  height:150px;
  margin:0px;
  border:0px;
  top:180px;

}


#sideComment {
  width:200px;
  height:80px;
  font-weight:lighter;
  font-size:11px;
  text-align:left;
  line-height:1.5;
  position:absolute;
  top:447px;
  left:1070px;
  overflow-x:hidden;
  overflow-y:scroll;
}

#sideComment h5 {
  margin:0px 0px 7px 0px;
  font-weight:normal;
  font-size:12px;
  line-height:.7em;
}

#sideComment a{
  color:#927f7f;  /* medium brown */
}

#footerLeft {
  width:225px;
  height:150px;
  border:1px solid #400000; /* darkest brown */
  border-width:1px 0px 1px 10px;
  background:#fff;
  position:absolute;
  top:520px;
  left:25px;
}

#footerLeft h2 {
  font-size:17px;
  font-weight:normal;
  position:absolute;
  right:37px;
}

#footerLeft ul {
  position:absolute; 
  right:40px;
  list-style-type:none;
  z-index:200;
}


.triggers_PrjLst {
  font-weight:lighter;
  font-size:12px;
  line-height:1.8;
  position:absolute;
  top:40px;
  right:30px;
  cursor:pointer;
  
}

.triggerButton {
  text-align:right;
}

#footerRight {
  width:1040px;
  height:134px;
  position:absolute;
  top:536px;
  left:244px;
  border:1px solid #400000; /* darkest brown */ 
  border-left-width:0px;
  background:#fff;
}

#printProj, #webProj, #pptProj, #illProj {
  width:770px; 
  height:100px;
  display:none;
  background-color:#fff;
  border:1px solid #b9a9a9;  /* medium-light brown */
  position:absolute;
  left:30px;
  top:17px;
  display:block;
}

#printProj {
  width:920px !important;
}

.thumb {
  width:130px;  
  height:80px;
  float:left;
  margin:10px 0px 0px 20px;

}

.thumb img {
  opacity:0.4; 
  filter:alpha(opacity=40);
}

.thumb img:hover {
  width:130px;
  height:80px;
  opacity:10; 
  filter:alpha(opacity=100);
  background-color:#fff;
  cursor:pointer;
}

#boilerplate {
  width:1200px;
  height:20px;
  position:relative;
  top:670px;
  left:50px;
  font-size:9px;
  text-align:right;
}