@charset "UTF-8";
/* CSS Document */

/*
@font-face {
	font-family: 'AdelleBasicBold';
	src: url('_fonts/AdelleBasic_Bold.eot');
	src: local('_fonts/Adelle Basic'), local('_fonts/AdelleBasic-Bold'), url('_fonts/AdelleBasic_Bold.woff') format('woff'), url('_fonts/AdelleBasic_Bold.otf') format('opentype');
}
*/

body {
/*	color:#bbc7cf;*/
	color:#e5e5e5;
	font:13px/1.0 Helvetica, Arial, Verdana, Sans-Serif;
	text-align:left;
	margin:0;
	position:relative;
	background:url(_images/body-bg-1.jpg) no-repeat 0 0;
	background-attachment: fixed !important;
	-webkit-background-size:1920px 1500px;
	background-color:#121315;
}
#bg0{
	display:block;
	position:absolute;
	width:1100px;
	}

ul#bg-rotator{
	margin:0;
	padding:0;
	list-style:none;}
ul#rotator li.show{
	 z-index:100;}
#bg1{
	position: absolute;
	display:block;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
	background:url(_images/body-bg-1.jpg) no-repeat 0 0;
	background-attachment: fixed !important;
	-webkit-background-size:1920px 1500px;}

#bg2{
	position: absolute;
	display:block;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
	background:url(_images/body-bg-2.jpg) no-repeat 0 0;
	background-attachment: fixed !important;
	-webkit-background-size:1920px 1500px;}

#IE6 #bg1, #IE6 #bg2{background:none;}
#bg1, #bg2{background:none;}

img {
	border:0;
}
h1, h2, h3, h4 {
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:1.2em;
}
h4{
	font-size:18px;
	margin-bottom:10px;
	color:#8bb2bc;}
p{
	margin:0 0 25px 0;
	line-height:1.4em;}

a {
	color:#3da8c3;
	outline:none;
}
a:hover {
	color: #9FF;
/*	background-color:#3da8c3; */
}
ul{
	line-height:1.4em;}
hr {
	clear:both;
	padding:0;
	border-top:1px solid #C0C0C0;
	border-bottom:none;
	border-right:none;
	border-left:none;
}


/* ///// Form */
form{
	margin:0;
	padding:0;}



#page {
	width:970px;
	margin:0 auto 0px 0;
}






/* ///// Header */

/* Header fix treatment is in the main HTML :http://www.howtocreate.co.uk/fixedPosition.html */

#header a#logo {
	display:block;
	width:166px;
	height:34px;
	text-indent:-9999px;
	z-index:500;
	background:url(_images/go2-logo.png) no-repeat 0 0;
}
ul#navi-top {
	width:166px;
	display:block;
	margin:40px 0 0 0;
	padding:0;
	list-style: none;
	background:url(_images/navi-top-border.gif) no-repeat 0 0;
}
ul#navi-top li {
	/*	float:left; */
	font-size:16px;
	margin:0 0px 0 0;
	padding:0 0 0 12px;
	text-align:right;
	background:url(_images/navi-top-border.gif) no-repeat 0 100%;
}
ul#navi-top li a {
	display:inline-block;
	width:150px;
	/*	float:left; */
	margin:0px;
	padding:30px 0px 3px 5px;
	white-space:nowrap;
	font-size:11px;
	line-height:1.0em;
	text-transform:uppercase;
	text-decoration:none;
}
#navi-top a.selected {
	color: #FFF;
	cursor:default;
}


#share-links{
	float:right;
	margin:0px 0 0 0px;}
#share-links span{
	display:block;
	float:left;
	margin-right:5px;}
#share-links a{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin:0 5px 0 0;}
#share-links a.facebook{ background:url(_images/share-links/facebook_16.png) no-repeat 0 -16px;}
#share-links a.twitter{ background:url(_images/share-links/twitter_16.png) no-repeat 0 -16px;}
#share-links a.google{ background:url(_images/share-links/google_16.png) no-repeat 0 -16px;}
#share-links a.stumbleupon{ background:url(_images/share-links/stumbleupon_16.png) no-repeat 0 -16px;}
#share-links a.delicious{ background:url(_images/share-links/delicious_16.png) no-repeat 0 -16px;}

