@charset "utf-8";

/*
Theme Name: BNOTIONS version 3.0
Theme URI: http://www.bnotions.ca
Description: BNOTIONS Base Theme for WordPress Development
Version: 3.0
Author: Nick Karch, Aaron Ritchie
Tags: basic, no frills, clean
*/

/*

Colors

grey: #e4e4e4;
dark blue: #253552;
almost black: #323232;

*/

	html 
{	overflow-y: scroll; }

/*---------------------------------------------------------------------------------------------------------------------SIDEBAR---*/

	#header_logo
{	position: absolute;
	top: 15px;
	margin-left: 14px;
	z-index: 10;
	width: 136px;
	height: 186px;
	background: url(images/bnotions_logo.png); }
	
		#header_logo a
	{	display: block;
		width: 136px;
		height: 186px; }

	.sidebar
{	background: #e4e4e4;
	width: 107px;
	margin-left: 30px;
	position:relative;
	z-index: 5;
	float: left; }
	
	.sidebar_work
{	background: #e4e4e4;
	width: 107px;
	height: 217px;
	margin-left: 30px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	position:relative;
	top: -1px;
	z-index:5;}

/*--------------------------------------------------------------SIDEBAR------*/

/*---------------------------------------------------------------------------------------------------------------------HOMEPAGE--*/

	#sidebar_home
{	height: 359px;
	top: -27px; }

	#header
{	width: 869px;
	margin: 0 30px; }
	
		#header #header_left
	{	margin: 0 !important; }
	
		#header #header_right
	{	float: right; }

			#header #header_right #header_right_contact
		{	width: auto; }
			
			#header #header_right #header_right_flash ul,
			#header #header_right #header_right_flash ul li
		{	margin-right: 0; }

	#home_top_box
{	width: 742px;
	margin-left: 20px;
	float: left; }
	
		#home_top_box h2
	{	font-family: Helvetica, Arial, sans-serif;
		font-size: 28px;
		color: #424241;
		font-weight: normal;
		display: block;
		clear: both;
		height: 48px;
		margin-top: -4px; }
	
		#home_top_box #left_col
	{	width: 512px;
		margin-right: 20px;
		float: left; }
		
			#home_top_box #left_col #title
		{	margin-bottom: 12px; }
		
		#home_top_box #right_col
	{	width: 210px;
		float: left; }
		
			#home_top_box #right_col .border
		{	width: 210px;
			height: 1px;
			display: block;
			background: url(images/description_border.jpg); }
		
			#home_top_box #right_col #description
		{	width: 190px;
			padding: 10px;
			background: url(images/description_bg.jpg) repeat-y;
			color: #424241; 
			font-family:Helvetica, Arial, sans-serif;
			font-style: italic;
			font-weight: bold;
			font-size: 12px;
			line-height: 18px; }
			
			#home_top_box #right_col ul
		{	list-style: none;
			margin-top: 28px; }
			
			#home_top_box #right_col li
		{	list-style: none;
			margin: 0; 
			padding: 0; }
			
			#home_top_box #right_col .button
		{	width: 210px;
			height: 36px; }

	#categories
{	clear: both;
	width: 884px;
	list-style: none;
	margin: 40px 0 140px 30px; }
	
		#categories li
	{	list-style: none;
		float: left;
		background: url(images/category_bg.jpg) ;
		width: 427px;
		height: 185px;
		margin: 0 15px 15px 0; }
		
			#categories li h2
		{	color: #424241; 
			font-family: Helvetica, Arial, sans-serif;
			font-size: 20px;
			font-weight: normal;
			padding: 7px 10px 11px;
			margin-bottom: 0px; }
			
			#categories li div
		{	padding: 18px 30px;
			vertical-align: middle;
			height: 113px; }
			
				#categories li div img
			{	width: 175px;
				height: 91px;
				margin-right: 10px;
				float: left; }
				
				#categories li div p
			{	color: #424241;
				width: 180px;
				font-family: Arial, sans-serif;
				font-size: 14px;
				font-style: italic;
				line-height: 14px;
				float: left;
				margin-bottom: 6px; }
				
					#categories li div a
				{	color: #dd2968;
					font-family: Arial, sans-serif;
					font-style: italic;
					font-weight: bold;
					font-size: 14px;
					text-decoration: none; }
					
					#categories li div a:hover
				{	text-decoration: underline; }
	
/*--------------------------------------------------------------HOMEPAGE------*/

