@charset "UTF-8";
/* CSS Document for Sitelab **MG 4/20/10

       |\__/,|   (`\
     _.|o o  |_   ) )
 ---(((---(((---------
 
© sitelab 2010
*/
/* RESETS ***************************************************************************************************************/
/***********************************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
html { min-height: 100%; margin-bottom: 1px; }


body {
	line-height: 1;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END RESETS ***************************************************************************************************************/
/***************************************************************************************************************************/


/*GLOBAL********************************************************************************************************************/
/**************************************************************************************************************************/
body {
	background: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #252525;
}

/*links*/
a {
	color: #1580b1;
	/*color: #17a6de;*/
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color: #e57700;
}

/*text*/
p {
	margin: 0 0 18px 0;
}

h2 {

}
h3 {

}

.left{
    float: left;
}

.right{
    float: right;
}

/*lists*/
.sub ol {
	margin: 0 0 18px 0;
}
	.sub ol li {
		margin: 0 0 18px 20px;
		list-style: decimal;
	}
		.sub ol li ul {
			margin: 18px 0 0 20px;
		}
		
		.sub ol li ul li{
			/*margin: 18px 0 0 0;*/
			/*list-style:disc;*/
			list-style:none;
		}
		
.sub ul.list {
	margin: 0 0 18px 0;
}

.sub ul.list-big {
	font-size: 17px;
	margin: 0 0 18px 0;
	list-style:none;
}

	.sub ul.list-big li{
		margin: 0 0 18px 0;
		padding: 0 0 0 20px;
		background-image:url(../gifs/list-arrow.gif);
		background-repeat: no-repeat;
		background-position: 0 3px;
	}
	
	.sub ul.list-big li a{
		font-weight: normal;
		text-decoration:underline;
	}

.sub ul {
	/*list-style: disc;*/
	/*margin: 0 0 18px 15px;*/
}
		
	.sub ul li{
		margin: 0 0 18px 0;
		padding: 0 0 0 20px;
		background-image:url(../gifs/list-arrow.gif);
		background-repeat: no-repeat;
		background-position: 0 3px;
	}
		
		.sub ul ul {
			margin: 18px 0;
		}
		
ul.double-column {
	margin:0;
	padding:0 0 18px 0;
	width:800px;
}

	ul.double-column li {
		float:left;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin: 0 0 5px 0;
		width:335px;
	}


.sitemap .sub ul {
	width: auto;
	height:auto;
	margin: 0 0 0 0;
}

	.sitemap .sub ul li {
		margin: 0 0 18px 0;
		font-size:18px;
		background-image:url(../gifs/list-arrow.gif);
		background-repeat:no-repeat;
		background-position: 0 4px;
		padding: 0 0 0 20px;
		list-style:none;
	}

		.sitemap .sub ul li a{
			color: #252525;
			line-height:22px;
		}

			.sitemap .sub ul li li{
				margin: 0;
				font-size:13px;
				background-image:none;
				padding:0;
			}
			
				.sitemap .sub ul li li a {
					color: #17a6de;
				}
	
				.sitemap .sub ul li li li{
					padding: 0 0 0 10px;
				}
				
					.sitemap .sub ul li li li a{	
						font-weight:normal;
						color: #17a6de;
					}
		
/*line*/
hr {
	background-color:#E8E8E8;
	font-size:1px;
	height:1px;
	line-height:1px;
	border:none;
	margin-bottom:25px;
	margin-top:25px;
}

/* BACKGROUND FLASH *********************************************************************************************************/
/***************************************************************************************************************************/

#background-flash {
	position:absolute;
	width: 100%;
	height:auto;
	/*overflow:hidden;*/
	z-index: 1;
	/*top: 0;
	left: 0;*/
	/*background:#33FF00*/
}
	
	#background-flash object {
		z-index: 2;
	}
	
.top-right-corner {
	text-align: right;
	
}

.top-left-corner {
	text-align: left;
}

.top-center {
	text-align: center;
}

.bottom-right-corner {
	text-align: right;
	bottom:0;
}

.bottom-left-corner {
	text-align: left;
	bottom:0;
}

.bottom-center {
	text-align: center;
	bottom:0;
}


/* SHELL *******************************************************************************************************************/
/***************************************************************************************************************************/
#container {
	width: 100%;
	height:auto;
	/*overflow:hidden;*/
	position:relative;
	z-index:10;
/*	background-image:url(../pngs/nav-bkg.png);*/
}
	*html #container {
		background: none;
	}
	
	#wrapper {
		width: 1055px;
		height:auto;
	}
	
	#right-tag {
		width: 153px;
		height: 26px;
		margin: 0 45px 0 0;
		right:0;
		top:0;
		position:absolute;
		z-index:1999;
	}
		
		.contact-box {
			width: 153px;
			height: 107px;
			/*background-image:url(../gifs/btn-contact-us-down.gif);
			background-repeat:no-repeat;*/
			background-color:#707070;
			position: absolute;
			top:0;
			left:0;
			display:none;
			z-index:2000;
		}
		
			#facebook-contact {
				margin: 10px 0 0 15px;
			}
			
			#twitter-contact {
				margin: 11px 0 0 5px;
			}
		
	#main-wrapper {
		width: 800px;
		height:auto;
		min-height:400px;
		margin: 55px auto 0 auto;
		padding: 0 0 0 0;
		/*overflow:hidden;*/
		/*clear:both;*/
		position:relative;
		/*background-image:url(../pngs/nav-bkg.png);*/
		float:left;
	}
	
	*html #main-wrapper {
		background: none;
	}
		
