@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	/*background:url('../images/bg_body_internal.png') 0 0 repeat-x #fff;*/
	background:url('images/bg_body_nogradient.png') 0 0 repeat-x #fff;
	color:#333333;
}
body.homePage{background:url('images/bg_body.jpg') 0 0 repeat-x #fff;} /* Taller Home Page Header*/
body.contactUs, body.about, body.other, body.projects, body.events, body.careers, body.error404
	{background:url('images/bg_body_nogradient.png') 0 0 repeat-x #fff;} /* No Gradient */
/*div, h1, h2, h3, h4, h5, h6, p, ol, ul, blockquote {
	position:relative;
}*/
h1{
	font-weight: normal;
	font-size:3.2em;
	line-height:0.9em; /* tighten border */
	margin:15px 0px 0px 0px;
}
h2{
	font-size:1.8em;
	line-height:0.9em; /* tighten border */
	margin:15px 0;
}
h3{
	font-size:1.5em;
	color:#444;
}
.bodycopy ul {
	list-style: circle;
}
hr{
	width:100%;
	height:0;
	clear:both;
	float:none;
	visibility:hidden;
	margin:0;
	padding:0;
	overflow:hidden;
}
	hr.none{
		display:none;
	}
a:link, a:visited {
	color:#336699;
	outline:none;
}
a:hover, a:active {
/*	color:#a2b33c;
	border-bottom:1px dashed #a2b33c;*/
	text-decoration:none;
	outline:none;
}
/*div {position:relative; overflow:hidden;}*/
img {border:0;}
strong{ font-weight: bold; }
.clear {
	clear: both;
}
a.invert, a.invert:link, a.invert:visited {
	background:#5E7F8F none repeat scroll 0%;
	color:#FFFFFF;
	height:15px;
	line-height:15px;
	padding:2px 5px;
	text-decoration:none;
	margin:0;
}
a.invert:hover, a.invert:active {
	background:#A2B33C none repeat scroll 0%;
	border:0pt none;
	color:#FFFFFF;
}
a.button {
	display:block;
	padding:0;
	margin:0;
	overflow:hidden;
	text-indent:-9000px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#master_container{
	width:960px;
	padding:0 10px;
	overflow:hidden;
	margin:0 auto;
}
#header{
	height:123px;
	overflow:hidden;
}
#logo{
	height:85px;
	width:250px;
	margin:0;
	float:left;
}
	#logo a{
		height:0px;
		background:url('images/logo.png') 0 0;
		width:250px;
		padding-top:85px;
		overflow:hidden;
		display:block;
		border:none;
	}
	/* Tech Crunch Feature +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	#techcrunch {
		position: absolute;
		top: 50%;
		right: 45px;
		margin: -29px 0 0 0;
		color: #333;
		width: 200px;
		font: bold 1.2em Arial, Helvetica, sans-serif;
		line-height: 23px;
		height: 23px;
	}
	#techcrunch p {
		position: relative;
		float: right;
		width: auto;
		display: inline;
		margin-right: 5px;
	}
	#techcrunch a, #techcrunch a:link, #techcrunch a:visited, #techcrunch a:hover, #techcrunch a:active {
		display:block;
		width:70px;
		height:23px;
		padding:0;
		margin:0;
		float:right;
		cursor:pointer;
	}
	#btn_techCrunch {
		position: relative;
		display: block;
		width: 70px;
		height: 0;
		overflow: hidden;
		padding-top: 23px;
		background: url('images/btn_tech-crunch.png') 0 0;
	}
	/* main Navigation +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	a.skip_to_content{display:none;}

		ul#nav{
			width:960px;
			height:37px;
			overflow:hidden;
			padding:0;
			margin:0;
		}
			ul#nav li{
				float:left;
				height:37px;
				line-height:37px;
				list-style:none;
				font-weight: bold;
				padding: 0;
			}
			ul#nav li.floatright{
				float:right;
			}
			/*ul#nav li.selected {
				background: url("../images/bg_nav_active_white.gif") 8px 4px no-repeat;
			}*/
			ul#nav li#main_nav_1 a {width:65px;background: url("images/nav_home.gif") 0 0 no-repeat;}
			ul#nav li#main_nav_2 a {width:85px;background: url("images/nav_solutions.gif") 0 0 no-repeat;}
			ul#nav li#main_nav_3 a {width:91px;background: url("images/nav_about.gif") 0 0 no-repeat;}
			ul#nav li#main_nav_4 a {width:113px;background: url("images/nav_projects.gif") 0 0 no-repeat;}
			ul#nav li#main_nav_5 a {width:114px;background: url("images/nav_case-studies.gif") 0 0 no-repeat;}
			ul#nav li#main_nav_6 a {width:56px;background: url("images/nav_blog.gif") 0 0 no-repeat;}
			ul#nav li#main_nav_7 a {width:80px;background: url("images/nav_contact.gif") 0 0 no-repeat;}
			ul#nav li#main_nav_8 a {width:77px;background: url("images/nav_careers.gif") 0 0 no-repeat;}
			ul#nav li#nav_rss a {width:21px;background: url("images/nav_rss.gif") 0 0 no-repeat;}

				ul#nav li a, ul#nav li a:link, ul#nav li a:visited {
					text-decoration:none;
					display:block;
					overflow: hidden;
					float:left;
					height:0;
					padding:37px 0 0 0;
				}

				ul#nav li#main_nav_1 a:hover, ul#nav li#main_nav_1 a:active,
				ul#nav li#main_nav_2 a:hover, ul#nav li#main_nav_2 a:active,
				ul#nav li#main_nav_3 a:hover, ul#nav li#main_nav_3 a:active,
				ul#nav li#main_nav_4 a:hover, ul#nav li#main_nav_4 a:active,
				ul#nav li#main_nav_5 a:hover, ul#nav li#main_nav_5 a:active,
				ul#nav li#main_nav_6 a:hover, ul#nav li#main_nav_6 a:active,
				ul#nav li#main_nav_7 a:hover, ul#nav li#main_nav_7 a:active,
				ul#nav li#main_nav_8 a:hover, ul#nav li#main_nav_8 a:active,
				ul#nav li#nav_rss a:hover, ul#nav li#nav_rss a:active {
					background-position: 0 -37px;
				}

				ul#nav li#main_nav_1 a.active, ul#nav li#main_nav_1 a.active:link, ul#nav li#main_nav_1 a.active:visited,
				ul#nav li#main_nav_2 a.active, ul#nav li#main_nav_2 a.active:link, ul#nav li#main_nav_2 a.active:visited,
				ul#nav li#main_nav_3 a.active, ul#nav li#main_nav_3 a.active:link, ul#nav li#main_nav_3 a.active:visited,
				ul#nav li#main_nav_4 a.active, ul#nav li#main_nav_4 a.active:link, ul#nav li#main_nav_4 a.active:visited,
				ul#nav li#main_nav_5 a.active, ul#nav li#main_nav_5 a.active:link, ul#nav li#main_nav_5 a.active:visited,
				ul#nav li#main_nav_6 a.active, ul#nav li#main_nav_6 a.active:link, ul#nav li#main_nav_6 a.active:visited,
				ul#nav li#main_nav_7 a.active, ul#nav li#main_nav_7 a.active:link, ul#nav li#main_nav_7 a.active:visited,
				ul#nav li#main_nav_8 a.active, ul#nav li#main_nav_8 a.active:link, ul#nav li#main_nav_8 a.active:visited {
					background-position: 0 -74px;
				}

				#main_nav_1 a{ padding-left:0; }
	/* Universal Content ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		#content{
			overflow:hidden;
			width:960px;
			margin:0 auto;
			padding-bottom:20px;
		}
		.header_graphic{
			width:100%;
			height:0;
			padding-top:190px;
			overflow:hidden;

			background:url(images/bg_header_placeholder.png) 0 0 no-repeat;
		}
		.bodycopy {
			position: relative;
			clear: left;
			float: left;
			width: 630px;
			padding: 25px 0;
			z-index: 200;
			overflow:hidden;
		}
		.bodycopy.fullWidth {
			position: relative;
			clear: left;
			float: left;
			width: 960px;
			padding: 25px 0;
			z-index: 200;
		}
		.bodycopy #body_left, .bodycopy #body_right {
			width:300px;
			padding:0;
			margin:0;
			overflow:hidden;
		}
		.bodycopy #body_left {
			float:left;
		}
		.bodycopy #body_right {
			float:right;
		}
		.bodycopy p {
			font-size: 1.4em;
			line-height: 1.8em;
			margin-bottom: 20px;
			color: #666;
		}
		.bodycopy ol, .bodycopy ul {
			color:#666;
			position:relative;
			line-height:1.8em;
			margin: 0 0 20px 0;
			padding: 0 0 0 15px;
			font-size:1.4em;
		}
		.bodycopy ol li{
			margin-left:20px;
			line-height:1.8em;
		}
		ul.bulleted{
			list-style:circle;
			padding-left:20px;
			line-height:1.8em;
			margin-bottom:20px;
		}
		.copyblock{
			width:460px;
			float:left;
			margin:0 40px 20px 0;
		}
		.copyblock.right{
			margin:0;
		}
		.floatright{
			float:right;
		}
	/* Universal Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
		#announcements p, #clients_listing li, #jobs p{
			text-shadow: #333 1px 1px 0;
		}
	
		#footer{
			width:100%;
			clear:both;
			background:url(images/bg_footer.png) 0 0 repeat-x #577582;
			padding:10px 0 0 0;
		}
			#footer_container{
				width:960px;
				margin:0 auto;
				padding:0;
				color:#FFFFFF;
				background:url('images/bg_footer_seperator.png') 0 0 repeat-y;
			}
			#footer_container h3{
				font-size:2.4em;
				font-weight:normal;
				margin-bottom:5px;
				color:#FFF;
			}
			.footerBlock {
				float:left;
			}
			#footer_contact{
				width:340px;
				padding:0 40px;
			}
			#client_list {
				width:340px;
				padding:0 40px;
			}
			#clients_listing {
				width:320px;
				padding:0 10px 10px 10px;
				margin:0;
				overflow:hidden;
				font-size:1.2em;
			}
			#clients_listing li {
				width:45%;
				list-style-type:none;
				float:left;
				padding:0 0 4px 10px;
				background:url('images/footer_shiznit.png') 0 6px no-repeat;
			}
			#announcements {
				width:260px;
				padding-right:10px;
			}
			#announcements p{
				width:260px;
				font-size:1.3em;
				line-height:1.4em;
				float:left;
				clear:left;
				padding-bottom:10px;
			}
			#announcements a.more{
				clear:left;
			}
			#jobs #best_places {
				position:absolute;
				top:10px;left:200px;
				width:150px;
				height:150px;
				padding:0;
				margin:0 50px 0 0;
				text-indent:-9000px;
				display:block;
				overflow:hidden;
				background:url('images/bestplaces.png') 0 0 no-repeat;
			}
			#jobs{
				width:260px;
				padding-left:10px;
				min-height:175px;
			}
			#jobs p{
				width:260px;
				font-size:1.3em;
				line-height:1.4em;
				margin-bottom:5px;
				float:left;
				clear:left;
			}
				#jobs ul {
					position:relative;
					width:200px;
					float:left;
					clear:left;
				}
				#jobs ul li{
						list-style:none;
						font-size:1.3em;
						clear:both;
					}
					#jobs ul li a:link, #jobs ul li a:visited{
						background:#1e344a;
						display:block;
						float:left;
						height:15px;
						line-height:15px;
						color:#FFFFFF;
						text-decoration:none;
						margin-bottom:4px;
						padding:2px 4px;
					}
					#jobs ul li a:hover, #jobs ul li a:active{
						background:#a2b33c;
						color:#fff;
						border:0;
					}
				/* more link*/
				#footer ul li a.more:link, #footer ul li a.more:visited,
				#footer a.more:link, #footer a.more:visited{
						background:#8ec5d4;
						color:#1e344a;
						text-decoration:none;
						padding:1px 4px;
						font-size:13px;
					}

				#footer ul li a.more:hover, #footer ul li a.more:active,
				#footer a.more:hover, #footer a.more:active{
						background:#a2b33c;
						color:#fff;
						text-decoration:none;
					}
