/* Universal */
	*{
		margin:0;
		padding:0;}

	body, p, table, tr, td{
		font-family: 'Open Sans', sans-serif;
		color:#666;
		font-size:12pt;
		line-height:140%;}
	.content{
		font-size:12pt;
		line-height:175%;}
	body{
		background-color:#f0f0f0;}
	html{
		overflow-y:scroll;}
	#wrapper{
		background-color:#fff;
		background-image:url(images/pageBG1.jpg);
		background-position:center 100px;
		background-repeat:no-repeat;
		background-attachment:fixed;
		border-left:#ccc 1px solid;
		border-right:#ccc 1px solid;
		width:980px;
		margin:0 auto;
		text-align:left;}
	#wrapperNoBG{
		background-color:#fff;
		border-left:#ccc 1px solid;
		border-right:#ccc 1px solid;
		width:980px;
		margin:0 auto;
		text-align:left;}
	.ion, #ion{
		color:#5D003E;
		font-style:normal;
		font-weight:bold;
		display: inline-block;}
	.ionmatch, #ionmatch{
		}
	.bullettitle{
		color:#000;
		margin-bottom:0px;}
	.bullettext{
		margin-bottom:10px;
		line-height:120%;}

	.contentTable td{
		font-family: 'Open Sans', sans-serif;
		font-size:16pt;
		color:#666;
		line-height:140%;}
	.contentImage{
		margin:20px 0px;
		text-align:center;}
	.title1, .title1a{
		font-family: 'Open Sans', sans-serif;
		font-size:18pt;
		color:#000;
		line-height:140%;
		margin:0px 0px 5px 0px;}
	.title1a{
		margin-top:30px;}
	.bullet1{
		margin:10px 0px;}
	ul.bullet1 li{
		margin:0px 0px 0px 40px;
		padding-left:10px;
		list-style-image: url(images/bullet.gif)}

	table td{
		text-align:left;
		vertical-align:top;
		empty-cells:show;
		border-collapse:collapse;}
	table, table td{
		margin:0px;
		padding:0px;
		border-collapse:collapse;
		border-spacing:0;}
	.tableGrid td{
		padding-right:20px;}
	img{
		border:0px;}
	body{
		}
	a:link{
		color:#92d050;
		text-decoration:none;}
	a:visited{
		color:#92d050;
		text-decoration:none;}
	a:active{
		color:#537C05;
		text-decoration:none;}
	a:hover{
		color:#537C05;
		text-decoration:underline;}

.lightboxLink, a.lightboxLink{
	border-bottom: 1px #92d050 dashed;
	text-decoration:none;}
