/*<agl.folder "Elements">*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	}
body {
	font: 75%/1em "Lucida Grande","Lucida Sans Unicode","Lucida Console","Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
	color: #888;
	}
h2 {
	color: #3d6648;
	font: 167%/120% "Gill Sans","Lucida Grande","Lucida Sans Unicode","Lucida Console","Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
	margin-top: 15px;
	padding-bottom: .25em;
	}
h3 {
	color: #3f5a66;
	font-size: 100%;
	line-height: 1.2em;
	}
h4 {
	color: #4f7080;
	font-size: 100%;
	}
ul {
	margin-left: 1.5em;
	}
li {
	margin-bottom: .25em;
	}
p {
	margin: 0 0 .8em;
	}
blockquote, blockquote p {
	padding-left: .33em;
	text-indent: -.33em;
	}
dt {
	font-weight: bold;
	}
sup {
	line-height: .1;
	}
a:link {
	color: #364a56;
	}
a:visited {
	color: #525e66;
	}
a:hover {
	color: #cc6729;
	text-decoration: none;
	}
a:active {
	color: #d95300;
	text-decoration: underline;
	}
a.skip {
	position: absolute;
	left: -999em;
	width: 100em;
	}
/*</agl.folder>*/

/*<agl.folder "Classes">*/
.otherlinks {
	margin: 1.5em 0 1em;
	padding: 1em 0 0;
	list-style: none;
	border-top: 1px solid #eee;
	}
/*</agl.folder>*/
/*<agl.folder "Containers">*/
#splash {
	height: 65px;
	background: #0278ae url(splash.jpg) no-repeat;
	clear: both;
	}
#wrap {
	float: left;
	line-height: 1.33;
	background: url(bg.jpg) repeat-y;
	padding: 10px 0 20px 54px;
	width: 750px;
	voice-family:"\"}\"";voice-family:inherit;
	width: 665px;
	}
#main {
	float: left;
	width: 450px;
	color: #555;
	}
#news, #more, #home #featured, #awards, #affiliates, #toBlog {
	float: right;
	clear: right;
	width: 180px;
	font-size: 92%;
	color: #999;
	line-height: 1.27;
	}
#footer {
	color: #bbb;
	text-align: right;
	font-size: 92%;
	padding: 0 1.5em 0 85px;
	background: #406d80;
	height: 3em;
	line-height: 3em;
	border-top: 2px solid #a1b0b9;
	}
#maps {
	position: absolute;
	font-size: 1px;
	width: 0;
	height: 0;
	overflow: hidden;
	left: -999em;
	}
.row {
	float: none;
	width: 100%;
	clear: both;
	/* HIDE FROM IE-MAC \*/
	height: 1px;
	margin-bottom: -1px;
	/*Recover*/
	}
#navwrap .row {
	/* HIDE FROM IE-MAC \*/
	height: 1px;
	/*Recover*/
	}
/*</agl.folder>*/

/*<agl.folder "Footer">*/
#footer {
	color: #bbb;
	text-align: right;
	font-size: 92%;
	padding: 0 1.5em 0 54px;
	background: #406d80;
	height: 3em;
	line-height: 3em;
	border-top: 2px solid #a1b0b9;
	}
#maps {
	position: absolute;
	font-size: 1px;
	width: 0;
	height: 0;
	overflow: hidden;
	left: -999em;
	}
#subscribe {
	float: left;
	color: #eee;
	font-weight: bold;
	text-decoration: none;
	padding-left: 50px;
	background: url(subscribe_bg.gif) 0 6px no-repeat;
	}
#subscribe:hover {
	color: #ff7f00;
	background-position: 0 -44px;
	}
/*</agl.folder>*/

/*<agl.folder "Copyright/Contact info in footer">*/
#copyright	{
	padding: 10px 20px 20px 54px;
	clear: both;
	line-height: 1;
	}
#about #copyright *, #copyright * {
	font-size:x-small;
	font-weight: normal;
	float: left;
	margin: 0 0 0 .5em;
	padding: 0 0 0 .5em;
	color:#b8c6cc;
	border-left: 1px solid #cfdfe5;
	}
#copyright *:hover {
	color: #6b8b99;
	}
#about #copyright dt, #copyright dt, #about #copyright a, #copyright a {
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}
#about #copyright a:hover, #copyright a:hover {
	color: #cc6729;
	}
/*</agl.folder>*/

/*<agl.folder "Home page">*/
#home #splash {
	height: 130px;
	background-image: url(splash_home.jpg);
	}
#home #wrap {
	width: 86%;
	}