/*  NAV *********************************************************************************************************************/
/***************************************************************************************************************************/
#nav {
	width: 205px;
	height: auto;
	margin: 0 50px 50px 0;
	float:left;
	position:relative;
	z-index:10000;
}

	*html #nav {
		background: none;
	}
	
	#nav img {
		margin: 20px 0 0 0;
	}

	#nav ul {
		width: 183px;
		height:auto;
		margin: 35px 0 20px 0;
		
	}

		#nav ul li {
			width: 183px;
			height: auto;
			border-bottom:1px solid #bebebe;
			text-indent:-9999em;
		}
			
			#nav ul li a{
				width: 183px;
				height: 33px;
				line-height:33px;
				display:block;
			}

				#nav ul #services  {
					background-image: url(../gifs/nav-services.gif);
					background-repeat:no-repeat;
					background-position:0 0;
				}
				
					#nav ul #services:hover {
						background-position:0 -33px;
					}
					
					.services #nav ul #services  {
						background-position:0 -66px;
					}				
					
				#nav ul #portfolio {
					background-image: url(../gifs/nav-portfolio.gif);
					background-repeat:no-repeat;
					background-position:0 0;
				}
					
					#nav ul #portfolio:hover {
						background-position:0 -33px;
					}
					
					.portfolio #nav ul #portfolio  {
						background-position:0 -66px;
					}
					
				#nav ul #soul {
					background-image: url(../gifs/nav-our-soul.gif);
					background-repeat:no-repeat;
					background-position:0 0;
				}
				
					#nav ul #soul:hover {
						background-position:0 -33px;
					}
					
					.soul #nav ul #soul {
						background-position:0 -66px;
					}
				
				#nav ul #corporate {
					background-image: url(../gifs/nav-corporate-stuff.gif);
					background-repeat:no-repeat;
					background-position:0 0;
				}
					
					#nav ul #corporate:hover {
						background-position:0 -33px;
					}
					
					.corporate #nav ul #corporate {
						background-position:0 -66px;
					}
					
				#nav ul #contact-us {
					background-image: url(../gifs/nav-contact-us.gif);
					background-repeat:no-repeat;
					background-position:0 0;
				}
				
					#nav ul #contact-us:hover {
						background-position:0 -33px;
					}
					
					.contact-us #nav ul #contact-us {
						background-position:0 -66px;
					}
					
				#nav ul #blog {
					background-image: url(../gifs/nav-blog.gif);
					background-repeat:no-repeat;
					background-position:0 0;
				}
				
					#nav ul #blog:hover {
						background-position:0 -33px;
					}
					
					.blog #nav ul #blog {
						background-position:0 -66px;
					}
					
					/*second level*/
					
					/*hide sub nav*/
					#nav ul ul.services-sub,
					#nav ul ul.portfolio-sub,
					#nav ul ul.soul-sub,
					#nav ul ul.corporate-sub,
					#nav ul ul.contact-us-sub,
					#nav ul ul.services-sub ul.search-engine-marketing-sub,
					#nav ul ul.services-sub ul.online-marketing-sub,
					#nav ul ul.services-sub ul.web-design-sub,
					#nav ul ul.portfolio-sub ul.portfolio-sub
					 {
						display: none;
					}
					
					/*show sub nav*/
					.services #nav ul ul.services-sub, 
					.search-engine-marketing-sub #nav ul ul.services-sub ul.search-engine-marketing-sub,
					.online-marketing-sub #nav ul ul.services-sub ul.online-marketing-sub,
					.web-design-sub #nav ul ul.services-sub ul.web-design-sub,
					.portfolio #nav ul ul.portfolio-sub,
					.soul #nav ul ul.soul-sub,
					.corporate #nav ul ul.corporate-sub,
					.contact-us #nav ul ul.contact-us-sub
					 {
						display: block;
					}
					
					#nav ul ul {
						margin:10px 0 ;
						padding:0;
					}
					#nav ul li li{
						width: 183px;
						height: auto;
						border: none;
						line-height: normal;
						text-indent:0em;
						text-align:right;
					}
						#nav ul li li a{
							height:auto;
							background-image: none;
							font-size: 12px;
							line-height:normal;
							padding: 6px 0;
							font-weight:normal;
							color: #252525;
							border:none;
						}
							#nav ul li li a:hover{
								color: #E57700;
							}
							
						/*selected on state*/
						.search-engine-marketing #nav ul li .search-engine-marketing,
						.search-engine-marketing-sub #nav ul li .search-engine-marketing,
						.organic-search-engine-marketing #nav ul li .organic-search-engine-marketing,
						.content-development #nav ul li .content-development,
						.ppc-pay-per-click-marketing #nav ul li .ppc-pay-per-click-marketing,
						.online-marketing  #nav ul li .online-marketing,
						.online-marketing-sub  #nav ul li .online-marketing,
						.media-email #nav ul li .media-email,
						.online-presence-management #nav ul li .online-presence-management,
						.mobile-marketing #nav ul li .mobile-marketing,
						.social-media #nav ul li .social-media,
						.web-design #nav ul li .web-design,
						.web-design-sub #nav ul li .web-design,
						.video #nav ul li .video,
						.website-design #nav ul li .website-design,
						.integration #nav ul li .integration,
						.analytics #nav ul li .analytics,
						.specialty-services #nav ul li .specialty-services,
						.success-stories #nav ul li .success-stories,
						.client-list #nav ul li .client-list,
						.people #nav ul li .people,
						.sitelab-beach-vibe #nav ul li .sitelab-beach-vibe,
						.sitelab-news #nav ul li .sitelab-news,
						.careers #nav ul li .careers,
						.history #nav ul li .history,
						.map-address #nav ul li .map-address,
						.rfp-template #nav ul li .rfp-template,
						.newsletter-signup #nav ul li .newsletter-signup
							{
								color: #e57700;
							}
					
								/*tertiary*/
								
								#nav ul ul ul {
									margin: 0 0 6px 20px;
									padding:0;
									width: 163px;
								}
									
									#nav ul ul ul li {
										width: 163px;
										margin: 0;
										padding:0;
									}
									
										#nav ul ul ul a{
											font-size: 11px;
											width: 163px;
											color:#959595;
											
										}
					
					
/* END NAV ******************************************************************************************************************/
/***************************************************************************************************************************/

/* FOOTER *******************************************************************************************************************/
/***************************************************************************************************************************/

#footer {
	width: 100%;
	height: 127px;
	/*background-image:url(../gifs/footer-bkg.gif);*/
	background-image:url(../pngs/footer.png);
	background-repeat:repeat-x;
	padding: 25px 0 0 0;
	color: #676767;
	font-size:11px;
	line-height:18px;
	clear: both;
	position:relative;
	z-index:500;
}

*html #footer {
	background-image:url(../gifs/footer-bkg.gif);
}
	#footer a{
		color: #676767;
		font-weight:normal;
	}
		
		#footer a:hover{
			color: #17a6de;
		}
		
	#footer .col1 {
		width: 130px;
		height:110px;
		padding: 0 20px;
		border-right: 1px solid #e1e1e1;
		float:left;
	}
	
		#footer .col1 span {
			font-size: 20px;
			margin: 0 0 15px 0;
			color: #17a6de;
			display:block;
			text-transform:uppercase;
		}
	
	#footer .col2 {
		width: auto;
		height:110px;
		padding: 0 20px;
		float:left;
		border-right: 1px solid #e1e1e1;
	}
	
		#footer li {
			height: auto;
			font-size:12px;
			line-height:12px;
			margin: 0 0 8px 0;
		}
		
	#footer .col3 {
		width: auto;
		height:110px;
		padding: 0 20px;
		float:left;
	}
	
	#footer .col4 {
		width: auto;
		height:110px;
		padding: 0 20px;
		float:left;
	}		
		
		.home #footer .col4 {
			display: none;
		}
		
	#footer .col5 {
		width: auto;
		height:110px;
		padding:0 20px 0 0;
		float: right;
		font-size:11px;
		text-align:right;
	}
	
			#footer .col5 a {
				color: #17a6de;
			}
	
/* END LAYOUT ***************************************************************************************************************/
/***************************************************************************************************************************/

/* HOMEPAGE *****************************************************************************************************************/
/***************************************************************************************************************************/

#home-flash {
	width: 800px;
	height: 480px;
	background-color:#FFFFFF;
}

