/*
Theme Name: Figure3
Theme URI: http://bnotions.ca/
Description: Custom Wordpress Template
Version: 1.0
Author: BNOTIONS
*/

/*body , html {font-family:Arial, Helvetica, sans-serif; color:#333333;}*/

h1,h2,h3,h4,h5,h6{padding:0px; margin:0px;}
h1{font-size:26px;}
h1.dark{font-size:24px; color:#666666;}
h1.light{font-size:24px; color:#ed3024; letter-spacing: -1px}
h1.red{font-size:40px; color:#ed3024;}
h2{font-weight:bold; font-size:16px; color:#ed3024;}
h3{font-size:18px; font-weight:bold; color:#000000;}
h4{font-size:12px; color:#333333;}
h5{font-size: 10px; font-weight: bold; color: #666666; font-variant: small-caps;}
h6{}

a {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	color: #ed3024;
}

h2.page-sec-title{
}

p{font-size:14px; color:#333; line-height:18px;}

.footerlink a{color:#333; text-decoration:none;}
.footerlink a:hover{text-decoration:underline;}

.redlist ul li , .redlist ul li a , .redlist ul li a:hover{color:#F00; font-size:12px; color:#ff3333; line-height:16px; text-decoration:none;}

.bigger-text{font-size:14px; color:#666666;}

/* HEADER */

#header{
width:100%;
height:160px;
background-color:#FFFFFF; /* #838280 grey */
position:fixed;
top:0px;
left:0px;
z-index:10;
}
	#header-content{
	width:940px;
	padding-left:10px;
	padding-right:10px;
	margin:0 auto;
	}
	
		#title{
		width:940px;
		margin:20px auto 0 auto;
		height:75px;
		}
		
		#nav{
		width:940px;
		margin:0 auto;
		height:22px;
		padding-top:17px;
		font-size:12px;
		color:#9d9d9d;
		font-weight:bold;
		border-bottom:1px solid #ff3333;
		}
			#nav ul li{display:inline; padding-right:15px;}
			#nav ul li a{color:#9d9d9d; text-decoration:none;}
			#nav ul li a:hover{color:#ed3024;}
			
			#nav ul li.current-menu-item a,#nav ul li.current-page-ancestor a,#nav ul li.current-category-ancestor a{color:#ed3024; text-decoration:none;}
		
			
		#subnav{
		width:940px;
		padding-top:8px;
		margin:0 auto;
		font-size:12px;
		}
			#subnav ul li{display:inline; padding-right:15px; cursor:pointer;}
			#subnav ul li a{color:#999999; text-decoration:none; cursor:pointer;}
			#subnav ul li a:hover{color:#ed3024; cursor:pointer;}
			#subnav.withborder{padding-bottom:8px; background:url(images/dotteddivider.gif) bottom left no-repeat;}
		
/* INDEX */

#slideshow-top{
width:940px;
margin:0 auto;
position: relative;
	top:165px;
	margin-bottom:165px;
	z-index:9;
background-color:#CCC;
}


#slideshow-bottom{
width:940px;
margin:0 auto;
height:47px;
overflow:hidden;
}

.page-template-tphilosophy-php #slideshow-top, .page-template-tcareers-php #slideshow-top{
	width:540px;
	margin:0 auto;
	position: relative;
	top:0px;
	margin-bottom:0px;
	z-index:9;
	background-color:#CCC;
}

.page-template-tphilosophy-php #slideshow-bottom, .page-template-tcareers-php #slideshow-bottom{
	width:540px;
	margin:0 auto;
	position: relative;
	top: 0px;
	margin-bottom:0px;
	z-index:9;
	background-color:#CCC;
}

	#slideshow-buttons{
	float:right;
	height:36px;
	padding-top:11px;
	}
		.slideshow-button{
		float:left;
		width:12px;
		height:8px;
		background-color:#cccccc;
		margin-right:1px;
		}

/* PEOPLE */

.fourcol-item{
width:940px;
height:100%;
background:url(images/dotteddivider.gif) top left no-repeat;
overflow:hidden;
padding-bottom:30px;
}
	.section-title-single{
	width:940px;
	height:42px;
	padding-top:0px;
	}
	.section-title-double{
	width:940px;
	overflow: hidden;
	padding-top:20px;
	}
		.mainpage{color:#f33024;}
		.subpage{color:#666666;}
		
/* PEOPLE: COLUMNS */

.column-container{clear:both; width:940px;}  
	.col-one{  
	float:left;
	width:219px;
	padding-right:10px;
	border-right:1px solid #ffffff;
	padding-bottom:10px;
	}
	.col-two{  
	float:left;
	width:219px;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #ededed;
	padding-bottom:10px;
	}  
	.col-three{
	float:left;
	width:219px;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #ededed;
	padding-bottom:10px;
	}  
	.col-four{
	float:left;
	width:220px;
	padding-left:10px;
	padding-bottom:10px;
	}
		.col-one span , .col-two span , .col-three span , .col-four span{font-size:18px;}	
		
		.col-one p , .col-two p , .col-three p , .col-four p{padding-top:15px; padding-bottom:0px; margin:0px;}
		
		.bottompic{width:220px; height:222px; margin-bottom:10px;}
		
		.noborder{border:none;}
		
	/* If Row 2 or more */
	.subsequent{
	padding-top:10px;
	}
	.col-two.subsequent{border-top:1px solid #e2e2e2;} 
	.col-three.subsequent{border-top:1px solid #e2e2e2;} 
	.col-four.subsequent{border-top:1px solid #e2e2e2;} 
	
	/* End If */
		
/* PORTFOLIO */

.portfolio-item{
width:940px;
padding-bottom:29px;
overflow:hidden;
}
	.portfolio-thumbs{
	width:940px;
	height:88px;
	padding-bottom:58px;
	}
	.portfolio-description{
	float:left;
	width:310px;
	}
	.portfolio-image{
	float:left;
	width:620px;
	padding-left:10px;
	}
	
	.portfolio-item strong{font-size:12px; font-weight:bold; color:#ff3333;}

.company_info_box h3 {
    color: #333;
}

/* FOOTER */

#footer{
width:940px;
padding-left:10px;
padding-right:10px;
margin:0 auto;
}
	#footer-content{
	width:940px;
	border-top:2px solid #666666;
	overflow:hidden;
	padding-bottom:40px;
	}
		#footer-left{
		float:left;
		width:620px;
		overflow:hidden;
		}
			#quicknav{
			width:940px;
			padding-top:29px;
			overflow:hidden;
			font-size:14px;
			line-height:20px;
			color:#666666;
			font-weight:normal;
			}
				#quicknav a{font-size:14px; color:#666666; text-decoration:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
				#quicknav a:hover{text-decoration:none;}
	
				.fb-btn a{width:16px; height:16px; display:inline-block; position:relative;background: url(images/facebookbtn.jpg)top left no-repeat; margin-right:4px;z-index:12;}
				.fb-btn  a:hover{background-position: 0 -16px;}
				
				#facebook-link a{float:left; display:block; width:17px; height:16px; background:url(images/facebookbtn.jpg) top left no-repeat; margin-right:4px;}
				#facebook-link a:hover{background-position: 0 -16px;}
				
				#flickr-link a{float:left; display:block; width:16px; height:16px; background:url(images/flikrbtn.jpg) top left no-repeat; margin-right:4px;}
				#flickr-link a:hover{background-position: 0 -16px;}
				
				#youtube-link a{float:left; display:block; width:16px; height:16px; background:url(images/youtubebtn.jpg) top left no-repeat; margin-right:4px;}
				#youtube-link a:hover{background-position: 0 -16px;}
				
				#twitter-link a{float:left; display:block; width:17px; height:16px; background:url(images/twitterbtn.jpg) top left no-repeat; margin-right:4px;}
				#twitter-link a:hover{background-position: 0 -16px;}
				
		#footer-right{
		float:left;
		width:320px;
		padding-top:29px;
		text-align:right;
		font-size:11px;
		line-height:15px;
		color:#333333;
		}
		
		.sixteenpoint p{font-size:16px; line-height:20px; color:#333; padding:0px; margin:0px;}
		.fourteenpoint p{font-size:14px; color:#666666; line-height:19px;}
		
		
	/* CLIENTS Template */
		
			.client-item{
			float:left;
			width:140px;
			height:140px;
			margin-left:20px;
			margin-bottom:2px;
			}
				.client-item a{border:1px solid #ffffff;width:140px; height:140px; float: left; background-position:0 0px;background-repeat: no-repeat;}
				
				.linked a:hover{border:1px solid #d50019;}
			
				.client-item a:hover{background-position:0 -140px;}
			
			#client-partner-list{
			clear:both;
			width:920px;
			padding-left:20px;
			padding-top:20px;
			padding-bottom:50px;
			background:url(images/dotteddivider.gif) top left no-repeat;
			overflow:hidden;
			}
				#client-partners-title{float:left; width:220px;}
				.clientlist{float:left; width:200px;}
				.clientlist ul{margin-top:25px;}
				#client-partner-list table{font-size:12px; list-style-type:none; line-height:19px;}
				#client-partner-list table{font-size:12px; list-style-type:none; line-height:19px; text-decoration:none; color:#000000;}
				#client-partner-list table td {
				padding: 0 20px;
				}
				.clientlist ul li a:hover{color:#ff3333; text-decoration:none;}
				
			/* No Navigation? Use this Wrapper where the Subnav would usually start. */
			
			#nonav-contentwrap{
			clear:both;
			width:940px;
			overflow:hidden;
			padding-bottom:50px;
			}
				.nonav-title{clear:both; width:940px; height:90px; overflow:hidden;}
			
			/* CAREERS */
			
			#careers-leftcol{
			float:left;
			width:220px;
			padding-right:20px;
			}
			#careers-rightcol{
			float:left;
			width:700px;
			}
				#careers-rightcol ul li{
					font-size:12px;
					font-weight:bold;
					color:#666666;
					line-height:20px;
				}
				.job-posting{}
					
			/* EXPERIENCES BY DESIGN */
			
			#experience-left{
				float:left;
				width:380px;
				padding-right:20px;
			}
			#experience-right{
				float:left;
				width:540px;
			}
			
			/* SERVICES */
			
			#services-left{
			float:left;
			width:380px;
			padding-right:20px;
			}
				#services-left a{color:#333333; text-decoration:none;}
				.services-ul ul li{
				padding:0px;
				margin-left:15px;
				color:#333333;
				list-style-type:none;
				font-size:14px;
				line-height:20px;
				}
				.services-ul ul li:hover{
				padding:0px;
				margin-left:15px;
				color:#ff3333;
				list-style-image:url(images/red-arrow.gif);
				}
				
			#services-right{
			float:left;
			width:540px;
			}
			
			/* BLOG */
			
			.blog-left{
			float:left;
			width:220px;
			padding-right:20px;
			}
				.blog-left p{color:#999999;}
				
			.blog-right{
			float:left;
			width:700px;
			}
				.blog-right-item{
				padding-bottom:20px;
				margin-bottom:30px;
				background:url(images/blog-dotted.gif) bottom left no-repeat;
				overflow:hidden;
				}
					.blog-leftcol{
						float:left;
						width:460px;
						padding-right:20px;
					}
					.blog-rightcol{
						float:left;
						width:220px;
					}
			
			/* INSIGHTS */
			
			.insights-item{
			clear:both;
			overflow:hidden;
			padding-bottom:30px;
			background:url(images/dotteddivider.gif) bottom left no-repeat;
			
			}
				.insights-left{
				float:left;
				width:220px;
				}
					.insights-left p{font-size:14px;}
					
				.insights-right{
				float:left;
				width:720px;
				}
.whitepaper-item{
float:left;
width:220px;
padding:0px 5px 30px;

}

.mid3col {
border-left: 1px solid #ededed;
border-right: 1px solid #ededed;
}
					
					.whitepaper-item p {
					text-align: left;
					margin: 5px 15px;
					}
					
.whitepaper-item .whitepaper-image{
width:220px;
margin-bottom: 15px;

}


					
/* MR */

/* EXPERIENCE */

.page-id-4 h1 {
font-size: 26px;
color: #ed3024;
letter-spacing: -1px;
margin-top: 20px;
}

.page-id-4 h1 span {
font-size: 16px;
}

.page-id-4 h2 {
margin-bottom: 35px;
letter-spacing: -1px;
}

h2 {
margin: 20px 0 0 0;
}

.leftcol h2 {
margin: 0 0 20px;
}

p {
margin: 0 0 15px 0;
clear: both;
}	

/* SERVICES */

.page-template-tservices-php .leftcol ul {
list-style: none;
}

.page-template-tservices-php .leftcol ul li a{
padding-left: 12px;
font-size: 14px;
color: #333;
text-decoration: none;
display: block;
margin: 0 0 8px 0;
font-weight:normal;
}

.page-template-tservices-php .leftcol ul li a:hover{
color: #ed3024;
background: url(images/red-arrow.gif) left center no-repeat;
}

.leftcol ul.services-ul li.current_page_item a{
font-weight:bold;
color: #333;
background: url(images/red-arrow.gif) left center no-repeat;
}

/* BLOG */
h4{
font-size: 12px;
color: #333;
margin: 10px 0 8px;
float: left;
clear: both;
}

.category-blog .leftcol ul li a, .single .leftcol ul li a, .archive .leftcol ul li a{
color: #999;
font-size: 12px;
text-transform: lowercase;
text-decoration: none;
}

.category-blog ul, .single ul, .archive ul {
margin-bottom: 25px;
float: left;
clear: both;
}

.date_stamp {
font-size: 11px;
color: #666;
float: left;
clear: both;
margin: 0px 0px 10px 0px;
}

.tags {
list-style: none;
padding-top: 10px;
border-top: 1px dotted #aaa;
width: 100%;
}

.tags a {
color: #999;
text-decoration: none;
text-transform: lowercase;
font-size: 12px;
}

/* CAREER */
.rcontent{padding-top:0px;}

.category-careers .rcontent .leftcol ul {
margin-top: 5px;
}

.category-careers .rcontent .leftcol li a{
color: #333;
text-transform: none;
}

.category-careers .leftcol h2{
margin-bottom: 57px;
}

/* INSIGHTS */
.page-template-tinsights-php .leftcol h3 {
font-size: 14px;
color: #666;
}

.whitepaper-item a {
font-size: 12px;
color: #333;
}

.whitepaper-item p {
margin-bottom: 10px;
}

.whitepaper-item .wdesc {
margin-bottom: 2px;
}

/* PEOPLE */
h5 {
float: left;
clear: both;
}

#subnav ul {
display: inline;
}

