@charset "UTF-8";
/* TAG CSS */
body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	font-size:11px;
	margin: 0; 
	padding: 0;
	text-align: left; 
	color: #000000;
}

a:link, a:visited{ 
	text-decoration:none;
	
}

a:hover{ 
	text-decoration:underline;	
}

a.textlink:link, a.textlink:visited{
	color: #000000;
	text-decoration:none;
}

a.textlink:hover {
	color: #000000;
	text-decoration:underline
}

h1, #homeContent h2{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	margin:0 0 5px 0;

}

#homeContent h1 {
	font-size:14px;
	text-transform:uppercase;
	margin:10px 0 3px 0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color:#464646;
	margin:0 0 5px 0;
	line-height:100%

}

#homeContent h2 {
	font-size:12px;
	text-transform:uppercase;


}

h4{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color:#000000;
	margin:0 0 5px 0;
}




/* ID SELECTORS */
#btmMenu {
	position:relative;
	top: 360px;
}	

#case_studies-form #twocolContent {
	border-color:#bacf41;
}

#case_studies-form #twocolContent #csform{
	margin-top:0;
}

#case_studies-form #twocolContent #csform br{
	clear:both;
    height:5px;
    font-size: 5px;
    line-height: 5px;
}

#case_studies-form #twocolContent .cstitle {
    font-size: 12px;
	color:#000000;

}

#case_studies-form #twocolContent .cssubtitle {
    font-size: 10px;
	color:#808080;
	padding-left:25px;
}	

#case_studies-form #twocolContent h1{
	color:#bacf41;
}

#casestudyContent { 
	position:absolute;
	top: 146px;
	left: 155px;
	border: 2px solid #464646;
	width: 683px;
	height:233px;
	background-color: #ffffff;
	padding:8px 0 0 8px;
	z-index:51;
} 


#casestudyContent h2{ 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14.5px;
	color:#808080;
	margin:0 0 5px 0;
} 

#casestudyContent p{ 
	width: 445px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#808080;
	line-height:18px;
	margin:0;
	padding: 0 0 5px;
} 

#casestudyForm {
	width: 660px;
}

#casestudyPics {
	float:right;
	padding-right:8px;
}

#content {
	margin: 0 0 0 155px; 
	width: 700px;
}

#contenthome {
	margin: 0 0 0 155px; 
	width: 815px;
/*	height: 370px;	*/
}

#contenthome #mainContent {
	width:811px;
	height:221px;
	padding:10px;
}
#contenthome #mainContent p{
	width: 448px;
}

#contenthome #mainContent .bottomleft{
	position:absolute;
	bottom: 12px;
	width: 200px;
	font-size:12px;
	line-height:15px;
	color: #808080
}

#contenthome #mainContent .bottomright{
	position: absolute;
	bottom: 12px;
	left: 250px;
	text-align: right;
	font-size:10px;
	line-height:12px;
	color: #808080;
	width: 230px	
}

#contenthome #mainContent .bottomright img{
	float:right;
	width:73px;
	padding-left: 7px;
}

#home.container { 
	width:970px;  
/*	height:400px;*/
	background: #FFFFFF;
	margin: 0;
	padding:0; 
	text-align: left; 
} 

#contentwide {
	margin: 0 0 0 155px; 
	/*width: 815px;*/
	width:700px;
	height: 370px;
}

#contentwide #mainContent {
	width:670px;
	height:221px;
	padding:10px;
}
#contentwide #mainContent p{
	width: 448px;
}

#contentwide #mainContent .bottomleft{
	position:absolute;
	bottom: 12px;
	width: 200px;
	font-size:12px;
	line-height:15px;
	color: #808080
}

#contentwide #mainContent .bottomright{
	position: absolute;
	bottom: 12px;
	left: 250px;
	text-align: right;
	font-size:10px;
	line-height:12px;
	color: #808080;
	width: 230px	
}

#contentwide #mainContent .bottomright img{
	float:right;
	width:73px;
	padding-left: 7px;
}

#cta {
	float:right;
	width:210px;
	border-top:1px dotted #bdc951;
	border-bottom: 1px dotted #bdc951;
	margin:5px 12px 0 0;
	font-size:12px;
	line-height:120%;
	padding:7px 0;
}


#differences { 
	position:absolute;
	text-align:right;
	top: 210px;
	left: 440px; 	
}

#differences a:link, #differences a:visited{ 

	color:#bacf41;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#differences a:hover{ 
	text-decoration:underline;
}

