/*
Site: Ford Construction - Colorado
Author: Christian Ross
Author URI: http://www.thinairweb.com  
August 2015 
*/

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/* ---- Reset CSS ---- */

html, body, img { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
a:focus { outline: 0; }
html { overflow-x: auto; overflow-y: auto; }
body { line-height: 1; }
p { margin:0; padding:0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
em { font-style: italic; }
strong { font-weight: bold; }
.clear:after { content: "."; display: block; height: 0;	font-size: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */ 
.image { display: block; font-size: 0; text-indent: -9999px; outline: none; }
td { vertical-align:top; }


/*  Ford Construction - CSS  */


/* ----- Defaults -----  */

body {
	margin-top: 0;
	background:#f1f1f1;
	font-size: 16px;
	font-family: Georgia, 'Times New Roman', Times, sans-serif;
	line-height:22px;
	color:#252525;
	text-align:left;
}

#wrap { position: relative; }

h1, h2 { font-weight: 600; font-family: 'Montserrat', sans-serif; color: #0E1D35; margin-top: 0; margin-bottom: 10px; }
h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }

	.sidebar h1 { font-size: 28px; }
	.sidebar h2 { font-size: 24px; }
	.sidebar h3 { font-size: 20px; }

a { color: #5780CC; font-weight: 700; }

.container { position: relative; }

.pagecontent_sitesearch,.pagecontent_guestbook,.pagecontent_usermanagement_login,.pagecontent_usermanagement_userlist,.pagecontent_usermanagement_userprofile,.pagecontent_usermanagement_companylist,.pagecontent_usermanagement_companyprofile,.pagecontent_calendar_content,.pagecontent_feeds{width: auto;}



/* ----- Navigation ----- */

.navbar {
		border-radius: 0;
		margin-bottom: 0;
		border: none;
		padding-top: 40px;
}
.navbar.navbar-default {
		height: 90px;
		background: none;
}
.navbar.navbar-default .container {
		width: auto;
}
.navbar.navbar-default.navbar-fixed-top > .container {
    margin-top: 8px;
}
.navbar-nav > li > a {
		padding: 15px 10px;
		font-size: 15px;
		font-family: 'Montserrat', sans-serif;
		color: #5780CC;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #5780CC;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #5780CC;
}
.navbar-nav > li > .dropdown-menu {
		border-radius: 0;
}
.navbar-nav .open .dropdown-menu > li > a {
		padding: 10px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #252525;
}
.navbar-toggle {
}
.navbar-collapse.collapse.in, .navbar-collapse.collapsing {
    background-color: rgba(0, 0, 0, 0.8);
    margin-top: 44px;
    max-height: 100%;
    position: relative;
    z-index: 1;
}
#navigation-extra {
    background-color: #363636;
    border-top: 5px solid #fff;
    color: #fff;
    font-size: 2em;
    line-height: 1;
    padding: 10px;
    text-align: center;
}



/* ----- Site Customizations ----- */



#header {
	height: 180px;
/* 	overflow: hidden; */
	background: url(../images/headerBG-desktop.png) 0 0 no-repeat;
	z-index: 5;
}
#intBanner {
	background: url(../images/interior-banner-default.jpg) no-repeat center center / cover;
	height: 160px;
	position: relative;
	z-index: 1;
	top: -55px;
	margin-bottom: -55px;
}

#contact { text-align: right; height: 43px; font-size: .7em; font-family: 'Montserrat', sans-serif; }
	.login { display: inline-block; background: #F4F4F4; height: 43px; padding: 8px 16px 0; margin: 0; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; }
	.headerContact { display: inline-block; background: #F7F7F7; height: 43px; padding: 8px 16px 0; margin: 0 0 0 -3px; border-right: 1px solid #D9D9D9; }
		.headerContact span { display: none; }


#logo { height: 100px; padding-top: 15px; padding-left: 35px; position: absolute; top: 0; left: 0; width: 100%; }
.logo { display: block; background: url(../images/ford-construction-footer-logo.png) 0 0 no-repeat; display: block; width: 100px; height: 100px; }

#tagline { display: none; }



/* ----- Nivo Slider carousel ----- */

#slideshow { position: relative; z-index: 1; top:-55px; }

.carousel-inner > .item {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.carousel-inner > .item {
	height: 200px;
}
.carousel-control .sliderNav {
    /*background: url(../images/spriteSliderArrows.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    display: block;
    height: 47px;
    opacity: 0.2;
    position: absolute;
    transition: opacity 0.6s ease-in-out 0s;
    width: 25px;
}
.carousel-control.left .sliderNav {
    left: 40%;
    top: 45%;
}
.carousel-control.right .sliderNav {
    background-position: -25px 0;
    right: 40%;
    top: 50%;
}
#header:hover .carousel-control.left .sliderNav {
	background-position: 0 -47px;
}
#header:hover .carousel-control.right .sliderNav {
	background-position: -25px -47px;
}


#contentTop {
	display: block;
	margin-bottom: -100px;
}


/* ----- Content Area ----- */

#content {
	background: #fff;
	padding-bottom: 30px;
	z-index: 4;
}
.mainContent, .sidebar { margin-top: 0; padding-top: 20px; }



/* ----- Footer ----- */

#footer {
    background: url(../images/footerBG.png) no-repeat #FFF scroll 0 0;
    color: #fff;
    padding-top: 70px;
    font-size: .9em;
    line-height: 1.3;
    height: 281px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}
/*
#footer .row > div {
    padding: 1px 0;
}
*/
#footer ul {
		list-style: none;
		padding: 0;
		margin: 0;
}
#footer ul {
		line-height: 1.5em;
}
.footerContact 	{ margin-top: 30px; padding: 10px 20px 0; }
.footerNav 			{ margin-top: 30px; padding: 20px 0 0 !important; }
.footerCopy 		{ margin-top: 0; color: #FFF; font-size: .8em; padding-left: 20px; padding-top: 10px; }
.footerLogo 		{  } 





/* BOOTSTRAP - sm */
@media screen and (min-width: 768px) {
	
	#header {
		height: 200px;
	}
	
	.footerContact 	{ margin-top: 30px; padding: 20px 40px 0; }
	.footerCopy 		{ margin-top: 164px; padding-left: 0; }		
	
	.carousel-inner > .item {
		height: 250px;
	}

	
}

/* BOOTSTRAP - md */
@media screen and (min-width: 992px) {
	
	#header {
		height: 230px;
	}
	
	.login { text-align: center; width: 105px; }
	.headerContact { width: 185px; }
	
	.headerContact a { margin-right: 5px; }
	
	#nav { padding-right: 0; margin-right: 0; }
	
	#tagline { display:block; text-align: right; color: #FFF; font-style: italic; font-size: 1.4em; font-weight: 400; padding-top: 25px; }
	
	#logo { height: 100px; padding-top: 15px; padding-left: 35px; width: 43%; }
	.logo { display: block; background: url(../images/ford-construction.png) 0 10px no-repeat; display: block; width: 100%; height: 100px; background-size: 80%; }
	
	#contentTop {
		display: block;
		position: relative;
		top:-180px;
		background: url(../images/slideshowFooterArrow.png) 75% 50% no-repeat;
		height: 280px;
		z-index: 2;
		margin-bottom: -180px;
	}
	
	#intBanner {
		background: url(../images/interior-banner-default.jpg) no-repeat center center / cover;
		height: 250px;
		position: relative;
		z-index: 1;
		top: -55px;
	}
	
	.mainContent, .sidebar { margin-top: -60px; padding-top: 0; }
	
	.footerCopy 		{ margin-top: 180px; color: #252525; font-size: .8em; margin-left: 70px; }

	.carousel-inner > .item {
		height: 350px;
	}

}

/* BOOTSTRAP - lg */
@media screen and (min-width: 1200px){
	
	.headerContact { width: 290px; }
	.headerContact span { display: inline-block; padding: 0 5px; }
	.logo { display: block; background: url(../images/ford-construction.png) 0 0 no-repeat; display: block; width: 100%; height: 100px;  }
	#tagline { font-size: 1.7em; }
	
/*
	#header, .carousel-inner > .item {
		height: 525px;
	}
	#header.interior {
		height: 250px;
	}
*/
}