#home-col-wrapper {
	width: 800px;
	height: auto;
	padding: 0 0 20px 0;
	margin: 35px 0 50px 0;
	background-image: url(../gifs/home-cols-bkg.gif);
	background-repeat:repeat-y;
	overflow:hidden;
	line-height:18px;
	/*text-align:justify;*/
}
	#home-col-wrapper a {
		line-height: 15px;
	}
	
	#home-col-wrapper .col1 {
		width: 315px;
		height:auto;
		padding: 0 30px 0 0;
		overflow:hidden;
		float:left;
	}
		#home-col-wrapper .col1 .col1a {
			width: 130px;
			height:auto;
			font-size: 16px;
			color: #17a6de;
			float:left;
		}
		
			#home-col-wrapper .col1 .col1a h2 {
				width: 110px;
				height: 16px;
				margin: 0 0 10px 0;
				text-indent:-9999em;
				background-image:url(../gifs/hdr-talk-to-us.gif);
				background-repeat:no-repeat;
			}

		#home-col-wrapper .col1 .col1b {
			width: 135px;
			height:auto;
			background-image: url(../gifs/icon-pdf.gif);
			background-repeat: no-repeat;
			background-position: 15px 0;
			padding: 0 0 0 45px;
			float:left;
		}
				#home-col-wrapper .col1 .col1b a{
					width: 120px;
					height:auto;
					padding: 0 10px 0 0;
					display:block;
					background-image:url(../gifs/icon-blue-arrow.gif);
					background-repeat: no-repeat;
					background-position:right top;
					font-size:12px;
					color: #252525;
					font-weight: bold;
					text-align:left;
				}
			
		#home-col-wrapper .col1 h1 {
			width:270px;
			height:18px;
			text-indent: -9999em;
			margin: 0 0 15px 0;
			background-image:url(../gifs/hdr-what-drives.gif);
			background-repeat:no-repeat;
		}
		
		#home-col-wrapper .col1 ul{
			width: 100%;
			clear: both;
			margin: 30px 0 0 0;
			float: left;
		}
			#home-col-wrapper .col1 ul li{
				width:auto;
				height:25px;
				margin: 0 10px 0 0;
				float: left;
			}
				
				#home-col-wrapper .col1 ul li.blog {
					margin: 0;
				}
				
	#home-col-wrapper .col2 {
		width: 200px;
		height:auto;
		padding: 0 20px ;
		float:left;
	}

		#home-col-wrapper .col2 h1 {
			width:95px;
			height:18px;
			text-indent: -9999em;
			margin: 0 0 15px 0;
			background-image:url(../gifs/hdr-updates.gif);
			background-repeat:no-repeat;
		}
	
	#home-col-wrapper .col3 {
		width: 185px;
		height:auto;
		padding: 0 0 0 30px ;
		float:left;
		text-align:left;
	}

		#home-col-wrapper .col3 h1 {
			width:135px;
			height:18px;
			text-indent: -9999em;
			margin: 0 0 15px 0;
			background-image: url(../gifs/hdr-what-we-do.gif);
			background-repeat:no-repeat;
		}
		
		#home-col-wrapper .col3 li {
			margin: 0 0 10px 0;	
		}
		
		#home-col-wrapper .col3 li a{
			/*color: #252525;*/
			font-weight:normal;
		}
		
/* END HOMEPAGE *************************************************************************************************************/
/***************************************************************************************************************************/

/* SUB PAGE LAYOUT***********************************************************************************************************/
/***************************************************************************************************************************/
#main-wrapper.sub {
	line-height: 18px;
	padding:0 0 70px 0;
}


#left-col {
	width: 500px;
	height:auto;
	padding: 0 45px 0 0;
	float: left;
}
	
#right-col {
	width: 235px;
	height:auto;
	float: left;
}

	#service-logos {
		width: 100%;
		text-align:center;
		margin: 0 0 18px 0;
	}
		
		#service-logos img{
			margin: 0 0 18px 0;
		}
	
	#right-col .call-out {
		width: 235px;
		height:auto;
		/*padding:20px;*/
		margin: 0 0 18px 0;
	}	
		
		#right-col .call-out img{
			margin: 0 0 5px 0;
		}
		
	#right-col .tweet {
		width: 195px;
		height:auto;
		padding:20px;
		margin: 0 0 18px 0;
		background-color:#ebebeb;
		overflow:hidden;
	}	
		
		#right-col .tweet h2 {
			color:#1580b1;
			font-size:15px;
			margin: 0;
		}
		
		#right-col .tweet h3 {
			color: #252525;
			font-size:14px;
			margin: 0;
		}
			
		
			#right-col .tweet a {
				font-weight: normal;
				text-decoration:underline;
			}
			
			#right-col .tweet h3 a{
				display: block;
				margin: 0 0 18px 0;
				font-weight: bold;
			}
		
		#right-col .tweet .services-pdf {
			width: auto;
			height:auto;
			background-image:url(../gifs/icon-pdf.gif);
			background-position:0 0;
			background-repeat:no-repeat;
			float:left;
			padding: 0 0 0 30px;
		}
		
			#right-col .tweet .services-pdf a {
				width:110px;
				height:auto;
				background-image:url(../gifs/icon-blue-arrow.gif);
				background-position:right top;
				background-repeat:no-repeat;
				color: #252525;
				display:block;
				font-size:12px;
				font-weight:bold;
				padding:0 20px 0 0;
				text-align:left;
				text-decoration:none;	
			}
		
		
		#right-col .soft-join {
			width: 215px;
			height:auto;
			overflow:hidden;
			padding:10px;
			margin: 0 0 18px 0;
			background-color:#ebebeb;
			font-size: 11px;
		}
		
			.soft-join .row {
				clear: both;	
			}
			.soft-join label {
				width: 65px;
				margin: 0 5px 0 0;
				float:left;
				text-align:right;
			}
			
			.soft-join .textfield{
				width: 127px;
				height:13px;
				border:none;
				background-color:#fff;
				float:right;
				line-height: 13px;
				margin: 0 0 10px 0;
				padding:6px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color: #7d7d7d;
				
			}
			
			.soft-join  #btn_submit_newsletter {
				float: right;
				clear:both;	
			}
			
/* HEADERS*******************************************************************************************************************/
/***************************************************************************************************************************/
.sub h1, .sub h2 {
	width:auto;
	margin: 0 0 25px 0;
	line-height:normal;
}

/*h1s*/