/*BEGIN :: Footer Form----------------------------------------*/
#footer_contact #form_container,
#footer_contact #form_container .formList {
	width:340px;
}
#footer_contact #form_container .formList li.li_name, #footer_contact #form_container .formList li.li_email {
	width:160px;
	float:left;
	clear:none;
}
#footer_contact #form_container .formList li.li_email {float:right;}
#footer_contact #form_container .formList li textarea.textField {
	width:338px;
	height:50px;
}
#footer_contact #form_container .formList li .textField {
	background-color:#2e3f42;
	border:1px solid #74949b;
	color:#FFF;
}
#footer_contact span.req {
	color:#ed1c24;
}
#footer_contact #form_container .formList li.footNote {
	width:160px;
	float:left;
}
#footer_contact #form_container .formList li.submit {
	width:160px;
	float:right;
	clear:none;
}
#footer_contact #form_container .formList li.submit input {
	padding:0;
}
#footer_contact #form_contact li .error {
	color:#8EC5D4;
}
/*END :: Footer Form----------------------------------------*/
		#links{
			text-align:center;
			width:100%;
			clear:both;
			background:#121d22;
			color:#FFFFFF;
			height:30px;
			line-height:35px;
			margin-top:10px;
			padding-bottom:8px;
		}

			#links ul{
				width:960px;
				margin:0 auto;
				height:30px;
				text-align:right;
				font-size:1.2em;
			}

			#links ul li.left{
				list-style:none;
				float:left;
				margin-right:7px;
			}

			#links ul li.right{
				list-style:none;
				display:inline;
			}


			#links li a:link, #links li a:visited {
				color:#FFFFFF;
				text-decoration:none;
			}
	/* Universal Microformats ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	.vcard .org, .vcard a.email, .vcard .adr, .vcard .tel {
		display:block;
		float:left;
		height:0pt;
		overflow:hidden;
		position:relative;
		width:0pt;
	}
	.vcard { display:none;}
	
	
.no_javascript_notice {
	position: relative;
	display: block;
	margin: 0 0 10px 0;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: #333;
	background: #fee;
	border: 1px solid #f00;
}
/*dt contact --------------------------------------------*/
#dt_contact {
	width:710px;
	height:85px;
	padding:0;
	margin:0;
	overflow:hidden;
	font-size:1.4em;
	float:left;
}
#dt_contact ul {
	list-style:none;
	float:right;
	padding:45px 0 0 0;
}
#dt_contact li {
	float:left;	
	padding:0 0 0 4px;
}
#dt_contact li strong {
	margin-right:10px;
}

