@charset "UTF-8";
/* CSS Document */
/* Clear all */
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:11px;
	vertical-align:baseline;
	background:transparent;
}
/* core structure */
body {
	font-family: Helvetica, Arial, sans-serif;
	background-color: #171717;
	color: #7b7b7b;
	line-height: 14px;
}
/* grid elements */
div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-full {
	float:left;
	margin-right:12px;
	position:relative;
	display: block;
}
div.last, .folio-main .last {
	margin-right:0;
}
.span-1 {
	width: 155px;
}
.span-2 {
	width: 322px;
}
.span-3 {
	width: 489px;
}
.span-4 {
	width: 656px;
}
.span-5 {
	width: 823px;
}
.span-6, div.span-6 {
	width: 990px;
	margin-right: 0px;
}
.span-6-full {
	width: 990px;
	margin: 0px auto;
	display: block;
	position: relative;
	clear: both;
}
span-full, div.span-full {
	width:100%;
	margin-right: 0px;
	display: block;
	position:relative;
	clear: both;
}
/* page structure */
.main-shell {
	margin: 0px;
	width: 100%;
	position: relative;
}
.header {
	margin: 0px 30px;
	width: 930px;
	height: 100px;
	position: absolute;
	z-index: 2000;
	top: 0px;
	overflow: hidden;
	background:url(/i/bg_image_dots_header.png) bottom left repeat-x;
}
.main-feature {
	width: 990px;
	height: 330px;
	position: absolute;
	top: 100px;
	overflow: hidden;
	z-index: 1500;
}
.about .main-feature, .contact .main-feature, .services .main-feature, .missing .main-feature, .work .main-feature, .news .main-feature {
	height: 200px;
}
.content {
	padding-top: 50px;
	min-height: 100px;
	background: url(/i/bg_image_content_top.png) top left repeat-x;
}
.footer {
	padding: 40px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #666666;
}
.clear {
	clear: both;
}
.float-left{
	float:left;
	margin: 0px 10px 10px 0px;
	display: block;
}
.float-right {
	float: right;
	margin: 0px 0px 10px 10px;
	display: block;
}
/* custom  page structure elements */
body.index .feature-bg {
	height: 430px;
	background: #040404;
}
body.oops .main-photo {
	background: #040404 url(/i/main_photo_oops.jpg) top center no-repeat;
}
body.about .feature-bg { 
	height: 300px;
	background: #040404 url(/i/main_about_bg.jpg) top center no-repeat;
}
body.contact .feature-bg { 
	height: 300px;
	background: #040404 url(/i/main_contact_bg.jpg) top center no-repeat;
}
body.services .feature-bg { 
	height: 300px;
	background: #040404 url(/i/main_services_bg.jpg) top center no-repeat;
}
body.missing .feature-bg { 
	height: 300px;
	background: #040404 url(/i/main_missing_bg.jpg) top center no-repeat;
}
body.work .feature-bg { 
	height: 300px;
	background: #040404 url(/i/main_work_bg.jpg) top center no-repeat;
}
body.work-details .feature-bg { 
	height: 160px;
	background: #040404 url(/i/main_work_bg.jpg) top center no-repeat;
}
body.news .feature-bg { 
	height: 300px;
	background: #040404 url(/i/main_news_bg.jpg) top center no-repeat;
}
body.news-details .feature-bg { 
	height: 160px;
	background: #040404 url(/i/main_news_bg.jpg) top center no-repeat;
}
body .sub-content {
	padding-top: 30px;
	background: url(/i/bg_image_content_top.png) top left repeat-x;
}
.main-photo {
	height: 280px;
	position: relative;
	overflow: hidden;
}
.logo {
	width: 142px;
	height: 40px;
	position: relative;
	top: 24px;
	left: 0px;
}
.logo .inner-logo {
	display: none;
}
.right-content {
	margin-right: 10px;
	padding: 30px 30px 50px 30px;
	background-color: #ffffff;
}
.feature-headline {
	position: relative;
	left: 30px;
	top: 160px;
}