/*-------------------------------------------------------------------------------------------------------------------------SINGLE--*/

	#single_content
{	overflow: hidden; }	

	#sidebar_single
{	height: 359px;
	top: 0px; }

	#single_top_box
{	width: 742px;
	margin: 20px 0 140px 20px;
	float: left; }
	
		#single_top_box h2
	{	font-family: Helvetica, Arial, sans-serif;
		font-size: 28px;
		color: #424241;
		font-weight: normal;
		height: 40px; }
		
		#single_top_box #left_col
	{	width: 512px;
		margin-right: 20px;
		float: left; }
		
			#single_top_box #left_col h3
		{	font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			color: #dd2968;
			margin-top: 17px; }
			
			#single_top_box #left_col p
		{	font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			color: #424241;
			text-align: justify;
			font-weight: normal;
			margin-top: 10px; }
			
			#single_top_box #left_col a
		{	color: #dd2968;
			text-decoration: none; }
				
				#single_top_box #left_col a:hover
			{	text-decoration: underline; }
			
			#single_top_box #left_col ul
		{	font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			color: #424241;
			padding-left: 17px;
			list-style-image: url(images/bullet_2.gif);
			margin-top: 10px; }
			
				#single_top_box #left_col ul li
			{	margin-top: 5px; }
			
			#single_top_box #left_col ol
		{	padding-left: 22px;
			margin-top: 10px; }
			
				#single_top_box #left_col ol li
			{	font-family: Arial, Helvetica, sans-serif;
				font-size: 16px;
				color: #a1bae1;
				font-weight: bold; }
			
					#single_top_box #left_col ol li p
				{	font-family: Arial, Helvetica, sans-serif;
					font-size: 14px;
					color: #424241;
					font-weight: normal;
					margin-top: 0;
					margin-left: -5px; }
			
		#single_top_box #right_col
	{	width: 210px;
		float: left; }
		
			#single_top_box #right_col .border
		{	width: 210px;
			height: 1px;
			display: block;
			background: url(images/description_border.jpg); }
		
			#single_top_box #right_col #description
		{	width: 190px;
			padding: 10px;
			background: url(images/description_bg.jpg) repeat-y;
			color: #424241; 
			font-family:Helvetica, Arial, sans-serif;
			font-style: italic;
			font-weight: bold;
			font-size: 12px;
			line-height: 18px; }
			
			#single_top_box #right_col ul
		{	list-style: none;
			margin-top: 28px; }
			
			#single_top_box #right_col li
		{	list-style: none;
			margin: 0; 
			padding: 0; }
			
			#single_top_box #right_col .button
		{	width: 210px;
			height: 36px; }
			
	#single_top_box #wide_col
	{	width: 742px;
		margin-right: 20px;
		float: left; }
		
			#single_top_box #wide_col h3
		{	font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			color: #dd2968;
			margin-top: 17px; }
			
			#single_top_box #wide_col p
		{	font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			color: #424241;
			text-align: justify;
			font-weight: normal;
			margin-top: 10px; }
			
			#single_top_box #wide_col a
		{	color: #dd2968;
			text-decoration: none; }
				
				#single_top_box #wide_col a:hover
			{	text-decoration: underline; }
			
			#single_top_box #wide_col ul
		{	font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			color: #424241;
			padding-left: 17px;
			list-style-image: url(images/bullet_2.gif);
			margin-top: 10px; }
			
				#single_top_box #wide_col ul li
			{	margin-top: 5px; }
			
			#single_top_box #wide_col ol
		{	padding-left: 22px;
			margin-top: 10px; }
			
				#single_top_box #wide_col ol li
			{	font-family: Arial, Helvetica, sans-serif;
				font-size: 16px;
				color: #a1bae1;
				font-weight: bold; }
			
					#single_top_box #wide_col ol li p
				{	font-family: Arial, Helvetica, sans-serif;
					font-size: 14px;
					color: #424241;
					font-weight: normal;
					margin-top: 0;
					margin-left: -5px; }		
	
	.single_sidebar
{	margin-top: 17px !important; }

/*--------------------------------------------------------------SINGLE------*/

/*---------------------------------------------------------------------------------------------------------------------PORTFOLIO---*/

	.portfolio_content
{	width: 980px !important; }

	#work_wrap
{	margin: -351px 0 0;
	left: 157px; }
	
		#work_wrap h2.first
	{	font-family: Helvetica, Arial, sans-serif;
		font-size: 28px;
		color: #424241;
		font-weight: normal;
		margin-top: 0px;
		height: 46px; }
		
		#work_wrap h2
	{	font-family: Helvetica, Arial, sans-serif;
		font-size: 28px;
		color: #424241;
		font-weight: normal;
		margin-top: 20px;
		height: 46px; }
	
		#work_wrap #portfolioTitle
	{	margin-bottom: 20px; }

		#work_wrap .line
	{	width: 742px;
		height: 1px; }

	#sidebar_work
{	height: 377px; }

	.portNavRight
{	left: 742px; }

	.brandContainer
{	padding: 6px;
	margin-right: 11px;
	margin-bottom: 11px; }
	
	.brandContainerAlternate
{	padding: 6px;
	margin-right: 0;
	margin-bottom: 11px; }
	
	#detail_wrap
{	margin-top: -196px;
	margin-bottom: 140px; }

