@charset "utf-8";
/* common */
/* #6DC348  green text */
/* #2FA2FF Blue*/

html {height:100.05%}
body {background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0; padding:0; text-align:center; color:#000; line-height:1.4em;}
#header h1 span, #header ul strong span, #footer ul strong span, h2 span { float:left; margin-top:-9999px}
img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}
span.hide { display: none;}

img.bbb {
    display: block;
    margin-left: auto;
    margin-right: auto; 
	margin-top: 100px
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}
.floatleft { float:left; margin: 0 15px 450px 0; } 
.alignleft { float:left; margin: 0 15px 5px 0; } 
.alignright { float:right; margin: 0 0px 5px 15px; } 
.floatRight { 
    float: right; 
    margin: 4px; 
}
.frame { padding: 5px; border: 1px solid #aaa; } 

.links ul{
	margin-left:  30px;
}

.links li{
	padding: 0 0 0 20px;
	list-style-type: disc;
	/*background: transparent url(images/approved.gif) 0 .5em no-repeat; */
}

.bio ul{
	margin-left: 10px;
}

.bio  li{
	padding: 0 0 0 5px;
	list-style-type: circle;
	margin: 0 0 10px 220px;
	/*background: transparent url(images/approved.gif) 0 .5em no-repeat; */
}

a:link, a:visited {
	color:#000;
	text-decoration:underline;
	font-weight:bold
	
}
a:hover, a:active {
	color:#2FA2FF;
}

a.stand:link, a.stand:visited {
	color: #2FA2FF;
	text-decoration:underline;
	font:1.3em Arial;
	margin-bottom:3px;
	font-weight:bold;
	}
a.stand:hover, a.stand:active {
	color: #000;
	text-decoration:underline;
	font:1.3em Arial;
	margin-bottom:3px;
	font-weight:bold;
	}

h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
}

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
}
		
/* defaults */

* {margin:0; padding:0; list-style-type:none;}
p {margin:0  1.2em 1.2em 0 }
a img {border:none} a { color:#000;} a:hover { color:#646D7E}
.clear  { clear: both; }
.right { float: right; }
/* layout */

#container {width:990px; margin:0 auto; text-align:left; overflow:hidden;}

#header {height:175px; padding-left:20px; overflow:hidden;position:relative;}
	#header.stage {height:170px; padding-left:20px; overflow:hidden;}
	#header.stagel {height:235px; padding-left:20px; overflow:hidden;}
#footer {height:207px; padding-left:20px; overflow:hidden;}

#client_login {
 position:absolute;
 top:0;
 right:90px;
}

#wrapper{float:left;width:100%; margin:10px 0;}

#content-index{float:right;width:600px;
	min-height:400px;
     height:auto !important;
     height:400px; }
	#content-index p {margin:0 20px 1.2em 0 }
	
#navigation-index{float:left;width:390px}
	#navigation-index ul {margin: 10px; list-style-type: none;}
	#navigation-index ul li {padding:0 0 0 50px;}
	#navigation-index ul li img{vertical-align: middle;padding:0 0 0 0;}
	#navigation-index ul li a {text-align:left;font-size:12.5px; color:#000;	text-decoration:none;}
	#navigation-index ul li a:hover {color:#2FA2FF}
	#navigation-index  h1{margin-left: 50px;}
		#navigation-index  h1.red{margin-left: 50px;	color:red;}				
	#navigation-index  h2{margin-left: 50px;}
	#navigation-index  h3{margin-left: 50px;}
	
	#nav_articles{float:left;width:300px;margin-left:50px;}

	

#coffee ul li {padding:0;}

#coffee li {
 	list-style-type:none;
	font-size:2em;
}

#coffee li a {
	background-image:url('images/banner_coffee.jpg');
	background-repeat:no-repeat;
	padding:50px 155px;
	line-height:120px;
	
}

#coffee li a.item1 {background-position:0px 0px;}
#coffee li a:hover.item1 {background-position:0px -117px;}

#ebook{height:115px; display:block; margin:0; padding:0; background:url(http://firstbase.ca/wp-content/themes/fb_theme/images/ebook.jpg) 0 0 no-repeat}
#ebook:hover{display:block;margin:0;background:url(http://firstbase.ca/wp-content/themes/fb_theme/images/ebook.jpg) 0 0px no-repeat;background-position: 0 -115px;}