.page-template-texperience-php .leftcol p {
line-height: 18px;
}


/* Left Column Text Formatting */


.leftcol.sidebar p{font-size:14px; color:#666666; line-height:19px;}
/*.leftcol.sidebar ul li a{font-size:14px; color:#666666; line-height:19px;}*/

.archive #subnav ul {
clear: both;
float: none;
}

.archive #nav ul {
margin-bottom: 0;
}

.page-child .leftcol ul .current_page_item a {
font-weight: bold;
}

#lightbox, #lb_bg {
width: 100%;
height: 100%;
}

#lightbox {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}

#lb_bg {
position: absolute;
top: 0;
left: 0;
background: #000;
opacity: 0.6;
}

#lb_inner {
width: 602px;
overflow: hidden;
margin: 100px auto;
background: #fff;
padding: 20px;
}

.cform label {
display: block;
font-weight: bold;
font-size: 12px;
}

#lb_inner legend, .linklove {
display: none;
}

#lb_inner .cform label span, #lb_inner .cform label {
width: 265px;
text-align: left;
display: block;
}

 #lb_inner .cform  #li--3 label {
margin-top: 25px;
}

#wpaper_lb .cform {
width: 524px;
background: #F7F7F7;
padding: 20px;
}

#lb_inner fieldset {
border: none;
width: 484px;

}