/*--------------------------------------------------------------PORTFOLIO------*/

/*--------------------------------------------------------------------------------------------------------------------------HIRE---*/

	#hire_title
{	margin: 7px 0; }

	.hire_sidebar
{	margin-top: 18px; }

/*--------------------------------------------------------------HIRE------*/

/*-------------------------------------------------------------------------------------------------------------------------ABOUT---*/

	#about_title
{	margin: 7px 0; }

	#left_col h4
{	font-family: Helvetica, Arial, sans-serif;
	color: #dd2968;
	margin-top: 10px; }
	
	.about_list
{	margin-top: 50px; }
	
		.about_list h4
	{	margin: 0 0 10px 0 !important;
		font-family: Helvetica, Arial, sans-serif;
		color: #6f7782; }
		
		.about_list ul
	{	font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		display: block;
		list-style: none;
		margin-left: 0;
		margin-top: 10px !important;
		margin-bottom: 20px !important; }
	
			.about_list ul li
		{	background: url(images/bullet.gif) no-repeat;
			padding-left: 40px !important;
			margin-top: 5px !important;
			#margin-top: 2px;
			color: #424241; }
			
				.about_list ul li a
			{	color: #424241;
				text-decoration: underline;	}
			
				.about_list ul li a:hover
			{	color: #999; }

/*--------------------------------------------------------------ABOUT------*/

/*-----------------------------------------------------------------------------------------------------------------------CONTACT---*/

	#contact_title
{	margin: 7px 0; }

	#left_col h4
{	font-family: Helvetica, Arial, sans-serif;
	color: #dd2968;
	margin-top: 10px; }
	
	.contact_info
{	width: 196px !important; }

	#single_top_box #middle_col
{	width: 196px;
	margin-right: 20px;
	margin-top: 40px;
	float: left; }
	
		#single_top_box #middle_col h3
	{	font-family: Helvetica, Arial, sans-serif;
		font-size: 16px;
		color: #dd2968;
		margin-top: 17px; }
		
		#single_top_box #middle_col p
	{	font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #424241;
		text-align: justify;
		font-weight: normal;
		margin-top: 10px; }
		
		#single_top_box #middle_col a
	{	color: #dd2968;
		text-decoration: none; }
			
			#single_top_box #middle_col a:hover
		{	text-decoration: underline; }
		
		#single_top_box #middle_col ul
	{	font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #424241;
		padding-left: 17px;
		list-style-image: url(images/bullet.gif);
		margin-top: 10px; }
		
			#single_top_box #middle_col ul li
		{	margin-top: 5px; }
		
		#single_top_box #middle_col ol
	{	padding-left: 22px;
		margin-top: 10px; }
		
			#single_top_box #middle_col ol li
		{	font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			color: #a1bae1;
			font-weight: bold; }
		
				#single_top_box #middle_col ol li p
			{	font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				color: #424241;
				font-weight: normal;
				margin-top: 0;
				margin-left: -5px; }
	
	.contact_sidebar
{	margin-top: 50px;
	text-align: right;
	width: 310px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #424241; }

/*--------------------------------------------------------------CONTACT------*/

/*---------------------------------------------------------------------------------------------------------------------FOOTERBAR---*/

	#footerbar
{	width: 100%;
	height: 100px;
	padding-right: 20px;
	background: url(images/nav_bg.gif) no-repeat #e4e4e4;
	border-top: #FFF 2px solid;
	position: fixed;
	bottom: -136px;
	margin-bottom: 20px;
	border-bottom: #FFF 2px solid;
	left: 0px;
	z-index: 10; }
	
	#footerbar_mobile
{	width: 100%;
	height: 100px;
	background: #e4e4e4;
	border-top: #FFF 2px solid; }
	
		.footer .nav_option_current
	{	float: left;
		cursor: pointer; }
		
		.footer .nav_arrow
	{	float: left;
		cursor: pointer; }
		
		.footer .panel_arrow
	{	float: left;
		background: url(images/nav_bg.jpg) no-repeat #BEBEBE }
	
		.footer .workpanel
	{	float: left;
		display: block;
		height: 82px;
		padding: 9px 0px 9px 24px;
		background: url(images/nav_bg.gif) left no-repeat; }
		
		.footer .links
	{	float: right;
		margin-top: 61px;
		text-align: right; }
		
			.footer .links a
		{	color: #424241;
			display: block;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			text-decoration: none; }
			
			.footer .links a:hover
		{	text-decoration: underline; }
	
		.footer .logo
	{	float:right;
		margin: 18px 15px 16px 10px; }
		
		.footer .menu_arrow
	{	position: absolute;
		left: 61px;
		top: -15px;
		cursor: pointer; }
		
		.footer .cover
	{	height: 12px;
		width: 100%;
		border-top: #FFF 2px solid;
		background: url(images/cover.gif) repeat-x #424241;
		position: absolute;
		bottom: -22px;
		z-index: 100;
		text-align: right;
		padding: 4px; }
		
			.footer .cover cite
		{	font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #CCC;
			margin-right: 40px; }
			
	.minmax
{	position: absolute;
	bottom: 78px;
	right: 20px;
	z-index: 101;
	cursor: pointer; }
		
	
	/* MARK'S FOOTER STUFF! */
	
	.thumbs a {
	text-decoration: none;
	}
	
	#strip_options {
	height: 200px;
	position: absolute;
	background: #FFF;
	width: 173px;
	top:-2;
	border-top: #FFF 2px solid;
	}
	
	#openclosenav {
		width: 42px;
		height: 42px;
		background: url(images/menu_arrow_up.png);
		position: absolute;
		top: -15px;
		left: 63px;
		z-index: 100;
		cursor: pointer;
	}
	
	/* NEED TO DEFINE A WIDTH OF ALL THE THUMBNAIL STRIPS */
	.strip{
		width: 800px;
		left: 0;
	}
	
	/* SET THE POSITION OF EACH OF THE STRIPS */
	#strip01 {
		position: absolute;
		top: 0;
		z-index: 99;
	}
	
	#strip02 {
		position: absolute;
		top: 0;
	}
	
	#strip03 {
		position: absolute;
		top: 102px;
	}
	
	.section_title {
		width: 164px;
		height: 100px;
		position: absolute;		
		top: 0;
		left: 0;
		z-index: 25;
	}
	
	.showthumbs {
		width: 19px;
		height: 100px;
		position: absolute;
		top: 0;
		left: 164px;
		background: url(images/nav_arrow.png);
		z-index: 25;
	}
	
	.thumb {
		float: left;
		width: 150px;
		height: 80px;
		background: url(images/thumb_bg.png);
		margin: 10px;
	}
	
	.thumbs {
		position: absolute;
		left: -450px;
		top: 9px;
		z-index: 10;
	}
	
	#strip01 .thumbs {
		position: absolute;
		left: 200px;
	}