/*Case Studies and Projects Page ------------------------------*/
#sidebar #view_the_project, #sidebar #view_the_case_study{
	background: url('images/case_study_view-project-banner.png') no-repeat;
	height: 26px;
	margin-bottom:25px;
	padding:4px 10px 0 0;
	text-align:right;
}
#sidebar #view_the_case_study {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
}
#sidebar #view_the_project a, #sidebar #view_the_project a:link, #sidebar #view_the_project a:visited,
#sidebar #view_the_case_study a, #sidebar #view_the_case_study a:link, #sidebar #view_the_case_study a:visited{
	font-size:16px;
	color:#333;
	font-style:italic;
	text-decoration:none;
}
#sidebar #view_the_project a:hover,
#sidebar #view_the_case_study a:hover{
	border-bottom:1px dashed #336699;
	color:#336699;
}

/*---------------------- Blue Contact Form -------------------------*/
#contact_form_blue_wrapper{
	padding-top: 50px;
	height: 171px;
}
#contact_form_blue_wrapper span.error{
	display: none;
}
#contact_form_blue_wrapper li.error input, #contact_form_blue_wrapper li.error textarea{
	border: solid 1px #f00;
}
#contact_form_blue{
	position: relative;
	margin: 0;
	padding: 0;
	background: url('images/contact_form_blue_bg.png') no-repeat;
	width: 319px;
	height: 171px;
}
#contact_form_blue #contact_form_blue_ul{
	height:156px;
	margin:0 auto;
	padding:15px 0 0 0;
	position:relative;
	width:259px;
}
#contact_form_blue #contact_form_blue_ul li{
	line-height: 20px;
}
#contact_form_blue form{
	width: 319px;
	height: 171px;
	margin:0;
	padding:0;
}
#contact_form_blue ul#contact_form_blue_ul li{
	margin: 0 0 0 0;
}
#contact_form_blue ul#contact_form_blue_ul li.li_name, 
#contact_form_blue ul#contact_form_blue_ul li.li_email{
	margin-bottom: 6px;
}
#contact_form_blue ul#contact_form_blue_ul label{
	line-height: 20px;
	display: block;
	float: left;
	width: 37px;
	height: 20px;
}