#home #main {
	width: 62%;
	}
#home #news, #home #featured, #home #toBlog {
	width: 32%;
	}
#home #news {
	clear: right;
	margin-top: -1.5em;
	}
#home .item h3, #home .item p {
	margin-left: 60px;
	}
#home .item {
	position: relative;
	background: no-repeat;
	height: 50px;
	height /**/: auto;
	min-height: 50px;
	margin-bottom: 1em;
	}
#home .item h3 a b {
	position: absolute;
	left: -60px;
	left /**/: 0;
	width: 50px;
	height: 50px;
	cursor: pointer;
	}
#home #news1 {
	background-image: url(logos/addy_silver_logo.jpg);
	}
#home #news2 {
	background-image: url(logos/summit_ema.jpg);
	}
#home #feature1 {
	background-image: url(cs/adobe.jpg);
	}
#ctas {
	margin: 0;
	padding: 0;
	}
#ctas li {
	list-style: none;
	background: url(cs/arrow_icon_rnd.gif) no-repeat;
	margin: 0 0 .5em;
	padding-left: 24px;
	height: 17px;
	height /**/: auto;
	min-height: 17px;
	}
#home #main strong {
	display: block;
	}
/*</agl.folder>*/

/*<agl.folder "Logo Image Replacement">*/
#navsd {
	background: url(logo.gif) 0 0 no-repeat;
	color: #364a56;
	font-size: 133%;
	position: absolute;
	display: block;
	z-index: 1;
	top: 10px;
	left: 10px;
	width: 178px;
	height: 25px;
	/* HIDE FROM IE-MAC \*/
	overflow: hidden;
	/*Recover*/
	}
#navsd a {
	text-decoration: none;
	color: #b7b3b3;
	display: block;
	width: 178px;
	height: 25px;
	cursor: pointer;
	}
#navsd b {
	background: url(logo.gif) 0 0 no-repeat;
	display: block;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 178px;
	height: 25px;
	}
/*IE hacks*/
* html #navsd {
	position: relative;
	font-size: 10px;
	margin-top: 10px !important;
	top: 0;
	left: 10px;
	}
* html #navsd {
	/* HIDE FROM IE-MAC \*/
	margin-bottom: -38px;
	/*Recover*/
	}
*>html #navsd b {
	margin-bottom: -26px;
	}
/*</agl.folder>*/

/*<agl.folder "Main nav">*/
#mainnav li {
	background: url(navdots.gif) 0 0 no-repeat;
	text-transform: uppercase;
	display: inline;
	list-style: none;
	padding: 0 1em;
	margin: 0;
	white-space: nowrap;
	}
#navwrap a {
	color: #a1b0b9;
	text-decoration: none;
	}
#mainnav a:hover, #mainnav a:active {
	color: #fff;
	}
#mainnav #navcas {
	background: url(navtab.gif) no-repeat;
	float: left;
	padding: 7px 1em 5px 85px;
	margin-top: -7px;
	}
*>html #mainnav #navcas {
	padding-top: 9px;
	margin-bottom: -2px;
	}
#navwrap {
	background: #fff;
	float: left;
	width: 100%;
	position: relative;
	}
#mainnav {
	background: #013c57 url(navbg.gif) repeat-x;
	padding: 7px 0 5px;
	color: #fff;
	margin: 5px 0 0;
	font-weight: bold;
	/* HIDE FROM IE-MAC \*/
	font-size: 92%;
	margin: 4em 0 0;
	}
html>body #mainnav {
	/* HIDE FROM IE-MAC \*/
	font-size: 83%;
	/*Recover*/
	}
/*style blog link*/
#navblg a {
	color: #e5a14e;
	}
#navblg a:hover {
	color: #ffb357;
	}
#navmap {
	visibility: hidden;
	position: absolute;
	height: 0;
	width: 0;
	margin-left: -999em
	}
/*</agl.folder>*/

/*<agl.folder "You are here">*/
#expertise #navexp a, #casestudindex #navcas a, #about #navabt a, #contact #navcon a, #casestud.awards #navawd a {
	color: #fff;
	}
/*</agl.folder>*/

/*<agl.folder "Expertise">*/
#expertise h3 {
	margin-bottom: .5em;
	clear: both;
	}
.callout {
	background: #ecf4f8;
	float: right;
	width: 160px;
	margin: 1em 0 1em 1em;
	padding: 10px 10px .5em 10px;
	}
.callout img {
	float: left;
	margin: 0 10px 0 0;
	}
#switchlist {
	margin: 1.5em 0 0;
	padding: 0;
	}
