/* GENERAL */
#tempCol {
	width: 710px;	
}
#tempCol #content1 {
	height: 332px !important;
	width: 676px !important;
	xborder:1px solid #d7d7d7;
}

#Logo10 {
    position: absolute;
    background: url(../images/10Logo.png) top left no-repeat;
    width: 196px;
    height: 137px;
   top: 523px;
   left: 5px;
    z-index: 100;
}
body
{
	color: #655d5b;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

a {
	font-family: Verdana, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #ce8425;
	text-decoration: underline;
}


#hr {
	height: 1px;
	width: 100%;
	background-color: #dddddd;
	margin-bottom: 10px;
}
.col { float: left; width: 234px; margin-right: 8px; overflow: hidden;}
.col .tile { margin-right: 0px !important; } 
#col4 { margin-right: 0px;}
#col0 { float: left; }


#wrapper { width: 960px; margin:0px auto; padding: 0px; margin-top: -22px; _margin-top: 0px; padding-bottom: 20px; }
#container { text-align: left; margin: 0px auto; }
.activeContent { overflow: hidden; display: none; position: absolute; background-color:#A8A9BF !important; height: 1px; width: 1px;}
.activeContent div { height: 500px; width: 500px;}

#content{ background: url(../images/bgTile.jpg); width: 960px; display: block; float: left; text-align: left; margin: 0px auto;  }
#bgCover { background: url(../images/bgCover.gif) top left no-repeat; float: left;}
#tilesHolder { position: relative; background: url(../images/bgCoverBot.gif) bottom right; width: 960px; clear: left; z-index: 4000; float: left;} 

p { padding: 0px; margin: 0px 0px 12px 0px;}

h2 { font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-size: 17pt; padding: 0px; margins: 0px; line-height: normal;}

/* NAVIGATION */

.tile, .tilesm { width: 200px; height: 116px; float: left; margin: 0px 8px 8px 0px; display: inline; background-color: #ffffff; color: #162B43; xoverflow: hidden;border:1px solid #d7d7d7; padding: 16px;}
.tile a { cursor: hand; }
#t3, #t7, #t11, #t15 { margin-right: 0px !important; }
#t12, #t13, #t14, #t15 { margin-bottom: 0px !important; }




#nav { height: 84px !important; padding: 0px; text-align: left; margin: 0px auto; width: 960px;}

#nav ul { list-style: none; margins: 0px; padding: 0px; float: right; margin-right: 15px; margin-top: 30px; }
#nav li { float: left; margin-left:10px;}

#nav .spacer img {
	margin-top: 30px;	
}

#nav a, #nav .spacer
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #666;
	float: left;
	display: block;
	outline: 0px !important;
}


#nav a:hover, #nav .active { xcolor: #ce8425; padding-bottom: 0px; }

#nav #work a:hover, #nav #work .active { color: #6e448b; }
#nav #capabilities a:hover, #nav #capabilities .active { color: #d12323; }
#nav #about a:hover, #nav #about .active { color: #D27329; }
#nav #team a:hover, #nav #team .active { color: #66A513; }
#nav #blog a:hover, #nav #blog .active { color: #042758; }
#nav #contact a:hover, #nav #contact .active { color: #2173AF; }

h1 a, h1 a:hover {
	margin-top: 0px;
	display: block;
	height: 84px !important; 
	width: 233px;
	padding-top: 0px;
	outline: none;
	float: none;
	text-indent: -5000px;	
	border-bottom: 0px solid #ffffff !important;
	text-decoration: none;
	background:url(../images/cmLogo.png) top left no-repeat;
}


.copy { font-size: 10pt; color: #655d5b; line-height: 16px; }
.copy h3 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 10pt; display: inline;}
#contentHolder { height: 0px; visibility: hidden; overflow: hidden; }

#pageHeader { width: 716px; height: 148px; margin-right: 0px; padding: 0px; }
#pageSubHeader { padding-left: 29px !important; padding-top: 20px !important; width: 685px; height: 132px; margin-right: 0px; }

#copyBox { padding-right: 2px;border: 1px solid #d7d7d7 !important; background-color: #ffffff; float: left;}
#copyBox .tile { border: 0px;  margin-bottom: 0px; height: 100%; width: 200px;}

#copyBox .col { background-color: #CCC; height: 100%; width: 231px; overflow: hidden; }
#copyBox #col2 p, #copyBox #col3 p, #copyBox #col4 p {
	margin-top: 25px;
}
#copyBox .copy { line-height: 17px; }
#copyBox h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15pt; font-weight: normal; color: #000000; height: 16px; display: block;}
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15pt; font-weight: normal; color: #655d5b; height: 20px !important; display: block;}
.cleverBold { color: #d27329; font-weight: bold; }
.co { color: #d27329 !important; }
/* HOME PAGE */

.home { position: relative; }
.home #t0 .content  { text-align: center; font-size: 40pt; padding-top: 35px; }

.home #col2 { width: 718px; margin-right: 0px !important; }
.home #content2{ width: 684px; margin-right: 0px; z-index: 1000; }

.home #content2 { height: 464px; width: 716px; padding: 0px; overflow: hidden; margin-bottom: 8px; }
.home #content1 { height: 590px; overflow: hidden; margin-bottom:0px; background-image:url(../images/home/home_bolts.gif); background-repeat:no-repeat;}
.home #content1 h3 { line-height: 10px; } 
.home h3{font-size:14px; }
.title h3{font-size:50px;}


.home h3:first-letter { font-family: Georgia, "Times New Roman", Times, serif; font-weight: 300; font-size: 12pt; color:#d27329 !important;}
.home .copy { font-size: 8pt;}

.home #homeFeature {  position: relative; display: block; height: 464px; width: 716px; }
#homeFeature a img { border: 0px; }
.home #homeFeature #pnav { background: url(../images/home/featuredBG.png) top left no-repeat; z-index: 2000; position: absolute; top: 389px; left: 486px;  height: 55px; width: 210px; padding: 10px; color: #fff; }
.home #homeFeature #pnav a { font-size: 13pt; color: #fff; padding: 3px 1px 1px 1px; margin: 0px 2px 0px 2px; outline: none; }
.home #homeFeature #pnav a.activeSlide { border-bottom: 1px solid #fff;}
.home #homeFeature #pnav h2 { font-size: 17pt; margin: 0px 0px 4px 0px; padding: 0px; }


#arrowY { z-index: 3000; position: absolute !important; top: 42px; left: 223px;}
#arrowG{ z-index: 3000; position: absolute !important; top: 483px; left: 223px;}
#arrowB { z-index: 3000; position: absolute !important; top: 483px; left: 465px;}
#arrowO { z-index: 3000; position: absolute !important; top: 483px; left: 709px;}

.home #t12 h4 b { font-weight: normal; color: #ffffff; }


.home #t12, .home #t13, .home #t14, .home #t15 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;

}

.home #t12 a, .home #t13 a, .home #t14 a, .home #t15 a {
	color: #fff;
	display: block;
	outline: none;
}
.home #t12 a:hover, .home #t13 a:hover, .home #t14 a:hover, .home #t15 a:hover {
	text-decoration: none;
}

