/*
	Incite stylesheet
	for Incite
	http://incitemarketing.ca
	
	author: Arthur Gouveia (arthur@incitemarketing.ca) - 16/Aug/10
	modified: Ivan Soto (ivan@incitemarketing.ca) - 31/Aug/10
*/

html{ 
	margin: 0 auto; 
	color: #434244; 
}

body{ 
	margin: 0 auto; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left; 
	background: #ffffff url(/img/bg-site.png) no-repeat top center;
}

.clear {
	clear: both;
}

a img { border:0;}

input.submit {
	width:110px;
	height:56px;
	border: 0 none;
	color: #333;
	background: url(../img/submit.jpg) no-repeat top center;
	text-indent:-9999px;
	outline:none;
	cursor:pointer;
	margin-top:20px;
}

input.preview {
	width:110px;
	height:56px;
	border: 0 none;
	color: #333;
	background: url(../img/preview.jpg) no-repeat top center;
	text-indent:-9999px;
	outline:none;
	cursor:pointer;
	margin-top:20px;
}

/********** TYPOGRAPHY **********/

/********** Headings **********/
	
h1 {
	padding: 6px 0px 21px 0;
	font-size: 36px;
	color: #00a4e7;
	font-weight:  lighter;
	line-height: 40px;
}

.h1Secondary {
	padding:  50px 0px 0px 0px;
	font-size: 30px;
	color: #00a4e7;
	font-weight: lighter;
}
	
.team {
	width: 235px;
	padding: 60px 0px 0px 30px;
	color: #b4b3b4;
	float: left;
}
	
.caseStudies {
	width: 235px;
	padding: 60px 0px 0px 30px;
	color:  #b4b3b4;
	float: left;
}
	

h2 {
	padding-top:  50px;
	font-size: 18px;
	color: #00a4e7;
	font-weight:  bold;
}
	
h3 {
	color: #00a4e7;
	font-weight:  lighter;
	padding-bottom: 10px;
	font-size:14px;
}

/********** Text elements **********/

p {margin: 0 0 15px;}
	
address {
	margin: 0 0 15px; 
	font-style: italic;
}


/********** List elements **********/

li ul, li ol {margin: 0 15px;}
	
ul, ol {margin: 0 15px 15px 15px;}

ul {list-style-image: url(/img/bullet-arrow.png);}
	
ol {list-style-type: decimal;}
	
hr {
	clear: both;
	border: none 0; 
	border-bottom: 1px solid #b4b3b4;
	width: 100%;
	height: 2px;
	margin: 10px auto 0 0;
}
	
	
/********** Links **********/

a:link {
	color: #717172;
	background-color: transparent;
	text-decoration: underline;
}

a:visited {
	color: #717172;
	background-color: transparent;
	text-decoration: underline;
}

a:hover {
	color: #00a4e7;
	background-color: transparent;
	text-decoration: none;
}
	
#mainNavigation a {
	color: #949495;
	background-color: transparent;
	text-decoration: none;
}

#mainNavigation a:hover {
	color: #00a4e7;
	background-color: transparent;
	background-image:  url(/img/nav-hover-arrow.png);
	background-repeat: no-repeat !important;
	margin-left:  -10px;
	padding-left:  10px;
	text-decoration: none;
}
	
.mainNavigationHighlight {
	color: #00a4e7 !important;
	background: transparent url(/img/nav-hover-arrow.png) no-repeat;
	margin-left:  -10px;
	padding-left:  10px;
	text-decoration: none;
}

#middleContent h1 a {text-decoration:none}

#middleContent a {
	color: #00a4e7;
	background-color: transparent;
	text-decoration: underline;
}

#footerCopyright a:link {
	color: #fff;
	background-color: transparent;
	text-decoration: underline;
}

#footerCopyright a:visited {
	color: #fff;
	background-color: transparent;
	text-decoration: underline;
}