#content{margin: 0 250px;}
	.bread{color:#6DC348; font-weight: bold;}
	.headline{color:#6DC348; font-style: italic; font-size: 18px; font-weight: bold;}
	
	#feed li {
list-style-type:none; margin:0 5px 25px 0; } 
	
/* left side bar */	
#navigation{float:left;width:220px;margin-left:-990px; margin-top:10px; }

/* right side bar */
#extra{float:left;width:220px;margin-left:-250px; margin-top:10px;}
	#extra ul {margin-top:10px}
	#extra ul li {padding:0 0 0 15px;}
	#extra ul li a {padding-left:5px;text-align:left; font-size:14.5px; color:#FFF;}
	#extra ul li a:hover {color:#6DC348}

/* header */

#header h1, #header h1 a { width:371px; height:170px; background:url(/images/header.jpg); float:left; overflow:hidden}
	#header h1 a {}
	#header ul li {}	
	#header ul ul li, #footer ul ul li { float:none; padding:2px 0}
	#header ul strong, #footer ul strong { height:1px; line-height:1px; overflow:hidden}

	#header .who { background: url(images/who.jpg) no-repeat; width:115px; float:left; padding:100px 25px 0 3px;}
		#header .who a { color:#111}

	#header .what { background: url(images/what.jpg) no-repeat; width:115px; float:left; padding:100px 25px 0 2px;}
			#header .what a { color:#111}

	#header .unique { background: url(images/unique.jpg) no-repeat; width:115px; float:left; padding:100px 25px 0 13px;}
		#header .unique a { color:#111}		

	#header .contact { background: url(images/contact.jpg) no-repeat; width:115px; float:left; padding:100px 25px 0 14px;}
		#header .contact a { color:#111}
		
#header ul li a, #footer ul li a { text-decoration:none; color:#9698a2;}
#header ul li a:hover, #footer ul li a:hover { color:#646D7E;}
#header ul li.active a { color:#babbc2}

/* FOOTER */
#fContainer {width:990px; margin:0 auto; text-align:left; overflow:hidden;}
#footer h1, #footer h1 a { width:371px; height:207px; background:url(images/footer.jpg); float:left; overflow:hidden}
	#footer h1 a {}
	#footer ul li {}	
	#footer ul ul li, #footer ul ul li { float:none; padding:2px 0}
	#footer ul strong, #footer ul strong { height:1px; line-height:1px; overflow:hidden}

	#footer .who { background: url(images/who.jpg) no-repeat; width:115px; float:left; padding:100px 25px 0 3px;}
		#footer .who a { color:#111}

	#footer .what { background: url(images/what.jpg) no-repeat; width:115px; float:left; padding:100px 25px 0 2px;}
			#footer .what a { color:#111}

	#footer .unique { background: url(images/unique.jpg) no-repeat; width:115px; float:left; padding:100px 25px 0 13px;}
		#footer .unique a { color:#111}		

	#footer .contact { background: url(images/contact.jpg) no-repeat; width:115px; float:left; padding:100px 25px 0 14px;}
		#footer .contact a { color:#111}
		
#header ul li a, #footer ul li a { text-decoration:none; color:#9698a2;}
#header ul li a:hover, #footer ul li a:hover { color:#646D7E;}
#header ul li.active a { color:#babbc2}

/* stages */

#stage {background:url(images/photo.jpg) no-repeat 0 0; padding:0px 10px 0px 20px; height:240px;}
#stage.index {background:url(images/b_home.jpg) no-repeat 0 0; padding:10px 10px 0px 20px; height:240px;}
#stage.mission{background:url(images/photo2.jpg) no-repeat 0 0; padding:0px 10px 0px 20px; height:240px;}
#stage.team {background:url(images/photo.jpg) no-repeat 0 0; padding:0px 10px 0px 20px; height:240px;}
#stage.header{background:url(images/spacer.gif) no-repeat 0 0;padding:0px 10px 0px 20px; height:40px;}

	#stage h2, #stage h2 a {display:block; width:114px; height:184px; overflow:hidden; background-repeat:no-repeat; float:left}
		#stage h2 a:hover { background-position:0 -176px}

	#stage1, #stage2, #stage3,#stage4  { margin-right:20px; float:left; }
	#stage1 h2 a { background:url(images/startup.jpg); width:114px;}
			#stage1.active h2 a { background:url(images/startup_active.jpg); width:114px;}
	#stage2	h2 a { background:url(images/growth.jpg);width:114px;}
			#stage2.active h2 a { background:url(images/growth_active.jpg); width:114px;}
	#stage3 h2 a { background:url(images/expansion.jpg); width:114px;}
			#stage3.active h2 a { background:url(images/expansion_active.jpg); width:114px;}
	#stage4 h2 a { background:url(images/succession.jpg); width:114px;}
			#stage4.active h2 a { background:url(images/succession_active.jpg); width:114px;}	
	
#stageBox { height:240px; width:560px; overflow:hidden; float:right; text-align:left; margin-bottom:0px; margin-right:25px;}	
#stageBox.header { height:440px; width:560px; overflow:hidden; float:right; text-align:left; margin-bottom:0px; margin-right:25px;}	
#stageBox.ppc-branding { background:url(http://firstbase.ca/images/landingheader_branding.jpg); height:440px; width:560px; overflow:hidden; float:right; text-align:left; margin-bottom:0px; margin-right:25px;}
#stageBox.ppc-diagnostics { background:url(http://firstbase.ca/images/landingheader_busdiag.jpg); height:440px; width:560px; overflow:hidden; float:right; text-align:left; margin-bottom:0px; margin-right:25px;}	
#stageBox.ppc-planning { background:url(http://firstbase.ca/images/landingheader_stratplanning.jpg); height:440px; width:560px; overflow:hidden; float:right; text-align:left; margin-bottom:0px; margin-right:25px;}	
#stageBox.ppc-succession { background:url(http://firstbase.ca/images/top_succession.jpg); height:440px; width:560px; overflow:hidden; float:right; text-align:left; margin-bottom:0px; margin-right:25px;}
#stageBox.ppc-productlaunch { background:url(http://firstbase.ca/images/landingheader_prodlaunch.jpg); height:440px; width:560px; overflow:hidden; float:right; text-align:left; margin-bottom:0px; margin-right:25px;}			
#stageBox.ppc-contact { background:url(http://firstbase.ca/images/top_contactus.jpg); height:440px; width:560px; overflow:hidden; float:right; text-align:left; margin-bottom:0px; margin-right:25px;}		
#gradi {background:url(images/gradient_bar_inverted.png) no-repeat 0 0; border-top:0px solid #2e3246; height:19px; line-height:1.65em}	
	
/* navigation */
#menu {
	font-size:16px;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight:200;
	margin-left:90px;
	}

	
