@import url("approach.css");
@import url("team.css");
@import url("services.css");
@import url("clients.css");
@import url("contact.css");
@import url("scrolling.css");

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;
}
.thanks {
background:#000 url(../images/thankYou-back.jpg) top left;	
	
}
* {
margin:0px;
padding:0px;
	
}
img {
border:none;	
	
}
ul li
{
list-style:none;	
	
}
a {
text-decoration:none;	
}
#slideContainer {
width:1050px;
overflow:hidden;
	
}
#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. */
	
}
#contact_container, #approach_container, #clients_container, #home_container {	
	margin-top:0px;

}
#team_container, #services_container {
	background:#FFF;
	margin-top:0px;
	
}
#content {
padding:0px;
margin:0px;
width:1050px;
overflow:hidden;
}

/*--------------------mainNav styling -------------*/
#header {
position:absolute;
z-index:100;
width:1100px;
	
}
#header #mainLogo{ 
float:left;
padding:25px 0 0 20px;
} 

#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:#ffffff;
	top: 0px; 
	left: 15px; 
	width: 320px; 
	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 p {
margin:0 auto;
padding:15px 0 0 250px;
	
}
#footer a{
color:#646464;	
	
}
#footer a:hover {
text-decoration:underline;	
	
}
/*******styling for the home page *****/
#home_content {
position:relative;	
padding-top:50px;
	
}


/*---styling for dev page ---*/
#mainImageDev
{
float:left;
padding:40px 0 40px 0;
	
}

/*----------sets the positioning for page slide-------*/
.pageLeft {
position:relative;
left:1200px;

	
}
/*----------sets the positioning for page slide-------*/
.pageRight {
position:relative;
left:-1200px;
	
}
#services p
{
float:left;
width:550px;
margin-top:-80px;
text-align:justify;
padding-left:35px;
	
}

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

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

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

.clearLeft
{
clear:left;
	
}



.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;	
	
}


#movementNews {
	background:url(../images/mainBoxBack.jpg) top left;
	width:950px;
	height:450px;
	margin:50px 0 0 0;
	
}
#movementNews #info {
	float:left;
width:450px;
color:#FFF;
padding:40px 0 0 20px;
font-size:11px;

}

#movementNews .testimonials {
float:right;

width:165px;

margin:40px 10px 0 10px;
}
#movementNews .testimonials img {
float:right;	
	
}
#movementNews #warrenMiller.testimonials{
float:right;

width:165px;

margin:40px 40px 0 10px;
}
.testCase {
	
	height:15px;
	color:#fff;
	
}
.testCase p {
display:none;
width:100px;
float:right;
padding: 2px 27px 0 0;
font-size:14px;
}
.testCase  a {
	float:left;
	background:#FFF;
color:#494949;
font-weight:bolder;
padding:5px;
font-size:14px;
width:10px;
}
.testimonials .testInfo {
	font-size:9px;
	line-height:11px;
	padding:0 6px;
	background:#FFF;
	height:165px;
}
.testimonials a{
	font-color:#494949 !important;
}

.mainIntroText {
font-size:13px;	
line-height:14px;
	
}
#touch {
padding:20px 0 0 0;	
	
}
/*----------------font styling ----------------*/
.blueText
{
font-size:20px;
color:#6dd5f7;
	
}
.greenText {
	color:#bdec55;
	font-weight:bold;
	padding-top:2px;
	
}
.pinkText {
	color:#f467b6;
	font-weight:bold;
	padding-top:2px;
}
.smallText {
font-size:11px;	
font-weight:600;
	
}
.activeAnchor {
color:#FFF !important;	
	
}
.testTitle {
	font-size:12px;
font-weight:700;
padding:5px 0 3px 0;
	
}

#blueLine {
background:#90d5f6;
height:6px;
width:400px;
margin:15px 0 0 0;
	
}

#greenLine {
	background:#bdec55;
height:4px;
width:165px;
margin:5px 0 6px -6px;
padding:0px;
	
}

#pinkLine {
background:#f467b6;
height:4px;
width:166px;
margin:5px 0 6px -6px;	
	
}

#socialMedia h4 {
	font-size:15px;
padding:20px 0 0 12px;	
	
}
#socialIcons {
padding-top:10px;	
margin-left:-5px;
padding-left:0px;
}

#socialIcons li {
	float:left;
	padding:0 7px;
}

h5 {
font-size:16px;	
line-height:15px;
	
	
}

.jobTitle {
font-weight:800;
	
}


/*-----------------------styling for the upgrade page -----------------*/
#upgrade_content .title{
padding:75px 0 0 20px;
}
#upgradeLinks {
	float:left;
padding:20px 0 0 50px;	
}
#upgradeLinks .links {
padding:20px 0 0 70px;	
	
}
#upgradeLinks li {
width:75px;	
	
}
#computer {
float:right;	
padding:20px 260px 0 0;
}

#siteBack {
margin-top:-70px;	
	
}

#thanks_container .title {
padding:60px 0 0 60px;	
	
}

#thanks_container .friendTitle {
padding:130px 0 0 60px;	
	
}
#friendBack {
margin:-140px 0 0 70px;	
	
}
#mainTitle {
background:url(../images/goingOn.jpg) top left no-repeat;
text-indent:-2000px;
height:140px;
	
}