body {
	font: 13px "Gills-Sans", Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#646464;
}
*
{
margin:0px;
padding:0px;
	
}
img {
border:none;	
	
}
ul li
{
list-style:none;	
	
}
a {
text-decoration:none;	
}

#container {
	width: 1100px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header #mainLogo{ 
float:left;
padding:25px 0 0 20px;
} 
#header #navContainer {
	position:relative;
	
}
#header #mainNav {
	float:right;
	font-size:15px;
	padding:0 0 10px 0;
	width:750px;
	
}
#header #mainNav a {
	color:#a4a4a4;
	text-decoration:none;
	
}
#header #mainNav li {
float:left;
padding:0px 7px 0 7px;
margin:30px 8px 0 8px;
}

#header #mainNav li:last-child {
border:none;	
	
}

#active-bg {
	position:absolute;
	z-index: -1;
	background-color:#bdec55;
	top: 0px; 
	left: 355px; 
	width: 120px; 
	height:70px;
	display: block;

	
}


#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
} 

#logo
{
float:left;
width:100px;
padding:20px 0 0 0;	
	
}

#contactInfo
{
float:right;
width:400px;
padding:30px 5px 0 0;
font-size:11px;
color:#646464;

	
}
#contactInfo a
{
	color:#646464;
	text-decoration:none;
	
}
#jason a:hover
{
	
	color:#8ce880;
	
}
#jason
{
padding:0 0 15px 0;	
	
}
#eric a:hover
{
	
	color:#c8eb1b;
	
}
#contactInfo li
{
text-align:right;
	
}

#mainImage
{
float:left;
padding:30px 0 0 0;
	
}
/*---styling for dev page ---*/
#mainImageDev
{
float:left;
padding:40px 0 40px 0;
	
}
#services p
{
float:left;
width:550px;
margin-top:-80px;
text-align:justify;
padding-left:35px;
	
}

#clients
{
float:right;
width:500px;
padding:50px 0 0 0;
	
	
}
.clientTitle
{
font-size:15px;	
	
	
}
#services
{
padding:0 0 0 35px;	
	
}

#services li
{
font-size:16px;
color:#646464;
float:left;
padding:15px 0 0 20px;
	
}
#services li:first-child
{
font-size:16px;
float:left;
padding:15px 0 0;
	
}



.clearFloat
{
clear:both;
height:1px;
	
}

.clearLeft
{
clear:left;
	
}

#approach {
	background:#81f700;
	height:50px;
	
	
}
#approach a {
color:#FFF !important;	
font-weight:600;
	
}




#homeContent {
padding-top:10px;	
	
	
}
.caseStudies {
padding:20px 0 15px 0;	
border-bottom:2px solid #999;
	
}
.studyContent {
	
	float:right;
	width:400px;
	
}
.caseStudies img {
float:left;
width:100px;
	
}
#homeContent p {
	text-align:justify;
width:650px !important;	
	
}



.blueText
{
font-size:20px;
color:#6dd5f7;
	
}
.smallText {
font-size:11px;	
font-weight:600;
	
}
.activeAnchor {
color:#FFF !important;	
	
}