#menu a {
	text-decoration:underline;
	color:#FFF;
	}
	
#menu ul {
	list-style:none;
	padding:0;
	margin:0;
	font-size:16px;
	
	}
	
#menu ul li {
	padding:5px 0 5px 30px;
	margin:0;
	display:block;
	background:#FFF;
	width:180px;
 	}
	
#menu dl dd ul li a {
	color:#6DC348; text-decoration:underline; /* green text */
	}

#menu dl dd ul li a:hover {
	color:#333;
	}
	
#menu dd {
	padding:0;
	margin:0;
 	}

#menu dt {
	display:block;
	background:#FFF;
	width:100px;
	padding: 5px 0 5px 20px;
	}
	
#hWork {background-color:#6DC348 no-repeat 0 0; border-top:1px solid #2e3246; width:530px; line-height:1.65em}
#hWork a:link, a:visited, a:active{color:#000;text-decoration:underline;}
#Work {background-color:#6DC348 no-repeat 0 0; border-top:1px solid #2e3246; width:750px; line-height:1.65em}		
#hWorknb{background-color:#6DC348 no-repeat 0 0; width:530px; line-height:1.65em}	

#relatedRightGallery {
float: right;
width: 530px;
padding-bottom: 15px;
}
ul#relatedGalleryList {
float: left;
}

ul#relatedGalleryList li {
float: left;
margin: 15px 3px 3px 15px;
}

ul#relatedGalleryList li img {
vertical-align: top;
}

ul#relatedGalleryList a {
display: block;
border: 3px solid #4a5866;
}

ul#relatedGalleryList a:hover {
border: 3px solid #1F9AFF;
}

	
/* contact */
#pQQ {font-size:15px; line-height:1.3}
	#pQQ h2 {height:36px; width:200px; margin:-37px 0 1px 5px; position:relative; z-index:9; overflow:hidden; }
	
	#hQQ {padding:15px 10px 15px 10px;}
		#hQQ h3 { color:#1F9AFF; font-size:24px; font-weight:normal; margin-bottom:0.5em;}

fieldset {border:1px solid #1b2e33; padding-bottom:15px; clear:both}
legend { margin: 10px; padding:3px; color:#1F9AFF; }
input, textarea { float:left; width:300px; color:#OOO; border:1px solid #1F9AFF; margin-bottom:5px; padding:2px}
.submit  input { float:left; clear:both; cursor:pointer; font-weight:bold; background:#1F9AFF; color:#FFF; border:none; padding:5px; display:inline; margin-left:135px;width:60px;}

.wpcf7send input { float:left; clear:both; cursor:pointer; font-weight:bold; background:#1F9AFF; color:#FFF; border:none; padding:5px; display:inline; margin-left:135px;width:60px;}


.contact label, .wpcf7 .textFields label { width:120px; text-align:right; padding:0 15px 0 0; float:left; clear:both; font-size:12px;}
.contactForm fieldset { background:url(../images/contact.gif) no-repeat top right}

.wpcf7 label { padding-left:15px; float:left; font-size:11px}
.wpcf7 span { float:left; margin-right:5px; padding-left:5px; font-size:11px}

#searchWrap {padding-bottom:50px}
#searchWrap input{}
#searchWrap #s{width:200px;}
	.s { float:left; width:150px; height:19px; color:#000; border:1px solid #1F9AFF;}
	Input#searchsubmit {width:50px ; height:25px; color:#000; border:1px solid #1F9AFF;}