/*--------------------------------------------------------------FOOTERBAR------*/

/*---------------------------------------------------------------------------------------------------------------------RANDOMS---*/

	#about_top
{	left: 20px;
	top: 26px; }
	
	#about_bottom
{	left: 140px;
	top: 30px; }
		
	#about_points
{	width: 206px; }	
		
		#about_points ul
	{	float: left;
		width: 100px;
		margin-top: 10px;
		margin-bottom: 20px;
		list-style: none; }
		
		#about_points p
	{	clear: left; }
	
	#about_bottom .col
{	width: 225px; }	

		#about_bottom #about_flash,
		#about_bottom #about_applications
	{	margin-left: 25px; }	

	#directors p
{	margin-bottom: 15px; }

	#location_int p
{	margin-bottom: 15px; }

	#grey_extension
{	background: #e4e4e4 bottom no-repeat; }

	#f_we_offer
{	margin: 0 0 10px 0 !important;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #6f7782; }

	.services_list
{	margin-top: 50px; }

	.services_list h4
{	margin: 0 0 10px 0 !important;
	font-family: Helvetica, Arial, sans-serif;
	color: #6f7782; }

	.services_list ul
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	list-style: none;
	margin-left: 0;
	margin-top: 10px !important; }

		.services_list ul li
	{	background: url(images/bullet.gif) no-repeat;
		padding-left: 40px !important;
		margin-top: 5px !important;
		#margin-top: 2px;
		color: #424241; }
		
			.services_list ul li a
		{	color: #424241;
			text-decoration: underline;	}
		
			.services_list ul li a:hover
		{	color: #999; }
	
	.wpcf7 #form
{	margin: 20px 0; }
	
	.wpcf7 label
{	display: block;
	margin-top: 20px;
	margin-bottom: -10px;
	font-size: 16px; }
	
	.wpcf7 .text
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	width: 498px; }
	
	.wpcf7 select
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	width: 512px; }
	
	.wpcf7 .captcha_input
{	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	font-size: 12px; }
	
	.wpcf7 textarea
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	width: 500px;
	resize: none;
	overflow: auto; }
	
	.wpcf7 #form_button
{	padding: 5px 10px; }

	.wpcf7-validation-errors
{	font-family: Arial, Helvetica, sans-serif;
	color: #424241;
	font-size: 12px;
	border: none !important;
	background: #fff7ca !important; }
	
	.wpcf7-not-valid-tip-no-ajax
{	margin-top: 5px;
	color: #f48a00 !important; }
	
	#hire_l_bot
{	clear: both;
	float: none; }

/*--------------------------------------------------------------RANDOMS------*/