/*
Theme Name: Interknowlogy
Theme URI: http://www.interknowlogy.com
Author: WebMovement, LLC
Author URI: http://webmovementllc.com
Description: Description
Version: 1.0
License: GNU General Public License
Text Domain: interknowlogy
Tags:
*/

/** MAIN STYLES **/
div.popupControls{width:938px;height:438px;position:absolute;top:0;z-index:20000;}
div.nextOverlay{display:none;position:absolute;top:100px;right:14px;width:220px;height:300px;z-index:30000;}
div.lastOverlay{display:none;position:absolute;top:100px;left:14px;width:220px;height:300px;z-index:30000;}
	a.nextControl{
		background:url(images/item_nav_next.png) right rgba(0,0,0,0.7) no-repeat;
		color:#fff;
		font-family:'Maven Pro';
		font-size:16px;
		position:absolute;
		top:135px;
		width:110px;
		height:20px;
		right:0px;
		text-align:right;
		padding:10px 35px 10px 0px;;
	}
	a.lastControl{
		background:url(images/item_nav_prev.png) left rgba(0,0,0,0.7) no-repeat;
		color:#fff;
		font-family:'Maven Pro';
		font-size:16px;
		position:absolute;
		top:135px;
		width:110px;
		height:20px;
		left:-145px;
		text-align:left;
		padding:10px 0px 10px 35px;
	}

