@charset "utf-8";
/* CSS Document */

body {
	color: #1E1E25;
	font-family: 'Maven Pro', sans-serif;
}

@import url(https://fonts.googleapis.com/css?family=Francois+One|Maven+Pro:400,500,700,900);

h1,h2,h3,h4,h5,h6 {
}

h1 {
	
	font-family: 'Francois One', sans-serif;
	font-size:56px;
	text-transform: uppercase;
	text-align:center;
	margin-top: 5px;
	margin-left:10px;
	margin-right:10px;
}

h2 {
	
	font-family: 'Francois One', sans-serif;
	text-transform: uppercase;
	text-align:center;
	margin-left:10px;
	margin-right:10px;
	font-size: 36px;
}

h3 {
	text-align: center;
    font-weight: 300;
    line-height: 28px;
	padding-right:15px;
	padding-left:15px;
	font-height: 22px;
}


p,a,li,blockquote {

}

/* Backgrounds will cover all the section
* --------------------------------------- */
.section{
	background-size: cover;
}
			
#section0{
	background-image: url(../images/home-m.jpg);
}	

.container {
		margin-top:50px;
		margin-bottom:50px;
}


.navbar-default .navbar-brand, .navbar-default .navbar-brand:link, .navbar-default .navbar-brand:visited, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand:focus {
    color: #fff;
	font-weight:bold;
}

.navbar-default .navbar-brand:hover {
	color: #999;
}

#navfluid {
	background: #000;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #eee;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
	font-weight:bold;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #999;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
    background-image: -webkit-linear-gradient(top,#dbdbdb 0,#fff 100%);
    background-image: -o-linear-gradient(top,#dbdbdb 0,#fff 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#fff));
    background-image: linear-gradient(to bottom,#dbdbdb 0,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#fff', GradientType=0);
}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #000;
    background-color: #fff;
}

.navbar-default .navbar-toggle {
	border:none;
	padding: 4px 10px;
}


.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #999;
}

.navDivider	{
	color: #fff;
	display: inline-block;
	float:left;
	line-height: 28px;"
}

.logoHolder {
	max-width:400px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


.logoImage {
	max-width: 100%;
    height: auto;
    padding-right: 30px;
    padding-left: 30px;
}


.testimonial {
    color: #666666;
	font-style:oblique;
}


.leadLine {
	text-align:center;
	font-weight:600;    
	margin-top: 24px;
	font-size: 24px;
}

.tagline {
	color: #fff;
	text-align:center;
	font-size:24px;
	padding: 3px 20px 6px 20px;
}

.coreCompetencyBlurb {
	border-bottom: 1px solid #333;
    padding-bottom: 60px;
    font-size: 18px;
}

.noLine {
		border-bottom:none;
}

.touchPoint {
	text-align:center;
	font-weight:300;   
	font-size: 18px;
}

.tP01 {
	margin-top:20px;
	margin-bottom:0;
}

.tP02 {  
	margin-top:0;
	margin-bottom:20px; 
}

p,a,li,blockquote {
	
}


p {
	font-size: 18px;	
    text-align: justify;
	margin: 0 10px 10px;
}



.navbar {
		margin-bottom: 10px;
		min-height: 30px;	
		border-color: #000;
}

.navbar-default .navbar-nav>li>a {
		padding-top: 5px;
		padding-bottom: 5px;
}

.navbar-brand {
    height: 30px;
    font-size: 14px;
    line-height: 0;
	position: absolute;
    width: 100%;
    text-align: center;
}

/* Tweak for centering brand on wee devices */
@media (max-width: 440px) { 

	.weeScreens {
		display:none;
	}
}


.navbar-brand a {
    color:#fff;
}

.navbar-brand a:hover, .navbar-brand a:focus {
    color:#999;
	text-decoration:none;
}


.navbar-brand {

}



.navbar-contact {
    float: left;
    height: 15px;
    font-size: 14px;
    line-height: 0;
	color:#fff;
	margin-top: 15px;
    padding: 0 10px;
}

.navbar-contact a, .navbar-contact a:link, .navbar-contact a:visited, .navbar-contact a:active {
	color:#fff;
	text-decoration: none;
}

.navbar-contact a:hover {
	color:#999;
	text-decoration: none;
}
 
.pageBottom {
	position:relative;
	height:20px;
	margin-top: 75px;
}	

.footerTitle {
	font-size: 24px;
}

.footerIcon {
	width:160px;
	position: relative;
    margin: auto;
}

.footerIconImage {
    position: absolute;
    top: -30px;
}

.bioWrapper {
	background: #EAEBEC;
	padding-top:50px;
	padding-bottom:50px;
}	

.bioPicHolder {
	max-width:280px;
	margin:auto;
	margin-top: 60px;
	margin-bottom: 20px;"
}

.bioPic {
	width: 100%;
	height:auto;
}


.contactLine {
	text-align:center;
	font-size: 24px;
}


footer {
    text-align: center;
    padding: 10px 0 30px 0;
	
}


footer a, footer a:link, footer a:visited, footer a:hover, footer a:active
 {
		color:#fff;
}


/* Backgrounds & Signature Colours*/

.blue {
	color: #000;
}

.blue a, .blue a:link, .blue a:visited  {
	color: #000;
	text-decoration: none;
}

.blue a:hover, .blue a:active {
	color: #999;
	text-decoration: none;
}

.blueBack {
	background-color: #000;
}

.blueBorder {
	border: 4px solid #000;
	border-radius: 50% 50% 50% 50%;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
}

.blueLight {
    color: #8E95AB;
}

.red {
	color: #A81D34;
}

.redBack {
	background-color: #A81D34;
}

.redBorder {
	border: 1px solid #A81D34;
}

.redLight {
	color: #D49A91;
}

.white {
	color: #fff;
}

.white a, .white a:link, .white a:visited  {
	color: #fff;
	text-decoration: none;
}

.white a:hover, .white a:active {
	color: #999;
	text-decoration: none;
}

.services a {
	margin-bottom:30px;
	color:#fff;
	font-size:72px;
}

#contactTab {
	position: fixed;
    bottom: 0;
    right: 10px;
    height: 24px;
    background: #000;
    z-index: 6001;
    text-align: center;
    padding: 4px 10px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}	