#share-links a:hover.facebook{ background:url(_images/share-links/facebook_16.png) no-repeat 0 -16px;}
#share-links a:hover.twitter{ background:url(_images/share-links/twitter_16.png) no-repeat 0 -16px;}
#share-links a:hover.google{ background:url(_images/share-links/google_16.png) no-repeat 0 -16px;}
#share-links a:hover.stumbleupon{ background:url(_images/share-links/stumbleupon_16.png) no-repeat 0 -16px;}
#share-links a:hover.delicious{ background:url(_images/share-links/delicious_16.png) no-repeat 0 -16px;}

/* ///// CONTENT*/
#content {
	margin:0px 0 0 260px;
	padding-top:70px;
}
/* Statement*/
#statement {
	padding:0;
	position:relative;
}
#statement h1 {
/*	color:#FFF;
	font-size:44px;
	line-height:0.4em;
	margin:0px 0 20px 0;
	padding:0;
	font-family:'AdelleBasicBold',Helvetica, Arial, Verdana, Sans-Serif ;
	text-transform:lowercase;
	font-weight: bold;
*/

	color:#FFF;
	font-size:50px;
	line-height:0.4em;
	margin:0px 0 20px 0;
	padding:0;
	text-transform:lowercase;
	font-weight: 100;
}
#statement h1 strong{
/*
	font-size:76px;
	line-height:1.4em;
*/

	font-size:86px;
	line-height:1.4em;
}
#statement h1 .highlight{
	color:#3da8c3;}
#statement p {
	color:#8bb2bc;
	font-size:18px;
	font-weight:normal;
	line-height:1.2em;
	margin:28px 0 0 0;
}
#statement p strong {
	color:#0093CD;
}
.section {
	position:relative;
	margin:50px 0 0 0;
	padding:0px 0 40px 0;
	background:url(_images/divider-section.gif) no-repeat 0 100%;
}
.section h3 {
	display:inline;
	position:absolute;
	width:150px;
	margin:58px 0 20px -95px;
	text-align:right;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
}
#IE .section h3{
	margin:-13px 0 0 -20px;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /*for IE*/}
.section h3 strong {
	display:inline;
	background:#333;
	color:#FFF;
	font-size:10px;
	font-weight:normal;
	padding:5px 7px 2px 7px;
	text-transform:uppercase;
}
.title-link {
	clear:both;
	margin-top:10px;
}
.title-link a {
	display:inline-block;
	clear:both;
	font-size:43px;
	letter-spacing:-1px;
	line-height:1.0em;
	text-transform:none;
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	font-weight:normal;
	padding:6px 8px 4px 8px;
	text-transform:lowercase;
	text-decoration:none;
/*	background:url(_images/title-link-bg-left.gif) no-repeat 0 0;*/
/*	background:url(_images/title-link-bg-bottom.gif) no-repeat 0 100%; */
}
.title-link a.selectedtitle, .title-link a.selectedtitle:visited {
	color:#FFF;
/*	background:url(_images/title-link-bg.jpg) no-repeat 0 0;*/
	background:#3da8c3;
	cursor:default;
}

div.processing{
	visibility:hidden;
	display:inline-block;
	background:url(_images/title-link-processing.gif);
	width:45px;
	height:5px;
	margin:0 0 -14px 5px;}


/* ///// Contents */

.contents {}
.contents-innerHTML{
	clear:both;
	padding:25px 0 35px 	0px ;
	position:relative;}