#footer { 
	position:relative;
/*	top: 100px;*/
	top:190px;
/*	padding: 80px 10px 0 10px */
	padding: 0 10px 0 10px;
/*	margin: 0 0 0 155px; */
	/*width: 700px;*/
} 

#home #footer, #contact #footer{
	top:72px;
}

#sitemap #footer{
	top:0;
}

#difference #footer {
	top:100px;
	padding-left:5dipx;
}

#footerlow { 
	position:relative;
	top: 300px;
	padding: 0 10px 0 10px;
	/*margin: 0 0 0 155px;*/  
	/*width: 700px;	*/
} 
#footer p, #footerlow p { 
	padding: 10px 0; 
	}
	
#footer .footerright, #footerlow .footerright {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	float:right;
	color: #808080;
	font-size: 9px;
}

#footer .footerleft, #footerlow .footerleft {
	font-family: Arial, Helvetica, sans-serif;
	margin:0 0 0 150px;
/*	margin:0;*/
	float:left;
	color: #808080;
	font-size: 9px;
}	
	
#footer a:link, #footer a:visited, #footerlow a:link, #footerlow a:visited {
	text-decoration:none;
	color: #808080;
}

#footer a:hover, #footerlow a:hover{
	text-decoration:underline;
	color: #808080;
}

#getemail {
	position:absolute;
	bottom:0;
	left:0;
}


#get_mail { 
	position:absolute; 
	top: 214px;
	left: 10px;
}

#header {
	margin: 0; 
	text-align:right;
	/*font-size: 9px;
	color: #b3b3b3;*/
	padding: 0 5px 0 0; 
	height:15px;
}


#header a.headerlink:link, a.headerlink:visited {
	font-weight:bold;
	color: #ffffff;
	padding: 5px; 
	text-decoration:none;
}

#header a.headerlink:hover {
	font-weight:bold;
	color: #ffffff;
	padding: 5px; 
	text-decoration:none;
	background-color:#464646;
}

.headertab {
	font-weight:bold;
	color: #ffffff;
	padding: 5px; 
	float:right;
	/*display:inline;*/
	margin:0;
}

#homeContent {
	margin-top:27px;
	padding:0;
}

#homeContent p{
	color: #464646;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height:20px;
/*	padding-top:3px;*/
}

#homeContent .verticalbar, #homeContent .verticalbar2, #homeContent .verticalbarshort{
	float:right;
	width: 110px;
	height: 215px;
	margin-left:15px;
	margin-top:12px;
	padding-top: 30px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	text-align:center; 
	cursor:pointer;	 
}

#homeContent .verticalbar2 {
	height:268px;	
}

#homeContent .verticalbarshort{
	height:174px;	
}


#mainContent, #mainContent2 { 
	position:absolute;
	top: 146px;
	left: 155px;
	border: 2px solid #BACF41;
	width: 681px;
	height:229px;
	background-color: #ffffff;
	padding:12px 0 0 10px;
	z-index:51;
}

#mainContent p{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 20px;
	width: 450px;
	color: #808080;
	margin:0;
	padding: 0 0 5px;
} 

#mainContent2 {
	height:430px;
}

#mainContent2 .sitemapList {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right:20px;
}

#mainContent2 .sitemapList ul, #mainContent2 .sitemapList ul a:link, #mainContent2 .sitemapList ul a:visited{
	margin:0;
	padding:0;
	color:#000000;
	font-weight: bold;
	text-decoration:none;
}

#mainContent2 .sitemapList ul a:hover{
	color:#000000;
	text-decoration:underline;
}


#mainContent2 .sitemapList ul li {
	margin-left:13px;
	padding:0;
	color: #bacf41;
	padding-top:10px;
}
#mainContent2 .sitemapList ul li a:link, #mainContent2 .sitemapList ul li a:visited{
	color: #bacf41;
	text-decoration:none;

}

#mainContent2 .sitemapList ul li a:hover {
	text-decoration:underline;
	color: #bacf41;

}

#mainContent2 .sitemapList ul li ul, #mainContent2 .sitemapList ul li ul a:link, #mainContent2 .sitemapList ul li ul a:visited{
	margin:0;
	padding-top:7px;

	color: #808080;
	font-weight:bold;
	text-decoration:none;
}

#mainContent2 .sitemapList ul li ul a:hover {
	text-decoration:underline;
	color:#808080;
} 

