/*Removes blue glow from Safari form input and Firefox dotted line focus*/:focus, a { -moz-outline-style: none; outline: none !important; }
html { height: 100%; }
body {	margin:0;	color:#909090;	font:17px/24px Helvetica, Arial, "Trebuchet MS", sans-serif;	background:#595959 url(../images/bg-body.gif) repeat-x 0 0;	text-align:left;	min-height: 101%;	}
#wrapper {	position:relative;	width:955px;	overflow:hidden;	margin:0 auto;	padding:0 0 60px 0;}
#header {	width:100%;	overflow:hidden;}
a {	text-decoration: underline;	color: #909090;}
a:hover { color: #F25218; }
a img { border: none; }
.h-t {	width:100%;	height:6px;	overflow:hidden;	background:url(../images/bg-h-t.png) no-repeat 0 0;}
.h-c {	width:100%;	overflow:hidden;	padding:27px 0 17px 0;	background:url(../images/bg-h-c.png) repeat-y 0 0;	display: block;}
.b {	width:100%;	height:9px;	overflow:hidden;	background:url(../images/bg-b.png) no-repeat 0 0;}
#header h1 a {	display:block;	width:164px;	height:43px;	overflow:hidden;	margin:0 0 0 31px;	text-indent:-9999px;	background:url(../images/logo.gif) no-repeat 0 0;}
#header strong a {	display:block;	width:100%;	height:100%;}
#main {	width:100%;	overflow:hidden;}
.visual {	width:950px;	height: 292px;	background: url(../images/homeflash_bg.jpg) no-repeat 0 0;	overflow:hidden;}
.visual img {	display:block;}
.b-t {	width:100%;	height:6px;	overflow:hidden;	background:url(../images/bg-b-t.png) no-repeat 0 0;}
.box {	width:100%;	overflow:hidden;	padding:20px 0 31px 0;	background:url(../images/bg-box.png) repeat-y 0 0;}

#content.wide {	width:635px;}
#content {	width:410px;	overflow:hidden;	float:left;	padding:0 30px 0 30px;}
#content h1 {	margin:0 0 5px 0;	color:#00aeef;	font:normal 26px/26px Georgia, "Times New Roman", Times, serif;}
#content h2 { color: #F25218; }
#content p {	margin:0;	padding:0 0 24px 0; }
#content.home p {	font-size:20px;	line-height: 28px;}
#content .bioItem {	margin: 20px 0;	overflow:hidden;}
#content .bioItem h1 {	margin-bottom:20px;}
#content .bioItem h2 {	margin:0;	font:normal 22px/22px Georgia, "Times New Roman", Times, serif;	color: #F25218;}
#content .bioItem h3 {	margin: 0;	font-size: 11px;	font-weight: bold;	color: #f15922;	text-transform: uppercase;}
#content p.pdf a { width: 145px; height: 25px; text-indent: -9999px; overflow: hidden; display: block; background-image: url(../images/btn-pdf.gif); margin: -10px 0 0 0; }
#content p.pdf a:hover { background-position: 0 -25px; }
#content .bioItem p, #content.caseStudy p {	font-size:13px;	line-height:18px;	font-weight:bold;	padding-bottom:18px;}
#content.caseStudy p, #content.caseStudy h2, #content.caseStudy h3 { margin-left: 30px; overflow:hidden; }
#content.caseStudy h2 { margin-bottom: 5px;}
#content.caseStudy h3 a { width: 92px; height: 9px;  text-indent: -9999px; overflow: hidden; display: block; background-image: url(../images/btn-launchSite.gif); }
#content.caseStudy h3 a:hover { background-position: 0 -9px; }
#content .bioItem img {	border:4px solid #CECECE;	margin:4px 30px 0 0;	float:left;	display:block;}
.bio {	width:500px;	float:left;}
#content .meet {	display:block;	width:126px;	font-size:11px;	line-height:25px;	padding:0;	background:url(../images/btn-meet.gif) no-repeat 0 0;	text-align:center;}
#content .meet a {	color:#fff;	width:111px;	padding:0 15px 0 0;	text-transform:uppercase;	font-weight:bold;	background:url(../images/bullet.gif) no-repeat 100% 2px;}
#content .meet a:hover {	text-decoration:underline;}
#content dl {	margin: 0 0 1em 0;}
#content dd {	margin:5px 0 0 0;	padding:0 0 0 13px;	background:url(../images/bullet2.gif) no-repeat 0 8px;}
#content.caseStudy { padding-left: 0; padding-right:0; width: 685px;}

#gallery {	width: 685px;	height: 435px;	margin-bottom:10px;}

#column {	float:left;	width:185px;	overflow:hidden;	padding:2px 10px 0 10px;	background:url(../images/bg-column.gif); font-size:13px;	line-height:18px;	margin-top: 30px;}
#column h2 {	margin:15px 0 0 0;	color:#ff571a;	font:normal 18px/20px Georgia, "Times New Roman", Times, serif;}
#column ul, #content.wide ul {	margin:0;	padding:0 0 17px 0;	list-style:none;}
#column li, #content.wide li {	margin:10px 0 0 0;	padding:0 10px 0 13px;	background:url(../images/bullet2.gif) no-repeat 0 0.5em;	font-weight: bold;}
#content.wide ul { margin-top: -1.5em; }

#sidebar {	float:right;	width:245px;	margin:-17px 0 0 0;	padding:0 5px 0 0;	overflow:hidden;	font-size:11px;	line-height:24px;}
#sidebar h3 {	color:#fff;	margin:20px 0 0 0;	padding:0 0 0 20px;	text-transform:uppercase;	font-size:11px;	line-height:25px;	background:url(../images/bullet3.gif) repeat-x 0 0;}
#sidebar ul {	margin:0;	padding:0;	list-style:none;}
#sidebar li {	line-height:24px;	background:url(../images/bullet8.gif) repeat-x 0 0;}
#sidebar.featured li a {	display:block;	position:relative;	height:74px;	line-height:74px;	background:url(../images/bg-featured.gif) repeat-x 0 0; text-decoration: none;}
#sidebar.featured li.last a {	height:72px;	}
#sidebar.featured li h5 {	font-size: 11px;	line-height: 15px;	position:absolute;	top:20px;	left:75px;}
#sidebar.featured li p {	font:normal 11px/13px Arial, Helvetica, sans-serif;	color:#7b7973;	position:absolute;	top:35px;	left:75px;	padding-right: 10px;}
#sidebar.featured li a:hover { 	background:url(../images/bg-featured-over.gif) repeat-x 0 0;}
#sidebar.featured img {	position:absolute;	top: 15px;	left: 20px;}
#sidebar ul a {	font-weight: bold;	display:block;	width:225px;	color:#6D6E71;	padding: 0 0 0 20px;}
#sidebar ul a:hover, #sidebar ul a.selected {	background:url(../images/bullet-on.png);}
#sidebar dl {	width:225px;	margin:0;	padding:4px 0 14px 20px;	background:url(../images/bullet4.gif);	line-height:16px;	color:#6d6e71;	font-weight:bold;}
#sidebar.home dl {	background:none;	margin-top: 20px;	font-size:13px;}
#sidebar.home dt { color:#00AEF0; margin-bottom: 6px; }
#sidebar.home dd { width:100%; }
#sidebar.home .request {	background: none;	}
#sidebar.home .request a {	color: #F25218;	background:url(../images/bullet1.gif) no-repeat 100% 2px;}
#sidebar.home .request a:hover {	color: #00AEF0;	background:url(../images/bullet10.gif) no-repeat 100% 2px;}
		#sidebar dl a {	display:block;	color:#6d6e71;}
#sidebar dl a:hover,#sidebar .request a:hover {	text-decoration:underline;}
#sidebar dt {	padding:10px 0 0 0;	text-transform:uppercase;}
#sidebar dt,#sidebar dd {	margin:0;}
#sidebar dl address {	font-style:normal;	font-weight:normal;}
#sidebar dd {	width:130px;	padding:0;}
#sidebar dl em {	font-style:normal;	font-weight:normal;}
#sidebar .request {	margin:0;	padding:0 0 1px 20px;	display:block;	width:225px;	line-height:25px;	background:url(../images/bullet5.gif) repeat-x 0 0;}

h6.button { 	font-size: 11px;	padding: 0 20px 20px 18px;	line-height:25px;	background:url(../images/bullet5.gif) repeat-x 0 0;	float: left;}
#content.caseStudy h6.button { margin: 0 0 0 30px; }
h6.button a {	color:#fff;	padding:0 15px 0 0;	background:url(../images/bullet6.gif) no-repeat 100% 2px;	text-transform:uppercase;	font-weight:bold;	text-decoration: none;}
h6.button a:hover {	color:#fff200;	text-decoration: none;	background:url(../images/bullet.gif) no-repeat 100% 2px;}

#sidebar .request a {	color:#fff;	padding:0 15px 0 0;	background:url(../images/bullet6.gif) no-repeat 100% 2px;	text-transform:uppercase;	font-weight:bold;	text-decoration: none;}
#sidebar .request a:hover {	color:#fff200;	text-decoration: none;	background:url(../images/bullet.gif) no-repeat 100% 2px;}

#workHub {	clear:both;	width: 900px;	padding: 0 20px 0 30px;	overflow:hidden;}
	.hubBox {	height: 215px;	width: 215px;	background:url(../images/bg-hubBox.gif) no-repeat;	position:relative;	margin: 0 10px 10px 0;	float:left;}
.hubBox:hover {	background:url(../images/bg-hubBox-over.gif) no-repeat;	cursor: pointer!important;	cursor: hand;}
a div.hubBox {color:#595959;}
.hubBox h4 {  font:normal 18px/18px Georgia, "Times New Roman", Times, serif; color: #595959;	display:block;	position:absolute;	bottom:144px;	left:10px;	margin:0;	padding-right: 10px;}

h5 {	font:bold 13px/18px Arial, Helvetica, sans-serif;	color:#00AEEF;	text-transform:uppercase;	margin:0;}

.hubBox h5 {	font-size:10px;	line-height:10px;	display:block;	position:absolute;	top:76px;	left:10px;	margin:0;}
.hubBox img {	position:absolute;	top:100px;	left:14px;}
.info { width: 270px; margin: 0 30px 30px 0; float: left; overflow: hidden; }
.contact a { color:#909090; text-decoration: underline; }
.info a:hover { color: #F25218; }
.contact h2 { margin: 30px 0 4px 0; }
div.info h2 { margin-top: 10px; }
#content.contact p {	font-size:13px;	line-height:18px;	font-weight:bold;	padding: 0;}


.top-nav {	position:absolute;	top:62px;	right:0;	margin:0;	padding:0 15px 0 0;	overflow:hidden;	list-style:none;}
.top-nav li {	float:left;	padding:4px 16px 0 16px;	margin:0 2px 0 -2px; /*this is how they got rid of the initial divider*/	line-height:16px;	background:url(../images/divider3.gif) no-repeat 0 0;	display:block;}
.top-nav li a {	display:block;	float:left;	line-height:9px;	height:9px;	overflow:hidden;	text-indent:-9999px;	background:url(../images/topNav.gif) no-repeat 0 -2px;}
.top-nav a.about {	width:67px;}
.top-nav a.about:hover, .top-nav a.about-current {	width:67px;	background-position:0 -14px;}
.top-nav a.capabilities {	width:87px;	background-position:-98px -2px;}
.top-nav a.capabilities:hover, .top-nav a.capabilities-current {	width:87px;	background-position:-98px -14px;}
.top-nav a.work {	width:69px;	background-position:-217px -2px;}
.top-nav a.work:hover, .top-nav a.work-current {	width:69px;	background-position:-217px -14px;}
.top-nav a.contact {	width:59px;	background-position:-317px -2px;}
.top-nav a.contact:hover, .top-nav a.contact-current {	width:59px;	background-position:-317px -14px;}

#footer {	width:100%;	overflow:hidden;	color:#bee7f7;	margin:1px 0 0 0;}
#footer a {	color:#bee7f7;}
#footer a:hover {	color:#fff200;	text-decoration:none;}
#footer a strong { font-weight: bold; background: url(../images/bullet11.gif) 100% 50% no-repeat; padding-right: 12px; }
#footer a:hover strong { text-decoration: underline; }

.f-t {	width:100%;	height:5px;	overflow:hidden;	background:url(../images/bg-f-t.png) no-repeat 0 0;}
.f-c {	width:950px;	padding:0 5px 0 0;	overflow:hidden;	background:url(../images/bg-f-c.png) repeat-y 0 0;}
.f-c h3 {	margin:14px 0 0 30px;	font:normal 18px/18px Georgia, "Times New Roman", Times, serif;	color: #FFF;}
.boxes {	width:919px;	overflow:hidden;	font-size:11px;	line-height:15px;	padding:0 0 32px 31px;	margin:13px 0 0 0;	background:url(../images/divider.gif) repeat-y 31px 0;	border-bottom:1px solid #0070af;}
.boxes h4, .boxes h4 a {	margin:0;	color:#fff200!important;	font-size:11px;	line-height:15px;	text-transform:uppercase;}
.boxes div {	width:196px;	overflow:hidden;	float:left;	padding:0 30px 0 0;}
.boxes ul {	margin:0;	padding:2px 0 0 0;	list-style:none;}
.boxes li {	padding:0 0 0 10px;	background:url(../images/bullet7.gif) no-repeat 0 7px;}
.f-b {	width:889px;	padding:8px 35px 11px 31px;	overflow:hidden;	font-size:10px;	line-height:15px;	background:url(../images/bg-f-b.png) repeat-y 0 0;}
.f-b div {	width:40%;	float:left;}
.f-b ul {	margin:0;	padding:0;	list-style:none;	overflow:hidden;}
.f-b li {	float:left;	padding:0 9px 0 11px;	margin:0 11px 0 -11px;	background:url(../images/divider2.gif) no-repeat 0 50%;}
.f-b p {	margin:0;	text-align:right;}

/*-------------------------------------------------
=CONTACT FORM
-------------------------------------------------*/
#contactForm { background:url(../images/bg-form.gif) repeat 0 0; padding:15px; position: relative; width: 630px; overflow:hidden; margin-top: 5px;}
table { width: 630px; }
td { width: 285px; }
td.tdRight { padding-left: 10px; }
input, textarea { border-top: 2px solid #CFCFCF; border-left: none; border-right: none; border-bottom: none; background: #ffe7de; text-align: left; padding: 6px 10px; display: block; margin: 0 0 15px 0;  }
input, textarea, select { font-size: 12px; font-weight: bold; color: #909090; font-family: Arial, Helvetica, "Trebuchet MS", sans-serif; display:block; clear:both; }
input.spAfter { margin-bottom: 35px; }
label { font-size: 14px; line-height:18px; font-weight: normal; color: #909090; font-family: Arial, Helvetica, "Trebuchet MS", sans-serif; display:block; clear:both; padding-bottom: 6px;  }
select { color:#555; padding: 2px; margin-bottom: 35px; }
input:focus, textarea:focus { background-color: #FFF; }
input { width: 285px;  }
textarea { width: 605px; margin-bottom: 50px; }
#contactForm h2.alert { position: absolute; bottom: 15px; left: 185px; font-size: 85%; line-height: 1.1em;}
.submit { background: url(../images/btn-submit.gif); }
button.submit { background-position: 0 0; height: 25px; }
a:hover button.submit { background-position: 0 -25px; }
.rollover a, button { width: 155px; padding: 0; border: 0; cursor: pointer; display: block; margin-top: 20px; position: absolute; bottom: 20px; left: 15px; }