* {
margin: 0px;
padding: 0px;
}
html {
}
body {
background: #B8BBC0 url(/images/background_top_shadow_2.png) repeat-x scroll 0px -8px;
font-family: Arial, Verdana, sans-serif;
padding-top: 18px;
padding-bottom: 18px;
}
a {
text-decoration: underline;
color: #000;
}
a:hover {
text-decoration: underline;
color: #444;
}
div.aside {
float: right;
margin: 8px 8px 20px 22px;
font-style: italic;
}
div.aside p {
text-align: right !important;
font-weight: bold;
}
#container, #content_inner_tertiary {
background: transparent url(/images/bg_top.jpg) no-repeat scroll 0px 0px;
}
#container {
margin: 0 auto;
width: 968px;
padding-top: 2px;
height: 100px;
}
#outer_container {
margin: 0 auto 50px;
width: 952px;
}
#inner_container {
height: 680px;
}
/*-------------- HEADER - MAIN NAV-----------------------*/
#header {
float: left;
width: 934px;
height: 62px;
margin: 15px 17px 0px 17px;
}
ul#main_nav {
white-space: nowrap;
width: 934px;
height: 62px;
}
ul#main_nav li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul#main_nav a {
background: url(/images/sprite_nav.jpg) no-repeat scroll top center;
float: left;
width: 154px;
height: 62px;
}
#main_nav a span {
display: none;
}
ul#main_nav a#digital_architecture_logo {
background-position: -18px -2px;
width: 313px;
}
ul#main_nav a#company {
background-position: -334px -2px;
}
ul#main_nav a#company:hover {
background-position: -334px -66px;
}
ul#main_nav a#company.current {
background-position: -334px -130px;
}
ul#main_nav a#solutions {
background-position: -488px -2px;
}
ul#main_nav a#solutions:hover {
background-position: -488px -66px;
}
ul#main_nav a#solutions.current {
background-position: -488px -130px;
}
ul#main_nav a#services {
background-position: -642px -2px;
}
ul#main_nav a#services:hover {
background-position: -642px -66px;
}
ul#main_nav a#services.current {
background-position: -642px -130px;
}
ul#main_nav a#contact {
background-position: -796px -2px;
width: 159px;
}
ul#main_nav a#contact:hover {
background-position: -796px -66px;
}
ul#main_nav a#contact.current {
background-position: -796px -130px;
}
/*--------------END HEADER MAIN NAV-----------------------*/
#content_outer {
padding: 0px 0px 0px 0px;
height: 100;
float: left;
width: 968px;
margin-top: 10px;
border: 0px solid #BBBDBF;
}
#content_outer_bottom {
height: 0px;
}
#content_inner {
background: transparent url(/images/bg_middle.jpg) repeat-y scroll 0px top;
margin: 0px;
padding: 0px;
width: 968px;
float: left;
}
#content_inner_secondary {
background: transparent url(/images/bg_bottom.jpg) no-repeat scroll 0px bottom;
width: 968px;
margin: 0px;
padding: 0px;
float: left;
}
#content_inner_tertiary {
background-position: 0px -89px;
border: 0px solid  #BBBDBF;
width: 968px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 29px 15px;
float: left;
min-height: 524px;
}
#content_inner_bottom {
background: transparent;
float: left;
height: 0px;
width: 930px;
display: none;
}
#bottom_background {
padding: 10px;
height: 100px;
float: left;
}
#bottom_background_inner {
height: 50px;
background: blue;
}
#left_column {
float: left;
}
#middle_column {
float: left;
font-size: 12px;
margin-top: 10px;
}
#middle_column_top_wide, #middle_column_bottom_wide, #middle_column_top_wide_active, #middle_column_top, #middle_column_top_active, #middle_column_bottom, a#secondary_nav_1, a#secondary_nav_1:hover, a.secondary_nav, a.secondary_nav:hover, a.tab_on, a#secondary_nav_1.tab_on, #subpage_nav ul li, #subpage_nav ul li.last_link, #subpage_nav ul li.first_link, .nav_link_top, .nav_link_top_active, .nav_links, .nav_links_active, div#box_2, div#box_3, div#qr_mobile, div.sidebox, a#demo_request h3, a#demo_request, div#box_nav {
background: transparent url(/images/sprite_sub_page.png) no-repeat scroll top left;
}
#middle_column_top_wide, #middle_column_bottom_wide, #middle_column_top_wide_active {
width: 760px;
height: 10px;
}
#middle_column_top_wide_active {
background-position: -162px -2px;
}
#middle_column_top_wide {
background-position: -162px -13px;
}
#middle_column_content_wide {
background: transparent url(/images/content_center_wide.png) repeat-y scroll 0 0px;
width: 728px;
padding: 3px 16px 48px 16px;
overflow: auto;
min-height: 620px;
}
#middle_column_bottom_wide {
background-position: -162px -29px;
}
#middle_column_content_wide input {
margin: 5px;
}
#middle_column_content_wide p {
margin: 0px 0px 0px 0px;
line-height: 1.4;
}
#content {
float: left;
}
#middle_column_top, #middle_column_top_active {
background-position: top left;
width: 452px;
height: 10px;
}
#middle_column_top {
background-position: -2px -248px;
}
#middle_column_top_active {
background-position: -2px -236px;
}
#middle_column_content {
background: url(/images/content_center.png) repeat-y;
width: 420px;
padding: 3px 16px 48px 16px;
overflow: auto;
min-height: 474px;
}
#middle_column_content p {
line-height: 1.5;
margin: 9px 0px 9px 0px;
}
#middle_column_content blockquote, #key_experience blockquote {
background: url(/images/open.png) no-repeat scroll top left;
line-height: 1.5;
margin: 8px 0px 0px 0px;
padding: 0px 0px 8px 18px;
clear: both;
}
#middle_column_content blockquote span, #key_experience blockquote span {
background: url(/images/close.png) no-repeat scroll bottom right;
font-size: 12px;
padding-right: 18px;
line-height: 1.5;
font-style: italic;
}
#key_experience p {
margin: 8px 0px 0px 0px;
}
div.pullquote {
margin: 0px;
padding: 20px 0px 10px 10px;
width: 216px;
float: right;
}
#middle_column_content blockquote p, #key_experience blockquote p {
font-size: 12px;
padding-right: 21px;
line-height: 1.5;
font-style: italic;
font-weight: bold;
text-align: right;
}
#middle_column_content p.begin_article {
line-height: 1.5;
margin: 18px 0px 0px 0px;
}
#middle_column_content li {
line-height: 1.5;
margin-bottom: 0px;
}
#middle_column_content ul {
margin: 0px 9px 5px 18px;
}
#middle_column_content ol {
margin: 0px 9px 5px 18px;
}
#middle_column_content h2 {
clear: both;
}
#middle_column_bottom {
background-position: -458px -239px;
width: 452px;
height: 10px;
text-align: center;
}
#right_column {
float: right;
margin: 0px 32px 0px 8px;
width: 310px;
}
a#secondary_nav_1 {
width: 154px;
height: 61px;
background-position: -604px -127px;
display: table;
text-align: left;
margin-left: 12px;
}
a#secondary_nav_1:hover {
width: 154px;
height: 61px;
background-position: -760px -127px;
display: table;
text-align: left;
}
a.secondary_nav {
width: 154px;
height: 65px;
background-position: -604px -123px;
display: table;
text-align: left;
margin-left: 12px;
}
a.secondary_nav:hover {
width: 154px;
height: 65px;
background-position: -760px -123px;
display: table;
text-align: left;
}
a.tab_on {
background-position: -760px -47px;
width: 154px;
height: 65px;
display: table;
text-align: left;
margin-left: 12px;
}
a#secondary_nav_1.tab_on {
background-position: -604px -51px;
}
p.nav_text {
display: table-cell;
vertical-align: middle;
padding: 8px 10px 10px 10px;
font-size: 14px;
font-weight: bold;
}
p.nav_text_top {
padding-left: 10px;
padding-right: 10px;
padding-top: 18px;
font-size: 14px;
font-weight: bold;
}
#subpage_nav {
list-style-type: none;
margin-top: 10px;
}
#subpage_nav a {
color: #444;
text-decoration: none;
}
#subpage_nav ul {
font-size: 16px;
list-style-type: none;
font-weight: bold;
line-height: 20px;
text-align: right;
}
#subpage_nav ul li {
background-position: 10px -9px;
margin-right: 0px;
}
#subpage_nav ul li.last_link {
background-position: 10px -30px;
height: 36px;
}
#subpage_nav ul li.first_link {
background-position: 10px -35px;
}
#subpage_nav ul a {
color: #000;
margin-right: 50px;
text-decoration: none;
}
#subpage_nav ul a:hover {
color: #F69221;
}
.nav_link_top {
background-position: top left;
width: 152px;
height: 62px;
margin-left: 10px;
list-style-type: none;
display: table;
}
.nav_link_top p {
margin-top: 18px;
padding-left: 12px;
font-size: 14px;
}
.nav_link_top_active {
background-position: top left;
width: 152px;
height: 62px;
margin-left: 10px;
list-style-type: none;
display: table;
}
.nav_link_top_active p {
margin-top: 18px;
padding-left: 12px;
}
.nav_links {
background-position: bottom left;
width: 142px;
height: 66px;
margin-left: 10px;
list-style-type: none;
vertical-align: middle;
border-collapse: collapse;
cursor: pointer;
display: table;
}
.nav_links p {
display: table-cell;
vertical-align: middle;
padding-left: 12px;
font-size: 14px;
}
.nav_links_active {
background-position: top left;
width: 152px;
height: 66px;
margin-left: 10px;
list-style-type: none;
vertical-align: middle;
border-collapse: collapse;
cursor: pointer;
text-decoration: none;
}
.nav_links_active p {
width: 152px;
height: 66px;
padding-left: 12px;
font-size: 16px;
display: table-cell;
list-style-type: none;
vertical-align: middle;
border-collapse: collapse;
cursor: pointer;
text-decoration: none;
}
#middle_column h2 {
margin: 18px 0px 9px 0px;
color: #444;
}
#middle_column h2:first-child {
margin: 0px 0px 9px 0px;
color: #444;
}
#middle_column h3 {
margin: 18px 0px 9px 0px;
color: #444;
}