.home #t12 h4, .home #t13 h4, .home #t14 h4, .home #t15 h4 {
	font-weight: normal;
	font-size: 16pt;
	padding: 0px;
	margin: -7px 0px 6px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.home #t12 {
	background-color: #635b59;
	border-color: #b0abaa;
	color: #282524;
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-size: 9pt;
	padding-left: 13px;
	padding-right: 11px;
	width: 208px;
} 
.home #t13 { background-color: #66a513; border-color: #a3cf6a; color: #f0fddf; }
.home #t14 { background-color: #2173af; border-color: #669fc9; color: #dff0fc; }
.home #t15 { background-color: #db6f06; border-color: #e4a149; color: #fdf0e4;}

.home #t12 h4 { color: #ffffff; font-size: 16pt; margin-bottom: 8px;}
.home #t13 h4 { color: #ffffff; }
.home #t14 h4 { color: #ffffff; }
.home #t15 h4 { color: #ffffff; }

.home .core { margin-top: 80px; }


/* BIOS  PAGE */
#tContent .wrapper { width: 232px !important; position: absolute; top: 0px; left: 0px; height: 415px; background-image: url(../images/boltsBottom.png); background-position: bottom left; background-repeat: no-repeat; background-color: #66a513;}
#tContent .siteQuote { border: none !important; background-image: url(../images/boltsTop.png); background-repeat: no-repeat; background-color: transparent; }
#tContent h5 { margin-top: 25px; color:#fff; font-size: 15pt !important; line-height: 21pt; margin-left: 11px; margin-bottom: 10px;}
#tContent h5 sup { margin-top: -40px !important; font-size: 10pt; } 
.bios li a { display: block; width: 100%; padding: 0px 0px 10px 0px;} 

.bios ul li h3 { padding: 0px; margin: 0px; color: inherit; font-size: 16pt !important; height: auto; margin-bottom: 20px !important;}

.bios #tNav { color: #ffffff; background-color: #ffffff; } 
.bios ul { list-style: none; margin: 0px; padding: 0px; }

.bios ul { background-color: transparent; }

.bios .tile {}

.bios .bioDesc h4 { color: inherit !important; }

.bios ul li a { font-size: 8pt; text-decoration: none; }

.bios #tPartners { color: #d4e6f5; }

.bios #tDevelopment { height: 224px  !important; color: #e9ffd2;  margin-bottom: 0px;}

.bios #tMass { height: 116px; color: #ffecde; }

.bios #tCreative { height: 224px; color: #fbf1db; }

.bios #tHuman { height: 116px; color: #d7effe; margin-bottom: 0px; }

.bios #tOperations { height: 116px; color: #ffd9d8; margin-bottom: 0px;}

.bios #tAccount { color: #d9ffea; margin-bottom: 0px; height: 224px; }

.bios #tProject { color:#d9ffea; }

.bios #tx { height: 255px  !important; }

.bios #col4 { float: left; }


.bioDesc { position: absolute;}

.bios #tImage { height: 148px; width: 232px;  padding: 0px 0px 0px 0px; background-color: #D7D7D7;}
.bios #tContent {  position: relative; margin-bottom: 0px; height: 382px; font-size: 8pt; color: inherit !important; margin-right: 0px;}
.bios #tContent p { margin-top: 10px;font-size: 9pt; }
.bios #tContent h4 { padding: 0px; margin: 0px; font-size: 15pt; font-weight: normal; margin-top: -3px;}
.bios #tContent h6 { margin-bottom: 2px; padding-bottom: 0px; }



.bios .tile a { color: inherit; display: block; outline: 0px; }



.bios .tile a:hover { text-decoration: underline; }

