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

#home{
	background:url(/v2/images/bgHome-tk.gif) repeat-x center top;
	background-color:#fff;
	}
	
#all{
	background:url(/v2/images/bgSecondary-tk.gif) repeat-x center top;
	background-color:#fff;
	}	

*	{
	margin:0px;
	}

img{
	border:none;
	}

#bgcontainer{
	/*background-image:url(/v2/images/bg.gif);
	background-repeat:no-repeat;
	text-align:center;*/
	margin-left:auto;
	margin-right:auto;
	}

#container {
	margin-left:auto;
	margin-right:auto;
	width:970px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#333;
	font-size:1em;
	line-height:18px;
	/*border:1px solid #999;*/
	}
	
#topnav{
	width:970px;
	height:20px;
	/*float:right;*/
	text-align:right;
	}

#masthead{
	width:970px;
	height:85px;
	}

#logotk{
	float:left;
	padding-top:5px;
	}
	
#logoMindshare{
	width:290px;
	float:right;
	padding-top:15px;	
	/*position:relative;
	top:-85px;
	left:670px;*/
	}	

#navigation{
	height:20px;
	text-align:right;
	}	
	
#animationHomne{
	width:970px;
	height:250px;
	/*border:1px dashed #999;*/
	}	

#animationSecondary{
	width:970px;
	height:100px;
	/*border:1px dashed #999;*/
	}	


#homehighlight{
	margin-top:10px;
	}
	
/*CONTENT SPACE*/	
#content{
	margin-top:20px;
	}

.contentNavigation {
	width:200px;
	/*border:1px solid #ededed;*/	
	float:left;
	margin-top:20px;	
	}

.contentHighlight {
	width:150px;
	height:100px;
	/*border:1px solid #ededed;*/	
	float:right;
	font-size:1.5em;
	color:#000;
	margin-top:20px;
	background-image:url(../images/panel-resume.png);
	}

.contentHighlightContent{
	padding:30px 10px 10px 10px;
	text-align:center;
	font-size:.7em;
	}

.contentNavigationContent{
	padding:10px 0px 10px 0px;
	}

.contentMain{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	background-color: #fff;  
    -webkit-border-radius: 8px;  
    -moz-border-radius: 8px;
	-moz-box-shadow: 0 1px 5px #999;
	-webkit-box-shadow: 0 1px 5px #999; 	  
    border-radius: 8px;
	/*border:1px solid #ededed;*/		
	/*width:680px;*/
	width:970px;
	/*background-image:url(/v2/images/bgContent.png);
	background-repeat:no-repeat;*/
	}
	
.contentMainMessage{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1em;
	color:#333;
	padding:30px;	
	}

.contentMainMessage h2{
	color:#333;
	font-size:125%;
	line-height:125%;
	}	

.contentMainHighlight{
	-webkit-border-radius: 8px;  
    -moz-border-radius: 8px;
	-moz-box-shadow: 0 1px 5px #999;
	-webkit-box-shadow: 0 1px 5px #999; 	  
    border-radius:8px;
	border:1px solid #ccc;
	height:200px;
	margin-bottom:40px;
	}

.contentMainHighlightContentL{
	width:280px;
	float:left;
	margin:30px;
	/*padding:30px;*/	
	}

.contentMainHighlightContentR{
	position:relative;
	top:-40px;	
	width:500px;
	height:200px;
	float:right;
	margin:20px;
	}

.contentMainHighlightDetailL{
	width:340px;
	float:left;
	margin:30px;
	/*padding:30px;*/	
	}

.contentMainHighlightDetailR{
	width:440px;
	height:140px;
	float:right;
	margin-top:30px;
	margin-right:30px;
	}						

.HighlightContentL{
	width:280px;
	float:left;
	margin:30px;
	/*padding:30px;*/	
	}

.HighlightContentR{
	position:relative;
	top:-40px;	
	width:500px;
	height:200px;
	float:right;
	margin:20px;
	}

.HighlightDetailL{
	width:340px;
	float:left;
	margin:30px;
	/*padding:30px;*/	
	}

.HighlightDetailContent{
	font-size:.9em;
	color:#333;
	}	
	
.HighlightDetailR{
	width:440px;
	height:140px;
	float:right;
	margin-top:30px;
	margin-right:30px;
	}