.cform {
width: 524px;
}

.cform fieldset {
padding: 20px;
}

.rmore {
font-size: 12px;
}

#lb_inner p.cf-sb {
text-align: left;
}

.category-blog .rcontent h4 a, .single .rcontent h4 a {
text-decoration: none;
}

.category-blog  .thin .rcontent .leftcol {
width: 410px;
margin-bottom: 30px;
}

.category-blog .thin .rcontent .rightcol {
width: 220px;
}

.preview_img {
width: 150px;
height: 100px;
overflow: hidden;
position: relative;

left: 20px;
}

.full_img {
width: 240px;
height: 200px;
overflow: hidden;
position: relative;
}

.ss_img01 { /* kit add to auto resize */
/*max-width: 520px; */
/*width: expression(this.width > 561 ? 561: true); /* Resize the image for IE6 */
/*max-height: 348px; */
/*height: expression(this.width > 380 ? 380: true); /* Resize the image for IE6 */

max-height:100%;
}

.ss_img0 { /* kit add to auto resize */
position:relative; 
}


.btn {
height: 16px;
width: 16px;
background: #f00;
display: block;
float: left;
margin-right: 7px;
}

.btn:hover {
background-position: center 0;
}


.page-template-topportunities-php .leftcol ul li a, .page-template-tcredits-php .leftcol ul li a {
font-size: 12px;
color: #444;
text-decoration: none;
}

