@charset "utf-8";
/*START RESET*/
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;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
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 RESET*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	/*background:#004D81;*/
	background:#007AAD;
}

#header {
	height:133px;
	background:url(images/header-gradient.gif) repeat-x;
	z-index:1000;
	position:relative;
	width:100%;
}

#header .inner {
	width:912px;
	height:100%;
	margin:0 auto;
	position:relative;
}

img#top-logo {
	margin: 30px 0 0 27px;
}

ul#topnav {
	width:912px;
	height:32px;
	background:url(images/topnav-bkgd.gif);
	position:absolute;
	bottom:1px;
	left:0;
}

ul#topnav li {
	display:block;
	float:left;
	height:32px;
	width:130px;
	position:relative;
	overflow:visible;
	background:url(images/topnav-divider.gif) right no-repeat;
}

ul#topnav li.blog {
	background:none;
}

ul#topnav li a {
	display:block;
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;
	line-height:500px;
	text-indent:500px;
}

ul#topnav li.work a { background:url(images/topnav-work.png) no-repeat center; }
/*ul#topnav li.work a:hover { background:url(images/topnav-work-over.png) no-repeat center; }*/

ul#topnav li.clients a { background:url(images/topnav-clients.png) no-repeat center; }
/*ul#topnav li.clients a:hover { background:url(images/topnav-clients-over.png) no-repeat center; }*/

ul#topnav li.services a { background:url(images/topnav-services.png) no-repeat center; }
/*ul#topnav li.services a:hover { background:url(images/topnav-services-over.png) no-repeat center; }*/

ul#topnav li.thought a { background:url(images/topnav-thought.png) no-repeat center; }
/*ul#topnav li.thought a:hover { background:url(images/topnav-thought-over.png) no-repeat center; }*/

ul#topnav li.company a { background:url(images/topnav-company.png) no-repeat center; }
/*ul#topnav li.company a:hover { background:url(images/topnav-company-over.png) no-repeat center; }*/

ul#topnav li.contact a { background:url(images/topnav-contact.png) no-repeat center; }
/*ul#topnav li.contact a:hover { background:url(images/topnav-contact-over.png) no-repeat center; }*/

ul#topnav li.blog a { background:url(images/topnav-blog.png) no-repeat center; }
/*ul#topnav li.blog a:hover { background:url(images/topnav-blog-over.png) no-repeat center; }*/

ul#topnav li .highlight {
	width:100%;
	height:15px;
	margin-top:-15px;
	background:url(images/topnav-hover.png) no-repeat center 0;
	display:none;
	cursor:pointer;
}

ul#topnav li:hover .highlight {
	display:block;
}

body.work ul#topnav li.work .highlight,
body.clients ul#topnav li.clients .highlight,
body.services ul#topnav li.services .highlight,
body.thought ul#topnav li.thought .highlight,
body.company ul#topnav li.company .highlight,
body.contact ul#topnav li.contact .highlight,
body.blog ul#topnav li.blog .highlight{
	display:block;
	background:url(images/topnav-highlight.png);
	margin-top:-41px;
	margin-left:-15px;
	height:41px;
	width:161px;
}


img.bkgd-image {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	z-index:1;
}

body#home img.bkgd-image {
	display:none;
}

body#home {
	background: #007aad url(images/home_slide_bg.png) repeat-x center 133px;
	width:100%;
}


#content {
	width:912px;
	margin: 0 auto;
	position:relative;
	z-index:500;
	overflow:visible;
}

#footer {
	background:url(images/footer-border.png) no-repeat top center;
	margin-top:30px;
	padding:50px 0;
	width:100%;
	float:left;
	font-size:11px;
}

ul#social-footer {
	display:block;
	width:auto;
	margin:0 auto;
	text-align:center;
	margin-bottom:30px;
}

ul#social-footer li {
	display:inline;
}

ul#social-footer li a {
	margin: 0 10px;
	color:#FFF;
	text-decoration:none;
}


ul#social-footer li img {
	vertical-align:middle;
}


ul#footer-nav {
	display:block;
	margin:0 auto;
	width:auto;
	text-align:center;
}

ul#footer-nav li {
	display:inline;
}

ul#footer-nav li a {
	display:inline-block;
	color:#fff;
	text-decoration:none;
	padding:0 8px;
}

ul#footer-nav li a:hover {
	text-decoration:underline;
}