.our-service-content-navi {
	margin:0;
	display:none;
}
.our-service-content-navi ul {
	margin:0;
	padding:20px 0 20px 0;
	list-style: none;
}
.our-service-content-navi ul li {
	float:left;
	font-size:16px;
	margin:0 6px 0 0;
	padding:0 0 0 12px;
	background:url(_images/divider-bar.gif) no-repeat 0 0;
}
.our-service-content-navi ul li.first {
	padding-left:0;
	background:none;
}
.our-service-content-navi a {
	display:block;
	float:left;
	padding:0;
	font-size:12px;
	white-space:nowrap;
	text-decoration:none;
	text-transform:uppercase;
}
.our-service-content-navi li.selected a {
	color: #FFF;
	border-bottom:4px solid #3da8c3;
	cursor:default;
}

.our-service-content{
	clear:both;
	margin:25px 0 0 0;}

.our-service-content .content-item-1,.our-service-content .content-item-2,.our-service-content .content-item-3 {
	width:220px;
	float:left;
	margin-right:20px;}
.our-service-content .content-item-3 {
	margin-right:0;}


.contents p {
	clear:both;
}


/* ///// Case Studies */
.case-study-list{
	position:relative;
	height:540px;}
.case-study-item{
	width:175px;
	height:175px;
	float:left;
	margin:0 0px 31px  0;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	position:relative;
	background:#222;}
.case-study-item a.thumb{
	display:block;
	width:175px;
	height:175px;
	text-decoration:none;
	position:relative;
	z-index:0;}
.case-study-item a span.cs-info{
	width:165px;
	height:165px;
	padding:10px 5px 0 5px;
	visibility:hidden;
	display:block;
	color:#FFF;
	background:#111;
	cursor:pointer;
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity: 0.80;}
.case-study-item a.hover span.cs-info{
	visibility:visible;}
.case-study-item a.hover span.cs-info strong{
	display:block;}

/* Thumb iamges*/
#cs-item-1 a.thumb{ background:url(_images/portfolio/ieee/thumb.jpg) no-repeat 0 0;}
#cs-item-2 a.thumb{ background:url(_images/portfolio/brocade/thumb.jpg) no-repeat 0 0;}
#cs-item-3 a.thumb{ background:url(_images/portfolio/vmware/thumb.jpg) no-repeat 0 0;}
#cs-item-4 a.thumb{ background:url(_images/portfolio/adobecatalyst/thumb.jpg) no-repeat 0 0;}
#cs-item-5 a.thumb{ background:url(_images/portfolio/rexray/thumb.jpg) no-repeat 0 0;}
#cs-item-6 a.thumb{ background:url(_images/portfolio/communityfriends/thumb.jpg) no-repeat 0 0;}
#cs-item-7 a.thumb{ background:url(_images/portfolio/nlm/thumb.jpg) no-repeat 0 0;}
#cs-item-8 a.thumb{ background:url(_images/portfolio/vendio/thumb.jpg) no-repeat 0 0;}
#cs-item-9 a.thumb{ background:url(_images/portfolio/altiuspar/thumb.jpg) no-repeat 0 0;}
#cs-item-10 a.thumb{ background:url(_images/portfolio/wherify/thumb.jpg) no-repeat 0 0;}
#cs-item-11 a.thumb{ background:url(_images/portfolio/epson/thumb.jpg) no-repeat 0 0;}
#cs-item-12 a.thumb{ background:url(_images/portfolio/marchofdimes/thumb.jpg) no-repeat 0 0;}

/**/
#case-study-list-navi{
	clear:both;
/*	height:51px;*/}

/* Screen */
.case-study-list .screen{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:710px;
	z-index:1000;}
#IE6 .case-study-list .screen{
	margin-top:-30px}
.case-study-list .screen .tools-top{
	float:right;
	font-size:11px;
	margin-top:-30px;
}
#IE6 .case-study-list .screen .tools-top{
	margin-top:0px;
	padding-bottom:13px;}

.case-study-list .screen ul.cs-navi{
	margin:0;
	padding:0;}
.case-study-list .screen ul.cs-navi li{
	list-style:none;
	float:left;
	padding:4px 0px 0px 7px;
	height:13px;
	background:url(_images/divider-thrash.gif) no-repeat 0 50%;}
	.case-study-list .screen ul.cs-navi li:first-child{
		background:none;}