#middle_column h4 {
	margin: 9px 0 9px 0;
}

div#box_2, div#box_3, div#qr_mobile, div.sidebox {
background-position: -2px -42px;
display: block;
float: right;
width: 298px;
height: 148px;
margin: 10px 10px 0px 10px;
}
span.sidebox_h3 {
font-size: 16px;
color: #444;
font-weight: bold;
float: left;
margin: 18px 0 0 0;
}
span.sidebox_p {
font-size: 11px;
color: #444;
width: 150px;
float: left;
line-height: 17px;
margin: 8px 0 0 0;
}
div#box_2:hover, div#box_3:hover, div#qr_mobile:hover, div.sidebox:hover {
background-position: -303px -42px;
}
#box_2 a, #box_3 a, div#qr_mobile a, div.sidebox a {
width: 298px;
height: 148px;
margin: 0px 0px 0px 0px;
display: block;
float: left;
text-decoration: none;
}
#box_2 a img, #box_3 a img , div#qr_mobile 1 img {
width: 126px;
height: 148px;
float: left;
border-style: none;
margin: 0px 0px 0px 0px;
}
#box_3 a img, #qr_mobile a img, div.sidebox a img {
height: 148px;
width: 126px;
float: left;
border-style: none;
margin: 0px 0px 0px 0px;
}
#box_2 h3, #box_3 h3, #qr_mobile h3, div.sidebox h3 {
font-size: 16px;
color: #444;
float: left;
margin: 18px 0px 0px 0px;
text-decoration: none;
}
#box_2 p, #box_3 p, #qr_mobile p, div.sidebox p {
font-size: 11px;
color: #444;
width: 160px;
float: left;
margin: 8px 0px 0px 0px;
text-decoration: none;
line-height: 17px;
}
div#key_experience {
display: block;
float: right;
width: 298px;
margin: 6px 10px 10px 10px;
}
#key_experience a {
width: 252px;
height: 120px;
margin: 14px 24px 14px 24px;
display: block;
float: left;
text-decoration: none;
}
#key_experience a p {
float: left;
clear: left;
}
#key_experience a img {
border-style: none;
clear: both;
margin: 0 auto 10px auto;
float: left;
}
.news_image_left {
float: left;
margin: 4px 4px 0px 0px;
}
.news_image_right {
float: right;
margin: 4px 0px 0px 14px;
}
.quote {
display: block;
margin: 10px auto 0px auto;
}
#footer {
padding: 0px 0px 20px 0px;
font-size: 10px;
clear: both;
margin: 0px 0px 0px 18px;
}
#footer p {
display: inline;
}
#footer a {
margin-right: 10px;
color: #000;
text-decoration: none;
}
#footer a:hover {
margin-right: 10px;
color: #000;
text-decoration: underline;
}
.error {
float: left;
color: red;
}
.clients_logo {
float: right;
margin: 5px;
}
#left_col_demo {
float: left;
clear: left;
}
#right_col_demo {
float: left;
}
#demo_form {
float: left;
clear: both;
margin: 16px 0px 0px 16px;
}
#demo_form strong {
float: left;
clear: both;
}
#demo_form p input {
margin: 5px 0px 5px 0px;
}
#top_nav_case_studies {
overflow: auto;
margin-bottom: 10px;
}
#top_nav_col_1 {
float: left;
clear: left;
list-style-type: none;
}
#top_nav_col_2 {
float: right;
clear: right;
list-style-type: none;
}
a#demo_request h3 {
background-position: 185px -11px;
font-size: 16px;
font-weight: bold;
color: #444;
letter-spacing: 0;
padding-right: 20px;
position: absolute;
top: 10px;
left: 55px;
}
a#demo_request {
background-position: -2px -193px;
position: relative;
width: 298px;
height: 41px;
display: block;
float: right;
margin: 10px 10px 0px 10px;
text-decoration: none;
}
a#demo_request:hover {
background-position: -303px -193px;
}