/*.HighlightFlash{
	-webkit-border-radius: 8px;  
    -moz-border-radius: 8px;
	-moz-box-shadow: 0 1px 5px #999;
	-webkit-box-shadow: 0 1px 5px #999; 	  
    border-radius:8px;
	border:1px solid #ccc;
	margin-bottom:40px;
	height:600px;
	}*/	

.HighlightFlashL{
	width:200px;
	float:left;
	margin:30px;
	}

.HighlightFlashContent{
	font-size:.9em;
	color:#333;
	}	
	
.HighlightFlashR{
	width:610px;
	height:140px;
	float:right;
	margin-top:30px;
	margin-right:30px;
	}	

	
.highlightbox{
	width:300px;
	/*border:1px solid #ededed;*/
	}

.highlightboxcontent{
	padding:10px;
	}

.highlightbox1 {
	width:300px;
	height:200px;
	/*border:1px solid #ededed;*/	
	float:left;
	}

.highlightbox2{
	width:300px;
	height:200px;	
	/*border:1px solid #ededed;*/	
	float:right;
	}
	
.highlightbox3{
	margin-left:auto;
	margin-right:auto;
	/*border:1px solid #ededed;*/		
	width:300px;
	height:200px;	
	}
	
.clear{
	clear:both;
	}


#footer{
	margin-top:50px;
	padding-bottom:20px;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	color:#333;
	background-position:bottom;
	position:relative;
	bottom:10px;
	}

/*#footer{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	width:100%;
	text-align:center;
	position:fixed;
	clear: both;
	height:35px;
	background-color:#000;
	color:#000;
	bottom:0px;
	padding: 5px 0 0 0;
	}
*/

h1{
	color:#000;
	padding-bottom:10px;
	margin-bottom:20px;
	}
	
h2{
	font-size:1.5em;
	color:#000;
	padding-bottom:10px;
	}	

p {
	padding:10px 0px 10px 0px;	
	}
	
li{
	color:#000;
	}

a:link {
	color:#ff6600;
	text-decoration:none;
	}

a:hover {
	color:#993300;
	text-decoration:underline;
	}

a:visited {
	color:#ff6600;
	}

.away{
	float:right;
	padding-top:2px;
	}
	
a.away:link {
	color:#ff6600;
	text-decoration:none;
	}

a.away:hover {
	color:#993300;
	text-decoration:underline;
	}

a.away:visited {
	color:#ff6600;
	}	
	
a.footer:link {
	color:#000;
	text-decoration:none;
	}

a.footer:hover {
	color:#999;
	text-decoration:underline;
	}

a.footer:visited {
	color:#000;
	}	
	
	
li{
	color:#000;	
	margin-bottom:10px;
	padding-bottom:10px;
	/*border-bottom:1px dashed #ccc;*/
	}

.flashCaption{
	padding:10px;
	}

.subtitle{
	font-size:1.5em;
	font-weight:bold;
	color:#F90;
	float:right;
	margin-top:15px;
	}
		
.breadcrumbs{
	/*
	font-size:.9em;*/
	color:#F90;
	padding-bottom:4px;
	}

a.breadcrumbs:link {
	color:#ff6600;
	text-decoration:none;
	}

a.breadcrumbs:hover {
	color:#993300;
	text-decoration:underline;
	}

a.breadcrumbs:visited {
	color:#ff6600;
	}	
	
.highlightContentBox{
	border:1px solid #000;
	padding:10px;
	color:#003;
	margin:20px 0px 20px 0px;
	text-align:center;
	}

/* Start button effects */

