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: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before {content: ''; content: none}
blockquote:after {content: ''; content: none}
q:before {content: ''; content: none}
q:after {content: ''; content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
.container_12, .container_16 {margin-left: auto; margin-right: auto; width: 960px}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {display: inline; float: left; margin-left: 10px; margin-right: 10px}
.container_12 .grid_3 {width: 220px}
.container_16 .grid_4 {width: 220px}
.container_12 .grid_6 {width: 460px}
.container_16 .grid_8 {width: 460px}
.container_12 .grid_9 {width: 700px}
.container_16 .grid_12 {width: 700px}
.container_12 .grid_12 {width: 940px}
.container_16 .grid_16 {width: 940px}
.alpha {margin-left: 0}
.omega {margin-right: 0}
.container_12 .grid_1 {width: 60px}
.container_12 .grid_2 {width: 140px}
.container_12 .grid_4 {width: 300px}
.container_12 .grid_5 {width: 380px}
.container_12 .grid_7 {width: 540px}
.container_12 .grid_8 {width: 620px}
.container_12 .grid_10 {width: 780px}
.container_12 .grid_11 {width: 860px}
.container_16 .grid_1 {width: 40px}
.container_16 .grid_2 {width: 100px}
.container_16 .grid_3 {width: 160px}
.container_16 .grid_5 {width: 280px}
.container_16 .grid_6 {width: 340px}
.container_16 .grid_7 {width: 400px}
.container_16 .grid_9 {width: 520px}
.container_16 .grid_10 {width: 580px}
.container_16 .grid_11 {width: 640px}
.container_16 .grid_13 {width: 760px}
.container_16 .grid_14 {width: 820px}
.container_16 .grid_15 {width: 880px}
.container_12 .prefix_3 {padding-left: 240px}
.container_16 .prefix_4 {padding-left: 240px}
.container_12 .prefix_6 {padding-left: 480px}
.container_16 .prefix_8 {padding-left: 480px}
.container_12 .prefix_9 {padding-left: 720px}
.container_16 .prefix_12 {padding-left: 720px}
.container_12 .prefix_1 {padding-left: 80px}
.container_12 .prefix_2 {padding-left: 160px}
.container_12 .prefix_4 {padding-left: 320px}
.container_12 .prefix_5 {padding-left: 400px}
.container_12 .prefix_7 {padding-left: 560px}
.container_12 .prefix_8 {padding-left: 640px}
.container_12 .prefix_10 {padding-left: 800px}
.container_12 .prefix_11 {padding-left: 880px}
.container_16 .prefix_1 {padding-left: 60px}
.container_16 .prefix_2 {padding-left: 120px}
.container_16 .prefix_3 {padding-left: 180px}
.container_16 .prefix_5 {padding-left: 300px}
.container_16 .prefix_6 {padding-left: 360px}
.container_16 .prefix_7 {padding-left: 420px}
.container_16 .prefix_9 {padding-left: 540px}
.container_16 .prefix_10 {padding-left: 600px}
.container_16 .prefix_11 {padding-left: 660px}
.container_16 .prefix_13 {padding-left: 780px}
.container_16 .prefix_14 {padding-left: 840px}
.container_16 .prefix_15 {padding-left: 900px}
.container_12 .suffix_3 {padding-right: 240px}
.container_16 .suffix_4 {padding-right: 240px}
.container_12 .suffix_6 {padding-right: 480px}
.container_16 .suffix_8 {padding-right: 480px}
.container_12 .suffix_9 {padding-right: 720px}
.container_16 .suffix_12 {padding-right: 720px}
.container_12 .suffix_1 {padding-right: 80px}
.container_12 .suffix_2 {padding-right: 160px}
.container_12 .suffix_4 {padding-right: 320px}
.container_12 .suffix_5 {padding-right: 400px}
.container_12 .suffix_7 {padding-right: 560px}
.container_12 .suffix_8 {padding-right: 640px}
.container_12 .suffix_10 {padding-right: 800px}
.container_12 .suffix_11 {padding-right: 880px}
.container_16 .suffix_1 {padding-right: 60px}
.container_16 .suffix_2 {padding-right: 120px}
.container_16 .suffix_3 {padding-right: 180px}
.container_16 .suffix_5 {padding-right: 300px}
.container_16 .suffix_6 {padding-right: 360px}
.container_16 .suffix_7 {padding-right: 420px}
.container_16 .suffix_9 {padding-right: 540px}
.container_16 .suffix_10 {padding-right: 600px}
.container_16 .suffix_11 {padding-right: 660px}
.container_16 .suffix_13 {padding-right: 780px}
.container_16 .suffix_14 {padding-right: 840px}
.container_16 .suffix_15 {padding-right: 900px}
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0}
.clearfix:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}
body {margin: 0 0 20px 0; background: #09141a url(/images/themes/bg2.jpg) repeat-x center top; font-family: "helvetica", arial, sans-serif; font-size: 13px;}body.default {background: #09141a url(/images/themes/bg2.jpg) repeat-x center top}body.red {background: red}h1 {font-size: 24px; color: #333333; margin: 0 0 10px 0; font-weight: normal;}h2 {font-size: 20px; font-weight: normal; margin: 0 0 12px 0; color: #666666;}h3 {font-size: 14px; font-weight: normal; color: #666666; margin: 0 0 8px 0;}p {font-size: 13px; color: #666666; line-height: 1.6;}a {text-decoration: none; color: #0d9dfd; cursor: pointer;}a:hover {cursor: pointer}.large-text {display: block; padding: 0 200px 20px 0; margin: 0 0 20px 0; background: url(/images/two-line.gif) repeat-x bottom left; line-height: 1.8; font-size: 18px; color: #666666;}.large-text span {padding: 2px 0; background: url(/images/bg-large-text.png) repeat top left;}.home {background: url(/images/home.png) no-repeat 0 120px}.about {background: url(/images/bg-about.png) no-repeat 0 120px}#header {height: 120px}#header #logo {float: left; margin: 40px 0 0 22px; height: 63px; width: 236px; background: url(/images/logo.png) no-repeat top left;}#header #logo span {display: none}#header #nav {float: right; margin: 64px 0 0 0px;}#header #nav ul li {float: left; margin: 0 30px 0 0;}#header #nav ul li a {font-size: 16px; line-height: 1.4; color: #ffffff; text-decoration: none; text-shadow: 1px 1px 0px #000000;}#header #nav ul li a:hover {color: #0d9dfd}#header #nav ul li a.active {color: #0d9dfd}#home-cnt {clear: both; height: 650px;}#home-cnt #flowpanes {position: relative; overflow: hidden; clear: both; height: 360px;}#home-cnt #flowpanes #left-fade {height: 290px; width: 28px; position: absolute; top: 10px; left: 0px; background: url(/images/left-fade.png) no-repeat top left;}#home-cnt #flowpanes #right-fade {height: 290px; width: 28px; position: absolute; top: 10px; right: 0; background: url(/images/right-fade.png) no-repeat top left;}#home-cnt #flowpanes .items {width: 20000em; position: absolute; clear: both; margin: 0; padding: 0;}#home-cnt #flowpanes div {margin: 24px 0 0 0px; height: 300px; width: 940px; float: left; display: block;}#home-cnt #flowpanes div .site-info {margin: 0 0 0 30px; float: left; width: 278px;}#home-cnt #flowpanes div .site-info h2 {margin: 10px 0 0 0}#home-cnt #flowpanes div .site-info a {margin: 0 0 10px 0; display: inline; font-size: 13px;}#home-cnt #flowpanes div .site-info .site-link {margin: 6px 0 0 0; padding: 0 0 0 10px; display: block; background: url(/images/bt-site-launch.gif) no-repeat 0 2px;}#home-cnt #flowpanes div img {height: 312px; width: 630px; float: left;}#home-cnt #flowpanes .less {color: #999999 !important; font-size: 11px;}#home-cnt #flowpanes .less a {color: #999999 !important; font-size: 11px;}#home-cnt #flowtabs {margin: 4px 10px 0 10px}#home-cnt #flowtabs li {float: left; background: url(/images/bg-port-li.gif) no-repeat right 10px;}#home-cnt #flowtabs li a {cursor: pointer; font-size: 14px; height: 50px; display: block; padding: 0 30px 0 30px; line-height: 4; color: #ffffff; text-shadow: 1px 1px 0px #000000;}#home-cnt #flowtabs li a.current {background: url(/images/li-down.png) no-repeat 50% 0}button {cursor: pointer; font-size: 14px; color: #ffffff; text-shadow: 1px 1px 0 #000000; height: 34px; border: none; float: right; padding: 0 36px 0 0; margin: 9px 20px 0 0; background: url(/images/next-off.png) no-repeat top right;}.about-site {margin: 56px 0 0 30px; width: 290px;}.about-site a {margin: 0 0 10px 0; display: block;}#three-box {margin: 12px 0 0 0}#three-box #testimonials {position: relative}#three-box .quote {font-family: times, sans-serif; line-height: 1.2; font-style: italic; font-size: 18px; color: #666666;}#three-box .quote-from {font-size: 12px; color: #666666; position: absolute; display: block; bottom: 0; right: 30px;}#three-box #who {background: url(/images/icon-about.png) no-repeat 194px 70px}#three-box #who p {width: 164px}#three-box #contact {background: url(/images/icon-contact.png) no-repeat right 70px}#three-box #contact p {width: 164px}#testimonials, #who, #contact {height: 170px; padding: 20px 30px 0 30px;}#services-wrapper {padding: 46px 20px 30px 30px}#services-wrapper h2 {margin: 0 0 40px 0}.service-bucket {padding: 0 0 0 70px; margin: 0 0 20px 0; width: 216px; height: 110px; float: left;}.service-bucket h3 {font-size: 15px; margin: 0 0 6px 0;}.service-bucket p {font-size: 12px; width: 170px;}#business {background: url(/images/icon-biz.png) no-repeat top left}#usability {background: url(/images/icon-usability.png) no-repeat top left}#development {background: url(/images/icon-dev.png) no-repeat top left}#application {background: url(/images/icon-app.png) no-repeat top left}#about-us-cnt {height: 220px; padding: 46px 30px 30px 30px;}#mike {height: 360px; padding: 30px;}#mike p {display: inline}#mike p img {padding: 0 0 10px 10px; float: right;}#lorne {height: 360px; padding: 30px;}#lorne p {display: inline}#lorne p img {padding: 0 0 10px 10px; float: right;}#blog {background: url(/images/bg-blog-top.png) no-repeat 0 0px}.nothing {padding: 46px 300px 30px 30px}#blog-bottom {height: 31px; background: url(/images/bg-blog-bottom.png) no-repeat top left;}#footer {margin: 20px 0 0 0}#footer ul#util-nav {text-align: center; display: block;}#footer ul#util-nav li {display: inline; padding: 0 16px 0 0; margin: 0 16px 0 0; background: url(/images/bg-util-li.png) no-repeat right 2px;}#footer ul#util-nav li a {color: #999999; line-height: 1.4;}#footer ul#util-nav li:last-child {background: none}#iecenter {margin: 30px 0 30px; text-align: center; width: 100%;}#iewarning {color: red; font-size: 24px; width: 500px; text-align: center;}div.codeblock {margin: 0 0 20px 0; padding: 5px; background-color: #eeeeee; border: 1px solid #cccccc;}code {font-size: 13px !important; margin: 0.5em 0;}ul.demo {margin: 0 0 20px 0}#theme-choices {width: 800px; height: 100px; position: absolute; display: none;}.scrollable {position: relative; overflow: hidden; width: 680px; height: 120px; border: 1px solid #cccccc; background: url(/images/h300.png) repeat-x;}.scrollable .items {width: 20000em; position: absolute; clear: both;}.scrollable img {float: left; margin: 20px 5px 20px 21px; background-color: #ffffff; padding: 2px; border: 1px solid #cccccc; cursor: pointer; width: 100px; height: 75px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}.scrollable .active {border: 2px solid #000000; z-index: 9999; position: relative;}.scrollable {float: left}a.browse {background: url(/images/hori_large.png) no-repeat; display: block; width: 30px; height: 30px; float: left; margin: 40px 10px; cursor: pointer; font-size: 1px;}a.right {background-position: 0 -30px; clear: right; margin-right: 0px;}a.right:hover {background-position: -30px -30px}a.right:active {background-position: -60px -30px}a.left {margin-left: 0px}a.left:hover {background-position: -30px 0}a.left:active {background-position: -60px 0}a.disabled {visibility: hidden !important}