@charset "UTF-8";
/* CSS Document 
	Created for: Keymind, A Division of Axiom Resource Management
	Author: Ashley Frazier
	Last Updated: May 1, 2012

	Overrides specified in bootstrap.css and bootstrap-responsive.css file

*/


/*------------- iPhone, iPod Touch, Smartphones ---------------*/
@media (max-width: 480px) {
	body {
		padding: 0;
		margin: 0;	
	}
	
	.navbar {
		
	}
	.navbar-fixed-top .navbar-inner {
		min-height: 40px;	
		padding: 5px 20px 0;
	}
	.navbar .brand {
		width: 100px;
		height: 28px;	
		margin: 0;
	}
	.navbar .nav {
		margin: 5px 0;
	}
	.navbar .nav > li > a {
		font-size: 1em;
		line-height: 1.5em;
	}
	.navbar .nav > li > a:hover {
		background-color: #f58025;
		color: #353535;
		text-decoration: none;
		border-bottom: none;
	}
	
	.navbar .nav .active > a,
	.navbar .nav .active > a:hover {
		color: #353535;
		border-bottom: 3px solid #d9531e;
		background-color: transparent;
	}
	
	.navbar .nav.pull-right {
		float: left;
	}
	
	.hero-unit {
		padding: 0;
		margin: 10px 0 80px;
	}
	
	.hero-unit div {
		width: 48%;	
		float: left;
	}

	.hero-unit h1 {
		font-size: 2.6em;
		margin: 0px 0 0 10px;
	}
	
	h1 {
		font-size: 2.333em;
		margin-bottom: 12px;	
	}
	
	h2 {
		font-size: 1.6em;
		line-height: 1em;
	}
	
	h3 {
		font-size: 1.2em;
		line-height: 1.3em;
	}
	
	p, ul p {
		font-size: 0.85em;	
		line-height: 1.4em;
	}
	
	.about {
		margin-top: -22px;
		margin-bottom: 80px;	
	}
	
	.about  ul .span1 {
		display: none;	
	}
	
	.about p {
		font-size: .7833em;
		line-height: 1.4em;
	}
	
	.about .callout {
		box-shadow: none;	
		padding: 20px;
	}
	
	.about .callout p {
		font-size: .7833em;
		line-height: 1.4em;
	}
	
	.about .callout img {
		border: 1px solid #ACA095;
		box-shadow: 1px 1px 3px 3px rgba(35, 31, 32, 0.2);
		margin: 10px 0;
	}
	
	.about a.pull-right {
		float: none;	
	}
	
	.services {
		margin-top: -22px;
		margin-bottom: 80px;	
	}

	.services .intro {
	    font-size: 1.133em;
   		line-height: 1.4em;
	}
	.services .icon {
    	padding: 6px 6px 0 0;
	}
	
	#sliderServ .row .span2 {
		width: 20%;
		float: left;	
	}

	#sliderServ .row .span4 {
		width: 75%;
		float: left;	
	}

	.work {
		margin-top: -22px;
		margin-bottom: 80px;	
	}

	.thumbnails, .thumbnails > li {
		margin-left: 0;
		font-size: 0.9em;	
		line-height: 1.4em;
	}
	
	.thumbnails > li img {
		width: 95%;	
	}
	
	.footer {
		margin-top: -22px;
	}
	
	.footer h2 {
		margin-top: 20px;	
	}
	
	.anythingSlider-default .anythingControls ul a {
		width: 32px;	
	}
	.anythingSlider-default {
		margin: 0 auto;
		padding: 10px 0 0;
	}

	#sliderAb {
		height: 800px;	
	}
	#sliderServ {
		height: 1400px;
	}
	
	#sliderWork {
		height: 1900px;	
	}
	
	.anythingSlider-default .arrow {
		top: 10%;
	}
	.anythingSlider-default .arrow a {
		width: 17px;
		height: 56px;
		margin: -28px 0 0 0; /* half height of image */
		background: url(../img/arrows_mobile.png) no-repeat;
	}
	.anythingSlider-default .back { left: -20px; }
	.anythingSlider-default .back a { background-position: left top; }
	.anythingSlider-default .back a:hover,
	.anythingSlider-default .back a.hover { background-position: left -56px; }
	/* forward arrow */
	.anythingSlider-default .forward { right: -20px; }
	.anythingSlider-default .forward a { background-position: right top; }
	.anythingSlider-default .forward a:hover,
	.anythingSlider-default .forward a.hover { background-position: right -56px; }

}

/*------------- iPad ------------------------------------------*/
@media (max-width: 768px) {


}