@charset "UTF-8";
/* CSS Document */
a, a:hover {
	color: #666666;
}
h1 {
	font-size: 26px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 17px;
}
h4 {
	font-size: 14px;
}
h1, h2, h3 {
	line-height: 30px;
}
h4 {
	line-height: 20px;
}
body {
	color: #666666;
	background-image: url(../img/vertical-bkg.png);
	background-repeat: repeat-y;
	background-position: center;
}
.container {
	background-color: #ffffff;
}
html body div.navbar div.navbar-inner div.container {
	background-color: #000000;
}
/* 
Nav bar overrides 
*/

.navbar, .navbar-inverse, .navbar-inverse .navbar-inner {
	background-color: #000000;
}
h1, h2 {
	font-family: 'Dosis', sans-serif;
	color: #99cc00;
}
.nav-bar-phone-number {
	margin-top: 25px;
	font-family: 'Dosis', sans-serif;
	font-size: 22px;
	font-weight: 200;
	margin-right: 35px;
}
.phone-num-green {
	color:#99cc00;
}
.navbar-inverse .navbar-inner {
	background-color: #000000;
	background-image: none;
	background-repeat: no-repeat;
	border-color: #252525;
}
html body div.navbar div.navbar-inner div.container {
	width: 1060px;
}
/*
Hero unit overrides 
*/

html body div.container {
	width: 1060px;
}
.first-container {
	margin-top: 65px;
}
html body div.container div.hero-unit {
	background-color: #000000;
	border-radius: 0px 0px 0px 0px;
	color: inherit;
	font-size: 18px;
	font-weight: 200;
	line-height: 30px;
	margin-bottom: 0px;
	padding: 0px;
	background-image: url(../img/hero-1.png);
	width: 1060px;
	height: 405px;
	cursor:pointer;
}

html body div.container div.hero-unit-jf {
	background-color: #000000;
	border-radius: 0px 0px 0px 0px;
	color: inherit;
	font-size: 18px;
	font-weight: 200;
	line-height: 30px;
	margin-bottom: 0px;
	padding: 0px;
	background-image: url(../img/hero-2.png);
	width: 1500px;
	height: 405px;
	cursor:pointer;
	margin-left:-225px;
}

/*
middle boxes
*/
.shadow-box {
	border: 1px #eeeeee solid;
	-moz-box-shadow: 2px 2px 2px 2px #efefef;
	-webkit-box-shadow: 2px 2px 2px 2px #efefef;
	box-shadow: 2px 2px 2px 2px #efefef;
}
.span4 {
	width: 305px;
	margin-top: 10px;
	padding: 1px;
	background-color: #fafafa;
}
.centered-tag-line {
	text-align: center;
	font-weight: 300;
	font-weight: normal;
	padding: 10px;
	font-family: 'Dosis', sans-serif;
	font-weight: 300;
	font-size: 32px;
	line-height: 110%;
	color: #99cc00;
	padding-top: 30px;
	
}

.twelve-hundred {
	width:1200px;
}
html body div.container div.span4 {
	margin-left: 34px;
}
.blurb-wrapper {
	padding: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 13px;
	padding-left: 15px;
}
.green-dosis-text {
	font-family: 'Dosis', sans-serif;
	color: #99cc00;
}
html body div.container div.span4 div.blurb-wrapper h3.green-dosis-text {
	margin: 0px;
	padding: 0px;
}
html body div.container div.span4 div.blurb-wrapper p {
	padding: 0px;
}
html body div.container div.span6 div.contact-left div.pull-left p, html body div.container div.span6 div.contact-left div.pull-left h4 {
	margin: 0px;
}
/*
big testimonial container
*/
#testimonial-container {
	width: 1060px;
	height: 102px;
	background-image: url(../img/testimonial-holder.png);
	clear: both;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	vertical-align: middle;
	padding-top: 40px;
}

#testimonial-wrapper {
	width:830px;
	margin:auto;
}

#testimonial-wrapper .quote-left{
	float:left;
	width:55px;
	margin-top:0px;
	margin-right:15px;
}
#testimonial-wrapper .quote-text{
	text-align: center;
	font-family: 'Dosis', sans-serif;
	font-weight: 300;
	font-size: 26px;
	line-height: 110%;
	float:left;
	min-width:500px;
}
#testimonial-wrapper .quote-right{
	float:left;
	width:55px;	
	margin-top:0px;
	margin-left:15px;	
}

/*
two box
*/
html body div.container div.span6 {
	margin-left: 34px;
	min-height: 230px;
	width: 400px;
	padding: 25px;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 13px;
	background-color: #fafafa;
}
.green-headline-centered {
	text-align: center;
	font-family: 'Dosis', sans-serif;
	font-weight: 300;
	font-size: 30px;
	line-height: 110%;
	color: #99cc00;
	margin-bottom: 20px;
}
.case-study-left {
	width: 215px;
	margin-right: 20px;
}
.case-study-right {
	padding-top: 40px;
	width: 145px;
}
html body div.container div.span6 div.case-study-left h3 {
	margin: 0px;
}
html body div.container div.span6 div.case-study-left p {
	margin: 0px;
}
.contact-left {
	width: 165px;
	margin-right: 15px;
	border-right: 1px #cccccc solid;
	min-height: 175px;
}
.contact-right {
	width: 200px;
}
html body div.container div.span6 div.contact-left h4 {
	margin: 0px;
	padding-top: 8px;
}
html body div.container div.span6 div.contact-left p {
	margin: 0px;
}
.contact-icon {
	width: 38px;
	min-height: 46px;
}
.contact-text {
	min-height: 41px;
	width: 110px;
	margin-left: 7px;
	padding-top: 5px;
}
html body div.container div.span6 div.contact-left div.pull-left p {
	line-height: 120%;
}
html body div.container div.span6 div.contact-right form input, textarea {
	color: #999999;
	border-radius: 0px 0px 0px 0px;
	font-size: 13px;
	line-height: 125%;
	box-shadow: 1px 1px 1px #cccccc inset;
}
.nudge-down-three {
	margin-top: 3px;
}
/*
footer
*/

.atlas-footer {
	background-color: #f8f8f8;
	margin-top: 30px;
	padding-bottom: 20px;
	min-height: 70px;
	padding-top: 20px;
	padding-left: 0px;
	width: 1080px;
}
#footer {
	width: 1080px;
}
.atlas-footer-content {
	margin-left: 30px;
	font-size: 12px;
	color: #999999;
	line-height: 120%;
}
.footer-left-content {
	width: 500px;
	margin-left: 10px;
	padding-top: 5px;
}
.footer-right-content {
	width: 300px;
	text-align: right;
	padding-top: 5px;
	margin-right: 30px;
}
#makeMeScrollable {
	width: 100%;
	height: 300px;
	position: relative;
	width:1000px;
	margin-left:32px;
}
/* Replace the last selector for the type of element you have in
		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
#makeMeScrollable div.scrollableArea img {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			   /*
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	*/
}
html body div.container div.span4.first-box {
	margin-left:0px;
}