.header {
	background-repeat:no-repeat;
	text-indent:-9999em;
}

	/*services****/	
	.services h1 {
		width: 453px;
		height: 64px;
		background-image:url(../gifs/hdr-services.gif);
	}
	
	.search-engine-marketing h1 {
		width: 479px;
		height:27px;
		background-image:url(../gifs/hdr-search-engine-marketing.gif);
	}
	
	.organic-search-engine-marketing h1 {
		width: 431px;
		height:64px;
		background-image: url(../gifs/hdr-organic-search-engine-optimization.gif);
	}
	
	.ppc-pay-per-click-marketing h1 {
		width: 453px;
		height:64px;
		background-image: url(../gifs/hdr-search-marketing-ppc.gif);
	}
	
	.online-marketing h1 {
		width: 550px;
		height:61px;
		background-image: url(../gifs/hdr-online-marketing-presence-management.gif);
	}
	
	.media-email h1 {
		width: 296px;
		height:26px;
		background-image: url(../gifs/hdr-media-email.gif);
	}
	
	.online-presence-management h1 {
		width: 566px;
		height:27px;
		background-image: url(../gifs/hdr-online-presence-management.gif);
	}
	
	.mobile-marketing h1 {
		width: 331px;
		height:27px;
		background-image: url(../gifs/hdr-mobile-marketing.gif);
	}
	
	.social-media h1 {
		width: 234px;
		height:27px;
		background-image: url(../gifs/hdr-social-media.gif);
	}
	
	.web-design h1 {
		width: 583px;
		height:27px;
		background-image: url(../gifs/hdr-web-design-creative-services.gif);
	}
	
	.video h1 {
		width: 557px;
		height:62px;
		background-image: url(../gifs/hdr-video-3d-flash-media.gif);
	}
	
	.website-design  h1 {
		width: 586px;
		height:27px;
		background-image: url(../gifs/hdr-web-design-site-development.gif);
	}
	
	.integration  h1 {
		width: 511px;
		height:65px;
		background-image: url(../gifs/hdr-development-integration.gif);
	}
	
	.analytics h1 {
		width: 431px;
		height:27px;
		background-image: url(../gifs/hdr-analytics.gif);
	}
	
	.specialty-services h1 {
		width: 341px;
		height:27px;
		background-image: url(../gifs/hdr-special-services.gif);
	}
	
	.content-development h1 {
		width: 570px;
		height:27px;
		background-image: url(../gifs/hdr-custom-content-dev.gif);
		
	}
	
	/*portfolio*/
	
	.portfolio h1 {
		width: 180px;
		height:27px;
		background-image: url(../gifs/hdr-portfolio.gif);
	}
	
	.success-stories h1 {
		width: 233px;
		height:27px;
		background-image: url(../gifs/hdr-case-studies.gif);
	}
	
	.client-list h1 {
		width: 198px;
		height:27px;
		background-image: url(../gifs/hdr-client-list.gif);
	}
	
	.sunkist h1 {
		width: 144px;
		height: 27px;
		background-image:url(../gifs/hdr-sunkist.gif)
	}
	
	.wolfgang h1 {
		width: 291px;
		height:27px;
		background-image:url(../gifs/hdr-wolfgang-puck.gif);
	}
	
	.aperio h1 {
		width: 119px;
		height:27px;
		background-image:url(../gifs/hdr-aperio.gif);
	}
	
	.chiquita h1 {
		width: 153px;
		height:28px;
		background-image:url(../gifs/hdr-chiquita.gif);
	}
	
	.healthy-place h1 {
		width: 261px;
		height:27px;
		background-image:url(../gifs/hdr-healthy-place.gif);
	}
	
	.hab h1 {
		width: 372px;
		height:27px;
		background-image:url(../gifs/hdr-hass-avocado-board.gif);
	}
	
	.playa-vista h1 {
		width: 196px;
		height:27px;
		background-image:url(../gifs/hdr-playa-vista.gif);
	}
	
	.novalar h1 {
		width: 150px;
		height:27px;
		background-image:url(../gifs/hdr-novalar.gif);
	}
	
	.emaar h1 {
		width: 126px;
		height:26px;
		background-image:url(../gifs/hdr-emaar.gif);
	}
	
	.nefsis h1 {
		width: 115px;
		height:26px;
		background-image:url(../gifs/hdr-nefsis.gif);
	}
	
	.wish h1 {
		width: 81px;
		height:26px;
		background-image:url(../gifs/hdr-wish.gif);
	}
	
	.ucsd h1 {
		width: 88px;
		height:27px;
		background-image:url(../gifs/hdr-ucsd.gif);
	}
	
	.subway h1 {
		width: 136px;
		height:27px;
		background-image:url(../gifs/hdr-subway.gif);
	}
	
	.soy h1 {
		width: 319px;
		height:27px;
		background-image:url(../gifs/hdr-soy.gif);
	}
	
	.sharp h1 {
		width: 111px;
		height:27px;
		background-image:url(../gifs/hdr-sharp.gif);
	}
	
	.mirasol h1 {
		width: 516px;
		height:27px;
		background-image:url(../gifs/hdr-mirasol.gif);
	}
	
	.hp h1 {
		width: 42px;
		height:26px;
		background-image:url(../gifs/hdr-hp.gif);
	}
	
	.fiddler h1 {
		width: 294px;
		height:27px;
		background-image:url(../gifs/hdr-fiddlers.gif);
	}
	
	/*our soul*/
	.soul h1 {
		width: 661px;
		height:27px;
		background-image: url(../gifs/hdr-our-soul.gif);
	}
	
	.people h1 {
		width: 127px;
		height:27px;
		background-image: url(../gifs/hdr-people.gif);
	}
	
	.the-minds-behind-the-mission  h1 {
		width: 548px;
		height:27px;
		background-image: url(../gifs/hdr-the-minds-behind-the-mission.gif);
	}
	
	/*corporate stuff*/
	.corporate  h1 {
		width: 426px;
		height:61px;
		background-image: url(../gifs/hdr-corporate-stuff.gif);
	}
	
	.sitelab-news h1 {
		width: 313px;
		height:27px;
		background-image: url(../gifs/hdr-news-events.gif);
		background-repeat:no-repeat;
		text-indent:-9999em;
	}
	
	.careers h1 {
		width: 151px;
		height:27px;
		background-image: url(../gifs/hdr-careers.gif);
	}
	
	.history h1 {
		width: 136px;
		height:27px;
		background-image: url(../gifs/hdr-history.gif);
		background-repeat:no-repeat;
		text-indent:-9999em;
	}
	
	.map-address h1 {
		width: 270px;
		height:27px;
		background-image: url(../gifs/hdr-map-address.gif);
	}
	
	/*lets talk*/
	.contact-us h1 {
		width: 204px;
		height:27px;
		background-image: url(../gifs/hdr-contact-us.gif);
	}
	
	.contact-us-thanks h1 {
		width: 542px;
		height:27px;
		background-image: url(../gifs/hdr-contact-us-thanks.gif);
	}
	    
	.rfp-template h1 {
		width: 381px;
		height:27px;
		background-image: url(../gifs/hdr-request-free-quote.gif);
	}
	
	.rfp-template-thanks h1 {
		width: 607px;
		height:29px;
		background-image: url(../gifs/hdr-rfp-thanks.gif);
	}
	
	
	.newsletter-thanks h1 {
		width: 472px;
		height:27px;
		background-image: url(../gifs/hdr-newsletter-thanks.gif);
	}
	
	.newsletter-signup h1 {
		width: 370px;
		height:27px;
		background-image: url(../gifs/hdr-sitelab-newsletter.gif);
	}
	
	
	/*blog*/
	.blog h1.header {
		width: 84px;
		height:27px;
		background-image: url(../gifs/hdr-blog.gif);
	}
	
	/*sitemap*/
	.sitemap h1 {
		width: 142px;
		height:27px;
		background-image: url(../gifs/hdr-sitemap.gif);
	}
	
	/*404*/
	.four0four h1 {
		width: 355px;
		height:27px;
		background-image: url(../gifs/hdr-404.gif);
	}
	
	/*403*/
	.four0three h1 {
		width: 331px;
		height:27px;
		background-image: url(../gifs/hdr-403.gif);
	}
	
	
	/*provacy policy*/
	.privacy-policy h1 {
		width: 259px;
		height:27px;
		background-image: url(../gifs/hdr-privacy-policy.gif);
	}
	