.big_images {
background: url(images/loading.gif) center no-repeat;
}

.jcarousel-skin-tango img {
background: url(images/loading.gif) center no-repeat;
}


.page-template-people-php p, .whitepaper-item p {
font-size: 12px;
}

.page-template-people-php h3 {
font-size: 14px;
text-align: left;
margin: 0 0 0 15px;
}

.page-template-people-php h4, .category h4 {
margin: 10px 0 8px 15px;
}

.page-template-people-php h5 {
margin: 0 0 10px 15px;
font-weight: bold;
}

.page-template-people-php .main .row {
/* background: url(images/dotteddivider.gif) bottom repeat-x; */
}

.page-template-people-php .main {
background: url(images/dotteddivider.gif) bottom repeat-x;
padding-top: 20px;
}

.main {
padding-top: 20px;
}

.sub {
/* background: url(images/dotteddivider.gif) top repeat-x;*/
}

.pagination {
font-size: 11px;
clear: both;
}

.pagination a {
text-decoration: none;
font-weight: normal;
}

#prev_page{
float: left;
}

#next_page{
float: right;
}

.page-template-texperience-php #header, .page-template-tphilosophy-php #header, .page-template-tservices-php #header, .category-blog #header, .page-template-tcareers-php #header,.page-template-tcontact-php #header, .single #header,.page-template-topportunities-php #header, .page-template-tcredits-php #header {
height: 190px;
}