/* fonts */
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h2 {
	margin: 64px 0px 0px 60px;
	width: 400px;
	font-size: 22px;
	color: #ffffff;
	line-height: 26px;
}
h3 {
	margin-bottom: 20px;
	padding-bottom: 6px;
	font-size: 18px;
	color: #46afc3;
	background:url(/i/bg_image_dots_h3.png) bottom left repeat-x;
}
h4 {
	font-size: 12px;
	color: #86b5be;
}
h5 {
	padding-bottom: 4px;
	font-size: 14px;
	color:#333;
}
.mod-dark h5 {
	padding-bottom: 2px;
	font-size: 10px;
	color:#696969;
}
.mod-dark .details {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color:#696969;
}
h6 {
	font-size: 18px;
	color: #ffffff;
	font-style: italic;
	line-height: 20px;
}
.main-feature.centered h2 {
	text-align: center;
	margin: 64px 0px 0px 0px;
	width: 100%;
}
body.index h2 {
	margin-top: 80px;
}
body.about h2 {
	color: #b9e053;
}
body.about h4{
	color:#169016;
}
body.contact h2 {
	color: #78571f;
}
body.services h2 {
	color: #980682;
}
body.missing h2 {
	color: #146885;
}
body.work h2 {
	color: #009203;
}
body.news h2 {
	color: #b69132;
}

#overview-details ul {
	list-style: none;
	margin: 0px 16px;
}
.folio-text h6 {
	padding: 4px;
	font-size: 12px;
	font-style: normal;
	line-height: 12px;
	background: transparent url(/i/bg_image_foliotext.png);
}
.content p, .sub-content p {
	margin-bottom: 20px;
}
.sup-script {
	font-size: 9px;
	margin-bottom: 6px;
}
/* links */
a:link.news-title , a:visited.news-title  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #3ba5bb;
	display: block;
	margin-bottom: 6px;
}
a:hover.news-title {
	color: #8fd6e5;
	text-decoration: none;
}
a {
	color: #2a92ae;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	
}
.utility-details a:link, .utility-details a:visited {
	margin:0px 8px 12px 0px;
	padding: 6px;
	background-color: #ececec;
	color:#333;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-weight: bold;
	font-size: 9px;
	float: left;
}
.utility-details a:hover {
	background-color: #3BA5BB;
	color:#fff;
	text-decoration: none;
}
/* images */
#brands-details img {
	float: left;
	margin-right: 10px;
}