/*h2s*/
h2.explore {
	width: 409px;
	height: 18px;
	background-image:url(../gifs/hdr-explore.gif);
	background-repeat: no-repeat;
	text-indent:-9999em;
}

.success h2 {
	width: 156px;
	height: 19px;
	background-image:url(../gifs/hdr-case-studies-h2.gif);
}

/* NEWS *********************************************************************************************************************/
/***************************************************************************************************************************/
.news-links dt {
	font-weight:bold;
}

.news-links dd {
	margin-bottom:12px;
}


/* BLOG *********************************************************************************************************************/
/***************************************************************************************************************************/

#blog-header {
	width: 100%;
}

	#blog-header h1{
		float: left;
		margin-top:2px;
	}
	
	#blog-header a{
		float: left;
		margin: 0 0 0 15px;
	}

.blog #left-col{
	width:600px;
	padding: 0;
}

.blog #right-col{
	float:right;
	width: 150px;
	margin: 0 0 0 40px;
}

.blog .pagetitle {
	width: auto;
	
}

.blog .navigation {
	width: 600px;
	height: auto;
	margin: 0 0 18px 0 !important;
	float: none;
	clear:both;
}

	.blog .navigation .alignleft {
		width: 45%;
		padding: 0 0 0 20px;
		background-image:url(../gifs/list-arrow-prev.gif);
		background-repeat:no-repeat;
		background-position:left 5px;
		float: left;
	}
	
	.blog .navigation .alignright {
		width: 45%;
		padding: 0 20px 0 0;
		background-image:url(../gifs/list-arrow.gif);
		background-repeat:no-repeat;
		background-position:right 5px;
		text-align:right;
		float: right;
	}
	
	img.alignright {
		float: right;
		margin: 0 0 0 20px;
	}
	
	img.alignleft {
		float: right;
		margin: 0 20px 0 0;
	}
/*
.blog .line {
	width: 100%;
	height:1px;
	border-bottom: 1px solid #ebebeb;
	margin: 0 0 18px 0;
	clear:both;
}*/

.blog .line {
	clear: both;
}

.blog #right-col .call-out{
	border-right: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	background:#fff;
	width: 128px;
	padding:10px;
	margin: 0 0 20px 0;
}

#sidebar ul {
	list-style: none;
	margin: 0 0 18px 0;
	padding:0;
}

	#sidebar li {
		margin: 0 0 0 0;
		padding:0;
		font-size:11px;
		background:none;
	}
	
		#sidebar li li{
			margin: 0 0 0 15px;
			padding:0;
			background:none;
		}

#sidebar h2 {
	width:auto;
	margin: 0 0 10px 0;
	font-size: 15px;
	color: #17A6DE;
}

.blog .sub h2 {

}

.blog h2 a {
	color:#17A6DE;
/*	text-decoration: underline;*/
}

.blog h2 a:hover {
	text-decoration: underline;
}

#sidebar a {
	color: #252525;
}

.blog h3 {
	color: #252525;
	margin: 0 0 14px 0;
}

.blog small {
	margin: 0 0 18px 0;
	display:block;
}
.post {
	width: auto;
	height: auto;
/*	overflow:hidden;*/
	margin: 0 0 36px 0;
	padding:0;
	border-bottom: solid 1px #eee;
	float: none;
	clear:both;
}

#social-buttons {
	width: 60px;
	height:auto;
	float: right;
	padding: 10px 0 10px 10px;
	margin: 0 0 20px 20px;
	border:1px solid #ebebeb;
}

/*#social-buttons { with tweetmeme
	width: 60px;
	height:50px;
	float: right;
	padding: 80px 0 0 10px;
	margin: 0 0 20px 20px;
	border:1px solid #ebebeb;
}*/

.tweetmeme_button {
	float: right;
	position: relative;
	right: -80px;
	top: 10px;
}

.twtr-tweet-wrap {
	padding: 0 !important;
	margin:0;
}

div.twtr-ft div{
	padding: 10px 0 0 0 !important;
	margin:  0;
}

.addthis_default_style {
	float: left;
	padding:0;
	margin:5px 0 0 0;
}
.addthis_default_style .at300b, .addthis_default_style .at300m {
	padding:0 0 0 0 !important;
	margin:0 0 0 0;
}

.addthis_button_compact {
	font-size: 11px !important;
}

#twtr-widget-1 {
	
	padding: 5px 0 0 0;
}

.twtr-hd {
	padding: 0 0 10px 0 !important;
}

.twtr-widget {
	font-family: Arial, Helvetica, sans-serif !important;
}

.twtr-tweet-text  {
	margin: 0 0 18px 0 !important;
}

.twtr-doc a, #twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
	font-family: Arial, Helvetica, sans-serif !important;
}

.twtr-widget .twtr-tweet {
	border-bottom:none !important;
	overflow:hidden;
}

.latest-tweets {
	width:auto;
	height:30px;
	background-image: url(../gifs/icon-twitter.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 30px;
	line-height:30px;
}

.FBConnectButton {
	width: auto;
	font-size: 9px;	
}

.FBConnectButton_Text {
	font-size:9px;
	width: 30px;
	padding: 2px 0 3px 0 !important;
	margin:0;
}



.blog #comment {
	width: 596px;
}


small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

#signature {
	width: auto;
	height:auto;
	overflow:hidden;
	margin: 12px 0 0 0;
}
	#signature .col1 {
		width: 60px;
		height:auto;
		margin: 0 10px 0 0;
		float:left;
	}
	
	#signature .col2 {
		width: 530px;
		height:auto;
		
		float:left;
	}


/* SITEMAP ******************************************************************************************************************/
/***************************************************************************************************************************/
.sitemap .col1 {
	width: 360px;
	height:auto;
	float: left;
	padding: 0 40px 0 0;
}

.sitemap .col2 {
	width: 400px;
	height:auto;
	float:left;
}

/* CONTACT US FORM***********************************************************************************************************/
/***************************************************************************************************************************/

.contact-us .col1 {
	width: 300px;
	height:auto;
	padding: 0 35px 0 0;
	float:left;
}

.contact-us .col2 {
	width: 300px;
	height:auto;
	float: left;	
}
	.contact-us .col2 p {
		height:13px;
		line-height: 13px;
		padding: 0; 
		margin:0;
		text-align:right;
	}

.contact-us .row1 {
    clear: both;
}

#contact_form .textfield {
	width: 288px;
	height:13px;
	border:none;
	background-color:#ebebeb;
	float:left;
	line-height: 13px;
	margin: 0 0 10px 0;
	padding:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	clear:both;
}

#contact_form .textarea {
	width: 288px;
	height:280px;
	border:none;
	background-color:#ebebeb;
	float:left;
	margin: 0 ;
	padding:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	clear:both;
	overflow:hidden;
}