#footerCopyright a:hover {
	color: #00a4e7;
	background-color: transparent;
	text-decoration: underline;
}


/********** WRAPPER **********/

#wrapper {
	margin: 0 auto; 
	padding: 0;
	width: 955px;
}
		
	#wrapperContent {
		margin: 0 auto; 
		padding: 0;
		width: 719px;
		float: left;
		display: block;
	}
		
	#wrapperCol {
		margin: 0 auto; 
		padding: 80px 0px 0px 0px;
		width: 236px;
		float: left;
		display: block;
	}
		
		#wrapperCol p { line-height:13px;}
		
		#blog {
			width: 183px;
			padding-left: 50px;
		}
		
		#news {
			width: 183px;
			padding-left: 50px;
		}
		
		.newsEntry {margin-bottom:30px}

		.gallery a img {
			border: 2px solid #CCC;
		}
		
		.gallery a.port_thumb img{
			border:10px solid #CECECE;
		}
			.gallery a.port_thumb img:hover{
				border:10px solid #00A4E7;
			}

		a.entryTitle , a.entryTitle:visited {
			font-size:  12px;
			font-weight: bold;
			line-height:17px;
			color:#434244;
			display:block;
			margin:12px 0px 5px;
			text-decoration:none;
		}
		
		a.entryTitle:hover {text-decoration:underline}
		
		#whitepapers {
			width: 183px;
			padding-left: 50px;
		}

		/*#whitepapers ul {
			padding: 20px 0px 0px 10px;
			list-style-image: url(/img/bullet-arrow.png);
		}*/
			
		.entryMore {
			background-image: url(/img/more-arrow.png);
			background-repeat: no-repeat;
			margin-left: 150px;
			text-indent: 10px;
			height:12px;
		}
			
		#blogSearch {
			padding: 100px 0px 0px 50px;
			width: 183px;
		}
		
		#rssSubscribe {
			padding: 225px 0px 0px 50px;
			width: 183px;
		}
		
		#blogRecentPosts, #blogCategories, #blogAuthors, #blogArchive {
			padding: 0px 0px 0px 50px;
			width: 183px;
		}
		
		.wrapperCol a{color: #00A4E7;}
		
		#incitenewssidecol a:hover {
			color: #717172;
			text-decoration:underline;
		}
		
		
/********** HEADER **********/

#inciteLogo {
	padding-top:  31px;
	float:  left;
	display:  block;
}

#mainNavigation {
	padding: 30px 0px 22px 36px;
	width: 510px;
	float: left;
	font-size:  12px;
	line-height: 18px;
}

.wideArrow #mainNavigation {
	padding: 30px 0px 17px 36px;
	width: 510px;
	float: left;
	font-size:  12px;
	line-height: 18px;
}
	
	.mainNavigationNavCol {
		width: 102px;
		float: left;
		display:  block;
	}

	#mainNavigation ul {
		display: block;
		margin: 0px 0px 15px;
	} 

	#mainNavigation ul li {
		list-style: none;
		display: block;
		color:  #434244;
	}
	.smallheaderimages{
		float: left;
		width: 80px;
		height: 40px;
		background-position: top left;
		text-indent: -999999px;
		cursor: pointer;
	}

	div#smallheaderimage1{
		background: url(/img/smallhomeheader6.jpg);
	}

	div#smallheaderimage1:hover{
		background-position: top right;
	}

	div#smallheaderimage2{
		background: url(/img/smallhomeheader5.jpg);
	}

	div#smallheaderimage2:hover{
		background-position: top right;
	}

	div#smallheaderimage3{
		background: url(/img/smallhomeheader4.jpg);
	}

	div#smallheaderimage3:hover{
		background-position: top right;
	}

	div#smallheaderimage4{
		background: url(/img/smallhomeheader3.jpg);
	}

	div#smallheaderimage4:hover{
		background-position: top right;
	}

	div#smallheaderimage5{
		background: url(/img/smallhomeheader2.jpg);
	}

	div#smallheaderimage5:hover{
		background-position: top right;
	}