.case-study-list .screen .tools-top .cs-name{
	float:left;}
.case-study-list .screen .tools-top a{
	margin:0 0 0 2px;
	padding:0 3px;
	text-decoration:none;
	text-transform:uppercase;}
	.case-study-list .screen .tools-top a.first, .case-study-list .screen .tools-top a.first:hover, .case-study-list .screen .tools-top a.last, .case-study-list .screen .tools-top a.last:hover{
		color:#666;
		text-decoration:none;
		cursor: default;}
	.case-study-list .screen .tools-top a.close{
		display:block;
		text-indent:-9999px;
		width:13px;
		height:12px;
		background:url(_images/portfolio/all-thumb.gif) no-repeat 0 0;}
	.case-study-list .screen .tools-top a.close:hover{
		background:url(_images/portfolio/all-thumb.gif) no-repeat 0 -12px;}
.case-study-list .screen .tools-top a:hover{
/*	color:#666; */
	text-decoration:underline;}

.case-study-list .screen .screen-body{
	position:relative;
	background:#e5e5e5;
	padding:5px;
	height:583px;
	width:700px;}


.case-study-list .screen .screen-header{
	clear:both;
	position:relative;
	padding:5px 0 0px 20px;
	color:#FFF;
	width:680px;
	height:40px;
	top:-45px;
	margin-bottom:-45px;
	line-height:1.2em;
	z-index:1500;
	background:#1E2732;
	filter:Alpha(Opacity=80);
	opacity: 0.80;
}
.case-study-list .screen .screen-header h4.project-info{
	font-size:18px;
	color:#FFF;
	background:#1E2732;
	margin:0px 0 0px 0;
	filter:Alpha(Opacity=100);
	opacity: 1.00;}
.case-study-list .screen .screen-header h4.project-info strong{
	margin-right:10px;}

.case-study-list .screen .tag{
	clear:both;
	font-size:10px;}
.case-study-list .screen .tag a{
	text-decoration:none;}
.case-study-list .screen .tag a:hover{
	text-decoration:underline;}


.case-study-list .screen div.cs-info{
	clear:both;
	float:left;
	padding:15px;
	color:#333;
	width:670px;
	height:205px;
	background:#FFF;}
.case-study-list .screen div.cs-info p{
	margin-top:0;
	line-height:1.2em;}

.case-study-list .screen .description{
	float:left;
	width:455px;
	font-size:12px;
	line-height:1.2em;
	padding-right:10px;}
.case-study-list .screen .description p{
	margin-bottom:14px;}
	
.case-study-list .screen .testimony{
	float:left;
	width:187px;
	color:#14809b;
	font-size:12px;
	font-style:italic;
	line-height:1.2em;
	padding-left:15px;
	border-left:1px solid #CCC;}
	.case-study-list .screen .testimony .name{
		display:block;
	font-style: normal;
	margin-top:0px;
		color:#333;}


.case-study-list .screen .project-images{
	float:left;
	width:700px;
	height:350px;
	background:#FFF;
	position:relative;}



/* ///// Scrollable */

	div.scrollable {
	/* required settings */
	position:absolute;
	overflow:hidden;
	width: 700px;
	height:350px;
	/* custom decorations */
	padding:0;
	float:left;
	top:0;
	left:0;
}
	div.scrollable div.items {
	/* this cannot be too large */
	width:8000px;
	position:absolute;
	clear:both;
	/* decoration */
	margin-left:0px;
}
/* single scrollable item */
	div.scrollable div.items img,	div.scrollable div.items div {
		display:block;
		float:left;
}
.project-images a.prev, .project-images a.next {
	position:relative;
	display:inline-block;
	height:0px;
	color:#999;
	width:300px;
	height:300px;
	cursor:pointer;
	z-index:1500;
	margin:-130px 0;
	top:130px;
	filter:Alpha(Opacity=25);
	opacity: 0.25;
}
.project-images a.prev{
	float:left;
	background:url(_images/arrow-prev.png) no-repeat 0 50%;}
.project-images a.next{
	float:right;
	background:url(_images/arrow-next.png) no-repeat 100% 50%;}
	.project-images a.prev:hover, .project-images a.hover,.project-images a.next:hover, .project-images a.hover{
	filter:Alpha(Opacity=75);
	opacity: 0.75;}

a.disabled{
	visibility: hidden;}



/* ///// OUR CLIENTS */
.our-client-list img{
	border:5px solid #e5e5e5;
	background:#e5e5e5;}


#the-company-obj .top-section1{
	width:150px;
	float:left;
	margin:10px 0 0 20px;}
#the-company-obj .top-section2{
	width:480px;
	float:left;
	margin:15px 0 0 30px;}

#the-company-obj .lower-section1 {
	clear:both;
	float:left;
	width:320px;
	margin:20px 50px 0 0;}
#the-company-obj .lower-section2{
	float:left;
	width:320px;
	margin:20px 0 0 0;}