#contact_form label {
	clear:both;
	display: block;
	float:left;
	height:13px;
	line-height:13px;
	margin: 0px 5px 0px 0px;
	padding:0 0 5px 0;
	width:auto;
}
label.comments {
	padding:25px 0 5px 0;
}

span.news-optin{
    clear: none;
}

    span.news-optin label{
        clear: none;
        float: none;
        display: inline;
    }

.inputError{
    background-color: #e57700 !important;
    border: 1px solid #000 !important;
}

.div_error{
}

.div_error p{
    color: #e57700;
    font-weight: bold;
    margin: 4px 0px;
}

.required {
	color: #1580b1;
}

.row input.required-border{
	border: 2px solid #1580b1;
	color: #1580b1;
}

#get-quote {
	width: 632px;
	height:auto;
	background:#ebebeb;
	margin: 30px 0 0 0;
	clear: both;
	float:left;
	position:relative;
}
	
	#get-quote h3 {
		font-size: 14px;
		color: #1580b1;
		line-height:25px;
		float:left;
		margin: 0 0 0 15px;
	}
	
	#get-quote img {
		float: right;
		margin: 3px 5px 0 0;
	}
	
	#get-quote-closed {
		width: 632px;
		height:25px;
		background:#ebebeb;
		z-index: 2999;
		overflow:hidden;
		position: absolute;
	}
	
	#get-quote-open {
		width: 632px;
		height:auto;
		background:#ebebeb;
		overflow:hidden;
		display:none;
		z-index: 3000;
		position: relative;
	}
	
		#get-quote-open-form {
			width: 602px;
			height:auto;
			padding:0 15px;
			clear: both;
			overflow:hidden;
		}
		
			
			#get-quote-open-form .col {
				width: 255px;
				height:auto;
				padding: 0 0 0 30px;
				float: left;
			}
			
			#get-quote-open-form .row {
				width: 255px;
				height: auto;
				overflow:hidden;
				margin: 0 0 15px 0;
				clear: both;
			}
			
				#get-quote-open-form .row div{
				    clear: both;
					padding: 0 0 0 15px;
				}
			
			
			#get-quote-open-form input[type=checkbox] {
				width: 15px;
				float: left;
				padding:0;
				margin:0;
			}
			
			#get-quote-open-form label {
			    width: 230px;
				height:auto;
				padding:0 0 0 5px;
				margin:0;
				line-height:16px;
				float: left;
				clear:none;
			}
			
			#get-quote-open-form .other label{
			    width: 42px;
			}
			
			#get-quote-open-form .textfield {
			    background-color:#fff;
			    border: 1px solid #a3a3a3;
				border-top: none;
				border-left: none;
			    clear: none;
			    float: left;
			    font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				height:14px;
				margin: 0px 0px 10px 2px;
				width: 156px;
			}
			
			#get-quote-open-form .textarea {
				width: 200px;
				height: 50px;
				margin: 2px 5px;
				border: 1px solid #a3a3a3;
				border-top: none;
				border-left: none;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				background-color:#fff;
			}

		
	.contact-us .submit-btn {
		width: 632px;
		height:auto;
		text-align: right;
		clear: both;
		float:left;
		margin: 40px 0 0 0;
	}
	
/*thank you pages*/
#bodyContent{
	overflow: hidden;
}

#bodyContent h4#firstHeading{
	font-size: 11px;
}

#bodyContent p{
	font-size: 10px;
	line-height: 12px;
	margin: 0px 0px 5px 0px;
}

#bodyContent a{
	font-size: 10px;
}

#thanks-map{
	margin: 0px 0px 0px 30px;
}
	#thanks-map h2{
		color:#E57700;
		font-size: 17px;
		margin: 0px 0px;
	}

#map_canvas{
	height: 300px;
	width: 300px;
}

.contact-us-thanks .twitter, .newsletter-thanks .twitter, .newsletter-signup .twitter, .rfp-template-thanks .twitter{
	width: auto;
	height: 30px;
	line-height:normal;
	background-image:url(../gifs/icon-twitter.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 35px;
}

.contact-us-thanks .facebook, .newsletter-thanks .facebook, .newsletter-signup .facebook, .rfp-template-thanks .facebook{
	width: auto;
	height: 30px;
	line-height:normal;
	background-image:url(../gifs/icon-facebook.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 35px;
}

.contact-us-thanks .blog, .newsletter-thanks .blog, .newsletter-signup .blog, .rfp-template-thanks .blog{
	width: auto;
	height: 30px;
	line-height:normal;
	background-image:url(../gifs/icon-blog.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 35px;
}


/* PORTFOLIO DETAIL PAGES ***************************************************************************************************/
/***************************************************************************************************************************/
/*left column*/
.portfolio #left-col {
	width: 556px;
}
/*slider*/
.stripViewer .panelContainer .panel ul {
		text-align: left;
		margin: 0 15px 0 30px;
	}
	.slider-wrap { 
		margin: 0;
		position: relative;
		width: 100%;
	}

	/* These 2 lines specify style applied while slider is loading */
	.csw {
		width: 100%;
		height: 460px;
		background: #fff; 
		overflow: hidden;
		display: none;
	}
	.csw .loading {
		margin: 200px 0 300px 0; 
		text-align: center;
		display: none;
	}

	.stripViewer { /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		width: 556px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 410px;
		border:1px solid #bfbeb5;
		padding:0;
		margin:0;
		clear: both;
		background: #fff;
	}
	
	.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 0;
		width: 100%;
		list-style-type: none;
		overflow:hidden;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
	
	.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		height: 100%;
		position: relative;
		width: 700px; /* Also specified in  .stripViewer  above */
	}
	
	.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		padding: 0;
		margin:0;
	}
	
	.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
		width: 556px !important;
		height:30px;
		position: absolute;
		margin:0;
		padding:0;
		top: 408px;
		left: 0px;
		background:#666666 !important;
		border: 1px solid #666666;
		z-index:5000;
	}
	
	.stripNav ul { /* The auto-generated set of links */
		list-style: none;
		margin:0;
	}
	
	.stripNav ul li {
		float: left;
		margin: 0 2px 0 0; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		padding:0;
		background:none;
	}
	
	.stripNav a { /* The nav links */
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		line-height: 30px;
		background: transparent;
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 0 0 0 15px;
	}
	
	/*.stripNav li.tab1 a { color: #60f }
	.stripNav li.tab2 a { color: #60c }
	.stripNav li.tab3 a { color: #63f }
	.stripNav li.tab4 a { color: #63c }
	.stripNav li.tab5 a { color: #00e }*/
	
	.stripNav li a:hover {
		color: #bfbeb5;
	}
	
	.stripNav li a.current {
		/*background: #000;*/
		color: #ff8300;
	}
	/* The left and right arrows */
	.stripNavL, .stripNavR { 
		position: absolute;
		top: 230px;
		text-indent: -9000em;
		display:none;
	}
	
	.stripNavL a, .stripNavR a {
		display: block;
		height: 40px;
		width: 40px;
	}
	
	.stripNavL {
		left: 0;
	}
	
	.stripNavR {
		right: 0;
	}
	
	.stripNavL {
		background: url("../gifs/arrow-left.gif") no-repeat center;
	}
	
	.stripNavR {
		background: url("../gifs/arrow-right.gif") no-repeat center;
	}
	
	#slider-links {
		position: absolute;
		top: 413px;
		right: 20px;
		z-index:5001;
		list-style:none;
		margin: 0;
		padding:0;
	}
		#slider-links li { 
			float: left;
			line-height:30px;
			padding: 0 0 0 10px;
			margin: 0;
			background:none;
		}
		