/********** MAIN CONTENT **********/

#mainContent {clear:both}

	img.homeheaderimages {margin-top:-5px;}
	
	#csThumbs {margin-top:10px;}
	
	#csThumbs a {
		display:block;
		height:40px;
		width:80px;
		float:left;
		margin-right:7px;
		text-indent: -9999px;
	}

	#csThumbs a:hover { background-position:top right }
	
	#csThumbs a.csone {background: url(/img/smallhomeheader2.jpg) no-repeat top left;}
	#csThumbs a.csone:hover { background-position:top right }
	
	#csThumbs a.cstwo {background: url(/img/smallhomeheader3.jpg) no-repeat top left;}
	#csThumbs a.cstwo:hover { background-position:top right }
	
	#csThumbs a.csthree {background: url(/img/smallhomeheader4.jpg) no-repeat top left;}
	#csThumbs a.csthree:hover { background-position:top right }
	
	#csThumbs a.csfour {background: url(/img/smallhomeheader5.jpg) no-repeat top left;}
	#csThumbs a.csfour:hover { background-position:top right }
	
	#csThumbs a.csfive {background: url(/img/smallhomeheader6.jpg) no-repeat top left;}
	#csThumbs a.csfive:hover { background-position:top right }

	#middleContent {
		clear: both;
		width: 565px;
		font-size: 12px;
		line-height: 22px;
		padding: 35px 0px 20px 126px;
	}
		
	#middleContentSecondary {
		width: 572px;
		font-size: 12px;
		line-height: 22px;
		padding: 15px 0px 20px 126px;
	}

	.blog {
		color:  #b4b3b4;
	}
	.blog_template {
		background: url(/img/bg-site-blog-tagline.png) top center no-repeat !important;
	}
	.dialogue_template {
		background: url(/img/bg-site-dialogue.png) top center no-repeat !important;
	}
	.blog_template #middleContent, .dialogue_template #middleContent {
		padding-top: 80px;
	}

		.blogPost {
			font-size: 25px;
			color:  #00a4e7;
			font-weight: lighter;
			line-height: 28px;
			padding-bottom: 2px;
		}
		
		.blogPostedBy {
			color: #999;
			font-size: 11px;
			margin: 0 0 15px 0;
		}
		.blogAuthor {
			background: url(/img/blog_author.jpg) no-repeat;
			width: 520px;
			height: 104px;
			padding: 6px;
			margin: 0 0 10px 0;
		}
		.blogAuthor img {
			float: left;
			margin: 2px 5px 0px 0px;
		}
		
		.blogAuthor p{
			font-size:11px;
			line-height:13px;
			margin-bottom:10px;
		}
		.subtitle {
			font-size: 24px;
			padding: 15px 0;
		}
		.social_icon{float: left}
		
		.blogPostFooter{
			font-size:10px;
			text-align:right;
			margin-bottom:40px;
			padding-top:4px;
		}
		
		.rsslink {
			background: url(../img/rss.gif) no-repeat top left;
			height:16px;
			padding:2px 0px 0px 22px;
			margin-top:18px;
		}
		
		#blogSideBar{
			width:206px;
			padding:112px 0px 0px 30px;
		}
		
		#blogSideBar ul {margin-top:8px}
		
		#blogSideBar ul li {
			line-height: 12px;
		}
		
		#middleContent .blogAuthor a {
			text-decoration: none;
			color: #006c9e;
		}
		
		ul.pagination {
			list-style: none;
			margin: 0;
			text-align:center;
			height:40px;
			
		}
		
		#middleContent ul.pagination li {
			display: block;
			float:left;
			padding:0px 4px;
			background: #e3e3e3;
			margin:2px 12px 0px;
		}
		
		#middleContent ul.pagination li a {
			color:#1fa2dc;
			text-decoration:none;
			outline:none;
		}
		
		#middleContent ul.pagination li.beginning {
			border:none;
			padding:0px;
			background:#ffffff;
			margin-top: -2px;
		}
		
		#middleContent ul.pagination li.beginning a{
			width:59px;
			height:28px;
			display: block;
			float:left;
			text-indent:-9999px;
			background: url(/img/pagFirst.jpg) no-repeat top center;
		}
		
		#middleContent ul.pagination li.previous {
			border:none;
			padding:0px;
			background:#ffffff;
			margin-top: -2px;
		}
		
		#middleContent ul.pagination li.previous a{
			width:74px;
			height:28px;
			display: block;
			float:left;
			text-indent:-9999px;
			background: url(/img/pagPrev.jpg) no-repeat top center;
		}
		
		#middleContent ul.pagination li.next {
			border:none;
			padding:0px;
			background:#ffffff;
			margin-top: -2px;
		}
		
		#middleContent ul.pagination li.next a{
			width:44px;
			height:28px;
			display: block;
			float:left;
			text-indent:-9999px;
			background: url(/img/pagNext.jpg) no-repeat top center;
		}
		
		#middleContent ul.pagination li.end {
			border:none;
			padding:0px;
			background:#ffffff;
			margin-top: -2px;
		}
		
		#middleContent ul.pagination li.end a{
			width:53px;
			height:28px;
			display: block;
			float:left;
			text-indent:-9999px;
			background: url(/img/pagLast.jpg) no-repeat top center;
		}
		
		#middleContent ul.pagination li.here{ background: #21a1db}
		
		#middleContent ul.pagination li.here a {
			color:#ffffff;
			text-decoration:none;
		}
		
		#middleContent ul.pagination li a:hover { text-decoration:underline}
		
		.newsContent {margin-bottom:40px;}
		
		.commentContainer{
			width:455px;
			background: url(/img/blog_comment_body.jpg) repeat-y top center;
		}
		
		.commentContainer p {
			padding: 0px 25px;
		}
		
		.commentHeader {
			display:block;
			width:455px;
			height:14px;
			background:url(/img/blog_comment_header.jpg);
		}
		
		.commentFooter {
			display:block;
			width:455px;
			height:30px;
			background:url(/img/blog_comment_footer.jpg) no-repeat top center;
		}
		
		.commentAuthor {
			display:block;
			width:455px;
			height:40px;
			background:#ffffff;
			padding: 0px 25px;
		}
		
		.commentFormInput {
			border: 1px solid #aeaeae;
			height: 28px;
			width:224px;
			background: #FFFFFF;
			padding:0px 10px;
			margin:4px 0px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:13px;
		}
		
		.commentFormTextArea {
			border: 1px solid #aeaeae;
			height: 163px;
			width:224px;
			background:#ffffff;
			padding:10px 10px;
			margin:4px 0px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:13px;
		}
		