#mainContent2 .sitemapList ul li ul li, #mainContent2 .sitemapList ul li ul li a:link, #mainContent2 .sitemapList ul li ul li a:visited{
	margin:0;
	padding:0;
	color: #808080;
	list-style-type:none;
	font-style:italic;
	text-decoration:none;
}

#mainContent2 .sitemapList ul li ul li a:hover {
	text-decoration:underline;
	color:#808080;
}

#mainContent .teamrow{
	position:absolute;
	bottom: 5px;
	/*left: 90px;*/
}  


#mainContent .teamrow h5{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:9.5px;
	font-weight: bold;
	color: #464646;
	margin:0;
	padding:0
} 

#mainContentTxt {
	float:left;
	width:375px;
}

#processDiagram1, #processDiagram2 {
	position:absolute;
	top: 396px;
	left: 135px;
}
#btmrtLink {
	position:absolute;
	bottom: 5px;
	right: 5px;
	text-align:right;
}

#servicesContent, #servicesContent2 {
	background-repeat: no-repeat;
	background-position: right bottom;
}




#sidebar1 {
	float: left; 
	width: 130px; 
	margin: 10px 0 0 0;
	padding:0;
}


#sidebar2 {
	float: right; 
	width: 110px;
	margin-top: 120px
}


	
#socialLinks {
	position:absolute;
	top: 396px;
	left: 155px;
}
#socialLinks2 {
	position:absolute;
	top: 600px;
	left: 155px;
}

#socialLinksHome {
	padding-top: 10px;		
}


#socialLinks img, #socialLinksHome img {
	float:left:
	padding-right: 5px;
}

#subNav {
	margin: 0 0 0 25px; 
	width: 691px;
	height:120px;
}	

#threecolContent { 
	position:absolute;
	top: 146px;
	left: 155px;
	border: 2px solid #bacf41;
	width: 681px;
	height:228px;
	background-color: #ffffff;
	padding:12px 0 0 10px;
	z-index:51;
}

#threecolContent2 { 
	position:absolute;
	top: 146px;
	left: 155px;
	border: 2px solid #bacf41;
	width: 681px;
	height:430px;
	background-color: #ffffff;
	padding:12px 0 0 10px;
	z-index:51;
}


#threecolContent .threecol_left, #threecolContent2 .threecol_left{
	float:left;
	width: 230px;
}
#threecolContent .twocolspan,  #threecolContent2 .twocolspan{
	width:420px;
	margin:0 0 0 250px;
}

#threecolContent .twocolspan p, #threecolContent2 .twocolspan p {
	font-size: 11px;
	line-height: 15px;
	color: #808080;
}

#threecolContent .twocolspan p img, #threecolContent2 .twocolspan p img{
	float:left;
	clear:none
}
#threecolContent .threecol_middle, #threecolContent2 .threecol_middle {
	float:left;
	width: 200px;
	padding-right:15px;

}

#threecolContent .threecol_right, #threecolContent2 .threecol_right {
	float:left;
	width: 200px;
	padding-right:15px;

}
 
#threecolContent .threecol_left p, #threecolContent2 .threecol_left p{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 20px;
	width: 210px;
	color: #bacf41;
	margin:0;
}


#threecolContent .threecol_middle ul, #threecolContent .threecol_right ul, #threecolContent2 .threecol_middle ul, #threecolContent2 .threecol_right ul {
	margin: 0;
	padding-left:14px;
	width:185px;
}
#threecolContent .threecol_middle li,  #threecolContent .threecol_right li, #threecolContent2 .threecol_middle li,  #threecolContent2 .threecol_right li{
	list-style-image: url(../images/bullet_sq-orange.gif);
	font-size: 11px;
	line-height: 15px;
	color: #808080;
	width:185px;
	margin-bottom: 15px;
}

#twocolContent {
	position:absolute;
	top: 146px;
	left: 155px;
	border: 2px solid #bacf41;
	width: 676px;
	height:229px;
	background-color: #ffffff;
	z-index:51;
	padding:12px 0 0 15px;
}

#twocolContent .twocol_left{
	float:left;
	width:315px;
	padding-right: 20px;
	font-size: 11px;
	line-height: 13px;
	color: #808080;
}
#twocolContent .twocol_right, #twocolContent .smalltext{
	margin-left: 340px;
	width: 315px;
	font-size: 12px;
	line-height: 14px;
	color: #999999;
}	