/*right column*/
.portfolio #right-col {
	width: 179px;
	font-size:12px;
}

	.portfolio #right-col h2{
		font-size: 13px;
		margin: 0;
	}
	
	.portfolio #right-col img {
		margin: 0 0 10px 0;
	}
	
#portfolio-links {
	width: auto;
	height:auto;
	clear: both;
	padding: 40px 0 0 105px;
	float: left;
	list-style:none;
}

	#portfolio-links li{
		float: left;
		padding-left: 12px;
		background:none;
	}
	
	
/* SUCCESS STORIES *********************************************************************************************************/
/***************************************************************************************************************************/
.success h1 {
	margin: 0 0 10px 0;
}
.success h2 {
	margin: 0 0 15px 0;
}

.success h3 {
	font-size: 17px;
	margin: 0 0 15px 0;
}

.success h4 {
	font-size: 15px;
}

.success .col1, .success .col2, .success .col3 {
	width: 262px;
	height: 192px;
	margin: 0 7px 25px 0;
	float:left;
}

.success .col3 {
	margin-right: 0;
}

.success #left-col {
	width: 556px;
	border-right:1px solid #e7e7e7;
}

.success #right-col {
	width: 159px;
	font-size:12px;
	padding: 0 0 0 20px;
}

.success-stories-row {
	width: 800px;
	height:auto;
	padding: 0 0 18px 0;
	margin: 0 0 18px 0;
	border-bottom: 1px solid #ebebeb;
	overflow: hidden;
	clear:both;
}

	.success-stories-row .col1 {
		width: 120px;
		height:auto;
		float: left;
		padding:0;
		margin:0;
		background:none;
	}
	
	.success-stories-row .col2 {
		width: 680px;
		height:auto;
		float: left;
		padding:0;
		margin:0;
		background:none;
	}
	
	
	.soft-join-wide {
		width: 540px;
		height:auto;
		background-color: #ebebeb;
		background-image:url(../jpgs/hdr-newsletter-singup-wide.jpg);
		background-repeat:no-repeat;
		background-position: 10px 10px;
		margin: 18px 0 0 0;
		padding: 35px 10px 10px 10px;
		clear: both;
		font-size:11px;
		float:left;
	}
	
	.soft-join-wide p{
		width: 310px;
	}
	
	.soft-join-wide .textfield {
		width: 157px;
		height:13px;
		border:none;
		background-color:#fff;
		float:left;
		line-height: 13px;
		margin: 0 5px 10px 0;
		padding:6px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #7d7d7d;
		float: left
	}
	
	.soft-join-wide label {
		width: auto;
		margin: 0 5px 0 0;
		float:left;
		text-align:right;
	}
	
/* RFP TEMPLATE *************************************************************************************************************/
/***************************************************************************************************************************/
/*slider*/
.rfp-template .stripViewer .panelContainer .panel ul {
		text-align: left;
		margin: 0 15px 0 30px;
	}
	.rfp-template .slider-wrap { 
		margin: 0;
		position: relative;
		width: 100%;
	}

	/* These 2 lines specify style applied while slider is loading */
	.rfp-template .csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
	.rfp-template .csw .loading {margin: 200px 0 300px 0; text-align: center}

	.rfp-template .stripViewer { /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		width: 753px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: auto;
		border:1px solid #e1e1e1;
		padding: 45px 0 0 45px;
		margin:0;
		clear: both;
		background: #f5f5f5;
	}
	
	.rfp-template .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 0;
		width: 100%;
		list-style-type: none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
	
	.rfp-template .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		height: 100%;
		position: relative;
		width: 800px; /* Also specified in  .stripViewer  above */
	}
	
	.rfp-template .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		padding: 0;
		margin:0;
	}
	
	.rfp-template .stripNav { /* This is the div to hold your nav (the UL generated at run time) */
		width: 800px !important;
		height:25px;
		/*position: absolute;*/
		position:relative;
		margin:0;
		padding:0;
		top: 1px;
		left: 0px;
		background:transparent !important;
		border:none;
		/*border: 1px solid #666666;*/
		z-index:5000;
	}
	
	.rfp-template .stripNav ul { /* The auto-generated set of links */
		list-style: none;
		margin:0 0 0 0;
	}
	
	.rfp-template .stripNav ul li {
		float: left;
		height:25px;
		/*margin-right: 2px;*/ /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		margin:0;
	}
	
	.rfp-template .stripNav a { /* The nav links */
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		line-height: 25px;
		background: transparent;
		color: #fff;
		text-decoration: none;
		display: block;
		/*padding: 0 0 0 15px;*/
		text-indent:-9999em;
		margin: 0;
		padding:0;
	}
	
	.rfp-template  .stripNav li.tab1 a { 
		width: 172px;
		height:25px;
		background-image: url(../gifs/rfp_tab.gif);
		background-position:0 0;
		
	}
		.rfp-template .stripNav li.tab1 a:hover,  .rfp-template .stripNav li.tab1 a.current{ 
			background-position:0 -26px;
		}
		
	.rfp-template .stripNav li.tab2 a { 
		width: 172px;
		height:26px;
		background-image: url(../gifs/rfp_tab.gif);
		background-position:-172px 0;
	}
	
		.rfp-template .stripNav li.tab2 a:hover, .rfp-template .stripNav li.tab2 a.current {
			background-position:-172px -26px;
		} 
		
	.rfp-template .stripNav li.tab3 a {
		width: 170px;
		height:26px;
		background-image: url(../gifs/rfp_tab.gif);
		background-position:-344px 0;
	}
	
		.rfp-template .stripNav li.tab3 a:hover, .rfp-template .stripNav li.tab3 a.current  {
			background-position:-344px -26px;
		}