body#home ul#footer-nav li.home a,
body.work ul#footer-nav li.work a,
body.clients ul#footer-nav li.clients a,
body.services ul#footer-nav li.services a,
body.thought ul#footer-nav li.thought a,
body.company ul#footer-nav li.company a,
body.contact ul#footer-nav li.contact a,
body#privacy ul#footer-nav li.privacy a {
	color:#33D1DF;
}

#footer-copyright {
	padding-top:20px;
	margin:0 auto;
	width:708px;
	text-align:center;
	color:#39C5D9;
	line-height:171%;
}



/* home page */


/* featured slideshow */

#featured-slides {
	width:100%;
	height:369px;
	position:relative;
	color:white;
	margin: 32px 0 29px 0;
	overflow:visible;
}

#featured-slides .ui-tabs-panel {
	width:100%;
	height:369px;
	position:relative;
	overflow:visible;
}

#featured-slides .ui-tabs-hide {
	display:none;
}

#featured-slides .featured-image {
	width:693px;
	height:369px;
	background:url(images/featuredimage-bkgd.png);
	float:left;
	margin:0 0 0 -36px;
	position:relative;
}

#featured-slides .featured-description {
	float:left;
	width:256px;
	margin: 2px 0 0 -12px;
	position:relative;
}

#featured-slides .featured-description h2 img {
	margin-top:15px;
}

#featured-slides .featured-description p {
	margin: 12px 0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:116%;
}

#featured-slides img.watch-now {
	position:absolute;
	top:232px;
	left:-3px;
}

#featured-slides .featured-image img {
	position:absolute;
	margin: 1px 0 0 38px;
}

#featured-slides .ui-tabs-nav {
	margin:-5px 0 0 5px;
	float:left;
}

#featured-slides .ui-tabs-nav li {
	float:left;
	display:block;
	padding-left:7px;
	height:12px;
}

#featured-slides .ui-tabs-nav li a {
	display:block;
	cursor:pointer;
	background:url(images/featuredui-inactive.png);
	height:12px;
}


#featured-slides .ui-tabs-nav li.ui-tabs-selected a {
	background:url(images/featuredui-active.png);
}


#home-description {
	color:#fff;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:17px;
    margin: -17px auto 0;
    width: 862px;
}

#home-description p {
	margin:10px 0;
	line-height:141%;
}

#home-description a {
	color:#ff9900;
	text-decoration:none;
}

#home-grid {
	width:438px;
	float:right;
	margin: 5px -3px 0 0;
}

#home-grid div {
	float:left;
	margin:0;
	padding:0;
}

#home-grid img {
	margin:0;
	padding:0;
}


#home-grid .topleft,
#home-grid .bottomleft {
	padding-right:25px;
	border-right:1px solid #006a97;
}

#home-grid .topright,
#home-grid .bottomright {
	padding-left:25px;
	border-left:1px solid #218bb8;
}

#home-grid .topleft img,
#home-grid .topright img {
	margin:0;
	padding:22px 0;
	border-bottom: 1px solid #006a97;
}

#home-grid .bottomleft img,
#home-grid .bottomright img {
	margin-top:-2px;
	padding-top:37px;
	border-top: 1px solid #218bb8;
}

#home_left_copy{
	width:518px;
	float:left;
	padding-right:46px;
	background: url('./images/slide_content_div.png') no-repeat top right;
	padding-top:4px;
	line-height:125%;
}

#home_casestudies{
	width:279px;
	float:left;
	margin-left:19px;
	margin-top:4px;
	background: url("images/home_case_study_border.png") no-repeat;
	border:none;
}
	#home_casestudies li{
		border:none;
		background: url("images/home_case_study_border.png") no-repeat left bottom !important;	
		padding-bottom:15px;
	}

#home #footer{
	background: url("images/footer-border.png") repeat-x scroll left top transparent !important;
    float:none !important;
    font-size: 11px;
    padding: 50px 0;
    width: 862px !important;
	margin: 30px auto 0;
}


#home_title_line{
	padding-bottom:20px;
}


/* second level */

#content #sidebar {
	float:left;
	margin: 30px 0 0 -12px;
}

.secondlev-item {
	display:block;
	width:434px;
	height:95px;
	background:url(images/secondlev-nav-static.png);
	padding: 11px 12px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	position:relative;
	text-decoration:none;
}



.secondlev-item.active {
	background:url(images/secondlev-nav-active.png);
}

