
body, table, td, p, ul, li, dl, dt, dd, div, span, input, textarea, select { line-height:150%; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#666; }
body { margin:0; padding:0; background:#333; }
h1 { display:block; float:none; margin:0; padding:0; width:100px; height:85px; background:#333; }
h2, h3 { margin:0; padding:0; }
h3 { line-height:100%; }
h5 { margin:5px 0 0; }
p, h2, h3, h4, li, input, textarea, select, span { font-size:0.8em; .font-size:0.7em; }
p.formDisclaimer { font-size:0.7em; font-style:italic; }
p.subHead {  }
img { border:0; }
a:link { color:#39F; text-decoration:none; }
a:visited { color:#39F; text-decoration:none; }
a:hover { color:#39F; text-decoration:underline; }
a:active { color:#39F; text-decoration:none; }

.leftPinkBox a:link { color:#FFF; }
.leftPinkBox a:visited { color:#FFF; }
.leftPinkBox a:hover { color:#FFF; }
.leftPinkBox a:active { color:#FFF; }

.mainWrapper { position:relative; overflow:hidden; width:920px; clear:both; background:#FFF; }
* html .mainWrapper { width:923px; }
	.header { display:block; float:none; width:920px; height:72px; }

	/* .leftNav { display:inline; float:left; margin:0 0 -1000px 0; padding:0 25px 1140px 30px; width:120px; background:#333; } */
	.leftNav { display:inline; float:left; margin:0 0 -1000px 0; padding:0 20px 1000px 30px; width:125px; background:#333; }
		.leftNav ul { margin:0; padding:0; list-style-type:none; }
		.leftNav li, .leftNav li.selected { margin:0; padding:0; width:125px; height:31px; background:url(../images/dotted_line_white.gif) 0 24px repeat-x; }
		.leftNav li.parent { height:21px; background:none; }
		.leftNav li.child { height:18px; background:none; }
		.leftNav li.double { height:30px; background:none; }
		.leftNav li.childLast { height:31px; background:url(../images/dotted_line_white.gif) 0 24px repeat-x; }
		.leftNav li.doubleLast { height:38px; background:url(../images/dotted_line_white.gif) 0 36px repeat-x; }
		.leftNav li.last { margin:0; padding:0; width:120px; height:31px; background:none; }
	
	ul.sitemap { margin:0; padding:0; }
	ul.sitemap li { margin-left:16px; padding-left:10px; list-style-type:disc; font-size:0.8em; }
	ul.sitemap li li { margin-left:16px; padding-left:10px; list-style-type:disc; font-size:1.0em; }
		
	.textLink li { line-height:100%; }

	.footer {position:relative; padding:10px 0 20px; width:920px; background:#333; }
	* html .footer { width:923px; }
		.footer p { font-size:0.7em; margin:0; color:#FFF; text-align:right; }
		.footer a:link { color:#FFF; text-decoration:none; }
		.footer a:visited { color:#FFF; text-decoration:none; }
		.footer a:hover { color:#FFF; text-decoration:underline; }
		.footer a:active { color:#FFF; text-decoration:none; }

	/* .middleWrapper { position:relative; display:inline; float:left; margin:0 0 -1000px 0; padding:0 0 1000px 0; width:770px; overflow:hidden; clear:both; background:#EEE; } */
	.middleWrapper { position:relative; left:0; width:745px; overflow:hidden; }
	/* .middleWrapper { display:inline; float:left; overflow:hidden; } */
		.leftPinkBox { display:inline; float:left; margin:15px 0 -1000px 15px; padding:10px 10px 1030px 10px; width:170px; height:auto; background:#C10A66; }
		.leftWhiteBox { display:inline; float:left; margin:15px 0 -1000px 15px; padding:0 0 1030px 0; width:190px; height:auto; background:#FFF; }
			.leftPinkBox p, .leftPinkBox h3 { color:#FFF; }
			.leftWhiteBox p { color:#666; padding-right:20px; }
			.wider p { padding-right:0; }
			.leftWhiteBox ul { margin:0; padding:0; list-style-type:none; }
			.bottomPadding { position:absolute; left:15px; bottom:0; width:190px; height:30px; background:#FFF; z-index:1; }
		.rightWhiteBox { display:inline; float:left; margin:15px 0 -1000px 15px; padding:0 0 1030px 0; width:510px; height:auto; overflow:hidden; }
			.newsBox { display:block; margin-bottom:25px; padding-bottom:0; width:510px; /* min-height:166px; background:url(../images/dotted_line_grey.gif) bottom repeat-x;  */}
			.newsBox h2 { margin-bottom:5px; }
			.newsImg { margin:0 0 20px 20px; padding:3px; width:auto; height:auto; background:#CCC; }
			.servicesBox { display:block; margin:25px 0; padding:25px 0; width:510px; min-height:auto; background:url(../images/dotted_line_grey.gif) top repeat-x; }
			.servicesBox p { margin:0; }
				.servicesTxt { display:block; float:left; padding:20px; width:205px; height:132px; background:#CCC; }
				.servicesImg { display:block; float:right; padding-left:10px; width:auto; height:auto; }
			.app { margin:0; padding:0; }
			.csImg { display:block; float:right; margin-left:10px; padding:3px 3px 0 3px; width:auto; height:auto; background:#CCC; }
			.csImg img { padding-bottom:3px; }
			.fadeImg { display:block; float:right; margin-left:10px; }
			/*
			#fadeImg1 { position:relative; width:250px; height:346px; }
			#fadeImg1 img { position:absolute; display:none; top:0; left:0; }
			*/
			#fadeImg, #fadeImg1, #fadeImg2, #fadeImg3, #fadeImg4, #fadeImg5, #fadeImg6 { position:relative; width:250px; height:346px; }
			#fadeImg4 { height:378px; }
			#fadeImg6 { position:relative; width:250px; height:360px; }
			#fadeImg8, #fadeImg9 { position:relative; width:250px; height:180px; }
			#fadeImg10 { position:relative; width:510px; height:343px; }
			#fadeImg img, #fadeImg1 img, #fadeImg2 img, #fadeImg3 img, #fadeImg4 img, #fadeImg5 img, #fadeImg6 img, #fadeImg8 img, #fadeImg9 img, #fadeImg10 img { position:absolute; display:none; top:0; left:0; }
			.fadeImg10 { display:block; float:right; }
		.bottomLine { position:absolute; left:15px; bottom:0; width:650px; height:2px; /* background:url(../images/dotted_line_grey.gif) 0 0 repeat-x; */ z-index:2; }

iframe { margin:0; padding:0; width:331px; height:190px; }
/* .newsImg { display:inline; float:right; } */
.newsScroll { width:331px; border-bottom:1px dashed #D8D3CF; }
.newsScroll h2 { margin-bottom:1px; padding-bottom:9px; width:315px; border-bottom:1px dashed #D8D3DF; }		
p.newsTxt { }

		.rightGreyBox { display:inline; float:left; margin:15px 0 -1000px 15px; padding:45px 15px 1030px 15px; width:480px; height:450px; overflow:hidden; background:#CCC; }
		.rightLinks { display:inline; float:left; }
			.rightLinks p { margin:0 5px 10px 0; padding:15px 15px 0 15px; width:165px; min-height:35px; color:#FFF; background:#666; }
			.rightLinks p.selected { margin:0 0 10px 0; width:170px; background:#C10A66; }
			.rightLinks a:link, .rightLinks a:visited, .rightLinks a:hover, .rightLinks a:active { color:#FFF; }
		.rightContent { display:inline; float:left; padding:20px; width:240px; height:370px; background:#C10A66; }
			.rightContent ul { margin:0; padding:0 20px; }
			.rightContent li { font-size:0.8em; .font-size:0.7em; color:#FFF; }
			.rightContent p { margin-top:0; color:#FFF; }
			
		ul.tablist { list-style:none; margin:0; padding:0; }
		.tablist li { display:inline; margin:0 10px 0 0; padding:0; }
		ul.leftlist { margin:20px; padding:0; }
			
		.thumbs { display:block; margin:15px 0; padding:3px 0; width:510px; height:120px; border-top:3px solid #CCC; border-bottom:3px solid #CCC; }
		
		form { display:block; float:none; margin:30px 0 0; text-align:left; }
		form div { display:block; float:left; margin-bottom:1px; padding:2px 0; width:510px; background:#DDD; clear:both; }
		form div.whiteDiv { background:#FFF; margin-bottom:15px; width:100%; border-bottom:3px solid #CCC; clear:both; }
		form div.first { padding-top:10px; }
		form div.last { padding-bottom:10px; }
		form p { display:block; float:left; margin:3px 0 0 0; padding:0 10px 0 0; width:160px; text-align:right; }
		p.formDisclaimer { margin-left:170px; line-height:120%; clear:both; }
		form input, form textarea { display:block; float:left; margin:0; width:166px; }
		form select { display:block; float:left; margin:0; width:170px; }
		form span { display:block; float:left; margin:3px 0 0 5px; width:160px; color:#C00; }
		form input.send { display:block; float:right; width:42px; height:21px; }
		form input.upload { display:block; float:left; width:240px; }

	.rightSideMargin { position:absolute; top:0; right:0; margin:0 0 -1000px 15px; padding:0 0 1000px 0; width:40px; height:auto; background:#000; }

#pscroller { width:510px; height:166px; }
.someclass { //class to apply to your scroller(s) if desired }

table.collage { border-top:3px solid #CCC; border-right:3px solid #CCC; }
.collage td { border-bottom:3px solid #CCC; border-left:3px solid #CCC; background:url(../images/collage/bg.jpg); }
table.work { margin:15px 0; border-top:3px solid #CCC; border-right:3px solid #CCC; }
.work td { border-bottom:3px solid #CCC; border-left:3px solid #CCC; background:url(../images/case_studies/bg.jpg); }
table.management { border-top:3px solid #CCC; border-right:3px solid #CCC; background:#DDD; }
.management td { border-bottom:3px solid #CCC; border-left:3px solid #CCC; }
.management td img { padding:3px; }
.management td.biog { border-bottom:3px solid #CCC; border-left:3px solid #CCC; padding:0 10px; }

/*
.listBox { margin:7px 0 0 0; padding:0; width:510px; background:#FFF; clear:both; }
.listBox p { display:inline; float:left; margin:0; padding:6px 0 6px 6px; width:120px; }
.listBox p.nextMod { display:inline; float:left; margin:67px 0 0; padding:0; width:48px; height:100%; vertical-align:bottom; }
.listBox p.subHeading, .subHeading { margin:0; padding:0; }
*/
.contact { display:block; float:left; margin:1px 0 0; padding:10px; width:510px; background:#DDD; }
.contact h2 { margin:0 0 5px 0; padding:0; }
.contact p { display:inline; float:left; margin:0; padding:0 10px 0 0; width:160px; line-height:120%; }
.top { margin-top:3px; }



/* Fixes clear:both - to go in floating div containers - from http://www.positioniseverything.net/easyclearing.html */
.clearFloat:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearFloat { display:inline-table; }
/* Hides from IE-mac \*/
* clearFloat .clearfix { height:1%; }
.clearFloat { display:block; }
/* End hide from IE-mac */