#switchlist li {
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
	height: 32px;
	height /**/: auto;
	min-height: 32px;
	}
#switchlist img {
	float: left;
	margin: 0 10px 0 0;
	border: 1px #cde solid;
	width: 30px;
	}
#expertise #main ul {
	margin: 0 0 1em 1.5em;
	list-style: disc;
	}
#more .anchlinks a, #more a.out {
	text-decoration: none;
	color: inherit;
	}
#more .anchlinks a:hover, #more a.out:hover {
	text-decoration: underline;
	color: #cc6729;
	}
/*</agl.folder>*/

/*<agl.folder "Articles">*/
.author {
	margin: -.25em 0 1.2em;
	color: #999;
	}
.articles #main img {
	float: left;
	margin: .2em 10px 10px 0;
	}
.articles.seo .author {
	background: url(seo.jpg) no-repeat bottom;
	padding: 0 0 325px;
	}
.articles.writing .author {
	background: url(writing.jpg) no-repeat bottom;
	padding: 0 0 155px;
	}
.articles.web_process .author {
	background: url(web_process.jpg) no-repeat bottom;
	padding: 0 0 211px;
	}
.articles.homepage .author { background: url(home_pages.jpg) no-repeat 50% bottom; padding: 0 0 325px; }
/*</agl.folder>*/

/*<agl.folder "Case Studies">*/
#casestudsplash {
	background: #0278ae url(splash.jpg) no-repeat;
	height: 65px;
	clear: both;
	}
#casestud #wrap {
	background-image: none;
	}
#casestud #pix {
	width: 450px;
	text-align: right;
	padding: .5em 0 .5em;
	margin-bottom: .5em;
	font-size: 92%;
	line-height: 1;
	position: relative;
	}
*>html #casestud #pix {
	background: url(ie_msg.gif) 0 3em no-repeat;
	}
#pix .title {
	display: block;
	color: #000;
	}
#casestud #pix div {
	margin-bottom: 12px;
	}
* html #casestud #pix div {
	border: 1px solid #fff;
	}
#casestud #pix img {
	display: block;
	margin-bottom: 10px;
	}
#casestud #pix img.banner {
	margin-bottom: 60px;
	}
#casestud #pix img.web {
	border: 1px solid #eee;
	margin-bottom: 8px;
	}
#casestud #pix .title a, #casestud #pix .title a:link, #casestud #pix .title a:visited {
	padding: 0 0 0 .5em;
	margin-left: .5em;
	text-decoration: none;
	color: #cc6729;
	border-left: 1px solid #999;
	}
#casestud #pix .title a:hover {
	padding: 0 0 0 .5em;
	margin-left: .5em;
	color: #364a56;
	}
#casestud #pixnav {
	float: right;
	list-style: none;
	height: 17px;
	}
#casestud #pixnav li {
	float: left;
	position: relative;
	width: 17px;
	height: 17px;
	margin: 0 0 0 .5em;
	display: inline;
	}
#casestud #pixnav li.zero {
	width: 8em;
	line-height: 17px;
	}
#casestud #pixnav a {
	color: #fff;
	background: no-repeat;
	text-decoration: none;
	width: 32px;
	height: 17px;
	position: absolute;
	z-index: 20;
	left: 0;
	overflow:hidden;
	font-size: xx-small;
	}
#casestud #pixnav a:hover {
	background-position: 0 -40px;
	}
#casestud #pixnav a.pixon, #casestud #pixnav a.active {
	background-position: 0 -80px;
	}
#casestud #pixnav .one, #casestud #pixnav .one a {
	background-image: url(cs/numb1.gif);
	}
#casestud #pixnav .two, #casestud #pixnav .two a {
	background-image: url(cs/numb2.gif);
	}
#casestud #pixnav .three, #casestud #pixnav .three a {
	background-image: url(cs/numb3.gif);
	}
#casestud #pixnav .four, #casestud #pixnav .four a {
	background-image: url(cs/numb4.gif);
	}
#casestud #pixnav .five, #casestud #pixnav .five a {
	background-image: url(cs/numb5.gif);
	}
#casestud #pixnav .six, #casestud #pixnav .six a {
	background-image: url(cs/numb6.gif);
	}
#casestud #pixnav .seven, #casestud #pixnav .seven a {
	background-image: url(cs/numb7.gif);
	}
#casestud #pixnav .eight, #casestud #pixnav .eight a {
	background-image: url(cs/numb8.gif);
	}