.secondlev-item img.navimage {
	float:left;
	margin:6px 9px 6px 6px;
}

body#thought .secondlev-item img.navimage {
	margin:10px 9px 0px 10px;
}

.secondlev-item h3 {
	padding:9px 0 0 0;
}


.secondlev-item p {
	display:block;
	color:#a9cbdf;
	font-size:13px;
	line-height:106%;
	padding-right:20px;
}

.secondlev-item p.descender {
	/*for when the title of the item has descenders that push the paragraph down */
	margin-top:-4px;
}



/* thought links */

#thought-links ul.left {
	float:left;
	margin: 27px 0 0 -12px;
}

#thought-links ul.right {
	float:right;
	margin: 27px -12px 0 0;
}


/* page copy */

#content #copy {
	float:left;
	width:430px;
	margin: 41px 0 0 28px;
	color:#FFF;
	line-height:125%;
	font-size:1em;	
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

body.landing-page #content #copy {
	width:100%;
	float:none;
	margin-left:0;
}

#content #copy h1 {
	padding: 0 0 5px 0;
	display:block;
	background-repeat:no-repeat;
	text-indent:-1000px;
	height:41px;
	width:100%;
	overflow:hidden;
}

body.landing-page #content #copy h1 {
	padding: 0 0 5px 0;
	display:block;
	text-indent:0;
	color:#FF9900;
	font-size:30px;
	font-weight:normal;
	line-height:121%;
	margin-bottom:7px;
	height:auto;
}

#content #copy h2 {
	color:#FF9900;
	font-size:20px;
	font-weight:normal;
	line-height:121%;
	margin-bottom:7px;
}

#content #copy p,
#content #copy ul {
	margin-bottom:18px;
}

#content #copy ul {
	overflow:visible;
}

#content #copy ul li {
	padding-left:15px;
	background:url(images/bullet.png) no-repeat 5px 7px;;
}

#content #copy ul.xtra-space li {
	margin:3px 0;
}

ul.casestudies {
	list-style:none!important;
	margin-left:0;
	border-top: 1px solid #0F668E;
	font-size:.85em;
}

ul.casestudies li {
	border-bottom: 1px solid #0F668E;
	padding:13px 0 13px 4px;
	font-weight:bold;
	color:#999;
	background:none !important;
}

#content #copy a {
	color:#ff9900;
	text-decoration:none;
}

#content #copy a:hover {
	text-decoration:underline;
}





/* work/client grids grid */

#workgrid {
	margin:35px 0 0 -1px;
	float:left;
	text-align:center;
}

#workgrid a {
	margin:0;
	padding:0;
	float:left;
	position:relative;
}

#workgrid img {
	padding:0;
	margin: 0 6px 8px 0;
}

#workgrid img.work-overlay {
	position:absolute;
	top:0;
	left:0;
}

#workgrid.clients img {
	margin:0 8px 20px 0;
}

#workgrid img.last {
	margin-right:0;
}


/* UPDATED WORK PAGE */

#work-page-grid {
	margin-top:50px;
}

#work-page-grid .item {
	width:290px;
	height:202px;
	background:#39c5db;
	font-family: 'Questrial', sans-serif;
	position:relative;
	float:left;
	margin: 0 21px 21px 0;
	display:block;
	text-decoration:none;
}

#work-page-grid .mouseovers {
	width:288px;
	height:200px;
	position:absolute;
	overflow:hidden;
	left:1px;
	top:1px;
}

#work-page-grid .title {
	line-height:140%;
	position:absolute;
	top:-50px;
	left:13px;
}

#work-page-grid .view-now {
	position:absolute;
	bottom:-50px;
	left:13px;
}

#work-page-grid .item h2 {
	font-weight:normal;
	color:#fff !important;
	font-size:1.1em;
}

#work-page-grid .item h3 {
	font-weight:normal;
	color:#000 !important;
	font-size:1.1em;
}


#work-page-grid .item-image {
	position:absolute;
	top:1px;
	left:1px;
}

#work-page-popup-outer {
	width:789px;
	height:596px;
	border:1px solid #39c5db;
	position:fixed;
	top:50%;
	left:50%;
	margin: -298px 0 0 -394px;
	background:#016DAD;
	color:#fff;
	overflow:hidden;
	display:none;
	-moz-box-shadow:0 0 20px #000;
	-webkit-box-shadow:0 0 20px #000;
	box-shadow:0 0 20px #000;
	z-index:1000;
}