/********** CASE STUDIES **********/

body.wide {
	background: #ffffff url(/img/bg-site-wide.png) no-repeat top center;
}
body.wideArrow {
	background: #ffffff url(/img/bg-site-wide-arrow.png) no-repeat top center;
}

	body.wide #middleContent {
		padding: 55px 0 20px 20px;
		width: 900px;
	}
	body.wide #wrapperContent {
		width: 900px;
	}

	#case-content {
		width: 700px;
		margin: 50px 0 0 110px;
	}

	body.wideArrow #middleContent {
		margin: -12px 0 0 0;
		padding: 0 0 20px 20px;
		width: 900px;
	}
	#caseStudyBlocks {
		overflow: hidden;
		height: 260px;
		width: 700px;
		clear: left;
		position: relative;

	}
	#caseStudyButtons {
		margin: 20px 0 0 0;
		height: 40px;
	}
	#caseStudyButtons a {
		font-size: 26px;
		text-decoration: none;
		padding: 0 44px 0 5px;
		line-height: 35px;
		color: #999;
		outline: none;
	}
	#caseStudyButtons a.here {
		color: #00A4E7;
	}
	#blocksContainer {
		width: 2100px;
		height: 260px;
	}
	#blocksContainer .block {
		background:url("../img/switcherbck.gif") no-repeat left top;
		color: #FFF;
		height: 204px;
		width: 600px;
		position: relative;
		float: left;
		padding: 50px 50px 0 50px;
		line-height: 15px;

	}
		#blocksContainer .block2 {
			background:url("../img/switcherbck.gif") no-repeat -710px top;
		}
		#blocksContainer .block3 {
			background:url("../img/switcherbck.gif") no-repeat -1420px top;
		}
	#blocksContainer .block li {
		list-style-image:url("/img/csbullets.gif");
	}

	body.wide #middleContent h1 {
		float: left;
		height: 95px;
	}
	#middleContentCases {
		float: right;
		width: 612px;
		margin: -15px 0 0 0;
	}
	#caseStudyPictures {
		float: right;
	}
		#caseStudyPictures a {
			border: 3px solid #CCC;
			display: block;
			float:left;
			margin: 0 6px;
		}
		#caseStudyPictures img {
			display: block;
		}
	.case_study_link {
		width: 269px;
		height: 122px;
		margin: 0 25px 20px 0;
		float: left;
		position: relative;
		cursor: pointer;
	}
	.case_study_link.community {
		width: 160px;
		height: 73px;
	}
	.case_study_link div {
		height: 122px;
		width: 269px;
		position: absolute;
	}
	.case_study_link.community div {
		width: 160px;
		height: 73px;
	}
	.case_study_link.community .frame {
		background: url(/img/case-studies-frame_comm.png) no-repeat top left;
	}
	.case_study_link .frame {
		background: url(/img/case-studies-frame.png) no-repeat top left;
	}
	.case_study_link .panel2 {
		color: #FFF;
		display: none;
		background: url(/img/case-studies-blue.png) no-repeat top left;
		outline: none;
		z-index: 2;
	}
	.case_study_link.community .panel2 {
		background: url(/img/case-studies-blue-comm.png) no-repeat top left;
	}
	.case_study_link.community a {
		padding: 25px 20px 0 0;
	}
	.case_study_link a {
		display:block;
		color: #FFF !important;
		text-align: right;
		margin: 0;
		padding: 45px 20px 0 0;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none !important;
		height: 80px;
	}