.contacticus a, contacticus a:focus {
    color: #fff;
	font-weight: 700;
	text-decoration:none;
}

.contacticus a:hover {
	color:#999;
}

	
/* Extra tweaks for really small devices */
@media (min-width: 400px) { 

	.coreCompetencyBlurb {
    font-size: 24px;
	}

	.leadLine {  
	margin-top: 36px;
	font-size: 36px;
	}
	
	.touchPoint { 
	font-size: 24px;
	}
	
	h2 {
	
	font-size: 56px;
	}

}

	#section0{
	background-image: url(../images/home-m.jpg);
}	

	#section00{
	background-image: url(../images/plan-m.jpg);
}

	#section1{
	background-image: url(../images/start-m.jpg);
    background-position: center; 
}		

	#section2{
	background-image: url(../images/build-m.jpg);
    background-position: center; 
}	

	#section3{
	background-image: url(../images/fix-m.jpg);
    background-position: center; 
}		

	#section4{
	background-image: url(../images/sell-m.jpg);
    background-position: center; 
}		

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	#section0{
	background-image: url(../images/home.jpg);
	}	
	#section00{
	background-image: url(../images/plan.jpg);
	}
	#section1{
	background-image: url(../images/start.jpg);
    background-position: center; 
	}	
	#section2{
	background-image: url(../images/build.jpg);
    background-position: center; 
	}	
	#section3{
	background-image: url(../images/fix.jpg);
    background-position: center; 
	}	
	#section4{
	background-image: url(../images/sell.jpg);
    background-position: center; 
	}	

	footer {
	padding: 10px 0;
	}	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

	.logoImage {
		padding-right: 0;
		padding-left: 0;
	}

	.contactLine, .footerTitle {
		text-align:left;
		margin-left: 0;
		margin-right: 0;
	}
	
	.tP02 {   
	}
	
	.services a {
	font-size:96px;
	}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}


.sectionFooter {
    margin-top: 30px;
}

.littleNav {
	color: #000;
	margin-top:10px;
	font-weight:700;
}

.downButton {
		color: #000;
		font-size:30px;
}


.littleNav a, .littleNav a:link, .littleNav a:visited,
.downButton a, .downButton a:link, .downButton a:visited   {
	color: #000;
	text-decoration: none;
}

.littleNav a:hover, .littleNav a:active,
.downButton a:hover, .downButton a:active {
	color: #999;
	text-decoration: none;
}


/* Tiny devices (a revision for handhelds to make things easier to read, 300px and smaller) */
@media (max-width: 350px) { 

	p {
		font-size:12px;
	}
	
h1 {
	font-size:24px;
}

h2 {
	font-size: 24px;
	margin-top: 0;
}

.leadLine {
	font-size: 16px;
	margin-top: 12px;
}

.testimonial {
	font-size: 12px;
}

.tagline {
	font-size:18px;
}

.coreCompetencyBlurb {
    font-size: 12px;
}

.noLine {
		border-bottom:none;
}

.touchPoint {   
	font-size: 12px;
}

.footerTitle {
	font-size: 16px;
}

.contactLine {
	font-size: 16px;
}


.services a {
	font-size:36px;
}

}


.whiteText {
		color:#fff;
}

.whiteLine {
	border-bottom: 1px solid #fff;
}