#work-page-popup-close {
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}

#work-page-popup-inner {
	height:100%;
	width:100%;
}

#work-page-popup-inner .header {
	height:123px;
	position:absolute;
	top:0;
	left:0;
	padding:10px;
	width:769px;
}

#work-page-popup-inner h2 {
	font-size:20px;
	color:#33C9DE;
	display:block;
	font-weight:normal;
	margin:0;
	padding:0;
}

#work-page-popup-inner h2 span {
	color:#fff;
}
#work-page-popup-inner .description {
	width:560px;
	font-size:12px;
	line-height:147%;
	margin: 15px 0 22px 0;
	float:left;
	height:50px;
}

.external-link {
	position:absolute;
	right:10px;
	top:90px;
	text-decoration:none;
	color:#FF9900;
	font-size:12px;
}

#work-page-popup-inner .slides {
	display:block;
	height: 429px;
	width: 763px;
	position:absolute;
	top:123px;
	left:12px;
}

#work-page-popup-inner .slides li {
	display:none;
	border:1px solid #39c5db;
	-moz-box-shadow:0 0 20px #000;
	-webkit-box-shadow:0 0 20px #000;
	box-shadow:0 0 20px #000;
	height: 429px;
	width: 763px;
}

#work-page-popup-inner .slides li.current {
	display:block;
}

#work-page-popup-inner .footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

#work-page-popup-inner .footer .arrows {
	float:right;
	padding:6px 8px;
}

#work-page-popup-inner .footer .arrows img {
	cursor:pointer;
}

#work-page-popup-inner .footer .counter {
	float:left;
	font-size:12px;
	padding:12px;
}

#work-page-overlay {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:501;
	opacity:0;
}

/* CONTACT PAGE */


#contact-content {
	padding-top:40px;
}

#contact-content h1 {
	padding: 0 0 15px 0;
	display:block;
	background-repeat:no-repeat;
	text-indent:-1000px;
	height:41px;
	width:100%;
}

table#contactinfo td {
	color:#FFF;
	width:482px !important;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	line-height:151%;
	padding-right:47px;
}

table#contactinfo td h2 {
	color:#FFF;
	font-size:1.3em;
	font-weight:normal;
	margin-bottom:10px;
}

table#contactinfo td a {
	color:#FF9900;
	text-decoration:none;
}


.launchmap {
	border-top: 1px solid #0F668E;
	border-bottom: 1px solid #0F668E;
	padding:13px 3px;
	text-shadow:none;
	color:#999999;
	font-weight:bold;
	margin:21px 0;
}



#contactform {
	margin-top:15px;
}

#contactform fieldset div {
	float:left;
	clear:both;
	
}

#contactform label {
	color:#FFF;
}

#contactform label,
#contactform .formelement{
	float:left;
	clear:both;
	border:1px solid #7c8b95;
	padding:2px;
	font-size:16px;
	margin-bottom:18px;
}

#contactform select {
	float:left;
	clear:both;
	padding:2px;
	font-size:16px;
	margin-bottom:18px;
}

#contactform label {
	border:none;
	font-size:.75em;
	padding-left:0;
	margin:3px 0;
}

#contactform label.error {
	color:#CCC;
	font-weight:bold;
	font-size:.6em;
	text-transform:uppercase;
	float:none;
	display:inline-block;
	padding-top:3px;
}

#contactform input {
	width:187px;
}

#contactform textarea {
	width:533px;
	height:175px;
}

#contactform input#submit {
	width:67px;
	height:22px;
	overflow:hidden;
	line-height:999px;
	text-indent:999px;
	background:url(images/submit.png);
	border:none;
	cursor:pointer;
}

#contactform input#reset {
	width:57px;
	height:22px;
	overflow:hidden;
	line-height:999px;
	text-indent:999px;
	background:url(images/reset.png);
	border:none;
	cursor:pointer;
}

#messagesent {
	margin-top:15px;
	border:#fff 1px solid;
	background:#09F;
	color:#fff;
	width:550px;
	padding:10px;
	font-size:.9em;
}

#messagesent.error {
	border:1px solid #F00;
}

#messagesent p {
	line-height:121%;
	padding:4px 0;
}


/* #alltext-copy (privacy policy, 404, etc.) */