#casestud #pixnav .nine, #casestud #pixnav .nine a {
	background-image: url(cs/numb9.gif);
	}
#casestud #pixnav .ten, #casestud #pixnav .ten a {
	background-image: url(cs/numb10.gif);
	}
#casestud #pixnav .eleven, #casestud #pixnav .eleven a {
	background-image: url(cs/numb11.gif);
	}
#casestud #pixnav .twelve, #casestud #pixnav .twelve a {
	background-image: url(cs/numb12.gif);
	}
#chal {
	clear: both;
	padding-top: 1em;
	}
#more.casestudlist h3 {
	margin: .5em 0 .25em;
	}
#more.casestudlist ul {
	margin: 0 0 1em 1.5em;
	}
.webbanner {
	position: absolute;
	display: block;
	z-index: 10;
	left: 0;
	}
.webbanner img, .webbanner object {
	display: block;
	margin: auto;
	}
.adobe .webbanner {
	top: 301px;
	}
 .adobe #pic2 .webbanner {
	left: 80px;
	left: 25px;
	}
 .adobe #pic3 .webbanner {
  top: 288px;
  left: 10px;
 }
 .autodesk #pic3 .webbanner {
  top: 10px;
  left: 5px;
 }
 .autodesk #pic6 .webbanner {
  top: 282px;
  left: 12px;
 }
 .awards #pic5 .webbanner {
  top: 301px;
 }

 .awards #pic6 .webbanner {
  top: 290px;
  left: 8px;
 }

 #sol blockquote {
  font-style: italic;
  text-indent: -5px;
  margin-left: 5px;
  }

 #sol cite {
  font-style: italic;
  margin-top: 0.25em;
  display: block;
  }

/*</agl.folder>*/
/*<agl.folder "Case Studies Main page">*/
@media all and (min-width: 0px) {.casestudies .row {
	border-top: 1px solid #fff;
	}}
.casestudies p {
	margin: 0;
	}
.casestudies {
	width: 450px;
	float: left;
	margin-bottom:1em;
	}
.casestudies div {
	float: left;
	width: 217px;
	}
.casestudies #group2, .casestudies #group4 {
	float: right;
	}
.casestudies div div {
	width: 217px;
	margin: 5px 0;
	font-size: x-small;
	position: relative;
	float: left;
	display: inline;
	background: no-repeat;
	height: 50px;
	height /**/: auto;
	min-height: 50px;
	clear: left;
	}
.casestudies #adobe {
	background-image: url(cs/adobe.jpg);
	}
.casestudies #ace {
	background-image: url(cs/acereader.jpg);
	}
.casestudies #auto {
	background-image: url(cs/auto.jpg);
	}
.casestudies #cal {
	background-image: url(cs/cal.jpg);
	}
.casestudies #cmp {
	background-image: url(cs/cmp.gif);
	}
.casestudies #dfj { 
	background-image: url(cs/dfj.jpg); }
.casestudies #fin {
	background-image: url(cs/fin.jpg);
	}
.casestudies #loglogic {
	background-image: url(cs/loglogic.jpg);
	}
.casestudies #mbari {
	background-image: url(cs/mbari.jpg);
	}
.casestudies #network {
	background-image: url(cs/network-tn.jpg);
	}
.casestudies #nextance {
	background-image: url(cs/nextance.gif);
	}
.casestudies #natnalex {
	background-image: url(cs/natnalex.gif);
	}
.casestudies #satmetrix {
	background-image: url(cs/satmetrix.gif);
	}
.casestudies #skytide {
	background-image: url(cs/skytide.gif);
	}
.casestudies #tung {
	background-image: url(cs/tungsten.jpg);
	}
.casestudies #verisign {
	background-image: url(cs/verisign.jpg);
	}
.casestudies #woven {
	background-image:url(cs/woven.jpg);
	}
.casestudies #zahm {
	background-image:url(cs/zahm.jpg);
	}
.casestudies h4, .casestudies p {
	margin-left: 60px;
	}
.casestudies h4 a {
	color: #506d80;
	text-decoration: none;
	}
.casestudies h4 a:visited {
	color: #98a9b3;
	}
.casestudies h4 a:hover {
	color: #cc6729;
	}
.casestudies h4 a:active {
	color: #d95300;
	text-decoration: underline;
	}
.casestudies h4 a b {
	position: absolute;
	left: 0;
	width: 50px;
	height: 50px;
	cursor: pointer;
	}
/*</agl.folder>*/

/*<agl.folder "About Us">*/
#about #main ul, #about #main li {
	margin-left: 0;
	list-style: none;
	}