.whitepaper-item a, .whitepaper-item img {
display: block;
margin: auto;
}

.category-blog .leftcol h4, .single .leftcol h4 {
margin: 0;
}

.category-blog p, .single p {
font-size: 12px;
}

.page-template-topportunities-php .rightcol .leftcol, .page-template-tcredits-php .rightcol .leftcol {
width: 220px;
}

.page-template-topportunities-php .rightcol .leftcol ul,.page-template-tcredits-php .rightcol .leftcol ul {
list-style: none;
}

.page-template-topportunities-php .rightcol .rightcol,.page-template-tcredits-php .rightcol .rightcol {
width: 410px;
}

.page-template-topportunities-php .rightcol .rightcol, .page-template-topportunities-php .rightcol .rightcol h4, .page-template-tcredits-php .rightcol .rightcol, .page-template-tcredits-php .rightcol .rightcol h4{
margin-top: 0;
} 

.page-template-topportunities-php .rightcol .rightcol p,.page-template-tcredits-php .rightcol .rightcol p{
font-size: 12px;
}

.page-template-tcontact-php h2 {
margin: 20px 0 0 0;
}

.page-template-tcontact-php .rightcol p {
font-size: 12px;
}

.page-template-tcontact-php #phead p{
display: none;
}

.page-template-tcontact-php .main .leftcol h2 {
display: none;
}

.page-template-tclients-php .sub #phead {
height: 45px;
}

#phead h2 {
font-size: 24px;
text-transform: lowercase;
}

#phead h2 p, .sidebar h2, #client-partners-title h2{
font-size: 24px;
text-transform: lowercase;
color: #ed3024;
line-height: 26px;
}

.innerp {
border-top: 1px solid #ededed;
}

.curr_thumb {
background: #444;
}

.main .leftcol ul {
font-size:14px;
margin-left: 20px;
margin-bottom: 20px;
} 

#credits {
color: #999;
}

#client-partners-title h2 {
margin-top: 0;
}

#video_link {position: absolute; right: 1px; top: 15px; display: block; text-decoration: none; color: #9d9d9d;}

#video_link:hover {color: #ed3024;}

#video_link img {
position: relative; top: 2px;}