#alltext-copy {
	color:#FFF;
	line-height:120%;
	padding:30px 50px;
}

#alltext-copy h1 {
	color:#FF9900;
	font-size:30px;
	font-weight:normal;
	line-height:121%;
	margin-bottom:7px;
}

#alltext-copy a {
	color:#FF9900;
}

#alltext-copy h2 {
	color:#FF9900;
	font-size:20px;
	font-weight:normal;
	line-height:121%;
	margin-bottom:7px;
}

#alltext-copy p,
#alltext-copy ul {
	margin-bottom:18px;
}

#alltext-copy ul {
	overflow:visible;
}

#alltext-copy ul li {
	padding-left:15px;
	background:url(images/bullet.png) no-repeat 5px 7px;;
}



#carousel_container{
	width: 1008px;
	margin:0 auto;
}

	#carousel_inner{
		position:relative;
		height:419px;
		overflow:hidden;
		width: 1061px;
	}
		.carousel_item{
			position:absolute;
			top:-377px;
			padding-top:7px;
		}
		#slide-focused{
			top:-7px;
		}
	#slide_bottom_border{
	    background: none repeat scroll 0 0 #007AAD;
    	height: 50px;
    	position: absolute;
    	top: 370px;
    	width: 1061px;
    	z-index: 1;	
	}
	#slide_nav_container{
		height: 32px;
    	position: relative;
 	   	top: -32px;
    	z-index: 1000;
	}
	#slide_nav{
		margin: 0 auto;
    	padding-left: 0;
		list-style:none;
		z-index:999999;
	}
		#slide_nav li{
			cursor:pointer;
			color:#1DA1C5;
			background:url('./images/slide_un.png') no-repeat;
			float:left;
			width:16px;
			height:16px;
			margin-right: 6px;
			text-align: center;
		}
		#slide_nav #curr_slide{
			color:#3FCCDF;
			height: 17px;
    		margin-top: -1px;
			background:url('./images/slide_sel.png') no-repeat;
		}
		
	.carousel_cta{
		display:block;
		margin-left:245px;
		margin-top:-117px;
	}
	
	#intel_cta{
		margin-left:184px;
	}
	
	#honeywell_cta{
		margin-left:238px;	
	}
	
	.bike{
		left:585px;
		position:absolute;
	    z-index: 3;
	}
	
	.intel-car{
		margin-top: 48px;
		position:absolute;
		left: 352px;
		height:0;
		width:0;
		z-index:3;
	}
	
	.autodesk-piston{
		    float: right;
    		left: 537px;
    		position: absolute;
			z-index:3;
			top:419px
	}
	
	.microsoft-people{
    		left: 573px;
			top: 392px;
    		margin-top: 0;
    		position: absolute;
			z-index:3;
	}
	
	.honeywell-mechanic{
    		left: 488px;
    		top: 417px;
    		position: absolute;
			z-index:3;
	}
		
	.slide-link{position:relative;}
		
	.slide-thumb{
		background: url("./images/preview_bg.png") no-repeat scroll 0 0 transparent;
    	display: none;
		height: 99px;
	    left: -102px;
    	padding-top: 10px;
    	position: absolute;
    	top: -110px;
    	width: 220px;
    	z-index: 5000000;
	}
	
.home #content{
	width:1008px;
}

/*new services sidebar*/
#content #services-sidebar {
	float:left;
	margin: 41px 0 0 -12px;
}

.services-item {
	display:block;
	width:273px;
	height:96px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	margin-right:28px;
	text-decoration:none;
	margin-bottom:55px;
}
		
.clear{clear:both;}

/*Viewstream Difference*/
#the-viewstream-difference #content{
	margin-top:50px;
}
#the-viewstream-difference #title{
	color:#FF9900;
	font-size:37px;
	margin-bottom:50px;
	}
	
#the-viewstream-difference .differences-block{
	float:left;
	margin-bottom:45px;
	width:428px;
}
	.differences-block .diff-numb{
		float:left;
		width:44px;
		margin-right:16px;
	}
	.differences-block .diff-text{
		color: #99CADE;
    	float: left;
    	font-size: 16px;
    	line-height: 19px;
    	width: 368px;
	}
	.differences-block .diff-title{
		color:#fff;
		font-size: 20px;
	    padding-bottom: 10px;
	}
	
	.differences-block#clients-served, .differences-block#agency-dna{
		margin-left:56px;
	}