#the-company-obj .lower-section2 .book-image{
	float:left;
	margin:0 25px 10px 0;}

/* ///// OUR TEAM */

span.email{
	visibility:hidden;}

#IE6 div.our-team{
	margin-top:-39px}

ul#our-team-navi{
	float:right;
	margin:0;
	margin-top:-38px;
	padding:0;}
#IE6 ul#our-team-navi{
	margin-top:0px;
	padding-bottom:22px;}
	ul#our-team-navi li{
	list-style:none;
	float:left;
	padding:4px 0px 0px 7px;
	height:13px;
	font-size:11px;
	background:url(_images/divider-thrash.gif) no-repeat 0 50%;}
	ul#our-team-navi li:first-child{
		background:none;}
ul#our-team-navi li a{
	margin:0 0 0 2px;
	padding:0 1px 0 0;
	text-decoration:none;
	text-transform:uppercase;}
ul#our-team-navi li a:hover{
	text-decoration:underline;}
ul#our-team-navi li a.selected{
	color:#FFF;
	text-decoration:none;
	cursor:default;}

#our-team-list{
	min-height:420px;}
.our-team-item .content{
	margin-top:20px;}
.our-team-item .content .section1, .our-team-item .content .section2{
	width:220px;
	float:left;
	margin-right:20px;}
.our-team-item .content .section3{
	width:230px;
	float:right;
	text-align:right;}
.our-team-item .content .section3 h4{
	color:#FFF;
	font-size:30px;
	margin-top:10px;
	margin-bottom:0;
	text-transform:lowercase;}
.our-team-item .content .section3 span{
	display:block;}
.our-team-item .content .section3 span.title{
	color:#8bb2bc;}
.our-team-item .content .section3 span.links{
	margin:14px 0 0 0;}
	.our-team-item .content .section3 span.links a{
		text-decoration:none;
		display:inline-block;
		height:14px;
		padding:2px 20px 0 0;
		background:url(_images/share-links/twitter_16.png) no-repeat 100% -16px;}
	.our-team-item .content .section3 span.links a:hover{
		text-decoration:underline;}

/* ///// NEWS */
#news-obj h4{
	clear:both;}
#news-obj .section1{
	width:480px;
	float:left;
	margin-right:30px;}

#news-obj .section2{
	width:200px;
	float:left;}


/* ///// go2WORK */

.job-description{
	margin-bottom:40px;}
.job-description h5{
	margin:10px 0;
	color:#8BB2BC;
	font-weight:normal;
	font-size:13px;}

.job-description .section1, .job-description .section2{
	width:330px;
	float:left;}
.job-description .section1{
	margin-right:30px;}

.job-description strong{
	color:#8BB2BC;}


/* ///// RESOURCES */
#downloads-obj .section1{
	float:left;
	width:320px;
	margin:0 50px 0 0;}
#downloads-obj .section2{
	float:left;
	width:320px;
	margin:0;}


#jobs-obj ul, #downloads-obj ul, #links-obj ul, #book-and-video-obj ul{
	margin:0 0 20px 0;
	padding:0 0 0 14px;}