/********** FOOTER **********/

#footer {
		clear: both;
		padding: 20px 0px;
		color: #fff;
		background-color: #434244;
	}
		
	
	#footerContent {
		margin:  0 auto;
		width: 955px;
		padding-left:  7px;
	}


/********* SLIDERS **********/

div#planningheaderimgcontainer {
	position: relative;
	top: -5px;
	width: 721px; 
	height: 237px; 
	overflow: hidden; 
	position: relative;
}
	
	div#planningsliderbar1 {
		position: relative; 
		width: 721px; 
		height: 60px; 
		background: url(/img/planningslider1.png) no-repeat; 
		float: left; 
		left: -721px;
	}
	
	div#planningsliderbar2 {
		position: relative; 
		width: 721px; 
		height: 59px; 
		background: url(/img/planningslider2.png) no-repeat; 
		float: left; 
		left: -721px;
	}
	
	div#planningsliderbar3 {
		position: relative; 
		width: 721px; 
		height: 59px; 
		background: url(/img/planningslider3.png) no-repeat; 
		float: left; 
		left: -721px;
	}
	
	div#planningsliderbar4 {
		position: relative; 
		width: 721px; 
		height: 59px; 
		background: url(/img/planningslider4.png) no-repeat; 
		float: left; 
		left: -721px;
	}

	div#planningheaderslider{
		width: 721px; 
		height: 237px; 
		position:relative;
	}
	