.blue, .blue li a, .blue li a:hover { color: #0d4675; border: 0px solid #d4e6f5; }

.active .blue { background-color: #d4e6f5; }

.brown, .brown li a, .brown li a:hover { color: #89632e; }

.gold, .gold li a, .gold li a:hover { color: #c29630 !important; border-color: #fbf1db;}



.goldImage { border-color: #c29630 !important; }

.active .gold { background-color: #fbf1db; }

.green, .green li a, .green li a:hover { color: #67923a; }

.lightBlue, .lightBlue li a, .lightBlue li a:hover { color: #4187cf; }

.orange, .orange li a, .orange li a:hover { color: #da8546; }

.red, .red li a, .red li a:hover { color: #9a372f; }

.purple, .purple li a, .purple li a:hover { color: #9e38d9; }

.darkGreen, .darkGreen li a, .darkGreen li a:hover { color: #267a4c; }

.gray { color: #6a6a6a; }

.activeBio { text-decoration: underline !important; }

.bios #quo .wrapper { background-image: url(../images/boltsBottom.png); background-position: bottom left; background-repeat: no-repeat; }
.bios #quo .tile { background-image: url(../images/boltsTop.png); background-repeat: no-repeat; background-color: transparent; margin-bottom: 0px;}
.bios #quo h5 { margin-top: 15px; margin-left: 13px; color: #ffffff; font-size: 23pt; }
.bios h6 { padidng: 0px; margin: 0px 0px 15px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15pt; font-weight: normal; }

.bioDesc h6, #tContent h6 { margin-bottom: 5px; }

.bios .siteQuote h5 {  margin-top: 25px; color:#fff; font-size: 15pt !important; line-height: 21pt; margin-left: 14px; margin-bottom: 10px; text-indent: -10px;}
.bios .siteQuote h4 { margin-top: 10px; margin-left: 95px !important; font-size: 10pt; color: #fff;}

/* TWO COL TABLE */
.twocol .r1, .twocol .r2 { float: left; font-family: Verdana, Geneva, sans-serif; font-size: 9pt !important; }
.twocol .r1 .cmo, .twocol .r2 .cmo { padding:0px; margins: 0px; float: right;}
.twocol .r1 {  width: 20%; text-align: right; margin-right: 1%; font-weight: bold; margin-bottom: 9px; }
.twocol .r2 { width: 78%; margin-bottom: 9px; clear: right; }


/* TWO COL */

.twocol #tNav { color: #655d5b; } 
.twocol { margin-bottom: 0px;}
.twocol #pageHeader { backgroud-color: #ffffff;}
.twocol #copyBox { padding-right: 0px; width: 716px;  }
.twocol .sideQuote p { margin-left: 18px; margin-top: 24px; color: #a1a6aa; }
.twocol .sideQuote span { margin-left: 18px; color: #a1a6aa; }
.twocol .sideQuote { xborder: none; xbackground: none; }
.twocol #col2 .tile { height: 304px; margin-bottom: 0px; margin-right: 0px; }
.twocol #col2 { float: left; width: 234px; margin-right: 0px; margin-bottom: 0px !important;}
.twocol #col1 { margin-bottom: 0px !important; width: 718px;}
.twocol #col1 .tile { width: 671px;  height: 278px; margin-bottom: 0px; padding-left: 29px; padding-top: 40px;}
.twocol #col2 .wrapper { background-image: url(../images/boltsBottom.png); background-position: bottom left; background-repeat: no-repeat; }
.twocol #col2 .tile { background-image: url(../images/boltsTop.png); background-repeat: no-repeat; }
.twocol #col2 .wrapper2 { background-image: url(../images/boltsEmail_bottom.png); background-position: bottom left; background-repeat: no-repeat; }
.twocol #col2 .tile2 { background-image: url(../images/boltsEmail_top.png); background-repeat: no-repeat; }
.twocol #col2 h5 { margin-top: 25px; }
.twocol #col2 h5 sup { margin-top: -40px !important; font-size: 10pt; } 
.twocol .copy h3 {  font-size: 36pt; margin-bottom: 4px; color: #655d5b; }
.twocol .copy h4 { font-size: 19pt !important; margin: 0px; padding: 17px 0px 26px 0px; line-height: 22pt; color: #655d5b;}
.twocol #col1 h5 { font-size: 15pt; margin-bottom: 0px; margin-top: 15px; }
.twocol #col1 p { margin-top: 5px; margin-bottom: 15px; }


/* THREE COL */

.threecol #tNav { color: #655d5b; } 
.threecol { margin-bottom: 0px;}
.threecol #pageHeader { backgroud-color: #ffffff;}

.threecol #col1 h5 { font-size: 15pt; margin-bottom: 0px; margin-top: 15px; }
.threecol #col1 p { margin-top: 5px; margin-bottom: 15px; }
.threecol #col1 { margin-bottom: 0px !important; width: 960px;}
.threecol #col1 .tile { width: 913px;  height: 155px; padding-left: 29px; padding-top: 40px;}

.threecol #col2 .tile, .threecol #col3 .tile, .threecol #col4 .tile { height: 304px; margin-bottom: 0px; background-color :#ffffff; }
.threecol p  { line-height: 13pt; padding-bottom: 10px; }
.threecol #col2 { float: left; width: 315px;}
.threecol #col3 { float: left; width: 314px;}
.threecol #col4 { float: left; width: 315px;}
.threecol #col2 .tile { width: 259px; padding-left: 29px; padding-right: 25px; }
.threecol #col3 .tile { width: 258px; padding-left: 29px; padding-right: 25px;}
.threecol #col4 .tile { width: 261px; padding-left: 29px; padding-right: 23px;}


.threecol #col2 h3, .threecol #col3 h3, .threecol #col4 h3 { margin-top: 10px; font-size: 22pt; }
.threecol .copy h3 {  font-size: 36pt; margin-bottom: 4px; color: #655d5b; }
.threecol .copy h4 { font-size: 19pt !important; margin: 0px; padding: 17px 0px 26px 0px; line-height: 22pt; color: #655d5b;}
.threecol #col2 .tile, .threecol #col3 .tile, .threecol #col4 .tile { padding-top: 10px; background-color: #fff;} 

.threecol ul { margin-left: 15px; padding: 0px 0px 5px 0px; } 
.threecol li { margin-bottom: 8px; }



/*@@@@@ WORK CATEGORY @@@@@*/
.catWork .highlight { color: #6e448b !important; } 
.catWork #tNav  { background: url(../images/headers/navWork.jpg) #655D5B; }
.catWork #tNav a:hover, .catWork #tNav .active { background: url(../images/sepWork.png) right 8px no-repeat !important; }
.catWork #tNav .curPage a, .catWork #tNav .clientSub a { margin-left: 12px; color: #958b8a !important; }
.catWork #tNav .curPage a:hover, .catWork #tNav .clientSub a:hover { }
.catWork #pageHeader  { background: url(../images/headers/headerLogo.jpg) #ffffff; }
.catWork #col2 .tile { color: #ffffff !important; background-color: transparent; } 
.catWork #col2 .wrapper { float: left; display: block; background-color: #6e448b; } 


/* WORK PAGE */

.portfolio #col4 .tile { background-color:#ffffff; height: 530px; color: #655d5b !important; font-size: 9pt; }
#ts2, #ts5, #ts8 {
margin-right: 0px;
}
#ts6, #ts7, #ts8 { margin-bottom: 0px; }
.portfolio #pageSubHeader h3 { font-size: 38pt; display: inline; padding-bottom: 0px; }
.portfolio #pageSubHeader h4 { padding-top: 8px; margin-top: 0px; font-size: 15pt;}
.portfolio .tilesm { padding: 0px; height: 149px; width: 232px;}
.portfolio .tilesm a:hover { text-decoration: none; }
.portfolio .tilesm a { cursor: pointer; }
.portfolio .tilesm a div { height: 115px; width: 232px; background-color: #fff; text-align: left; color: #523368; font-size: 9pt; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:.0; text-align: center; padding-top: 34px;}
.portfolio #col2 h5 { margin-top: 25px; color:#fff; font-size: 15pt !important; line-height: 21pt; margin-left: 14px; margin-bottom: 10px;}
.portfolio #col2 h5 {text-indent: -10px; }
.portfolio #col2 h4 { margin-left: 14px; margin-top: 10px; }
.portfolio #col2 h4 span { font-size: 9pt;}
.portfolio .tilesm h6 { font-size: 16pt; font-weight: normal; margin: 0px; padding: 12px 0px 5px 0px;}
.portfolio #col2 .tile { height: 437px; }

/* PROJECT PAGE */
.project #col2 .tile { height: 304px; margin-bottom: 0px; margin-right: 0px; background: none; }
.project #col2 { position: relative; float: left;  margin-right: 0px; background-color: #6E448C;}
.project #col2 .tile { padding-top: 0px;  height: 447px; width: 235px; }
.project #content1 .wide { width: 684px; }
.project .wideCol1 { width: 684px !important; }
.project .wideCol2 { width: 267px !important; background: url(../images/work/work_wideCol.jpg) repeat-x; }
.project .wideCol2 .tile { width: 267px; }

.project .slim { width: 234px;  }
.project #content1 .slim {  }
.slimCol1 #content1 { width: 714px !important; height: 465px !important; padding: 0px !important; }
.slimCol1 #content1 a, .wideCol1 #content1 a  { margin-top: 20px; margin-left: 20px; outline: none; }
.wideCol1 #content1  { width: 680px !important; height: 464px !important; padding: 0px !important; }
.vim #content1 { padding: 0px !important; margin: 0px; }
.vim #content1  { height: 462px !important; width: 688px !important;  }
.vim .wideCol2 { height: 464px !important;}

.project .slimCol2 { height: 464px; background-image: url(../images/work/work_slimCol.jpg); }
.project .slimCol2 .tile { width: 210px !important; }

.project #col2 .title { font-size: 17pt; margin-bottom: 0px; padding-bottom: 0px;}
.project .slimCol2 .title {  font-size: 16pt !important; }
.project #col2 .client { font-size: 12pt; margin-top: 5px; padding-top: 0px;}
.project .slimCol2 .client { font-size: 11pt !important; }

.project #col2 .sub { font-size: 12pt; margin-top: 20px;  padding-bottom: 0px; margin-bottom: 5px;}
.project #col2 p { padding: 0px; margin: 0px; font-size: 10pt; }
.project .backtowork { position: absolute; top: 420px; display: block; background: url(../images/btowork.png) top left no-repeat; height: 22px; width: 135px; margin-left: 3px; outline: none; text-indent: -5000px; }
/*  */

/* CLIENTS PAGE */
.clients #pageHeader  { background: url(../images/headers/headerGlass.jpg) #ffffff; }
.clients #col1 .tile { height: 1060px; }
.clients #col1 h3 { font-size: 31pt; }
.clients #col2 .tile { height: 1084px; position: relative; }
.clients #col2 h5 {  margin-top: 25px; color:#fff; font-size: 15pt !important; line-height: 21pt; margin-left: 14px; margin-bottom: 10px;}
.clients #col2 h5 {text-indent: -10px; }
.clients #col2 h4 { margin-left: 14px; margin-top: 10px; }
.clients #col2 h4 span { font-size: 9pt;}
.clist { display: block; background: url(../images/clientlist.png) top left no-repeat; height: 21px; width: 142px; margin-left: 10px; outline: none; text-indent: -5000px; position: absolute; top: 385px;} 

.clientslist #col1 .tile { height: 1475px; }
.clientslist #col2 .tile { height: 1499px; position: relative; }
.clientslist #l1, .clientslist #l2 { width: 330px; float: left; margin-top:20px;}
.clientslist #col2 h4 { margin-left: 14px; margin-top: 10px; }
.clientslist #col2 h4 span { font-size: 9pt;}
.clientslist ul { list-style: none; padding: 0px; margin: 0px;}
.clientslist ul li { margin-bottom: 7px; }
.clientsList .topLink{font-family: Verdana, sans-serif; font-size:12px; color:#ce8425; line-height:40px !important; font-weight:bold;}

#logoUL { margin: 0;	padding: 0;	list-style: none;	float: left; width: 660px;}
#logoUL li { margin: 0;	padding: 0;	float: left;}

/*@@@@@ CAPABILITIES CATEGORY @@@@@*/
.catCap .highlight, .catCap a { color: #d12323 !important; } 
.catCap #tNav  { background: url(../images/headers/navCap.jpg) #655D5B; }
.catCap #tNav a:hover, .catCap #tNav .active { background: url(../images/sepCap.png) right 8px no-repeat !important; }
.catCap #pageHeader  { background: url(../images/headers/headerMeeting1.jpg) #ffffff; }
.catCap #col2 .tile { color: #ffffff !important; background-color: transparent;} 
.catCap #col2 .wrapper { float: left; display: block; background-color: #d12323; } 


/* CAPABILITIES PAGE */

.cap #col2 .tile, .cap #col3 .tile, .cap #col4 .tile { background-color:#ffffff; height: 400px; color: #655d5b !important; font-size: 9pt; margin-bottom: 8px; }
.cap #col2 .tile a { font-family: Georgia, "Times New Roman", Times, serif; }
.cap #col5 .tile, .cap #col6 .tile { color: #655d5b !important; font-size: 9pt;  }
.cap #col5 p, .cap #col6 p { line-height: 13pt; }
.cap #col5 .tile a, .cap #col6 .tile a { font-family: Georgia, "Times New Roman", Times, serif; }
.cap #col5 { width: 637px; margin-right: 8px;  }
.cap #col5 .tile { width: 603px; margin-right: 9px; margin-bottom: 0px; }
.cap #col6 .tile { width: 281px; margin-right: 0px !important; margin-bottom: 0px; }
.cap #col6 { width: 315px; margin-right: 0px !important;}
.cap #col6 .tile h3, .cap #col5 .tile h3 { margin-top: 5px; padding-top: 0px; margin-bottom: 12px; padding-bottom: 0px;}
.cap #col4 { margin-right: 0px !important; }
.cap #col2 h4, .cap #col3 h4, .cap #col4 h4 { }

.cap #col1 .tile h3 { font-size: 36pt; }
.cap #col1 .tile h4 { padding-top: 8px; }
.cap #col1 .tile { height: 110px; }
.cap #col1 .tile .small { font-size: 22pt !important; font-style: oblique;}



/* LOCALIZATION PAGE */

.local #pageHeader  { background: url(../images/headers/headerHotwheels.jpg) #ffffff; }
.local #col1 .tile { height: 1035px; }
.local #col2 .tile { height: 1059px; }
.local #col1 .tile h3 { font-size: 25pt; }
.local #col1 .tile h4 { padding-top: 8px; margin-bottom: 16px; }
.local #col2 h5 { margin-top: 25px; color:#fff; font-size: 15pt !important; line-height: 21pt; margin-left: 14px; margin-bottom: 30px;}
.local #col2 h4 { color:#fff; font-size: 16pt; margin-left: 20px; padding-top: 0px; margin-bottom: 10px;}
.local #col1 .tile .small { font-size: 22pt !important; font-style: oblique;}

.local .localTile { width: 318px; margin-right: 16px; margin-bottom: 22px; float: left;  }
.localTile img { border: 0px;}

/* SOFTWARE SOLUTIONS PAGE */

.softwaresol #pageHeader  { background: url(../images/headers/headerNotes.jpg) #ffffff; }
.softwaresol #col1 .tile { height: 455px;}
.softwaresol #col1 a { font-family: Georgia, "Times New Roman", Times, serif; }
.softwaresol #col2 .tile { height: 479px; }
.softwaresol #col1 .tile h3 { font-size: 28pt; }
.softwaresol #col1 .tile h4 { padding-top: 8px; font-size: 18pt !important; }
.softwaresol #col1 p { margin-bottom: 30px; }
.softwaresol #col2 h5 { margin-top: 12px; color:#fff; font-size: 15pt !important; line-height: 21pt; margin-left: 8px; margin-bottom: 0px;}
.softwaresol #col2 h4 { color:#fff; font-size: 16pt; margin-top: 10px; margin-left: 10px; padding-top: 0px; margin-bottom: 10px;}

/*@@@@ ABOUT CATEGORY @@@@*/
.catAbout #tNav  { background: url(../images/headers/navAbout.jpg) #655D5B; }
.catAbout #tNav a:hover, .catAbout #tNav .active { background: url(../images/sepAbout.png) right 8px no-repeat !important; }
.catAbout #pageHeader  { background: url(../images/headers/headerOfficePan.jpg) #ffffff; }
.catAbout #col2 .tile { color: #ffffff !important; background-color: transparent;} 
.catAbout #col2 .wrapper { float: left; display: block; background-color: #d27329; } 


/* ABOUT PAGE */

.about #col1 .tile { height: 475px; }
.about #col2 .tile { height: 499px !important; }
.xabout #col2 h5 {  margin-top: 25px; color:#fff; font-size: 15pt !important; line-height: 21pt; margin-left: 14px; margin-bottom: 30px;}
.about #col2 h5 { margin-bottom: 5px !important; padding-bottom: 0px !important; }
.about #col2 h5 ul { padding: 0px; margin: 0px 0px 0px 14px; }
.about #col2 li { padding: 0px; margin: 0px; font-size: 10pt; margin-bottom: 5px;  }
.about #col2 h5 { padding: 0px; margin: 0px; }
.about #col2 h5 { color:#fff; font-size: 15pt; margin-left: 10px; padding-top: 0px; margin-bottom: 15px; margin-top: 25px;}
/* RECOGNITION PAGE */

.recognition #pageHeader  { background: url(../images/headers/headerAwards.jpg) #ffffff; }
.recognition #col1 .tile { height: 665px;}
.recognition #col2 .tile { height: 689px !important; }
.recognition #col1 .tile h3 { font-size: 32pt; }
.recognition #col1 .tile h4 { padding-top: 8px; }
.xrecognition #col2 h5 {  margin-top: 25px; color:#fff; font-size: 15pt !important; line-height: 21pt; margin-left: 11px; margin-bottom: 10px;}
.recognition #col1 p { margin-bottom: 10px; }
.recognition #col2 h5 ul { padding: 0px; margin: 0px 0px 0px 14px; }
.recognition #col2 li { padding: 0px; margin: 0px; font-size: 10pt; margin-bottom: 5px;  }
.recognition #col2 h5 { padding: 0px; margin: 0px; }
.recognition #col2 h5 { color:#fff; font-size: 15pt; margin-left: 10px; padding-top: 0px; margin-bottom: 15px; margin-top: 25px;}

/* COMMUNITY PAGE */

.community #pageHeader  { background: url(../images/headers/headerBUBshirt.jpg) #ffffff; }
.community #col1 .tile { height: 415px; font-size: 10pt;}
.community #col2 .tile { height: 439px; }
.community #col1 .tile h3 { font-size: 36pt; }
.community #col1 .tile h4 { padding-top: 8px; }
.community #col2 h5, .giving #col2 h5 {  margin-top: 25px; color:#fff; font-size: 15pt !important; line-height: 21pt; margin-left: 14px; margin-bottom: 10px; text-indent: -10px;}
.community #col2 h4, .giving #col2 h4 { margin-top: 10px; margin-left: 68px;}
.community #col1 p { margin-bottom: 10px; }

/* WHAT TO EXPECT */

.whattoexpect #col1 .tile { height: 935px;}
.whattoexpect #col2 .tile { height: 959px; }
.whattoexpect #col1 .tile h3 { font-size: 32pt; }
.whattoexpect #col1 .tile h4 { padding-top: 8px; }
.whattoexpect #col2 h5 {  margin-top: 25px; color:#fff; font-size: 15pt !important; line-height: 21pt; margin-left: 11px; margin-bottom: 10px;}
.whattoexpect #col1 p { margin-bottom: 30px; }


/*@@@@@ TEAM CATEGORY @@@@@*/
.catTeam .highlight, .careers a, .culture a  { color: #66a513 !important; } 

.bios #tNav, .catTeam #tNav  { background: url(../images/headers/navTeam.jpg) #655D5B; }
.bios #tNav a:hover, .catTeam #tNav a:hover, .catTeam #tNav .active { background: url(../images/sepTeam.png) right 8px no-repeat !important; }
.catTeam #pageHeader  { background: url(../images/headers/headerChexx.jpg) #ffffff; }
.catTeam #col2 .tile { color: #ffffff !important; background-color: transparent;} 
.catTeam #col2 .wrapper, .catTeam #quo .wrapper { float: left; display: block; background-color: #66a513; } 


/* CAREERS PAGE */
.careers #pageHeader  { background: url(../images/headers/headerMeeting2.jpg) #ffffff; }
.careers #col1 .tile { height: 405px; }
.careers #col2 .tile { height: 429px; }
.careers #col1 .tile h3 { font-size: 39pt; }
.careers #col1 .tile h4 { padding-top: 8px; }
.careers #col1 .tile li { margin-bottom: 8px;}
.careers #col2 h5 ul { padding: 0px; margin: 0px 0px 0px 14px; }
.careers #col2 li { padding: 0px; margin: 0px; font-size: 10pt; margin-bottom: 5px;  }
.careers #col2 h5 { padding: 0px; margin: 0px; }
.careers #col2 h5 { color:#fff; font-size: 15pt; margin-left: 10px; padding-top: 0px; margin-bottom: 15px; margin-top: 25px;}
.careers #col1 .tile .small { font-size: 22pt !important; font-style: oblique;}
.careers .jlist { padding-top: 10px; }
.careers .jlist a { display: block; margin-bottom: 5px; outline: none;}
.careers p { padding-bottom: 10px; }

.accountExec #col1 .tile { height: 945px; }
.accountExec #col2 .tile { height: 969px; }

.DotNetDeveloper #col1 .tile { height: 655px; }
.DotNetDeveloper #col2 .tile { height: 679px; }

.SeniorWebGraphicsDesigner #col1 h3 { font-size: 30pt !important; }
.SeniorWebGraphicsDesigner #col1 .tile { height: 695px; }
.SeniorWebGraphicsDesigner #col2 .tile { height: 719px; }

.FlashInteractiveDeveloper #col1 .tile { height: 665px; }
.FlashInteractiveDeveloper #col2 .tile { height: 689px; }

/* CULTURE PAGE */

.culture #pageHeader  { background: url(../images/headers/header1200.jpg) #ffffff; }
.culture #col1 .tile { height: 405px; }
.culture #col2 .tile { height: 429px; }
.culture #col1 .tile h3 { font-size: 39pt; }
.culture #col1 .tile h4 { padding-top: 8px; }
.culture #col2 h5 {  margin-top: 25px; color:#fff; font-size: 15pt !important; line-height: 21pt; margin-left: 14px; margin-bottom: 10px; text-indent: -10px;}
.culture #col2 h4 { color:#fff; font-size: 16pt; margin-left: 86px; padding-top: 0px; margin-top: 5px;}
.culture #col1 .tile .small { font-size: 22pt !important; font-style: oblique;}



/*@@@@@ HOLIDAY CATEGORY @@@@@*/
.catHoliday #tNav  { background: url(../images/headers/navAbout.jpg) #655D5B; }
.catHoliday #tNav a:hover, .catHoliday #tNav .active { background: url(../images/sepHoliday.png) right 8px no-repeat !important; }
.catHoliday #pageHeader  { background: url(../images/headers/holiday09.jpg) #ffffff; }
.catHoliday #col2 .tile { color: #ffffff !important; background-color: transparent;} 
.catHoliday #col2 .wrapper { float: left; display: block; background-color: #6cbde4; } 
.catHoliday .highlight { color: #6cbde4 !important; padding: 0px; margin: 0px; }

/* HOLIDAY PAGE */
.giving #col1 h4 { margin-bottom: 10px; }
.catHoliday #col2 .siteQuote h5 { font-size: 23pt; }
.catHoliday #col2 .siteQuote h6 { font-family: Georgia, Sans-Serif; margin-left: 11px; font-size: 15pt; margin-top: 0px; font-weight: normal; font-style: italic; }
.giving #col1 .tile { height: 455px; }
.giving #col2 .tile { height: 479px !important; }



/*@@@@@ PROMOTIONS CATEGORY @@@@@*/
.catPromotion #tNav  { background: url(../images/headers/navVal.jpg) #655D5B; }
.catPromotion #tNav a:hover { background: url(../images/sepContact.png) right 8px no-repeat !important; }
.catPromotion #pageHeader  { background: url(../images/headers/headerValentine.jpg) #ffffff; }
.catPromotion #col2 .tile { color: #ffffff !important; background-color: transparent;} 
.catPromotion #col2 .wrapper { float: left; display: block; background-color: #df576b; } 
.catPromotion .highlight { color: #df576b !important; padding: 0px; margin: 0px; }

/* PROMOTION PAGE */

.valentines #col1 .tile { height: 505px;}
.valentines #col2 .tile { height: 529px; position: relative; }
.valentines #col1 .tile h3 { font-size: 36pt; }
.valentines #col1 .tile h4 { padding-top: 8px; }
.valentines #col2 h6 { font-weight: normal; color:#fff; line-height: 24px; font-size: 16px; margin-left: 7px; padding-top: 0px;}
.valentines #col2 h6 a { color:#fff; }
.valentines #col1 p { margin-bottom: 30px; }
.valentines #outerLinks { margin-left: 20px; position: absolute; top: 480px;}
.valentines #outerLinks a  { margin-right: 12px; display: block; float: left; height: 44px; width: 44px; outline: none; text-indent: -5000px;}
.valentines #outerLinks .twitter { background: url(../images/icon_tw.png) no-repeat; }
.valentines #outerLinks .facebook { background: url(../images/icon_fb.png) no-repeat; }
.valentines #outerLinks .map { background: url(../images/icon_mp.png) no-repeat; }



.valentines .contactButton { clear:left; margin:10px 0px 0px 135px; display:block; font-weight:bold; color:#fff; background-color:#2173AF; width:85px; height:30px; line-height:30px; text-decoration:none; text-align:center; }
.valentines .contactButton:hover { color: #fff; text-decoration:none; }

.valentines .contactFormFieldLabel { font:14px Verdana, Helvetica, sans-serif; float:left; width:125px; padding-right:7px; text-align:right; }
.valentines .contactFormFieldInput input { margin-bottom:10px; width:175px; font:14px Verdana, Helvetica, sans-serif; border:solid 1px #df576b; color:#555; }
.valentines .contactFormFieldInputCheckbox {color:#df576b;}
.valentines .contactFormFieldInputCheckbox input { margin-bottom:10px; font:14px Verdana, Helvetica, sans-serif; color:#df576b; }


.valentines .contactButton { clear:left; margin:10px 0px 0px 135px; display:block; font-weight:bold; color:#fff; background-color:#df576b; width:85px; height:30px; line-height:30px; text-decoration:none; text-align:center; }
.valentines .contactButton:hover { color: #fff; text-decoration:none; }
.valentines .contactCommentsLabel { float:left; width:125px; padding-right:7px; text-align:right; font:14px Verdana, Helvetica, sans-serif; }
.valentines .contactCommentsInput textarea { margin-bottom:10px; _margin-left:3px; float:left; width:300px; font:14px Verdana, Helvetica, sans-serif; border:solid 1px #df576b; color:#555; }


/*@@@@@ CONTACT CATEGORY @@@@@*/
.catContact #tNav  { background: url(../images/headers/navContact.jpg) #655D5B; }
.catContact #tNav a:hover { background: url(../images/sepContact.png) right 8px no-repeat !important; }
.catContact #pageHeader  { background: url(../images/headers/headerBoard.jpg) #ffffff; }
.catContact #col2 .tile { color: #ffffff !important; background-color: transparent;} 
.catContact #col2 .wrapper { float: left; display: block; background-color: #2173af; } 
.catContact .highlight { color: #2173af !important; padding: 0px; margin: 0px; }

/* CONTACT PAGE */

.contact #col1 .tile { height: 435px;}
.contact #col2 .tile { height: 459px; position: relative; }
.contact #col1 .tile h3 { font-size: 36pt; }
.contact #col1 .tile h4 { padding-top: 8px; }
.contact #col2 h6 { font-weight: normal; color:#fff; line-height: 24px; font-size: 16px; margin-left: 7px; padding-top: 0px;}
.contact #col2 h6 a { color:#fff; }
.contact #col1 p { margin-bottom: 30px; }
.contact #outerLinks { margin-left: 20px; position: absolute; top: 420px;}
.contact #outerLinks a  { margin-right: 12px; display: block; float: left; height: 44px; width: 44px; outline: none; text-indent: -5000px;}
.contact #outerLinks .twitter { background: url(../images/icon_tw.png) no-repeat; }
.contact #outerLinks .facebook { background: url(../images/icon_fb.png) no-repeat; }
.contact #outerLinks .map { background: url(../images/icon_mp.png) no-repeat; }

.comments #col1 .tile { height: 535px;}
.comments #col2 .tile { height: 559px; position: relative; }
.comments .siteQuote h5 {  margin-top: 25px; color:#fff; font-size: 15pt !important; line-height: 21pt; margin-left: 14px; margin-bottom: 10px; text-indent: -10px;}

/* PORTFOLIO PIECE */

.portPiece { }
.portPiece #col1 { width: 686px; background: none; }
.portPiece #content1{ width: 684px; margin-right: 0px; z-index: 1000; }

.portPiece #content1 { height: 464px; width: 684px; padding: 0px; xoverflow: hidden; margin-bottom: 0px;  background-color: #ffffff;}
.portPiece #col2 { margin-right: 0px !important; width: 264px;}
.portPiece #content2 { height: 434px; overflow: hidden; margin-bottom: 0px; width: 224px;}
.portPiece #content2 p { height: 370px; }

.portPiece #fl { height: 468px; width: 684px; }



/* GOV */
.gov #col1 .tile h3 { font-size: 25pt;}
.gov #col2 h6 { margin-bottom: 0px; padding: 0px; font-size: 10pt; font-weight: bold; }
.gov #col2 ul li { margin-bottom: 5px; font-size: 10pt; }
.gov #pageHeader  { background: url(../images/headers/headerGlass.jpg) #ffffff; }
.gov #tNav { background-image: url(../images/headers/navGov.jpg); }

/* Navigation */

#tNav {
	background-color: #655d5b;
}

#tNav h4 {
	padding: 0px;
	margin: 0px;
}

#tNav a {
	font-family: "Times New Roman", Times, serif;
	font-size: 13pt;
	font-weight: 500;
	text-decoration: none;
	color:#eee !important;
	display: block;
	float: left;
	clear: left;
	padding: 0px 14px 1px 0px !important;
	display: inline !important;
	margin-bottom: 6px;
	margin-top: -1px;
}

#tNav a:active, #tNav .active { 
	color: #a2a2a2 !important;
}

.cmo { color: #d27329 !important;  }

.cProfile { display: block; background: url(../images/cprofile.png) top left no-repeat; height: 32px; width: 185px; margin-left: 10px; outline: none; text-indent: -5000px;} 

.localBrochure { display: block; background: url(../images/localbrochure.png) top left no-repeat; height: 32px; width: 185px; margin-left: 10px; outline: none; text-indent: -5000px; } 

/* contact page form, added 08/17/09 DER */
#errorLabel { color:Red; font:14px Verdana, Helvetica, sans-serif; padding:0px 0px 20px 5px; }

.contactButton { clear:left; margin:10px 0px 0px 135px; display:block; font-weight:bold; color:#fff; background-color:#2173AF; width:85px; height:30px; line-height:30px; text-decoration:none; text-align:center; }
.contactButton:hover { color: #fff; text-decoration:none; }

.contactFormFieldLabel { font:14px Verdana, Helvetica, sans-serif; float:left; width:125px; padding-right:7px; text-align:right; }
.contactFormFieldInput input { margin-bottom:10px; width:175px; font:14px Verdana, Helvetica, sans-serif; border:solid 1px #2173AF; color:#555; }
.contactFormFieldInputCheckbox {color:#2173AF;}
.contactFormFieldInputCheckbox input { margin-bottom:10px; font:14px Verdana, Helvetica, sans-serif; color:#2173AF; }

.contactCommentsLabel { float:left; width:125px; padding-right:7px; text-align:right; font:14px Verdana, Helvetica, sans-serif; }
.contactCommentsInput textarea { margin-bottom:10px; _margin-left:3px; float:left; width:300px; font:14px Verdana, Helvetica, sans-serif; border:solid 1px #2173AF; color:#555; }

#footer { text-align: center; width: 100%; float: left; clear: both; padding: 30px 0px 12px 0px; font-size: 10pt; color: #959595; } 
#footer a img { border: 0px; position: relative; top: 6px; margin-left: 6px; }
#footer .content { padding-left: 10px; text-align: left; width: 950px; margin: 0px auto; color: #828282;}
#footer .enterMail { height: 16px;color: #a9a2a0; border: 0px solid #bebdbd; }
#footer .submit { }
#footer .submit img { margin: 0px; padding: 0px; position: inline; }
#footer a {color: #3f86ba; }
#footer #textWrap {  padding: 3px 0px 3px 0px; margin: 0px 3px 0px 0px;  height: 26px; border: 1px solid #bebdbd; }
#footer .address { padding-left: 10px; text-align: left; width: 950px; margin: 0px auto; font-size: 7pt; color: #717070; padding-top: 15px;}



#tContent .container { width: 200px; height: 195px; overflow: hidden; position: relative; }
#tContent .slider p { height: 195px; position: relative; width: 200px; }
#tContent .slider { position: absolute; }
#tContent .slider p a {  color: #848484 !important; position: absolute; top: 165px; font-size: 8pt; float: left; clear: both; }

.slider p .next, .slider p .next2 { left: 165px;  }

/*@@@@@ SITEMAP CATEGORY @@@@@*/
.catSmp .highlight, .catSmp a { color: #2173af !important; } 
.catSmp #tNav  { background: url(../images/headers/navSmp.jpg) #655D5B; }
.catSmp #pageHeader  { background: url(../images/headers/headerLogo.jpg) #ffffff; }
.catSmp #col1 .tile { color: #ffffff !important; background-color: transparent; } 
.catSmp #col1 .wrapper { float: left; display: block; background-color: #d12323; } 

/* SITEMAP PAGE */

.smp #col1 .tile { background-color:#ffffff; height: 300px; color: #655d5b !important; font-size: 9pt; }
.smp #col1 .tile a { font-family: Verdana, Helvetica, sans-serif; }
#colz { float:left; padding: 0px 25px 0px 25px; margin-left: 20px; }

/*!!!!!!! GNOME STUFF - DO NOT PUSH THE BELOW TO PRODUCTION !!!!!!*/

.dv { outline: none; }
.contact #col1 { position: relative; }
.contact .dv { display: block; position: absolute; height: 70px; width: 100px; top: 310px; left: 360px; }
.contact .contactCommentsInput textarea { width: 190px; padding-right: 110px; background: url(../images/d01.png) right 5px no-repeat;}
.cap #pageHeader { position: relative; }
.careers .siteQuote { position: relative; }
.careers .dv {  position: absolute; background: url(../images/d49.png) center 16px no-repeat; height: 120px; width: 120px; left: 30px; bottom: 0px;  } 

.cap .dv {  position: absolute; background: url(../images/d70.png) center 0px no-repeat; height: 100px; width: 70px; top: 7px; left: 467px;  } 
.project { position: relative; }
.project .dv {  position: absolute; background: url(../images/d88.png) center 0px no-repeat; height: 95px; width: 134px; top: -94px; left: 108px;  } 
.clients #col1 .copy { position: relative; }
.clients .dv { position: absolute; bottom: 0px; left: 590px; background: url(../images/d01.png) top center no-repeat; height: 132px; width: 94px; }

#target { }