/* CSS Document */

body {background-color:#FFF; margin: 0 0 0 0; font-family:Arial, Helvetica, sans-serif; color:#000;}
h1 {font-size: 18px; margin:0; font-weight:100;}
h2 {font-size: 16px; line-height: 24px; font-weight:100;}
h3 {font-size: 16px; line-height: 24px; font-weight:100;}


#container {margin:0px; width: 840px; }
#logo {visibility:hidden;}
#logoMain {
	background-color: transparent;
	background-image: url(../images/chancey_design_print_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 53px;
	width: 175px;
	float: left;
	margin-top: 0px;
	margin-right: 150px;
	margin-bottom: 63px;
	margin-left: 0px;
}

#menu ul {list-style:none; width: 145px; float: left; margin: 0px; padding:0px; font-size:12px; visibility:hidden; }
#menu a {color:#8C8C8C; text-decoration: none;}
#menu a.on {color:#FFF; text-decoration: none;}
#menu a:hover {color:#FFF;}
#menu img  {margin-right: 150px; margin-bottom: 63px; float: left;}

#content {clear:both; width: 710px; margin-bottom: 30px;}
#content p {font-size: 18px; line-height: 24px;}
#content p.small {font-size: 14px; line-height: 24px;}
#content a, a:visited {color:#8C8C8C; text-decoration:none;}
#content a, a:hover {color:#FFF; text-decoration:none; line-height:}

#contentLeft {width:310px; float:left; padding-right: 10px; }
#contentLeft h2 {font-size: 12px; margin: 0px; font-weight: bold;}
#contentLeft p {font-size: 11px; margin: 0px;}
#contentLeft a { font-size:18px; line-height: 24px;}

#contentRight {width:580px; float:left; background-color:#000000; }
#contentRight img {border: 2px solid #000000;}
#contentMiddlePortfolio {width:375px; float:left; background-color:#000; padding: 2px; height: 406px;display:block;}

#contentRightPortfolio {width:200px; float:left; background-color:#000; border: 1px solid #000; height: 408px;}
#contentRightPortfolio img {float:left; border: 1px solid #000;}

#contentPortfolio {background-color:#000000; height: 400px; padding:2px;}
#contentPortfolio a {color:#8C8C8C; text-decoration: none;}
#contentPortfolio img {border-right:2px solid #000;}
#contentPortfolio .col1 {width: 227px; float: left; font-size: 11px; padding-top: 10px;}
#contentPortfolio .col2 {width: 227px; float: left; font-size: 11px; padding-top: 10px;}
#contentPortfolio .col3 {width: 227px; float: left; font-size: 11px; padding-top: 10px;}
#contentPortfolio .col4 {width: 227px; float: left; font-size: 11px; padding-top: 10px;}

#contentCasestudies {width: 580px; float: right;}
#contentCasestudies .top {padding: 0px; margin: 0px; }
#contentCasestudies .top h2 {padding: 0px; margin: 0px; font-weight:600; }
#contentCasestudies .top a {float: right; text-align:right; color:#999999; text-decoration: none;}
#contentCasestudies .bottom {width:570px; }
#contentCasestudies .bottom img {float: left; padding-right:10px; padding-bottom: 20px;}
#contentCasestudies .description {display:block; float:left; padding:0px; margin-bottom:15px;}
#contentCasestudies .description p {margin-top: 0px; font-size: 11px;}


#people {
	background-color:#000000;
	position:relative;
	padding-top:100px;
	padding-left:1px;
	padding-right: 1px;
	z-index: 1;
	width: 920px;
}