#contact_form_blue_ul li#blue_contact_submit{
	bottom: 0;
	left: 34px;
	position:absolute;
	height: 42px;
}
#contact_form_blue .textfield, #contact_form_blue textarea{
	border-top: solid 1px #3a4e5b;
	border-right: solid 1px #587786;
	border-bottom: solid 1px #587786;
	border-left: solid 1px #3a4e5b;
}
#contact_form_blue textarea{
	width: 254px;
	height: 50px;
}
#contact_form_blue .textfield{
	width: 217px;
	height: 19px;
}
#contact_form_blue label{
	font-size: 0.9em;
	color: #fff;
}
#contact_form_blue_prompt{
	padding-top: 15px;
	height: 171px;
}
#contact_form_blue_prompt h3{
	color: #333;
	font-size: 2.1em;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
#contact_form_blue_prompt h4, #sidebar #contact_form_blue_prompt h4{
	color: #939393;
	font-weight: normal;
	font-size: 1.3em;
	text-align: center;
	background: none;
}
#contact_form_blue_wrapper #contact_form_blue_prompt a, 
#contact_form_blue_wrapper #contact_form_blue_prompt a:link, 
#contact_form_blue_wrapper #contact_form_blue_prompt a:visited{
	display: block;
	overflow: hidden;
	height: 0;
	margin: 0 auto;
	padding-top: 42px;
	width: 225px;
	background: url('images/btn-contact_form_blue_contact.png') no-repeat 0 0;
	border: none;
}
#contact_form_blue_wrapper #contact_form_blue_prompt a:hover{ background-position: 0 -42px; }
#contact_form_blue_wrapper #contact_form_blue_prompt a:active{ background-position: 0 -84px; }