.contactbutton {
	position:relative;
	display:inline-block;
	height: 20px;
	width: 90px;
	background:url(/v2/images/topnav-contact.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	

.contactbutton span.hover {
	/*position: absolute;*/
	display: inline-block;
	height: 20px;
	width: 90px;
	background: url(/v2/images/topnav-contact.png) no-repeat;
	background-position: bottom;
}

.flashCorpbutton {
	position:relative;
	display:inline-block;
	height: 20px;
	width: 90px;
	background:url(/v2/images/topnav-flash-corporate.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.flashCorpbutton span.hover {
	/*position: absolute;*/
	display: inline-block;
	height: 20px;
	width: 90px;
	background: url(/v2/images/topnav-flash-corporate.png) no-repeat;
	background-position: bottom;
}

.flashClientbutton {
	position:relative;
	display:inline-block;
	height: 20px;
	width: 90px;
	background:url(/v2/images/topnav-flash-client.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.flashClientbutton span.hover {
	/*position: absolute;*/
	display: inline-block;
	height: 20px;
	width: 90px;
	background: url(/v2/images/topnav-flash-client.png) no-repeat;
	background-position: bottom;
}

.homebutton {
	position:relative;
	display:inline-block;
	height: 20px;
	width: 95px;
	background:url(/v2/images/topnav-home-tk.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.homebutton span.hover {
	/*position: absolute;*/
	display: inline-block;
	height: 20px;
	width: 95px;
	background: url(/v2/images/topnav-home-tk.png) no-repeat;
	background-position: bottom;
}

.portfoliobutton {
	position:relative;
	display:inline-block;
	height: 20px;
	width: 95px;
	background:url(/v2/images/topnav-portfolio-tk.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.portfoliobutton span.hover {
	/*position: absolute;*/
	display: inline-block;
	height: 20px;
	width: 95px;
	background: url(/v2/images/topnav-portfolio-tk.png) no-repeat;
	background-position: bottom;
}


.resumebutton {
	position:relative;
	display:inline-block;
	height: 20px;
	width: 95px;
	background:url(/v2/images/topnav-resume-tk.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.resumebutton span.hover {
	/*position: absolute;*/
	display: inline-block;
	height: 20px;
	width: 95px;
	background: url(/v2/images/topnav-resume-tk.png) no-repeat;
	background-position: bottom;
}

.legacybutton {
	position:relative;
	display:inline-block;
	height: 20px;
	width: 95px;
	background:url(/v2/images/topnav-legacy-tk.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}
	
.legacybutton span.hover {
	/*position: absolute;*/
	display: inline-block;
	height: 20px;
	width: 95px;
	background: url(/v2/images/topnav-legacy-tk.png) no-repeat;
	background-position: bottom;
}


/* End button effects */	
	
/*NAVIGATION*/

.cssnavBG{
	position:relative;
	left:200px;
	margin-top:-50px;
	margin-bottom:20px;
	-webkit-border-radius: 4px;  
    -moz-border-radius: 4px;
	-moz-box-shadow: 0 1px 5px #999;
	-webkit-box-shadow: 0 1px 5px #999; 	  
    border-radius:4px;
	border:1px solid #ccc;
	/*margin-bottom:40px;*/
	width:300px;
	height:30px;
	background-color:#fff;
	}

.cssnavContent{
	padding:4px;
	}

.cssnav{
	position: relative;
	font-family:Tahoma, Geneva, sans-serif;
	background: url(/v2/images/overbtn.gif) no-repeat;
	/*white-space: nowrap;*/
	display: block;
	width: 200px;
	height: 40px;
	margin: 0;
	padding: 0;
	}

.cssnav a{
	display: block;

	width: 200px;
	height: 40px;
	display: block;
	float: left;
	text-decoration: none;
	color:#000;
	}

.cssnav img{
	width:200px;
	height:40px;
	border:0;
	}

* html a:hover{
	visibility:visible;
	color:#000;
	}

.cssnav a:hover img{
	visibility:hidden;
	}

.cssnav a:hover {
	color:#999;
	}	

.cssnav span{
	position: absolute;
	left: 35px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	} 
	
/*--Main Container--*/

.main_view {
	float: left;
	position: relative;
	}

/*--Window/Masking Styles--*/

.window {
	height:286px;
	height:265px;
	width: 970px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	}
	
.image_reel {
	position: absolute;
	top: 0; left: 0;
	}
	
.image_reel img {
	float: left;
	}

/*--Paging Styles--*/

.paging {
	position: absolute;
	/*bottom: 40px;*/
	bottom:-45px;
	/*right: -7px;*/
	right:20px;
	width: 178px;
	/*height:30px;*/
	height:30px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	/*line-height: 30px;*/
	/*background: url(paging_bg2.png) no-repeat;*/
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	/*border:1px dashed #ccc;*/
	}
	
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #000;
	}
	
.paging a.active {
	color:#000; 
	/*background: #920000;*/
	background:#ff9900; 
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	}
	
.paging a:hover {
	color:#ff0000;
	}