/*	.rfp-template .stripNav li.tab4 a { color: #63c }
	.rfp-template .stripNav li.tab5 a { color: #00e }
	*/
	.rfp-template .stripNav li a:hover {
		color: #bfbeb5;
	}
	
	.rfp-template .stripNav li a.current {
		/*background: #000;*/
		color: #bfbeb5;
	}
	/* The left and right arrows */
	.rfp-template .stripNavL, .rfp-template .stripNavR { 
		position: absolute;
		top: 230px;
		text-indent: -9000em;
		/*display:none;*/
	}
	
	.rfp-template .stripNavL a, .stripNavR a {
		display: block;
		height: 40px;
		width: 40px;
	}
	
	.rfp-template .stripNavL {
		left: 0;
	}
	
	.rfp-template .stripNavR {
		right: 0;
	}
	
	.rfp-template .stripNavL {
		background: url("../gifs/arrow-left.gif") no-repeat center;
	}
	
	.rfp-template .stripNavR {
		background: url("../gifs/arrow-right.gif") no-repeat center;
	}
	
	.rfp-template #slider-links {
		position: absolute;
		top: 410px;
		left: 355px;
		z-index:5001;
		list-style:none;
		margin: 0;
		padding:0;
	}
		.rfp-template #slider-links li { 
			float: left;
			line-height:30px;
			padding: 0 0 0 10px;
			margin: 0;
		}
		
	.rfp-template h2 {
		color: #1580b1;
		font-size:16px;
		text-transform:capitalize;
	}
	
	.rfp-template .row {
		width: 705px;
		clear:both;
		margin: 0 0 5px 0;
		float: left;
	}
	
	.rfp-template label {
		display: block;		
		height:auto;
		float: left;
		line-height: 20px;
		margin:0;
		width: 115px;
	}
	
	.rfp-template .textfield {
		width:300px;
		float: left;
		margin: 0px 0px 10px 0px;
		background:#fff;
		border:1px solid #b5b5b5;
		clear:none;
	}
	
	.rfp-template .question, .rfp-template .answer {
		width: 30px;
		height:auto;
		float: left;
		display: block;
		color: #1580b1;
		font-size:16px;
		text-transform:capitalize;
		margin: 0 0 5px 0;
	}
	
	.rfp-template .question-text {
		width: 670px;
		display:block;
		margin: 0 0 5px 0;
		float:left;
	}
	
	.rfp-template textarea {
		width: 670px;
		height:55px;
		border:1px solid #b5b5b5;
		float: left;
		margin: 0 0 15px 0;
	}
	
	.rfp-errors{
		color: #FF0000;
		display: block;
		font-size: 15px;
		font-weight: bold;
		margin: 10px 0px;
	}
	
/* OUR SOUL *****************************************************************************************************************/
/***************************************************************************************************************************/
#our-soul-flash {
	margin: 0 0 20px 0;
}

#executive-flash {
	margin: 0 0 20px 0;
}

.people-bkg {
	width: 800px;
	height:512px;
	background-repeat:no-repeat;
	z-index:100000;
	position:absolute;
	top:52px;
	left: 0;
	display:none;
}

.people-text {
	width: 525px;
	height:auto;
	padding: 60px 0 0 215px;
	margin:0;
	float:left;
}

#katy .people-text {
	width: 455px;
	height:auto;
	padding: 110px 0 0 265px;
}

.btn-close {
	width:63px;
	height:23px;
	float: right;
	cursor:pointer;
	background-image:url(../Our_Soul/gifs/btn-close.gif);
	background-repeat:no-repeat;
	margin: 30px 10px 0 0;
}

#ryan {
	background-image:url(../Our_Soul/jpgs/ryan-bck.jpg);
}

#katy {
	background-image:url(../Our_Soul/jpgs/katy-bck.jpg);
}

#mike {
	background-image:url(../Our_Soul/jpgs/mike-bck.jpg);
}

#marlene {
	background-image:url(../Our_Soul/jpgs/marlene-bck.jpg);
}

#kent {
	background-image:url(../Our_Soul/jpgs/kent-bck.jpg);
}

#lori {
	background-image:url(../Our_Soul/jpgs/lori-bck.jpg);
}
/* CORPORATE STUFF **********************************************************************************************************/
/***************************************************************************************************************************/
.corporate-map #left-col {
	width: 265px;
	line-height:20px;
}

.corporate-map #right-col {
	width: 482px;
}


/* CLIENT LIST **************************************************************************************************************/
/***************************************************************************************************************************/
.client-list .col1 {
	width: 360px;
	height:auto;
	float: left;
	padding: 0 40px 0 0;
}

.client-list .col2 {
	width: 400px;
	height:auto;
	float:left;
}
.client-list .sub h2 {
	margin: 0 0 5px 0;
	font-size:14px;
}

.client-list .sub ul {
	margin: 0 0 18px 0;
	
}

.client-list .sub li{
	margin: 0 0 5px 0; 
}

/* SURVEY BUTTON ************************************************************************************************************/
/***************************************************************************************************************************/

.survey-panel, .survey-panel2 {
	position: fixed;
	bottom: 83px;
	right: 0;
	display: none;
	background: #b8b8b8;
	width: 133px;
	height: auto;
	padding: 10px 10px 0 10px;
	margin:0;
/*	filter: alpha(opacity=85);
	opacity: .85;*/
	color:#333;
	line-height:18px;
	z-index:2000000;
}

.survey-panel2 {
	display: block;	
	bottom: 43px;
	z-index:1999999;
}

*html .survey-panel2 {
	display: block;	
}


.survey-panel a, .survey-panel a:visited, .survey-panel2 a, .survey-panel2 a:visited{
	margin: 0;
	padding: 0;
	text-decoration: none;
	line-height:normal;
}

.survey-panel a:hover, .survey-panel a:visited:hover, .survey-panel2 a:hover, .survey-panel2 a:visited:hover{
	margin: 0;
	padding: 0;
	text-decoration: none;
	line-height:normal;
}

a.trigger{
	width: 153px;
	height: 43px;
	/*padding: 112px 15px 121px 14px;*/
	position: fixed;
	bottom: 40px; 
	right: 0;
	background-image: url(../gifs/btn-take-our-survey.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	display: block;
	z-index:2000001;
}

a.trigger:hover{
	width: 153px;
	height: 43px;
	position: fixed;
	bottom: 40px; 
	right: 0;
	background-image:url(../gifs/btn-take-our-survey.gif);
	background-position: 0px -43px;
	display:block;
}

a.active.trigger {
	width: 153px;
	height: 43px;
	position: fixed;
	bottom: 40px; 
	right: 0;
	background-image: url(../gifs/btn-take-our-survey.gif);
	background-position:  0px -86px ;
	display:block;
	z-index:2000002;
}

a.active.triggerclose{
	width: 153px;
	height: 43px;
	/*padding: 112px 15px 121px 14px;*/
	position: fixed;
	bottom: 40px; 
	right: 0;
	background-image: url(../gifs/btn-take-our-survey.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	display: block;
	z-index:2000001;
}

.survey-panel a.trigger {
	background-image: none;
	position:relative;
	height:auto;
	width: auto;
}

.survey-panel a.trigger2, .survey-panel2 a.trigger2, .survey-panel a.trigger2:hover, .survey-panel2 a.trigger2:hover, .survey-panel a.trigger2:visited, .survey-panel2 a.trigger2:visited, .survey-panel a.trigger3, .survey-panel2 a.trigger3, .survey-panel a.trigger3:hover, .survey-panel2 a.trigger3:hover, .survey-panel a.trigger3:visited, .survey-panel2 a.trigger3:visited  {
	display:block;
	font-weight:normal;
	margin: 5px 0 0 0;
}

.survey-panel span, .survey-panel2 span {
	display:block;
	color: #1580b1;
	font-size:14px;
	font-weight:bold;
}


/*hide from ie6*/

*html a.trigger {
	display: none;	
}

.blog #wrapper, .blog #main-wrapper, .post
{
	overflow: visible;
}

.blog .wp-caption-text { font-style:italic; }

img.alignleft { padding:4px; margin:0 7px 2px 10px; display:inline; }