#people a, #people a:visited {display:block; float:left; height:59px; width:90px; padding:0px; margin:0px; text-decoration:none; border: 1px solid #000; }
#people a.num1 {background: url(images/employees/AmberQ.jpg) no-repeat right top; }
#people a.num2 {background: url(images/employees/AndreasM2.jpg) no-repeat right top;}
#people a.num3 {background: url(images/employees/AndresO.jpg) no-repeat right top;}
#people a.num4 {background: url(images/employees/Anna.jpg) no-repeat right top;}
#people a.num5 {background: url(images/employees/April.jpg) no-repeat right top;}
#people a.num6 {background: url(images/employees/BarbH.jpg) no-repeat right top;}
#people a.num7 {background: url(images/employees/BarbN.jpg) no-repeat right top;}
#people a.num8 {background: url(images/employees/BillG.jpg) no-repeat right top;}
#people a.num9 {background: url(images/employees/CameronH.jpg) no-repeat right top;}
#people a.num10 {background: url(images/employees/CatherineC.jpg) no-repeat right top;}
#people a.num11 {background: url(images/employees/ChrisR.jpg) no-repeat right top;}
#people a.num12 {background: url(images/employees/CindyA.jpg) no-repeat right top;}
#people a.num13 {background: url(images/employees/ToddH.jpg) no-repeat right top;}
#people a.num14 {background: url(images/employees/DanetteG.jpg) no-repeat right top;}
#people a.num15 {background: url(images/employees/DannyV.jpg) no-repeat right top;}
#people a.num16 {background: url(images/employees/DesP.jpg) no-repeat right top;}
#people a.num17 {background: url(images/employees/ElliottW.jpg) no-repeat right top;}
#people a.num18 {background: url(images/employees/GaryM.jpg) no-repeat right top;}
#people a.num19 {background: url(images/employees/GinaV.jpg) no-repeat right top;}
#people a.num20 {background: url(images/employees/GregA.jpg) no-repeat right top;}
#people a.num21 {background: url(images/employees/GregJ.jpg) no-repeat right top;}
#people a.num22 {background: url(images/employees/GregJaz.jpg) no-repeat right top;}
#people a.num23 {background: url(images/employees/HeatherS.jpg) no-repeat right top;}
#people a.num24 {background: url(images/employees/JasonW.jpg) no-repeat right top;}
#people a.num25 {background: url(images/employees/JeffB.jpg) no-repeat right top;}
#people a.num26 {background: url(images/employees/KalahW.jpg) no-repeat right top;}
#people a.num27 {background: url(images/employees/KenC.jpg) no-repeat right top;}
#people a.num28 {background: url(images/employees/KimC.jpg) no-repeat right top;}
#people a.num29 {background: url(images/employees/LarryN.jpg) no-repeat right top;}
#people a.num30 {background: url(images/employees/LilianS.jpg) no-repeat right top;}
#people a.num31 {background: url(images/employees/LyndenG.jpg) no-repeat right top;}
#people a.num32 {background: url(images/employees/MaryS.jpg) no-repeat right top;}
#people a.num33 {background: url(images/employees/MelissaM.jpg) no-repeat right top;}
#people a.num34 {background: url(images/employees/MelissaM.jpg) no-repeat right top;}
#people a.num35 {background: url(images/employees/MikeA.jpg) no-repeat right top;}
#people a.num36 {background: url(images/employees/MikeD.jpg) no-repeat right top;}
#people a.num37 {background: url(images/employees/PaulM.jpg) no-repeat right top;}
#people a.num38 {background: url(images/employees/RichT.jpg) no-repeat right top;}
#people a.num39 {background: url(images/employees/RichardD.jpg) no-repeat right top;}
#people a.num40 {background: url(images/employees/RyanH.jpg) no-repeat right top;}
#people a.num41 {background: url(images/employees/SandiC.jpg) no-repeat right top;}
#people a.num42 {background: url(images/employees/SaraW.jpg) no-repeat right top;}
#people a.num43 {background: url(images/employees/StephD.jpg) no-repeat right top;}
#people a.num44 {background: url(images/employees/StephP.jpg) no-repeat right top;}
#people a.num45 {background: url(images/employees/SteveC.jpg) no-repeat right top;}
#people a.num46 {background: url(images/employees/TammiC.jpg) no-repeat right top;}
#people a.num47 {background: url(images/employees/TerryC.jpg) no-repeat right top;}
#people a.num48 {background: url(images/employees/ToddB.jpg) no-repeat right top;}
#people a.num49 {background: url(images/employees/VirginiaR.jpg) no-repeat right top;}
#people a.num50 {background: url(images/employees/WaltC.jpg) no-repeat right top;}



#people a:hover {
	background-position: left top;
}
#people a span {
	display:none;
}
#people a:hover span {
	display:block;
	position:absolute;
	z-index:10;
	font-size:11px;
	width:150px;
	color:#fff;
}
#people a:hover span.col1 {	
	left:5px;
	top:5px;	
}
#people a:hover span.col2 {
	left:190px;
	top:5px;
}
#people a:hover span.col3 {
	left:370px;
	top:5px;
}
#people a:hover span.col4 {
	left:560px;
	top:5px;
}

#people a:hover span.col5 {
	left:740px;
	top:5px;
}

#people .peopleinfo {
	color:#999999;
}

.cleaner { 
     clear:both; 
     height:1px; 
     font-size:1px; 
     border:none;
     margin:0; padding:0;
     background:transparent;
}
#contentBios {width:840px; float:left; }
#contentBios h1 { font-size: 12px; margin: 0px; font-weight: bold;}
#contentBios h2 { font-size: 12px; margin: 0px;}
#contentBios p { font-size: 11px; margin-bottom: 3px;}

.contentNews {width:400px; float:left; padding-right: 5px; }
.contentNews p { font-size: 11px;}
.contentNews a, a:visited, a:link {color:#8C8C8C; text-decoration:none;}