/* eot items */
.eot-details-main {
	background-color: #fff;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.eot-details-header {
	background-color: #222;
	padding: 12px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.eot-details-header .headline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #86B5BE;
	display: block;
	margin-bottom: 6px;
}
.eot-details-content {
	padding: 30px 12px 12px;	
}
.right-col {
	padding-top: 60px;
}
.alt-port-items {
	/*padding-top: 20px;*/
}
.eot-details-content h4 {
	color:#169016;
	margin-bottom: 20px;
}
.eot-details-main .work img {
	margin-top: 12px;	
}
.eot-details-main .news img {
	margin-bottom: 12px;	
}
/* primary navigation */
.primary-nav {
	position: absolute;
	right: 10px;
	top: 0px;
	z-index: 200;
}
.primary-nav ul {
	list-style: none;
	margin: 0px;
	text-align: center;
}
.primary-nav li {
	float: right;
	height: 100px;
	display: block;
	position:relative;
	overflow: hidden;
	width: 78px;
}
.primary-nav li a {
	padding: 50px 0px 0px;
	height: 50px;
	text-decoration: none;
	overflow: hidden;
	float: right;
	color: #fff;
	position: relative;
	width: 100%;
	font-size: 11px;
}
.primary-nav li a:hover {
	color: #46afc3;	
}
.primary-nav li.contact {
	width: 86px;
} 
.primary-nav li.services {
	width: 90px;
}
.primary-nav .menu-bg {
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: -100;
	height: 100px;
	background: transparent url(/i/menu_bg_elements.png) top left no-repeat;
	display: none;
}
.primary-nav li.work .menu-bg {
	background-position: -100px 0px;
}
.primary-nav li.news .menu-bg {
	background-position: -200px 0px;
}
.primary-nav li.contact .menu-bg {
	background-position: -300px 0px;
}
.primary-nav li.services .menu-bg {
	background-position: -400px 0px;
}
/* secondary navigation */
.secondary-menu-items {
	width: 100%;
	margin-top: 40px;
}
.secondary-menu-items ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.secondary-menu-items ul li {
	margin-bottom: 4px;
	padding: 6px 0px 6px 8px;
	height: 14px;
	color: #666;
	font-size: 10px;
}
.secondary-menu-items ul li.hover {
	color: #fff;
	cursor: pointer;
	/*background: url(/i/menu_sub_bg_elements.png) top left no-repeat;*/
}
.secondary-menu-items ul li.active {
	color: #fff;
	cursor: default;
}
.secondary-menu-items-active {
	height: 24px;
	width: 100%;
	background: url(/i/menu_sub_bg_elements.png) top left no-repeat;
	position: absolute;
	z-index: -40;
	top: 40px;
}
body.about .secondary-menu-items-active {
	background-position: 0px -26px;
}
body.contact .secondary-menu-items-active {
	background-position: 0px -104px;
}
/*services styles*/
.service-details ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.service-details ul li {
	background: url(/i/services_icons.jpg) top left no-repeat;
	background-position: 0px 10px;
}
.service-details ul li.ia {
	background-position: 0px -290px;
}
.service-details ul li.split-testing {
	background-position: 0px -190px;
}
.service-details ul li.wireframes {
	background-position: 0px -90px;
}
.service-details ul li.design {
	background-position: 0px -390px;
}
.service-details ul li.development {
	background-position: 0px -490px;
}
.service-details ul li.standards {
	background-position: 0px -590px;
}
.service-details ul li.pm {
	background-position: 0px -690px;
}
.service-details ul li.work-flow {
	background-position: 0px -790px;
}
.service-details ul li p {
	padding-left: 60px;
	min-height: 50px;
}
/* form styles */
label{display:block; font-family:Georgia,"Times New Roman",Times,serif; font-size:10px; color:#B4B4B4; margin-bottom:2px;}
input.form-textbox{border:1px #959595 solid; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#B4B4B4; padding:4px 2px; width:80%; margin-bottom:10px;}
select.form-select{border:1px #959595 solid; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#B4B4B4; margin-bottom:10px;}
select.form-select option{background:#E3E3E3; color:#878787; margin:0px;}
textarea.form-textarea{border:1px #959595 solid; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#B4B4B4; padding:4px 2px; width:100%; height:100px; margin-bottom:10px;}
.form-button{border:1px #D6D6D6 solid; background:#FFF url(/i/bg_button_gradient.png) repeat-x bottom; color:#C5C5C5; font-family:Arial, Helvetica, sans-serif; padding:6px 8px 4px; cursor:pointer;}
.form-button:hover{color:#AAA; border-color:#BBB;}
.form-errors{background:#E00000; -moz-border-radius:4px; -webkit-border-radius:4px; padding:6px 12px 8px; color:#FFF; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; margin-bottom:10px; display:none;}
/*extras*/
.coming-soon {
	width: 77px;
	height: 24px;
	background: url(/i/coming_soon.png) top right no-repeat;
	position: absolute;
	top: 4px;
	right: -10px;
	z-index: 500;
}
/* ie alerts */
.ie6 .alert, .ie7 .alert {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 9000;
}
.ie6 #port-sub-nav, .ie7 #port-sub-nav {
	display: none;	
}
/* work styles */
#port-sub-nav {
	margin-bottom: 20px;
	height: 32px;
	overflow: hidden;
	background: url(/i/bg_image_dots_header.png) repeat-x left 22px;
}
#port-sub-nav ul {
	list-style: none;
}
#port-sub-nav ul li {
	float: left;
	margin-right: 10px;
	padding: 7px 20px 12px;
	text-align: center;
	color: #8b8b8b;
	background: url(/i/port_sub_menu_bg.png) top center no-repeat;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#port-sub-nav .hover {
	background-position: center -32px;
	cursor: pointer;
	color: #ddd;
}
#port-sub-nav ul li.active {
	color: #fff;
	background-position: center -64px;	
	cursor: default;
}
#port-main-content ul, body.index .mod-content ul, .alt-port-items ul {
	list-style: none;
}
.port-item-wrapper {
	margin: 20px 0px 0px 10px;
	padding: 10px;
	width: 296px;
	height: 225px;
	background-color: #222;
	float: left;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.alt-port-items .port-item-wrapper {
	margin-left: 0px;
	width: 296px;
	padding: 12px;
}
.port-item-wrapper .first {
	margin: 0px;	
}
.port-item-wrapper a:link, .port-item-wrapper a:visited, .news-item-wrapper a:link, .news-item-wrapper a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #3ba5bb
}
.port-item-wrapper a:hover, .news-item-wrapper a:hover {
	text-decoration: none;
	color: #8fd6e5;
}
#port-main-content ul li.hover {
	background-color: #292929;	
	cursor: pointer;
}
.port-icons {
	position: absolute;
	top: 12px;
	right: 12px;
}
.port-thumb {
	position: absolute;
	bottom: 12px;
}
.port-title {
	margin-bottom: 8px;
	display: block;	
}
.port-item-wrapper .coming-soon {
	right: -5px;
	top: -10px;
}
/* news */
.news-item-wrapper {
	margin-bottom: 10px;
	padding: 12px;
	background-color: #222;
	width: 632px;
	float: left;
	display: block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
.twitter h4 {
	padding-left: 20px;
	background: url(/i/twitter_t.png) center left no-repeat;
}
/* utility */
.utility-details {
	display: block;
	margin: 0px 12px;
	clear: both;
}


/* home */
.index .span-full.feature-bg { background: url(/i/main_feature_sog.jpg) top center no-repeat; }