div#executionheaderimgcontainer {
	position: relative;
	top: -5px;
	width: 721px; 
	height: 237px; 
	overflow: hidden; 
	position: relative;
}

	div#executionheaderslider{
		width: 721px; 
		height: 237px; 
		position:relative;
	}
	
	div#executionsliderbar1{
		position: relative; 
		width: 721px; 
		height: 79px; 
		background: url(/img/executionslider1.png) no-repeat; 
		float: left; 
		left: -721px;
	}
	
	div#executionsliderbar2{
		position: relative; 
		width: 721px; 
		height: 79px; 
		background: url(/img/executionslider2.png) no-repeat; 
		float: left; 
		left: -721px;
	}


	div#executionsliderbar3{
		position: relative; 
		width: 721px; 
		height: 79px; 
		background: url(/img/executionslider3.png) no-repeat; 
		float: left; 
		left: -721px;
	}

div#aboutcontactusheaderimgcontainer {
	position: relative;
	top: -5px;
	width: 721px; 
	height: 237px; 
	overflow: hidden; 
	position: relative;
}

	div#aboutcontactusheaderslider{
		width: 2884px; 
		height: 237px; 
		position:relative;
	}
	
	.headerimages{
	float: left; 
	display: none;
	display:inline;
	}

div#communityheaderimgcontainer {
		position: relative;
		top: -5px;
		width: 721px; 
		height: 237px; 
		overflow: hidden; 
		position: relative;
	}

	div#communityheaderslider{
		width: 2884px; 
		height: 237px; 
		position:relative;
	}

/* The Team Template */

#theTeam {
	clear: both;
}
.teamPhotosCol {
	width: 115px;
	float: left;
}
.teamPhotosColWide {
	width: 215px;
	float: left;
}
.member {
	float: left;
	width: 97px;
	height: 88px;
}
	.member a {
		border: 3px solid #CCC;
		display: block;
		width: 75px;
		height: 73px;
	}
	.member a:hover {
		border-color: #00A4E7;
	}
	.member img {
		display: block;
	}
.teamThumbnail {
	width: 75px;
	height: 73px;
}

#teamcontainer {
	width:799px;
	height:538px;
	border:1px solid #000000;
	padding:20px 28px 0px 28px;
	text-align:right;
}
	
	#bio {
		text-align:left;
		width:360px;
		float:right;
		line-height:20px;
		font-size:12px;
	}
	
	#bio.bioleft{
		float:left;
		text-align:left;
	}
	
	#contact {margin:40px 0px}
	
	#contact a {
		text-decoration:none;
		color:#0d94d8;
	}
	
	#bio ul { margin:20px 0px 0px 15px}
	
	#bio ul li {margin-bottom:5px}

#vimeocontainer {display:none}

#newsletterlink {
	display: block;
	float:right;
	width:202px;
	height:36px;
	background: url(../img/signupenews.jpg) top center no-repeat;
	text-indent:-9999px;
	margin-top:6px;
	outline:none;
}

.communityimage {margin:0px 10px;}

/* Team Box: Name and Title Container */
	
	div.team-box {
		position:absolute;
		width:164px;
		height:55px;
		padding-top:15px;
		padding-left:30px;
		background: url(/img/the-team-box.png) no-repeat top center;
	}
	
	div.team-box span.name {
		color:#ffffff;
		font-weight:bold;
		font-size:11px;
		line-height:18px;
	}


.authorTwitter {
	float: right;
	margin-right:2px;
}

.cf_label {
	display:block;
	float:left;
	padding:6px 8px 0px;
	text-align:right;
	width:64px;
}

#invalidemail, #mnamefield, #mcommentfield{
	float: right;
	margin-right:73px;
	margin-top:4px;
	display:none;
}

#theteamfollow{
	position: absolute;
	bottom:25px;
	right:4px;
}

.bioleft #theteamfollow{left:1px;}