a:hover.lightboxLink{
	border-bottom: 1px #537C05 dashed;}
.lightbox{
	display:none;}

.logoText, a.logoText{
	padding-right:20px;
	font-family:"Archistico","Helvetica","Arial";
	font-size:28pt;
	color:#cf3;
	text-decoration:none;}
.logoText, a:hover.logotext{
	color:#fff;
	text-decoration:none;}
.logoText *{
	text-decoration:none;}
.headerTable{
	height:100px;
	vertical-align:middle;
	background-color:#000;
	background-image:url(images/headerbg.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	width:980px;}
.headerTable td{
	vertical-align:middle;
	text-align:center;}
.separator{
	background-image:url(images/separator.gif);
	background-position:10px 10px;
	background-repeat:no-repeat;
	width:23px;}
.mainNav a{
		color:#fff;
		text-decoration:none;}
.mainNav a:hover{
		color:#cf3;
		text-decoration:none;}
.mainNav .selected a{
		color:#cf3;
		text-decoration:none;}
.mainNav .selected a:hover{
		text-decoration:none;}
.mainNav *{
		font-family: 'Open Sans', sans-serif;
		font-size:16pt;
		line-height:100%;
		text-transform: uppercase;}
.mainContent{
	position:relative;
	padding:0px 20px;}
.titleImg{
/* IGNORE! */
	margin:20px 0px 10px 0px;
	text-align:left;}
.title{
	margin-top:20px;
	height:100px;
	vertical-align:middle;
	text-align:center;
	background-color:#333;
	font-family:"Archistico","Helvetica","Arial";
	font-size:28pt;
	color:#fff;}
.titleText{
	margin:20px 0px 10px 0px;
	text-align:left;
	font-family:"Archistico","Helvetica","Arial";
	font-size:28pt;
	color:#537C05;}

.contentBox{
	margin-top:20px;}
.titleBox{
	height:100px;
	width:100%;
	vertical-align:middle;
	text-align:center;
	background-color:#333;
	vertical-align:middle;
	text-align:center;
	font-family:"Archistico","Helvetica","Arial";
	font-size:28pt;
	color:#fff}
.titleBox, .titleBox a{
	color:#ccc;
	text-decoration:none;}
.titleBox a:hover{
	color:#ccc;
	text-decoration:none;}
 a .shadow, .shadow a{
	box-shadow: 5px 5px 10px #ddd;}
 a:hover .shadow, .shadow a{
	box-shadow: 5px 5px 10px #aaa;}

/* Portfolio */
.portfolio{
	width:100%;
	margin-top:20px;}
.portfolio td{
	text-align:center;
	width:25%;
	padding-bottom:20px;}
.head1{
	font-size:14pt;
	margin-top:5px;
	display:block;}
.project_years{
	color:#999;
	font-size:11pt;
	margin-top:0px;}
.thumbnail{
	margin:0px 15px 20px 16px;}
.navArrows{
	margin-top:-30px;
	width:100%;}
.navArrows .left{
	padding-left:20px;
	text-align:left;}
.navArrows .right{
	padding-right:20px;
	text-align:right;}
.disclaimer{
	font-size:11pt;
	color:#600;
	text-align:left;
	margin:10px 0px 20px 0px;
	background-color:#fff;
	line-height:150%;
	filter:alpha(opacity=80); opacity:.8;}
.disclaimer a{
	color:#600;
	text-decoration:underline;}

/* NEW TOP NAV STYLES */
	.head{
		position:relative;
		width:980px;
		height:70px;}
	a.headerLogo{
		position:absolute;
		left:20px;
		bottom:-20px;
		z-index:1000;}
	a.name{
		position:absolute;
		left:110px;
		bottom:22px;
		color:#92d050;
		font-family: 'Open Sans', sans-serif;
		font-size:16pt;
		line-height:100%;
		text-transform: uppercase;}
	.nav{
		font-size:14pt;
		color:#666;
		line-height:150%;
		position:absolute;
		height:45px;
		right:20px;
		bottom:0px;
		z-index:0;}
	a.navItem, a.navItemOn{
		font-family: 'Open Sans', sans-serif;
		font-size:12pt;
		line-height:100%;
		text-transform: uppercase;
		margin:0px 10px;
		padding:0px 0px 20px 0px;
		right:10px;}
	a.navItem{
		color:#ccc;}
	a.navItemOn{
		color:#92d050;
		background-image:url(images/navselect.gif);
		background-position:left bottom;
		background-repeat:repeat-x;}
	a.name:hover{
		color:#A5DB6A;}
	a.name:hover, a.navItem:hover, a.navItemOn:hover{
		text-decoration:none;}
	a.navItem:hover{
		background-image:url(images/navselecthover.gif);
		background-position:left bottom;
		background-repeat:repeat-x;}
	.heroshift{
		margin-top:1px;}

/* NEW TITLE STYLES */
.titleblock, .titleblock2, .titleblock3, .titleblock4{
	margin-top:22px;
	padding:30px 0px;
	width:980px;
	vertical-align:middle;
	text-align:center;
	background-color:#fff;
	vertical-align:middle;
	text-align:center;
	font-family: "Times New Roman", Times, serif;
	font-size:28pt;
	color:#92d050;
	border-top: 1px solid #92d050;
	border-bottom: 1px solid #92d050;
	font-style:italic;}
.mainContent .titleblock, .mainContent .titleblock2, .mainContent .titleblock3, .mainContent .titleblock4{
	margin-left:-20px;}
a.titleblock, a.titleblock2{
	color:#92d050;
	text-decoration:none;
	display:block;}
a.titleblock:hover, a.titleblock2:hover{
	color:#fff;
	text-decoration:none;
	background-color:#92d050;}
.titleblock3, .titleblock4{
	color:#fff;
	text-decoration:none;
	background-color:#92d050;}
.titleblock2, .titleblock4{
	margin-bottom:20px;}
a:hover .titleblock{
	color:#fff;
	text-decoration:none;
	background-color:#92d050;}
.homeImages{
	margin-bottom:-27px;}

.JUSTATEST{
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 150%;
}





/* portfolio */
.navArrows{
	position:relative;}
.left{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-535px;
	position:fixed;
	z-index:1001;}
.right{
	position:absolute;
	top:50%;
	right:50%;
	margin-right:-535px;
	position:fixed;
	z-index:1001;}
.portfolioNav{
	margin:40px 0px 20px -20px;
	text-align:center;
	background-color:#fff;
	border-top: 1px solid #92d050;
	border-bottom: 1px solid #92d050;
	padding-top:60px;
	width:980px;
	height:32px;}
.portfolioNavItem{
	padding-top:50px;
	padding-bottom:15px;
	color:#999;
	font-family: 'Open Sans', sans-serif;
	font-size:14pt;
	line-height:100%;
	text-transform:lowercase;
	margin:50px 20px 0px 20px;}
a.portfolioNavItem{
	color:#999;}
.noContent{
	filter:alpha(opacity=25); opacity:.25;}
.portfolioNavItemOn{
	padding-top:50px;
	padding-bottom:15px;
	color:#92d050;
	font-family: 'Open Sans', sans-serif;
	font-size:14pt;
	line-height:100%;
	text-transform:lowercase;
	margin:0px 20px;
	text-decoration:none;
	color:#92d050;
	background-image:url(images/navselect.gif);
	background-position:left bottom;
	background-repeat:repeat-x;}
a.portfolioNavItem:hover{
	text-decoration:none;
	color:#92d050;}
a.portfolioNavItemOn:hover{
	text-decoration:none;
	color:#92d050;}
#iconScreenshots,#iconScreenshotsOn,#iconDocs,#iconDocsOn,#iconUxdocs,#iconUxdocsOn,#iconCasestudies,#iconCasestudiesOn,#iconWireframes,#iconWireframesOn{
	vertical-align:bottom;}
#iconScreenshots{
	background-image:url(images/portfolio_screenshots.gif);
	background-position:top center;
	background-repeat:no-repeat;}
#iconScreenshotsOn,a#iconScreenshots:hover{
	background-image:url(images/portfolio_screenshots_on.gif);
	background-position:top center;
	background-repeat:no-repeat;}
#iconDocs{
	background-image:url(images/portfolio_docs.gif);
	background-position:top center;
	background-repeat:no-repeat;}
#iconDocsOn,a#iconDocs:hover{
	background-image:url(images/portfolio_docs_on.gif);
	background-position:top center;
	background-repeat:no-repeat;}
#iconWireframes{
	background-image:url(images/portfolio_wireframes.gif);
	background-position:top center;
	background-repeat:no-repeat;}
#iconWireframesOn,a#iconWireframes:hover{
	background-image:url(images/portfolio_wireframes_on.gif);
	background-position:top center;
	background-repeat:no-repeat;}
#iconUxdocs{
	background-image:url(images/portfolio_uxdocs.gif);
	background-position:top center;
	background-repeat:no-repeat;}
#iconUxdocsOn,a#iconUxdocs:hover{
	background-image:url(images/portfolio_uxdocs_on.gif);
	background-position:top center;
	background-repeat:no-repeat;}
#iconCasestudies{
	background-image:url(images/portfolio_casestudies.gif);
	background-position:top center;
	background-repeat:no-repeat;}
#iconCasestudiesOn,a#iconCasestudies:hover{
	background-image:url(images/portfolio_casestudies_on.gif);
	background-position:top center;
	background-repeat:no-repeat;}
.imgLinkAdjust{
	width:50px;
	height:20px;
	margin-left:-50px;
	margin-bottom:-5px;
	box-shadow:none !important;}

.divider{
	background-image:url(images/grey.gif);
	background-position:center left;
	background-repeat:repeat-x;
	margin:20px 0px 10px 0px;
	width:940px;
	vertical-align:middle;
	text-align:center;}
.divider2{ /* not currently used */
	margin:20px 0px 10px 0px;
	width:940px;
	text-align:center;}
.divider3{ /* not currently used */
	margin:20px 0px 10px -10px;
	width:950px;
	text-align:left;}
.subsection{
	font-family: "Times New Roman", Times, serif;
	font-size:20pt;
	color:#aaa;
	font-style:italic;
	background-color:#fff;
	padding:0px 10px;}
.sectionText,.subsectionText{
	margin:10px 0px 20px 0px;
	font-size:12pt;
	color:#666;
	background-color:#fff;
	text-align:center;}


.contentImgRight{
	float:right;
	margin:0px 0px 10px 10px;
	display:inline;}
.contentImgLeft{
	float:left;
	margin:0px 10px 10px 0px;
	display:inline;}
.contentImg980{
	margin:20px 0px 20px -20px;
	display:block;}
img.contentImgCenter{
	margin-left:auto;
	margin-right:auto;
	display:block;}

.checkList{
	list-style-type:none;
	padding:0px;
	margin:0px;}
.checkList li{
	background-image:url(images/check.png);
	background-repeat:no-repeat;
	background-position:0px 3px; 
	padding-left:25px;}
.standardList{
	list-style-type:none;
	padding:0px;
	margin:10px 0px 0px 0px;}
.standardList li{
	background-image:url(images/bullet.png);
	background-repeat:no-repeat;
	background-position:0px 5px; 
	padding-left:25px;}

.orgSummary{
	font-family: "Times New Roman", Times, serif;
	font-size:13pt;
	color:#666;
	font-style:italic;
	border-top:solid 1px #999;
	border-bottom:solid 1px #999;
	padding:10px 0px;
	margin-top:30px;
	margin-bottom:20px;
	background-color:#fff;}
.orgLabel{
	font-weight:bold;}
.orgAbout{
	margin-top:10px;}
.xlink{
	padding-left:5px;}

.disclaimer{
	background-image:url(images/icon_info.gif);
	background-repeat:no-repeat;
	background-position:0px 3px; 
	padding-left:25px;}

/* not used
.portfolioRole{
	text-align:center;
	margin:-20px 0px 20px 0px;
	font-size:11pt;
	color:#333;
	font-style:italic;}
*/

/* portfolio: case studies */
.csLinks{
	text-align:center;
	width:960px;
	margin-left:-10px;
	clear:left;}
.csIntro,a.csIntro{
	display:block;
	float: left;
	width:296px;
	margin:0px 10px;}
a.csIntro:hover{
	text-decoration:none;}
.csTitle,a.csTitle:hover{
	color:#92d050;
	font-size:14pt;
	line-height:140%;
	text-align:left;
	padding:5px 0px 0px 0px;}
.csSummary{
	color:#666;
	font-size:12pt;
	text-align:left;}
.csMore,a.csMore:hover{
	color:#92d050;
	font-size:12pt;
	text-align:left;
	padding:5px 0px 20px 0px;}
.bg-trans{
	background-image:url(images/white-trans-50.png);}

.breadcrumbs{
	color:#ccc;
	margin:10px 0px 20px 0px;
	font-size:10pt;
	text-transform:uppercase;}
.bcReturn{
	}
.bcSelected{
	color:#666;}
.arrowAdjust{
	margin-top:-3px;}

figcaption{
	font-size:10pt;
	margin-top:-10px;}

/* fancybox zoom override...need to move general.css AFTER fancybox css */
#fancybox-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	z-index: 1102;}
.fancybox-title-over {
	color: #000;}
#fancybox-title-over {
	background-image: url('images/green-trans-75.png');}



.insight{
	width:300px;
	border-top:#92d050 3px solid;
	border-bottom:#92d050 3px solid;
	margin:22px 0px 20px 20px;
	font-family: 'Josefin Sans', sans-serif;
	font-size:20pt;
	color:#92d050;
	line-height:120%;
	float:right;
	display:inline;
	padding:0px 0px 20px 0px;}
.insightIcon{
	text-align:center;
	margin:-21px 0px 0px 0px;
	display:block;}
.citation{
	font-family:"Calibri","Helvetica","Arial";
	color:#999;
	font-size:12pt;
	text-align:left;
	margin-bottom:-10px;}











/* Main Nav */
	.preNav td{
		height:50px;
		vertical-align:middle;
		color:#7E7E7E;}
	.preNav a:link, .preNav a:visited{
		color:#7E7E7E;
		text-decoration:none;}
	.preNav a:hover{
		text-decoration:none;}
	.mainTable{
		height:150px;
		vertical-align:middle;
		background-color:#5D003E;
		background-image:url(images/headerbg.jpg);
		background-position:right bottom;
		background-repeat:no-repeat;
		width:980px;}
	.mainTable td{
		vertical-align:middle;
		text-align:center;}



	.preNav, contentTable{
		margin:0px 20px;
		width:950px;}

	.mainNav{
		vertical-align:middle;
		padding:0px 20px 0px 0px;}
	.mainNav img{
		margin:0px 0px -6px 20px;}

	.utilitylinks{
		text-align:right;
		padding-right:10px;}
	.utilitylinks a:link, .utilitylinks a:visited{
		color:#906;
		text-decoration:none;}
	.utilitylinks a:hover{
		color:#906;
		text-decoration:underline;}
	.utilitylinks a:link.selected, .utilitylinks a:visited.selected{
		color:#000;
		text-decoration:none;}
	.utilitylinks a:hover.selected{
		color:#000;
		text-decoration:underline;}

	.bannerTable{
		}
	.contentTable{
		margin:20px 20px 0px 20px;
		width:940px;}
	.contentTable td{
		}
	.more{
		background-image:url(images/linkbullet.gif);
		background-position:left 12px;
		background-repeat:no-repeat;
		margin-top:10px;
		padding-left:20px;
		display:inline-block;
		font-size:14pt;}


/*LOGO TILT*/
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

/* Home Page Info Boxes */
	.infoBoxes{
		width:940px;}
	.infoBoxLeft{
		padding:0px 10px 20px 20px;}
	.infoBoxRight{
		padding:0px 20px 20px 10px;}
/* not currently used
	.infoBoxLeft{
		padding-left:10px;
		padding-bottom:5px;
		background-image:url(images/infobox_left_off.gif);
		background-repeat:no-repeat;
		width:460px;
		height:100px;}
	.infoBoxRight{
		padding-left:10px;
		padding-bottom:5px;
		background-image:url(images/infobox_right_off.gif);
		background-repeat:no-repeat;
		width:460px;
		height:100px;}
*/


	.pageTitle{
		width:960;
		margin:20px 20px 10px 20px;}

	.subnav{
		width:100%;
		background-image:url(images/subnav_line.gif);
		background-position:right top;
		background-repeat:no-repeat;}
	.subnavsection{
		margin-left:50px;}

/* Ad Banners */
	/*
	adBanner 1: mid page (602x75)
	adBanner 2: right column (image 250x?)
	adBanner 3: right column (HTML 250x?)
	adBanner 4: right column (HTML dark 250x?)
	adBanner 5: top of page (710x?)
	*/
	.contentBanner{
		width:100%;
		margin:30px 0px 30px 0px;
		text-align:center;}
	.adBanner1{
		box-shadow: 5px 5px 10px #aaaaaa;}
	.adBanner2{
		margin-bottom:20px;}
	.adBanner3{
		border:solid 1px #5D003E;
		padding:10px;
		background-color:#fff;
		margin-bottom:20px;}
	.adBanner4{
		color:#fff;
		width:250px;
		height:250px;
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		padding:10px;
		background-color:#5D003E;
		text-decoration:none;
		margin-bottom:20px;}
	.quote{
		font-family:times,'times new roman',serif;
		font-size:16pt;
		text-decoration:none;
		font-style:italic;}
	.quoteauthor{
		font-family:"Calibri","Helvetica","Arial";
		text-decoration:none;
		font-size:10pt;}

	.adBanner3 a:link, .adBanner3 a:visited, .adBanner3 a:active{
		color:#5D003E;}
	.adBanner3 a:hover{
		color:#990066;}
		
	a:link .adBanner4, a:visited .adBanner4, a:active .adBanner4{
		color:#fff;
		text-decoration:none;}
	a:hover .adBanner4{
		color:#fff;
		text-decoration:none;}

	.portfolioText{
		margin:0px 0px 20px 0px;
		text-align:center;}

/* Expand/Collapse */
	.showMore, .showMore a{
		margin:10px 0px;
		text-align:center;
		color:#92d050;}
	.showMore2, .showMore2 a{
		margin:-10px 0px 10px 0px;
		text-align:center;
		color:#92d050;}
	.question{
		margin:10px 0px 0px 0px;
		color:#000;}
	.answer{
		}

	.footer{
		background-color:#4C4C4C;
		color:#fff;
		width:980px;
		padding: 100px 20px 20px 20px;}
	.footer *{
		color:#7F7F7F;
		font-size:11pt;
		text-decoration:none;
		text-align:center;}
	.footerLogo{
		width:100%;
		margin:20px 0px -45px 0px;
		text-align:center;}
	.footerContent{
		width:940px;
		color:#fff;
		margin: 60px 20px 20px 20px;}
	.footer a:link, .footer a:visited{
		color:#fff;
		text-decoration:none;}
	.footer a:hover{
		text-decoration:underline;}
	.separatorDot{
		vertical-align:middle;
		margin: 0px 10px;}
	.copyright{
		font-size:9pt;
		margin: 20px 0px 0px 0px;}

/*
5D003E dk marron
990066 med maroon??
4C4C4C dk grey
7F7F7F lt grey
66CC00 green
*/