#about dt {
	color: #666;
	margin: .75em 0 0;
	}
#about dd {
	margin: .25em 0;
	}
#recentnews {
	background-image: url(news_icon.gif);
	background-repeat: no-repeat;
	padding-top: 43px;
	}
#recentawards {
	background-image: url(recentawards_icon.gif);
	background-repeat: no-repeat;
	padding-top: 43px;
	}
#factsheet {
	background-image: url(../../images/factsheet_tn.gif);
	background-repeat: no-repeat;
	height: 75px;
	margin-top: 20px;
	padding-left: 65px;
	}
#news #factsheet h2 {
	color: #333;
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 0;
	padding-top: 0;
	}
/*</agl.folder>*/

/*<agl.folder "Clients list">*/
#more .clients {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 170px;
	}
#more .clients li {
	margin: 0 0 .25em;
	padding: 0 0 0 1em;
	text-indent: -1em;
	}
#more h2 {
	font-size: 138%;
	}
/*</agl.folder>*/

/*<agl.folder "Contact">*/
#contactinfo dt {
	font-weight: bold;
	text-align: right;
	width: 5em;
	float: left;
	clear: left;
	}
#contactinfo dd {
	margin-left: 6em;
	}
* html #contactinfo dd {
	/* HIDE FROM IE-MAC \*/
	height: 1%;
	/*Recover*/
	}
/*</agl.folder>*/

/*<agl.folder "Awards">*/
#announcesplash {
	background: #0278ae url(splash.jpg) no-repeat;
	height: 65px;
	clear: both;
	}
.announce ul {
	margin: 0 0 1em 0;
	}
.announce li ul {
	margin-left: 1.5em;
	}
.announce li {
	font-weight: bold;
	margin-top: 1em;
	list-style-type: none;
	}
.announce li li {
	font-weight: normal;
	margin-top: .25em;
	list-style-type: disc;
	}
#descrip {
	padding-top /**/: 1em;
	clear: both;
	}
/*#more dt {
	margin: .5em 0 0;
	}
#more dd {
	margin: 0 0 .25em;
	}*/
.awards #more a {
	font-weight: bold;
	}
.awards #pixnav.eightpix li.zero {
	white-space: nowrap;
	padding-right: .5em;
	}
#casestud.awards #pixnav li.zero {
	width: auto;
	}
/*</agl.folder>*/

/*<agl.folder "switcher">*/
#switcher {
	position: absolute;
	z-index: 99;
	top: 10px;
	right: 10px;
	background: #fff;
	width: 20em;
	}
#switcher select {
	float: right;
	outline: 1px solid #dae1e5;
	}
#switcher p {
	font-size:x-small;
	margin: .33em 1em;
	float: right;
	}
/*</agl.folder>*/

/*<agl.folder "GONE_subnav">*/
#mainnav li {
	position: relative;
	}
#mainnav li ul {
	position: absolute;
	left: 0;
	margin: 5px 0 0;
	padding: 0;
	background: #013c57;
	display: none;
	}
#mainnav li:hover ul {
	display: block;
	z-index: 999;
	}
#mainnav li li {
	float: none;
	display: block;
	margin: 0;
	padding: 0;
	background: #013c57;
	text-transform: capitalize;
	}
#mainnav li li a, #expertise #navexp li a, #about #navabt li a {
	display: block;
	padding: 5px 10px;
	width: auto;
	background: #013c57;
	color: #a1b0b9;
	}
#mainnav li li a:hover, #expertise #navexp li a:hover, #about #navabt li a:hover {
	background: #a1b0b9;
	color: #013c57;
	}
#mainnav li ul#subexp {
	margin-left: 59px;
	}
#mainnav li ul#subexp a {
	padding-left: 26px;
	}
/*IE6*/
* html #mainnav li ul {
	margin: 1.75em 0 0;
	}
* html #mainnav li li a {
	float: left;
	clear: left;
	width: 9em;
	}
* html #mainnav li li a {
		height: 1px; 
	display: inline-block;
		}
/*IE7*/
*+html #mainnav li ul {
	margin: 25px 0 0;
	}
*+html #mainnav li ul#subexp {
	margin-top: 18px;
	}
/*</agl.folder>*/

/*<agl.folder "Site map">*/
#map #main {
	padding-top: 0;
	}
#featured {
	float: right;
	width: 180px;
	font-size: x-small;
	}
/*</agl.folder>*/
#main #designQuote .cbox {
	border:none;
	}
#main #designQuote form, input, select, textarea{
	border:#ccc solid 1px;
	}