#jobs-obj ul li, #downloads-obj ul li, #links-obj ul li, #book-and-video-obj ul li {
	padding:0 0 3px 0;
	list-style:url(_images/list-links.gif);}

#book-and-video-obj .contents-innerHTML .section1{
	float:left;
	width:470px;}
#book-and-video-obj .contents-innerHTML .section2{
	float:right;
	width:200px;
	margin-bottom:15px;}

#book-and-video-obj h4{
	clear:both;}

#book-and-video-obj .testimony{
	color:#8bb2bc;
	font-size:13px;
	margin:15px 0 0 0;
	font-style:italic;}
#book-and-video-obj .testimony .name{
	display:block;
	color:#FFF;
	margin-top:3px;
	font-size:11px;
	font-style:normal;}



/* ///// CONTACT */
#contact-content{
	margin-top:15px;
	margin-bottom:0px;}


#contact-content .map-address{
	margin:40px 0 0px 0;}

#contact-content .map-address .section1{
	float:left;
	width:320px;}
#contact-content .map-address .section2{
	float:left;
	width:170px;}
#contact-content .map-address .section3{
	float:left;
	width:190px;
	margin-top:27px;
	padding:0 0 8px 20px;
	background:url(_images/divider-section-v.gif) repeat-y 0 0;}

#contact-content .map-address .section2 strong{
	display:block;
	color:#FFF;
	font-size:16px;
	margin-bottom:7px;}



ul#map-links {
	margin:0;
	padding:14px 0 10px 0;
	list-style: none;
}
ul#map-links li {
	float:left;
	margin:0 6px 0 0;
	padding:0 0 0 12px;
	background:url(_images/divider-bar.gif) no-repeat 0 0;
}
ul#map-links li.first {
	padding-left:0;
	background:none;
}

#get-directions-content{
	clear:both;
	float:left;}

#get-directions-content .contents-innerHTML{
	width:470px;
	padding:20px 21px 0 0;
	background:url(_images/divider-section-v.gif) repeat-y 100% 0;}

#get-directions-content h4{
	font-size:20px;}

#get-directions-content strong{
	color:#FFF;
	display:block;}


#contact-content form .section1, #contact-content .section2 {
	float:left;
	width:330px;}
	#contact-content form .section1{
		margin-right:30px;}


#contact-content form h4{
	font-size:24px;
	margin-bottom:20px;}

#contact-content form label{
	display:block;
	margin-bottom:15px;}

#contact-content form label .field-name{
	width:80px;
	color:#AAA;
	display:inline-block;
	margin-right:10px;
	text-align:right;}

#contact-content form label .text{
	padding:3px;
	font-size:14px;
	color:#0A3C56;
	width:228px;
	border:1px solid #999;}

#contact-content form .submit-box{
	float:right;}


/* ///// FOTTER */

#footer{
	position:relative;
	clear:both;
	margin-top:20px;}

#content.privacy-policy #footer {
	margin-top:60px;
	padding-top:20px;
	background:url(_images/divider-section.gif) no-repeat 0 0;} 


/* ///// ERROR PAGES */

.error-pages #statement{
	padding:55px 0 20px 0;}



/* ///// PRIVACY POLICY*/
#content.privacy-policy h1 {
	display:inline-block;
	font-size:43px;
	letter-spacing:-1px;
	line-height:1.0em;
	text-transform:none;
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	font-weight:normal;
	padding:6px 8px 4px 8px;
	text-transform:lowercase;
	text-decoration:none;
	color:#FFF;
	background:#3da8c3;
	margin-bottom:25px;
}







/* ///// WRAPPER */

.alignleft {
	float:left;
}
.alignright {
	float:right;
}
.clearfix {
	display: inline-block;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.spacer100 {
	height:100px;
}
.spacer200 {
	height:200px;
}
.spacer300 {
	height:300px;
}
.spacer400 {
	height:400px;
}
.spacer500 {
	height:500px;
}