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

body  { margin:0; margin-top:0; margin-left:0; margin-right:0; font:14px/1.3 verdana, arial, helvetica, sans-serif; }
h1 { font-size:18px }	
a:link {color:#f88220; text-decoration:none; }	
a:visited { color:#f88220; text-decoration:none; }	
#content { margin-left:120px }	
#box {position: absolute; left:390px; top:140px; }	
#box2 { margin-left:390px; margin-top: 20px; }	
#annuals { position: absolute; left:260px; top:35px;  }	
#brands { position: absolute; left:260px; top:50px; }	
#logotypes {position: absolute; left:260px; top:82px;}	
#exhibits { position: absolute; left:260px; top:65px;}	
#websites { position: absolute; left:260px; top:97px;}	
#history {position:absolute; left:290px; top:37px;}
#people {position:absolute; left:290px; top:52px;}
#bios {position:absolute; left:290px; top:67px;}

/* Styles for gliding layers  */
#glideDiv0, #glideDiv1, #glideDiv2, #glideDiv3, #glideDiv4, #glideDiv5 { 
  position:absolute; visibility:hidden; 
  left:20; top:20; z-index:200; 
  width:15px; height:90px;
  background-color:#DBE8C4;
	}
#work { position:absolute; left:240px; top:35px;}
#aboutUs { position:absolute; left:270px; top:35px;}


.contentBox { 
width:477px; 
height:441px; 
border-top:1px; 
border-top-color:#CCCCCC;
border-top-style:solid;

border-bottom:1px; 
border-bottom-color:#CCCCCC;
border-bottom-style:solid;

border-left:1px; 
border-left-color:#CCCCCC;
border-left-style:solid;

border-right:1px; 
border-right-color:#CCCCCC;
border-right-style:solid;
}


.contentBox2 { 
width:477px; 
height:441px;
padding:20px; 
border-top:1px; 
border-top-color:#CCCCCC;
border-top-style:solid;

border-bottom:1px; 
border-bottom-color:#CCCCCC;
border-bottom-style:solid;

border-left:1px; 
border-left-color:#CCCCCC;
border-left-style:solid;

border-right:1px; 
border-right-color:#CCCCCC;
border-right-style:solid;
}

.contentBox3 { 
width:477px; 
height:884px;
border-top:1px; 
border-top-color:#CCCCCC;
border-top-style:solid;

border-bottom:1px; 
border-bottom-color:#CCCCCC;
border-bottom-style:solid;

border-left:1px; 
border-left-color:#CCCCCC;
border-left-style:solid;

border-right:1px; 
border-right-color:#CCCCCC;
border-right-style:solid;
}

.contentBoxSamples {
width:457px; 
height:441px;
border-top:1px; 
border-top-color:#CCCCCC;
border-top-style:solid;

border-bottom:1px; 
border-bottom-color:#CCCCCC;
border-bottom-style:solid;

border-left:1px; 
border-left-color:#CCCCCC;
border-left-style:solid;

border-right:1px; 
border-right-color:#CCCCCC;
border-right-style:solid;
padding-left:20px;
color:#333333;
}



.imagePadding20 {
padding-left:20px;
}

.clientNames{position: relative; left: 0px; top: 4px; width:475px; height:15px; padding-left:5px; background-color:#dceac6; }
.clientNames2{position: relative; left: 0px; top: 8px; width:475px; height:15px; padding-left:5px; background-color:#dceac6;}
.clientNames3{position: absolute; left: 0px; top: 490px; width:475px; height:15px; padding-left:5px; background-color:#dceac6;}

.projectDescription {position: relative; left: 0px; top: 12px; width:475px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#444444;}
.projectDescription2 {position: relative; left: 0px; top: 12px; width:435px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#444444;}
.projectDescription3 {position:absolute; top:465px; left:5px; width:435px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#444444;}
.projectDescription4 {position:absolute; top:485px; left:0px; width:475px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#444444;}
.projectDescription5 {position:absolute; top:465px; left:0px; width:475px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#444444;}
.projectDescription6 {position:absolute; top:485px; left:5px; width:440px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#444444;}

.circleNav { position:relative; left:440px; top:-20px; height:0px; width:50px; }
.circleNavB { position:relative; left:440px; top:0px; height:0px; width:50px; }
.circleNavC { position:relative; left:440px; top:0px; height:0px; width:50px; }
.circleNavD { position:relative; left:440px; top:10px; height:0px; width:50px; }
.circleNav1 { position:relative; left:6px; top:2px; height:0px; width:50px; }
.circleNav2 { position:relative; left:18px; top:2px; height:0px; width:50px; }
.circleNav3 { position:relative; left:30px; top:2px; height:0px;  width:50px;}
.circleNav4 { position:relative; left:6px; top:15px; height:0px;  width:50px;}
.circleNav5 { position:relative; left:18px; top:15px; height:0px;  width:50px;}
.circleNav6 { position:relative; left:30px; top:15px; height:0px;  width:50px;}

.hLine { position:relative; top:16px; width:479px; height:1px; background-color:#777777; }
.hLineC { position:relative; top:36px; width:479px; height:1px; background-color:#777777; }
.hLineD { position:relative; top:31px; width:479px; height:1px; background-color:#777777; }
.hLineE { position:relative; top:41px; width:479px; height:1px; background-color:#777777; }
.hLine3 { position:relative; top:46px; width:479px; height:1px; background-color:#777777; }
.hLine4 { position:relative; top:26px; width:479px; height:1px; background-color:#777777; }

.left_column {position:absolute; left:20px; top:10px; width:220px;}
.right_column {position:absolute; left:260px; top:10px; width:180px;}