#twocolContent .twocol_right h4{
	font-size: 14px;
	color: #464646;
}

#twocolContent .twocol_right p, .smalltext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 13px;
	color: #808080;
	margin:0;
	padding: 0 0 5px;
}

#twocolContent .twocol_left h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	padding:0;
	margin:0 0 5px 0;
}
#twocolContent .twocol_left p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 20px;
	width: 315px;
	color: #808080;
	margin:0;
	padding: 0 0 5px;
}

/* CSS CLASSES */
.container { 
	/* visible width is 961px  */
/*	width:970px;  
	width:1000px;*/
	width:855px;
	height:400px;
	background: #FFFFFF;
	margin: 0;
	padding:0; 
	text-align: left; 
} 

.lookHere {
	position:absolute;
	top:10px;
	right:15px;
/*	display:inline;
	text-align:right;
	padding-right: 20px;	*/
}
	
.fltrt { 
	float: right;
	margin-right: 2px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.processnum {
	padding-right: 8px;
}
.flashsliderdiv {
	position:absolute; 
	top: 10px; 
	right:10px
}



.sliderspacer {
	position:absolute;
	top: 143px;
	left: 155px;
	height: 3px;
	width: 695px;
	background-color:#ffffff;
	z-index: 50;
}

.verticalbar {
	float:right;
	width: 110px;
	height: 215px;
	margin-left:15px;
	margin-top:12px;
	padding-top: 30px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	text-align:center	 
}

.verticalbarsectioned {
	float:right;
	width: 110px;
	height: 245px;
	margin-left:15px;
	margin-top:12px;	 
}

.verticalbartop {
	width: 110px;
	height: 78px;
	padding-top: 30px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	text-align:center;
	background-color: #999999; 
}

.verticalbarother {
	width: 110px;
	height: 28px;
	margin-top:2px;
	padding:0;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-align:center;
	background-color: #999999;	 
}

.verticalbarfeature {
	width: 110px;
	height: 25px;
	margin-top:2px;
	padding-top:80px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-align:center;
	background-color: #999999;
}

.nowrap {
	white-space: nowrap
}

.sub_title a, .sub_title a:link,.sub_title a:visited {
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#464646;;
}

#homeContent .sub_title a, #homeContent .sub_title a:link, #homeContent.sub_title a:visited{
	text-transform:none
}

.workflashdiv {
	position:absolute; 
	top:139px; 
	left:148px; 
	z-index: 999;
}


/* CSS FOR WAYFINDER SF COLOR BACKGROUNDS AND TEXT */
.guacamole {
	background-color:#bacf41;
}

.bluesteel {
	background-color:#bce6fb;
}

.deepforest {
	background-color:#004631;
}

.charcoal {
	background-color:#464646;
}

.charcoal2 {
	background-color:#a2a2a2;
}

.charcoal3 {
	background-color:#dadada;
}

.aquafresh {
	background-color:#41bfdb;
}

.aquafreshtxt {
	color:#41bfdb;
}

.guacamoletxt {
	color:#bacf41;
}

.guacamoletxt a:link, .guacamoletxt a:visited{
	color:#bacf41;
	text-decoration:none;
}

.guacamoletxt a:hover{
	color:#bacf41;
	text-decoration:underline;
}

.bluesteeltxt {
	color:#bce6fb;
}

.deepforesttxt {
	color:#004631;
}

.charcoaltxt {
	color:#464646;
}

.mbebug {
   position:relative;
   top: 124px;
   width:110px;
   height:88px
}

.step2txt {
	color: #aed5e8;
}

.step3txt {
	color: #898989;
}

/* CSS TO RUN GET CASE STUDY FORM VALIDATION */



input {
	font-size: 10px;
	font-weight:normal;
	color:#000000;
}

input.submit {
	width:98px;
	height:23px;
	border:none;
	background-color: #bacf41;
	font-weight: bold;
	text-transform:uppercase;
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-size:15px;
	color: #ffffff;
	padding-bottom:3px;
}

input.invalid {
	background-color: #ff4e41;
	font-size: 10px;
	color: #000000;


}

label {
	font-family: Helvetica, Arial, Geneva, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	width:100px;
}


label.invalid {
	font-family: Helvetica, Arial, Geneva, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	width:100px;
}

.reqd {
	/*padding-left:20px;*/
	font-family: Helvetica, Arial, Geneva, Verdana;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	position:absolute;
	left: 100px;
}