span{font-family: 'Maven Pro', cursive;font-size:24px;}
span.name{text-transform:uppercase;font-weight: 700;color:#51c4f4;}
a.contact{font-family: 'Maven Pro', cursive;font-size:24px;text-transform:uppercase;font-weight: 700;color:#51c4f4;}
span.separator{color:#fbdf41;}
span.field{color:#fff;font-weight: 300;}

p{margin:0;padding:0;font-family: 'Maven Pro', cursive;font-size:24px;}
	p.firstParagraph, div.firstParagraph, div.firstParagraph p{margin-top:20px;color:#51c4f4;font-size:24px;font-family: 'Maven Pro', cursive;}
	p.firstSlide, div.firstSlide, div.firstSlide p{color:#68737b;font-size:14px;width:390px;clear:both;margin-top:20px;font-family: 'Maven Pro', cursive;}
	p.bottom{position:absolute;bottom:20px;color:#cdcdcd;}
	p.results{color:#68737b;font-size:14px;margin-top:15px;}

h1{margin:0;}

ul.tools{list-style-type:none;margin-left:-40px;}
	ul.tools li{height:40px;width:40px;background:#000;float:left;margin-right:5px;}
	ul.tools li.wpf{background:url(images/icon_wpf.gif);}
	ul.tools li.surface{background:url(images/icon_surface.gif);}
	ul.tools li.silverlight{background:url(images/icon_silverlight.gif);}
	/*ul.tools li.wpf:hover{background:url(images/tool_wpf_o.gif);}*/

div.socialinpopup{position:absolute;bottom:10px;left:10px;}
div.map_rsvp{position:absolute;bottom:20px;left:270px;z-index:200000;}
	a.mapLink{
		display:block;
		float:left;
		width:75px;
		height:30px;
		background:url(images/but_Map_d.png);
		margin-right:5px;
	}a.mapLink:hover{background:url(images/but_Map_o.png);}
	a.rsvpLink{
		display:block;
		float:left;
		width:85px;
		height:30px;
		background:url(images/but_RSVP_d.png);
	}a.rsvpLink:hover{background:url(images/but_RSVP_o.png);}

.tile_image_right{float:right;}
.tile_image_left{float:left;}

a{text-decoration:none;color:#40cb92;}
a.home_tile{color:transparent!important;}
	a.home_tile img{border:none!important;color:transparent!important;}
a:hover{text-decoration:none;}
a:visited{text-decoration:none;}
a.arrow{
	text-decoration:none;
	color:#fff;
	font-size:30px;
	position:absolute;
	bottom:0;right:5px;
}
a.facebook{
	display:block;
	width:32px;
	height:32px;
	background:url(images/facebook_32.png);	
	float:left;
}a.facebook:hover{filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;-khtml-opacity: 0.75;}

a.twitter{
	display:block;
	width:32px;
	height:32px;
	background:url(images/twitter_32.png);	
	float:left;
}a.twitter:hover{filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;-khtml-opacity: 0.75;}

a.linkedin{
	display:block;
	width:32px;
	height:32px;
	background:url(images/linkedin_32.png);	
	float:left;
}a.linkedin:hover{filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;-khtml-opacity: 0.75;}

a.rss{
	display:block;
	width:32px;
	height:32px;
	background:url(images/rss_32.png);	
	float:left;
}a.rss:hover{filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;-khtml-opacity: 0.75;}

a.play{
	display:block;
	width:32px;
	height:32px;
	background:url(images/play_32.png);	
	float:left;
	padding-left:350px;
    background-repeat:no-repeat;
    background-position:right;
}a.play:hover{filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;-khtml-opacity: 0.75;}

#logo{
	font-family: Cambria, serif;
	font-size:36px;
}
	#logo a{color:#fff;}
		#logo a img{padding-top:12px;}

.menu-main-menu-container{
	float:right;
	font-family: 'Maven Pro', cursive;
	font-weight: 300;
	font-size:16px;
}
.menu-main-menu-container ul{margin:0;padding:0;}
	.menu-main-menu-container ul li{list-style-type:none;float:left;margin:17px 20px 0px 0px;}
		.menu-main-menu-container ul li a{font-weight:700;/*background:url(images/menubg.png) repeat;*/text-decoration:none;color:#fff;padding:30px 10px 10px 10px;}
		/*#menu ul li a:hover{background:#000;}*/


/** LAYOUT **/
body{
	margin:0;
	overflow-x:hidden;
	background:url(images/wallpaper_tile.gif);
	font-family: 'Droid Sans', sans-serif;
	font-weight: 300;
	font-size:12px;
}

.middle{position:relative;width:1880px;padding:20px;}

#currentWidth{position:fixed:top:0;left:0;background:red;width:100px;height:20px;color:black;}

.clear{clear:both;}

.footer{
	background:#000000;
	color:#fff;
	width:1880px;
	font-weight: 300;
	padding:20px;
	min-height:120px;
}
	.section{
		float:left;
		color:#b4b4b4;
		font-family: 'Droid Sans', sans-serif;
		font-weight: 300;
		width:180px;
		margin-right:20px;
	}
		.section h1{color:#40cb92;font-size:14px;}
		.section p{font-size:12px;margin-top:10px;margin-bottom:10px;}

/** TILES **/
.spacer{float:left;width:10px;height:220px;}

.contact_inner, .individual_bio{
	position:relative;
	float:left;
	background:#fff;
	color:#68737B;
	width:890px;
	height:550px;
	margin-bottom:10px;
	margin-right:10px;
	padding:40px 20px;
}
.sub_page_inner{
    position:relative;
	float:left;
	background:#fff;
	color:#68737B;
	width:890px;
	min-height:550px;
	margin-bottom:10px;
	margin-right:10px;
	padding:40px 20px;
}
	.individual_bio p{font-size:18px;}
	.left{
		float:left;	
		width:415px;
		margin-left:20px;
		margin-right:30px;
	}
		img.contact_image{
			height:208px;
			width:402px;
		}
		.left p{width:402px;}

	.right{
		float:left;
		width:425px;
	}
	form{margin:0;padding:0;margin-top:-5px;}
	.right div{margin-bottom:10px;}
	input{margin-bottom:20px;background:#E6E6E6;width:392px;height:30px;border:solid 1px #CFBD9B;padding:0px 0px 0px 10px;color:#666;font-size:14px;font-family:'Droid Sans';}
		input:focus{background:#FFF;}
	textarea{resize: none;background:#E6E6E6;width:392px;height:110px;border:solid 1px #CFBD9B;padding:10px 0px 0px 10px;color:#666;font-size:14px;font-family:'Droid Sans';}
		textarea:focus{background:#FFF;}
	input.send_form{
		display:block;
		height:30px;
		width:75px;
		background:url(images/but_send_d.png);
		border:none;
		float:right;
		margin-right:20px;
		margin-top:10px;
		margin-bottom:40px;
	}input.send_form:hover{background:url(images/but_send_o.png);}

.five_hundo_holder{float:left;width:470px;}
.five_hundo_holder.square{height:450px;}

.contents{
	position:absolute;
	bottom:0;
	left:0;
	background:url(images/opacity-10.png);
	padding:15px;	
}
	.contents span.name{color:#fff;}

.opacityInfo > .contents{background:none;}

.brand{
	position:relative;
	float:left;
	background:#40cb92;
	color:#fff;
	width:870px;
	height:184px;
	margin-bottom:10px;
	margin-right:10px;
	padding:14px 30px 22px 30px;
	letter-spacing:-1px;
}
.brand.square{width:460px;height:450px;}
	.brand p{margin-top:40px;font-weight: 300;font-family: 'Maven Pro', cursive;font-size:36px;}

.five_hundo{
	position:relative;
	float:left;
	background:#3C372C;
	color:#fff;
	width:420px;
	height:180px;
	margin-bottom:10px;
	margin-right:10px;
	padding:20px;
}
.five_hundo.dark{background:#26221B;}
.five_hundo.light{background:#AE9E81;color:#26221B;}
.five_hundo.square{width:478px;height:476px;}
	.five_hundo .info{display:none;}

	.opacityInfo{
		height:100%;
		width:100%;
		position:absolute;
		bottom:0;
		left:0;
		z-index:2;
		background:url(images/opacity.png);
	}

	.five_hundo.album img{position:absolute;top:0;left:0;}
		.five_hundo.album:hover  > .contents{display:none;}
		.five_hundo.album:hover .info{display:block;}
		.five_hundo.album:hover .opacityInfo{display:block;}
		.five_hundo.album:hover span.name{color:#51c4f4;}

	.five_hundo.service img{position:absolute;top:0;left:0;}
		.five_hundo.service:hover  > .contents{display:none;}
		.five_hundo.service:hover .info{display:block;}
			.five_hundo.service:hover .info p{font-size:18px;}
		.five_hundo.service:hover .opacityInfo{display:block;}
		.five_hundo.service:hover span.name{color:#51c4f4;}		

	.five_hundo.project img{position:absolute;top:0;left:0;}
		.five_hundo.project:hover  > .contents{display:none;}
		.five_hundo.project:hover .info{display:block;}
		.five_hundo.project:hover .opacityInfo{display:block;}
		.five_hundo.project:hover span.name{color:#51c4f4;}

	.five_hundo.testimonial img{position:absolute;top:0;left:0;}
		.five_hundo.testimonial:hover  > .contents{display:none;}
		.five_hundo.testimonial:hover .info{display:block;}
		.five_hundo.testimonial:hover .opacityInfo{display:block;}
		.five_hundo.testimonial:hover span.name{color:#51c4f4;}

	.five_hundo.event img{position:absolute;top:0;left:0;}
		.five_hundo.event:hover  > .contents{display:none;}
		.five_hundo.event:hover .info{display:block;}
		.five_hundo.event:hover .opacityInfo{display:block;}
		.five_hundo.event:hover span.name{color:#51c4f4;}

	.five_hundo.video img{position:absolute;top:0;left:0;}
		.five_hundo.video:hover  > .contents{display:none;}
		.five_hundo.video:hover .info{display:block;}
		.five_hundo.video:hover .opacityInfo{display:block;}
		.five_hundo.video:hover span.name{color:#51c4f4;}

	.five_hundo.people img{position:absolute;top:0;left:0;}
		.five_hundo.people:hover  > .contents{display:none;}
		.five_hundo.people:hover .info{display:block;}
		.five_hundo.people:hover .opacityInfo{display:block;}
		.five_hundo.people:hover span.name{color:#51c4f4;}

	.five_hundo.tool img{position:absolute;top:0;left:0;}
		

	/** panels that need white left background **/
	.leftPanel{
		background:url(images/pop_panel_left.gif);
		width:455px;
		height:480px;
		position:absolute;
		top:0;left:0;
		z-index:1;
	}
	.leftInformation{
		position:relative;
		z-index:2;
		width:390px;
	}

.two_fifty{
	position:relative;
	float:left;
	background:#554D3E;
	color:#fff;
	width:185px;
	height:180px;
	margin-bottom:10px;
	margin-right:10px;
	padding:20px;
}
.two_fifty.dark{background:#8E8169;}
.two_fifty.light{background:#AE9E81;}
.two_fifty.twitter{background:#fff;color:#363636;}

	.two_fifty.award{background:#FBDF41;color:#666;}
		.two_fifty.award .info{margin-top:10px;line-height:26px;}
			.award span.name{color:#fff;}

		.two_fifty.tool img{position:absolute;top:0;left:0;}
		.two_fifty p.bottom{color:#fff;}

	.two_fifty.job{background:#6ed7cf;color:#666;}
		.two_fifty.job .info{margin-top:10px;line-height:26px;}
			.job span.name{color:#fff;}

.half{
	position:relative;
	float:left;
	background:#554D3E;
	color:#fff;
	width:185px;
	height:220px;
	margin-bottom:10px;
	margin-right:10px;
	padding:20px;
}

.project{padding:20px;}

.boxpop:hover{
	/*background:#AE9E81;*/
	cursor:pointer;cursor:hand
}

/** MODAL **/
div.mid_arrow{
	position:absolute;
	top:210px;
	left:455px;
	/*background:url(images/pop_panel_arrow.png);*/
	width:28px;
	height:57px;
	z-index:20000;
}

#cboxNext{
	position:absolute;
	left:880px;
	bottom:0px;
	background:url(images/slide_next_d.png);
	height:30px;
	width:30px;
	z-index:10000;
}#cboxNext:hover{background:url(images/slide_next_o.png);}

#cboxPrevious{
	position:absolute;
	left:788px;
	bottom:0px;
	background:url(images/slide_prev_d.png);
	height:30px;
	width:30px;
	z-index:10000;
}#cboxPrevious:hover{background:url(images/slide_prev_o.png);}

#cboxCurrent{
	position:absolute;
	bottom:0px;
	left:818px;
	height:20px;
	width:52px;
	padding:5px;
	background:url(images/slide_count_bkgd.png);
	font-family: 'Maven Pro', cursive;
	font-weight: 300;
	text-align:center;
}
	span.currentNum{font-size:14px;font-weight: 700;}
	span.totalNum{font-size:14px;font-weight: 700;}

#cboxClose{
	position:absolute;
	top:0px;
	right:0px;
	background:url(images/pop_close_d.png);
	height:30px;
	width:30px;
}#cboxClose:hover{background:url(images/pop_close_o.png);}

#cboxLoadedContent{
	padding:35px;
}
	img.projectImage{position:absolute;top:0;left:0;}
	img.firstImage{position:absolute;top:0;right:0;}
	div.skills{background:url(images/job_bkgd-01.gif);color:#fff;position:absolute;top:0px;padding-top:60px;left:460px;padding-left:40px;width:415px;height:420px;font-size:small;}
	iframe.video_frame{position:absolute;width:853px;height:480px;top:0;left:0;}

#cboxTopCenter{
	height:14px;
}
#cboxTopLeft{
	height:14px;
	width:14px;
}
#cboxTopRight{
	height:14px;
	width:14px;
}

#cboxBottomLeft {
	background: url("images/controls.png") no-repeat scroll -100px -36px transparent;
	height: 14px;
	width: 14px;
}
#cboxBottomCenter {
    background: url("images/border.png") repeat-x scroll 0 -36px transparent;
    height: 14px;
}
#cboxBottomRight {
    background: url("images/controls.png") no-repeat scroll -129px -36px transparent;
    height: 14px;
    width: 14px;
}

#cboxMiddleLeft {
    background: url("images/controls.png") repeat-y scroll left top transparent;
    width: 14px;
}

#cboxMiddleRight {
    background: url("images/controls.png") repeat-y scroll 0 -7px transparent;
    width: 14px;
}

#cboxLoadedContent span.field{color:#68737b;}

#colorbox{position:fixed}

.shadow{
	float:left;
	height:220px;
	margin-bottom:10px;
	margin-right:10px;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

.shadow.prevButton{
	width:40px;
	height:40px;
	position:absolute;
	top:240px;
	left:3px;
}

.shadow.nextButton{
	width:40px;
	height:40px;
	position:absolute;
	right:-5px;
	top:240px;	
}

.shadow.twofitty{
	width:225px;	
}

.shadow.fivehundo{
	width:460px;
}

.shadow.ninethirty{
	width:930px;
}

.shadow.contact{
	height:630px;
}
.shadow.subpage{
    min-height:630px;
    height: auto;
}

#twitter_update_list{color:#363636;margin-left:-40px;}
#twitter_update_list li:hover, #twitter_update_list li:hover a {  }
#twitter_update_list li { margin-bottom: 10px; padding: 5px 0 5px 5px; list-style-type: none; font-size: 15px; line-height: 1.25em; }
#twitter_update_list li span { padding-bottom: 5px; margin-bottom: 0; display: block; font-size: 13px; }
#twitter_update_list li span a { font-variant: normal; }
#twitter_update_list a { color: #51c4f4; text-decoration: none; font-variant: small-caps; }
#twitter_update_list li a:hover { color: #dc5b2e; text-decoration: underline; }

#tweets{margin-top:55px;font-family:'Droid Sans';font-weight:300;}
	#tweets p{font-size:14px;color:#363636;}

	.twitter_information{position:absolute;top:38px;left:78px;}
	.twitter_handle{font-size:14px;color:#363636}
	.twitter_name{font-size:12px;color:#959595;}

	.twitter_bottom{position:absolute;bottom:20px;font-family:'Droid Sans';}
	
		.twitter_bottom #tweet_date{font-size:14px;color:#9a9a9a;margin-right:5px;}
		.twitter_bottom #reply a{font-size:12px;color:#51c4f4;margin-right:5px;}
		.twitter_bottom #retweet a{font-size:12px;color:#51c4f4;margin-right:5px;}

#colorbox{display:none;opacity:0;background:#000;}

.wpcf7-submit{width:100px!important;padding:0px!important;}
.wpcf7-quiz-label {display: block;}
input.wpcf7-quiz{margin-left: -10px;}


#grid-container{position:relative;}
.brand{position:absolute;z-index:3;}
.middle{width:auto!important;min-width:940px;}
.cbp-item .shadow{margin-left: 2px;margin-right:5px;margin-top: 1px;}