@media screen{

/*
Reset from Eric Meyer:
http://meyerweb.com/eric/tools/css/reset/
----------------------------------------*/

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, 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%;
font-family: inherit;
vertical-align: baseline;
}
sup {
font-size: smaller;
vertical-align: super;
}
:focus {
outline:0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

body{
font-size:1em;
font-family:georgia,serif;
color:#534442;
text-align:center;
background:#fff;
}

/*
text =t
----------------------------------------*/

/* =a */

a:link,
a:visited{
color:#a34103;
}
a:focus,
a:hover,
a:active{
color:#b32720;
}

/* alternative underline */

a:link,
a:visited{
color:#c8c9be;
}
a:link span,
a:visited span{
color:#a34103;

}
a:focus,
a:hover,
a:active{
color:#f90;
}
a:focus span,
a:hover span,
a:active span,
.aside.block p a em:focus,
.aside.block p a em:hover,
.aside.block p a em:active {
color:#c00;
}

.recent-planet h3 a:link,
.recent-planet h3 a:visited,
.conferences h3 a:link,
.conferences h3 a:visited,
.talks h3 a:link,
.talks h3 a:visited,
.contact ul li h3 a:link,
.contact ul li h3 a:visited,
.entries ol li h3 a:link,
.entries ol li h3 a:visited,
.feature-case-study h3 a:link,
.feature-case-study h3 a:visited,
.locations h2 a:link,
.locations h2 a:visited{
text-decoration:none;
}
.related-entries a.bookmark:link,
.related-entries a.bookmark:visited{
color:#c8c9be;
text-decoration:underline;
}
.recent-planet h3 a:link span,
.recent-planet h3 a:visited span,
.conferences h3 a:link span,
.conferences h3 a:visited span,
.talks h3 a:link span,
.talks h3 a:visited span,
.contact ul li h3 a:link span,
.contact ul li h3 a:visited span,
.entries ol li h3 a:link span,
.entries ol li h3 a:visited span,
.feature-case-study h3 a:link span,
.feature-case-study h3 a:visited span,
.related-entries a.bookmark:link span,
.related-entries a.bookmark:visited span,
.locations h2 a:link span,
.locations h2 a:visited span{
color:#3e2f2f;
}
.recent-planet h3 a:focus,
.recent-planet h3 a:hover,
.recent-planet h3 a:active,
.conferences h3 a:focus,
.conferences h3 a:hover,
.conferences h3 a:active,
.talks h3 a:focus,
.talks h3 a:hover,
.talks h3 a:active,
.contact ul li h3 a:focus,
.contact ul li h3 a:hover,
.contact ul li h3 a:active,
.entries ol li h3 a:focus,
.entries ol li h3 a:hover,
.entries ol li h3 a:active,
.feature-case-study h3 a:hover,
.feature-case-study h3 a:active,
.related-entries a.bookmark:focus,
.related-entries a.bookmark:hover,
.related-entries a.bookmark:active,
.locations h2 a:focus,
.locations h2 a:hover,
.locations h2 a:active{
color:#f90;
text-decoration:underline;
}
.recent-planet h3 a:focus span,
.recent-planet h3 a:hover span,
.recent-planet h3 a:active span,
.conferences h3 a:focus span,
.conferences h3 a:hover span,
.conferences h3 a:active span,
.talks h3 a:focus span,
.talks h3 a:hover span,
.talks h3 a:active span,
.contact ul li h3 a:focus span,
.contact ul li h3 a:hover span,
.contact ul li h3 a:active span,
.entries ol li h3 a:focus span,
.entries ol li h3 a:hover span,
.entries ol li h3 a:active span,
.feature-case-study h3 a:hover span,
.feature-case-study h3 a:active span,
.related-entries a.bookmark:focus span,
.related-entries a.bookmark:hover span,
.related-entries a.bookmark:active span,
.locations h2 a:focus span,
.locations h2 a:hover span,
.locations h2 a:active span{
color:#c00;
}

p.entry-info a:link,
p.entry-info a:visited,
.conferences ol p a:link,
.conferences ol p a:visited,
.talks ol p a:link,
.talks ol p a:visited{
color:#a34103;
text-decoration:none;
}
p.entry-info a:focus,
p.entry-info a:hover,
p.entry-info a:active,
.conferences ol p a:focus,
.conferences ol p a:hover,
.conferences ol p a:active,
.talks ol p a:focus,
.talks ol p a:hover,
.talks ol p a:active{
color:#c00;
text-decoration:underline;
}

.recent-planet a.feed:link,
.recent-planet a.feed:visited{
text-transform:uppercase;
letter-spacing:0.077em;
padding-left:15px;
background: url(http://s.omniti.net/i/presentation/ico20-sprite-feed.gif) 0 -80px no-repeat;
}
.recent-planet a.feed:focus,
.recent-planet a.feed:hover,
.recent-planet a.feed:active{
background: url(http://s.omniti.net/i/presentation/ico20-sprite-feed.gif) 0 0 no-repeat;
}

/* img links */

a.screenshot:link img,
a.screenshot:visited img,
.clients ul li a:link img,
.clients ul li a:visited img,
.books ul li a:link img,
.books ul li a:visited img,
.books-index li a:link img,
.books-index li a:visited img,
.contact ul li h3 a:link img,
.contact ul li h3 a:visited img,
.people h3 a:link img,
.people h3 a:visited img,
.book-image a:link img,
.book-image a:visited img,
.locations h2 a:link img,
.locations h2 a:visited img,
.case-studies h3 a:link img,
.case-studies h3 a:visited img{
padding:0.063em;
border:0.063em solid #e8e9de;
background:#fff;
}
a.screenshot:focus img,
a.screenshot:hover img,
a.screenshot:active img,
.clients ul li a:focus img,
.clients ul li a:hover img,
.clients ul li a:active img,
.books ul li a:focus img,
.books ul li a:hover img,
.books ul li a:active img,
.books-index li a:focus img,
.books-index li a:hover img,
.books-index li a:active img,
.contact ul li h3 a:focus img,
.contact ul li h3 a:hover img,
.contact ul li h3 a:active img,
.people h3 a:focus img,
.people h3 a:hover img,
.people h3 a:active img,
.book-image a:focus img,
.book-image a:hover img,
.book-image a:active img,
.locations h2 a:focus img,
.locations h2 a:hover img,
.locations h2 a:active img,
.case-studies h3 a:focus img,
.case-studies h3 a:hover img,
.case-studies h3 a:active img{
background:#e8e9de;
border:0.063em solid #c8c9be;
}

.entry-content a:link img,
.entry-content a:visited img{
border:0.063em solid #e8e9de;
}
.entry-content a:focus img,
.entry-content a:hover img,
.entry-content a:active img{
background:#e8e9de;
border:0.063em solid #c8c9be;
}

/* temp index ctas */

.client-examples h2 a:link,
.client-examples h2 a:visited,
.product-examples h2 a:link,
.product-examples h2 a:visited{
display:block;
text-decoration:none;
}

.client-examples h2 a:focus,
.client-examples h2 a:hover,
.client-examples h2 a:active,
.product-examples h2 a:focus,
.product-examples h2 a:hover,
.product-examples h2 a:active{
background: url(http://s.omniti.net/i/presentation/ico40-angle-brackets.gif) 100% 0 no-repeat;
}

/* cta-links */

.cta-links li{
float:left;
}
.cta-links a:link,
.cta-links a:visited{
font-size: 0.750em;
line-height: 1.667em;
text-transform: uppercase;
letter-spacing: 0.083em;
text-shadow: 0 0 #000;
text-decoration: none;
display: block;
margin-right: 2.5em;
padding:0.083em;
border:0.083em solid #e8e9de;
}
.cta-links a:link.talk-to-us,
.cta-links a:visited.talk-to-us{
margin-right: 0;
}
.cta-links a:link span,
.cta-links a:visited span{
display: block;
padding: 0.417em 1.25em;
background: #a34103;
color: #fff;
}
.cta-links a:link.talk-to-us span,
.cta-links a:visited.talk-to-us span{
background: #c9662a;
}
.cta-links a:focus,
.cta-links a:hover,
.cta-links a:active{
border:0.083em solid #F90;
}
.cta-links a:focus span,
.cta-links a:hover span,
.cta-links a:active span,
.cta-links a:focus.talk-to-us span,
.cta-links a:hover.talk-to-us span,
.cta-links a:active.talk-to-us span{
background: #c00;
}

/* =h */

h1,h2,h3{
font-weight:300;
}
h1{
font-size:2.25em;
line-height:1.111em;
text-align:center;
color:#3e2f2f;
}

h2{
font-family:'lucida grande','lucida sans unicode',arial,sans-serif;
}

.entry-content h2{
font-size:1.125em;
margin-top:1.111em;
color:#3e2f2f;
}
.entry-content h3{
margin-top:1.25em;
color:#3e2f2f;
}

/* structured text =s */

hr{
position:absolute;
left:-9999px;
}
strong{
font-weight:900;
}
abbr{
text-transform:lowercase;
font-variant:small-caps;
cursor:help;
}
cite,
address{
font-style:normal;
display:inline;
}

/* img =i */

a.screenshot{
display:block;
clear:both;
}
.content a.screenshot{
margin:2.5em 0 0;
}
.aside a.screenshot{
margin:0 0 0.625em;
}
a.screenshot img{
vertical-align:text-bottom;
}
.content a.screenshot img{
width:28.625em;
height:15.5em;
}
.portrait img{
padding:0.063em;
border:0.063em solid #e8e9de;
background:#fff;
}
.portrait img,
.aside a.screenshot img{
width:12.375em;
}
.aside a.screenshot img{
height:10.5em;
}

/*

grouping elements - layers / dividers =d

----------------------------------------*/

.content,
.bio,
.individual{
width:28.75em;
}

.in-review{
width: 43.75em;
margin-right: 1.25em;
border-bottom: 0.063em solid #E8E9DE;
}

.aside,
.sub-nav,
.portrait,
.ephemera,
.book-image{
width:12.5em;
}

#location,
#wrap,
#nav ul,
#contact,
#search,
#footer{
width:46.25em; /* 740px */
margin:0 auto;
text-align:left;
}

.what-we-do,
.services,
.featured,
.recent-planet,
.conferences,
.talks,
.narrative,
.principals,
.executives,
.executive,
.entries,
#maryland,
#new-york,
.switchboard{
width:20.625em; /* 330px */
}

.content,
.what-we-do,
.recent-planet,
.talks,
.principals,
.narrative,
.portrait,
.ephemera,
.news,
.blogs-1,
#maryland{
float:left;
margin-left:1.25em;
}

.news, .blogs-1{
padding-bottom: 1.25em;
}

.news-2, .blogs-2 {
float: right; 
}

.services,
.resources,
.sub-nav,
.aside,
.featured,
.conferences,
.individual,
.executives,
.executive,
.blogs,
.case-study,
.bio,
.book-image,
.switchboard,
#new-york{
float:right;
margin-right:1.25em;
}

#contact ol h3,
#search h3,
#contact p{
display:block;
clear:both;
}

#wrap{
padding-bottom:2.5em;
}

/*

masthead, logo and byline

----------------------------------------*/

#masthead{
text-align:center;
position:relative;
border-top:0.313em solid #c8c9be;
}

#location{
position:relative;
height:10.938em;
border-bottom:0.063em solid #ded9ce;
margin-bottom:0.063em;
}

.knows #location{
height: 120px;
}

#location a.logo{
position:absolute;
left:0;
top:4.688em;
}
 
.knows #location a.logo{
left: -21px;
top: 25px;
}

#location a.logo img{
float:left;
display:block;
width:11.875em;
height:4.375em;
margin:0;
padding-left:0.625em;
}

.offers #location a.logo img{
width: auto;
height: auto;
margin-left:0.625em;
}

.offers #location a.logo:focus img,
.offers #location a.logo:hover img,
.offers #location a.logo:active img{
border-left: 0;
}

#location a.logo:link img,
#location a.logo:visited img{
border-left:0.625em solid #fff;
}
#location a.logo:focus img,
#location a.logo:hover img,
#location a.logo:active img{
border-left:0.625em solid #b32720;
}

#location h1,
#location p{
font-size:2.25em;
line-height:1.111em;
font-weight:300;
font-style:italic;
font-family:georgia,serif;
letter-spacing:-0.056em;
text-shadow:0 0 #fff;
color:#c9c9be;
padding-right:1em;
position:absolute;
top:2.833em;
left:6.112em;
}

.knows #location h1{
left: 5.5277em;
top: 53px;
}

#location em,
#location p em{
color:#534442;
}

#location p a:link span,
#location p a:visited span{
color:#534442;
}
#location p a:focus span,
#location p a:hover span,
#location p a:active span{
color:#b32720;
}

#location h1.byline{
font-size:0.875em;
line-height:1.429em;
font-style:italic;
font-family:georgia,serif;
letter-spacing:0;
color:#3e2f2f;
text-align:left;
padding:0;
width:23.571em;
position:absolute;
top:7.143em;
right:1.429em;
left:auto;
}
#location h1.byline em{
color:#78796e;
display:block;
line-height:1em;
margin-left:5.714em;
margin-left:6.429em;
margin-left:1.641em;
}
#location h1.byline strong{
font-size:1.429em;
line-height:0.95em;
font-family:baskerville,'palatino linotype',georgia,serif;
font-weight:300;
color:#3e2f2f;
position:relative;
bottom:-0.1em;
}
#location h1.byline em strong{
color:#78796e;
}
#location h1.byline em span{
font-size:1.143em;
color:#534442;
}
#location h1.byline span{
font-size:1.429em;
font-weight:300;
}
#location h1.byline a span{
font-size:1em;
}
#location h1.byline a:link,
#location h1.byline a:visited{
color:#d8d9ce;
}
#location h1.byline a:link span,
#location h1.byline a:visited span{
color:#534442;
}
#location h1.byline a:focus,
#location h1.byline a:hover,
#location h1.byline a:active{
color:#f90;
}
#location h1.byline a:focus span,
#location h1.byline a:hover span,
#location h1.byline a:active span{
color:#b32720;
}
#location h1.byline img{
margin:0 0 -4px;
}

/* main navigation */

#nav{
position:absolute;
top:0;
left:0;
height:3.438em;
width:100%;
}
#nav ul{
height:3.438em;
position:relative;
border-bottom:0.063em solid #ded9ce;
}
#nav ul li{
display:inline;
font-size:0.750em;
line-height:1.667em;
text-shadow:0 0 #000;
text-transform:lowercase;
letter-spacing:0.083em;
}
#nav a{
display:block;
float:left;
}
#nav #toggle-search,
#nav #toggle-contact{
float:right;
}
#nav a:link,
#nav a:visited{
letter-spacing:0.091em;
text-transform:uppercase;
text-decoration:none;
color:#534442;
padding:0 0.833em;
margin:1.833em 1.667em 0 0;
}
#nav a#toggle-search:link,
#nav a#toggle-search:visited{
margin:1.833em 0 0;
}
#nav a:focus,
#nav a:hover,
#nav a:active{
text-decoration:none;
color:#fff;
background:#b32720;
}
#nav a.live:link,
#nav a.live:visited,
#nav a.live:focus,
#nav a.live:hover,
#nav a.live:active{
color:#fff;
background:#b32720;
}

#video_player{
margin-bottom: 20px;
}


/* JS fly-in layers */

#insert-search,
#insert-contact{
background:#23130f url(http://s.omniti.net/i/presentation/bg-leather.jpg) 0 0 repeat;
}

#contact,
#search{
color:#7c6c69;
text-align:left;
}

#search{
padding:1.125em 0 1.25em;
}
#contact{
padding:0 0 1.25em;
}

#contact h2{
font-size:1.125em;
line-height:1.111em;
font-family:georgia,serif;
text-shadow:0 0 #000;
padding:1.111em 0;
margin-bottom:1em;
border-bottom:0.056em dashed #3c2c29;
position:relative;
}
#contact h2 em{font-style:normal;}
#contact h2 a.close{
position:absolute;
right:0;
top:1.125em;
margin:0;
padding:0 0.25em;
vertical-align:text-bottom;
}

#contact ol{
border-bottom:0.063em dashed #3c2c29;
height:6.25em;
}
#contact ol li{
float:left;
display:block;
width:21.875em;
}
#contact ol li.md{
margin-right:2.5em;
}
#contact ol ul li{
float:none;
width:auto;
padding-bottom:0;
}

#search form{
text-align:right;
border-right:0.063em solid #3c2c29;
}
#contact h2 span,
#search h2,
#search div label,
.introduction div label{
position:absolute;
left:-9999px;
}
#search form div{
position:relative;
}
#search-input{
font-size:0.875em;
line-height:1em;
font-family:georgia,serif;
width:21em;
margin:0 4.286em 0 0;
padding:0.143em 0.357em;
background:#e8e9de url(http://s.omniti.net/i/presentation/bg-input-search.gif) 0 0 repeat-x;
border:0.071em solid #fff;
}
.introduction #search-input{
width:30em;
padding:0.286em 0.357em 0.143em;
margin:0 0 0 1.429em;
background:#f8f9ee url(http://s.omniti.net/i/presentation/bg-input-search.gif) 0 0 repeat-x;
}
#search-input-button{
font-size:1em;
position:absolute;
right:1.875em;
top:0.063em;
width:1.313em;
}
.introduction #search-input-button{
position:relative;
right:0;
top:0;
vertical-align:text-bottom;
border-bottom:0.063em solid #e8e9de;
}
#search form div a.close{
width:1.313em;
position:absolute;
right:0.25em;
top:0.063em;
}
#search form div a.close img{
vertical-align:text-bottom;
}

#search h3{
font-size:0.813em;
line-height:1.539em;
font-weight:300;
letter-spacing:0.077em;
text-transform:uppercase;
color:#d0d1c0;
text-shadow:0 0 #000;
}
#search h3{
margin-top:0.769em;
border-bottom:0.077em dashed #3c2c29;
}
#search h3 em{
text-transform:none;
letter-spacing:0;
}
#contact h3 em{
font-size:0.813em;
line-height:1.539em;
font-weight:300;
font-style:normal;
letter-spacing:0.077em;
text-transform:uppercase;
text-shadow:0 0 #000;
}
#contact h3 a img{
float:left;
margin:-0.125em 0.625em 0 0;
width:5.125em;
height:5.125em;
}
#contact h3 a:link img,
#contact h3 a:visited img{
padding:0.063em;
border:0.063em solid #3c2c29;
}
#contact h3 a:focus img,
#contact h3 a:hover img,
#contact h3 a:active img{
border:0.063em solid #7c6c69;
}

#contact ol ul,
#search ol{
font-size:0.813em;
text-shadow:0 0 #000;
}
#search ol{
list-style: decimal inside;
margin:0;
}
#contact ol ul li,
#search ol li{
line-height:1.539em;
font-weight:300;
}
#search ol li{
border-bottom:0.083em dashed #3c2c29;
}
#search p,
#contact p{
font-size:0.813em;
line-height:1.539em;
text-align:right;
}
#contact p{
padding-top:0.769em;
text-align:left;
}

#contact a:link,
#contact a:visited,
#search ol li a:link,
#search ol li a:visited,
#search p a:link,
#search p a:visited{
color:#e8e9de;
text-decoration:none;
}
#search ol li a:link span,
#search ol li a:visited span{
color:#e8e9de;
}
#contact a:focus,
#contact a:hover,
#contact a:active,
#search ol li a:focus,
#search ol li a:hover,
#search ol li a:active,
#search p a:focus,
#search p a:hover,
#search p a:active{
color:#fff;
text-decoration:underline;
}
#search ol li a:focus span,
#search ol li a:hover span,
#search ol li a:active span{
color:#fff;
}

#search-input-button:focus,
#search-input-button:hover,
#search a:focus img,
#search a:hover img,
#contact h2 a.close:focus,
#contact h2 a.close:hover{
border-bottom:0.063em solid #fff;
}
#search-input:focus{
outline: 0.071em solid #fff;
background:#e8e9de url(http://s.omniti.net/i/presentation/bg-input-search.gif) 0 0 repeat-x;
}
.introduction #search-input:focus{
background:#fff url(http://s.omniti.net/i/presentation/bg-input-search.gif) 0 0 repeat-x;
}
#contact h2 a:focus{
text-decoration:none;
color:#fff;
}
#contact h2 a.email:hover{
text-decoration:underline;
}

/* index banner*/

#features{
border-top:0.063em solid #ded9ce;
border-bottom:0.1875em double #DED9CE;
height:17.4375em;
}

.hide { display: none; }
.show { display: block; } 

.banner{
text-align:left;
background:#fff;
height:17.375em;
margin-top:0.063em;
position:relative;
text-align:left;
width:100%;
}

.toc.selected{
color:#3E2F2F;
}

a.toc{
padding-left:0.1875em;
}

#feature-select a{
text-decoration:none;
}

#feature-select a.next{
border-left:0.063em solid #DED9CE;
margin-left:0.25em;
padding-left:0.375em;
}


#feature-select{
color:#DED9CE;
padding-top:1em;
text-align:right;
margin-right:0.6875em;
position: relative;
z-index: 100000;
}

.opensource img{
position:absolute;
top:0;
left:0;
}



.opensource h2{
font-family:'Helvetica Neue',Arial,sans-serif;
font-size:1em;
left:25.9375em;
position:absolute;
top:14px;
line-height:1.4375em;
}
.opensource h2 span.lead{
color:#78796E;
display:block;
width:19em;
}

.opensource h2 em{
color:#B32720;
display:block;
font-size:1.5em;
font-style:normal;
font-weight:400;
padding:0.5em 0;
text-shadow:0 0 #FFFFFF;
font-family:georgia,serif;
font-style:italic;
}
.opensource h2 em span{
display:block;
color:#3e2f2f;
padding:0.5em 0;
}
.opensource h2 em span i{
font-family:baskerville,'palatino linotype',georgia,serif;
color:#78796E;
}

.opensource h2 em b{
color:#B32720;
font-family:'Helvetica Neue',Arial,sans-serif;
font-style:normal;
text-transform:uppercase;
}

.opensource h2 em strong{
font-family: Georgia, serif;
text-transform: uppercase;
display: inline;
font-size: 0.733em;
margin-left: 0;
line-height:1.4375em;
}
.opensource h2 strong{
font-family: 'Helvetica Neue', Arial, sans-serif;
line-height: 1.25em;
font-weight:300;
color:#78796E;
width:19em;
display: block;
}
.opensource h2 strong span{
color: #b32720;
color: #3e2f2f;
}
.opensource p{
left:25.8125em;
position:absolute;
top:230px;
}

.microsoft h2{
font-family: Georgia, serif;
font-size: 5.25em;
color: #777879;
left:312px;
top:20px;
position: absolute;
font-weight: 400;
}

.microsoft h2 em{
font-weight: 400;
font-style: normal;
 letter-spacing: -5px;
}

.microsoft h2 em span {
font-family: baskerville,'palatino linotype',georgia,serif;
color: #939495;
font-style: italic;
}

.microsoft h2 strong{
background: url("http://s.omniti.net/i/content/clients/microsoft-logo.png") no-repeat scroll 100% 100% transparent;
display: block;
height: 40px;
left: 190px;
position: absolute;
text-indent: -999em;
top: 32px;
width: 237px;
}

.microsoft h2 b{
color:#939495;
font-size: 0.333em;
font-style: italic;
font-weight: 400;
position: absolute;
top:4px;
left: 198px;
}

.microsoft p {
display: block;
font-family: Georgia,serif;
font-size: 0.875em;
font-style: normal;;
width: 325px;
line-height: 1.4;
position: absolute;
left: 413px;
top:158px;
color: #78796e;
}

.microsoft p.intro{
font-family: 'Helvetica Neue', Arial, sans-serif;
font-size: 1em;
color:#000000;
top:106px;
line-height: 1.3;
}

.microsoft img{
position: absolute;
top: -15px;
}

.microsoft p.button{
float: left;
left: 410px;
position: absolute;
top: 230px;
width: auto;
}

.microsoft p.intro em{
color:#327cbc;
}

.ng-webby img.webbys{
position:absolute;
top:-0.1875em;
left:0;
width:21.875em;/*350px*/
height:20em;/*320px*/
}
.ng-webby h2{
font-family: 'Helvetica Neue', Arial, sans-serif;
font-size:2.5em;
line-height:1em;
text-transform:uppercase;
position:absolute;
left:9em;
top:50px;
}
.ng-webby h2 b{
position:absolute;
left:-9999px;
}
.ng-webby h2 em{
line-height: 1;
font-size:4em;
font-style:normal;
font-weight:800;
color:#b32720;
position:absolute;
left:0;
top:-0.375em;
}
.ng-webby h2 span{
color:#78796e;
position: absolute;
left:2.5em;
top:0.15em;
}
.ng-webby h2 span span{
position:relative;
left:auto;
top:auto;
display:block;
font-weight:800;
color:#3e2f2f;
}
.ng-webby h2 strong{
font-size:0.45em;
line-height:1.111em;
font-weight:400;
text-transform:none;
position:absolute;
left:5.556em;
top:5.167em;
width:14em;
}
.ng-webby h2 strong em{
font-size:1em;
font-style:normal;
font-weight:800;
color:#b32720;
position:relative;
top:auto;
left:auto;
}
.ng-webby h3{
font-family: 'Helvetica Neue', Arial, sans-serif;
font-size:1em;
line-height:1.25em;
text-indent: -0.4em;
position:absolute;
top:172px;
left:28.75em;
width: 17.5em;/*280px*/
}
.ng-webby h3 q{
color:#78796e;
}
.ng-webby h3 cite{
font-variant:small-caps;
}
.ng-webby p{
left:457px;
position:absolute;
top:222px;
}


.surge-register h1 span{
color: #15313E;
font-family: Georgia;
font-size: 13px;
font-weight: 300;
left: 0;
position: absolute;
top: -30px;
font-style: italic;
}

.surge-register h1 span em{
font-weight: bold;
font-style: normal;
}

.surge-register h1{
background: url("/i/content/banners/surge-2011.png") no-repeat scroll left top transparent;
color: #6D6D6D;
font-family: Georgia;
font-size: 27px;
font-weight: normal;
height: 100px;
padding-left: 268px;
position: absolute;
right: -8px;
text-align: left;
top: 40px;
width: 200px;
}

.surge-register img{
left: -20px;
position: absolute;
top: -31px;
}

.surge-register h2{
font-family: Helvetica Neue;
font-size: 22px;
color: #6d6d6d;
font-weight: 300;
position: absolute;
right: 0;
top: 140px;
}

.surge-register h2 span{
font-family: Georgia;
font-size: 24px  !important;
color: #287690 !important;
font-style: italic;
font-weight: 300;
}

.surge-register h2 em{
font-family: Baskerville !important;
font-weight: normal;

}
.surge-register p.copy{
color: #6D6D6D;
font-family: Georgia;
font-size: 13px;
line-height: 1.5;
position: absolute;
right: 0;
top: 177px;
width: 452px;
}

.surge-register p.button{
position: absolute;
right: 0;
top: 230px;
width: auto;
}

.surge-register.banner p.button a{
margin-right: 0;
}

.seedling{
left:0.5em;
position:absolute;
/*top:1.1875em;*/
top:-0.8125em;
}

#seed-copy{
font-size:1em;
left:17.375em;
position:absolute;
/*top:6.25em;*/
top:4.25em;
}

#seed-copy h2{
font-size:2.25em;
font-weight:300;
font-family: 'Helvetica Neue', Arial, sans-serif;
}

#seed-copy h2 em{
font-family:Baskerville, Times, 'Times New Roman', serif;
font-variant:small-caps;
color:#589017;
font-size:2.9166em;
top:-0.238em;
position:absolute;
}

#seed-copy h3{
color:#78796E;
font-family:'Helvetica Neue',Arial,sans-serif;
font-size:1.0625em;
font-weight:300;
line-height:1.588em;
margin-top:0.294em;
}

#seed-copy h3 em{
font-family:georgia,serif;
color:#897C04;
}

#seed-copy h3 span{
display:block;
width:10.625em;
}

.introseeds p{
position:absolute;
right:0.5625em;
/*top:12.8125em;*/
top:11.8125em;
}

.seeds-cs{
background-color: #E8E9DE;
border-bottom: 0.063em solid #C8C9BE;
border-top: 0.063em solid #C8C9BE;
margin: 0 0 1em;
padding: 0.9em;
}

.seeds-content.article{
padding-bottom: 0;
}

.seeds-content p.entry-info{
color: #897C04;
}

.entry-content ul.seeds-ratings{
margin: 0;
padding: 0;
}

#related ul.seeds-ratings{
margin: 0 0 10px 0;
}

.seeds-ratings em{
color: #78796E;
font-size: 0.813em;
font-style: italic;
line-height: 1.539em;
float: left;
margin: 6px 4px 0 0;
}

.entry-content ul.seeds-ratings li,
ul.seeds-ratings li{
float: left;
padding: 0;
background: url(/i/presentation/seeds-icon-sprite.gif) 0 -32px no-repeat transparent;
width: 20px;
height: 30px;
text-indent: -999em;
margin-right: 4px;
}

ul.seeds-ratings li:hover{
cursor: help;
}

ul.seeds-ratings li.seed.active{
background-position:0 0;
}

ul.seeds-ratings li.sprout{
background-position: -23px -32px;
}

ul.seeds-ratings li.sprout.active{
background-position: -23px 0;
}

ul.seeds-ratings li.plant{
background-position: -46px -32px;
}

ul.seeds-ratings li.plant.active{
background-position: -46px 0;
}

ul.seeds-ratings li.leaf{
background-position: -69px -32px;
}

ul.seeds-ratings li.leaf.active{
background-position: -69px 0;
}

#main-content.entry-content.seeds-content p.entry-info{
}

#main-content.seeds-content h2.section-head,
#main-content.seeds-content h3{
	line-height:1.667em;
    color: #B32720;
    font-size: 1.125em;
    font-weight: 300;
    padding-bottom: 1.111em;
    margin-top: 1.111em;
    font-family: 'lucida grande','lucida sans unicode',arial,sans-serif;
}

#main-content.seeds-content.article h4{
color: #3E2F2F;
font-family: Baskerville,'Palatino Linotype',serif;
font-size: 1.5em;
font-style: italic;
line-height: 1.667em;
font-weight: normal;
}

.banner p a:link,
.banner p a:visited{
font-size: 0.750em;
line-height: 1.667em;
text-transform: uppercase;
letter-spacing: 0.083em;
text-shadow: 0 0 #000;
text-decoration: none;
display: block;
margin-right: 2.5em;
padding:0.083em;
border:0.083em solid #e8e9de;
}
.banner p a:link span,
.banner p a:visited span{
display: block;
padding: 0.417em 1.25em;
background: #c9662a;
color: #fff;
}
.banner p a:focus,
.banner p a:hover,
.banner p a:active{
border:0.083em solid #F90;
}
.banner p a:focus span,
.banner p a:hover span,
.banner p a:active span{
background: #c00;
}

/* client data */

.client-data{
text-align:left;
margin-top:0.063em;
height:11.188em;
background: #e8e9de url(http://s.omniti.net/i/presentation/bg-introduction-full.gif) 100% 100% no-repeat;
position:relative;
}
.client-data h2{
font-size:2.25em;
line-height:1.111em;
font-weight:300;
font-family:georgia,serif;
letter-spacing:-0.056em;
text-shadow:0 0 #fff;
color:#3e2f2f;
width:16.389em;
padding:0.472em 0 0 0.556em;
}
.client-data h2 strong{
font-size:1.389em;
line-height:1em;
font-weight:300;
padding-right:0.02em;
}
.client-data h2 em{
font-style:normal;
color:#b32720;
}
.client-data p{
line-height:1.25em;
text-align:right;
margin:0 1.25em 0 0;
}
.client-data p a span{
font-size:0.688em;
line-height:1.818em;
}


/* sections =s */

.section{
display:block;
clear:both;
}
.divide{
border-top:0.063em solid #ded9ce;
}
.intro{
/*background: url(http://s.omniti.net/i/presentation/bg-info.gif) 100% 0 no-repeat;*/
}

/* section text */

.content h2,
.aside h2,
.section h2,
.entries h2,
.resources h2,
.related-entries h2,
.locations h2 span,
.solutions h2,
.newsroom .conferences h2,
.seeds-content h2.section-head{
font-size:1.125em;
line-height:1.111em;
font-weight:300;
color:#b32720;
}
.solutions h2 span,
.people-summary h2 span,
.content h2 span,
.aside h2 span,
.section h2 span,
.resources h2 span,
.entries h2 span,
.related-entries h2 span,
.newsroom .conferences h2 span,
.seeds-content h2.section-head span{
font-size:1.667em;
line-height:1em;
font-weight:300;
}
.aside h2 a span,
.section h2 a span{
font-size:1em;
}
.aside h2 em,
.section h2 em{
font-style:normal;
}

.introduction h1,
.introduction h2{
font-size:1.5em;
line-height:1.25em;
letter-spacing:-0.042em;
font-weight:300;
font-family:georgia,serif;
text-shadow:0 0 #fff;
text-align:left;
color:#3e2f2f;
padding:0 0.833em;
}
.introduction h1 span,
.introduction h2 span{
font-size:1.667em;
line-height:1em;
font-weight:300;
}
.introduction h1 a span,
.introduction h2 a span{
font-size:1em;
}
.introduction h1 em,
.introduction h2 em{
font-style:normal;
color:#b32720;
}

.introduction h1 span.sub-head{
color: #78796E;
display: block;
font-size: 0.666em;
font-style: italic;
margin-top: 4px;
}


#season em{
left:-999em;
position:absolute;
}

.section h3{
font-size:1em;
line-height:1.25em;
font-weight:300;
color:#a34103;
margin-top:1.25em;
}

.section p.explore{
font-size:1.5em;
line-height:1.111em;
letter-spacing:-0.042em;
color:#3e2f2f;
padding:0.25em 0 0.833em 0.833em;
display:block;
clear:both;
}
.section p.break{
border-bottom:0.042em solid #ded9ce;
padding:0.25em 0 1.471em 0.833em;
}
.section p.explore span{
font-size:1.667em;
line-height:1em;
font-weight:300;
}
.section p.explore a span{
font-size:1em;
}

/* global lists */

.em li a:link,
.em li a:visited,
li.listens a:link,
li.listens a:visited{
display:block;
clear:both;
padding-left:15px;
background: url(http://s.omniti.net/i/presentation/ico20-sprite-angle-brackets.gif) 0 -80px no-repeat;
}
.em li a:focus,
.em li a:hover,
.em li a:active,
li.listens a:focus,
li.listens a:hover,
li.listens a:active{
background: url(http://s.omniti.net/i/presentation/ico20-sprite-angle-brackets.gif) 0 0 no-repeat;
}
li.listens a:link,
li.listens a:visited,
li.listens a:focus,
li.listens a:hover,
li.listens a:active{
padding-left:12px;
}

/* client and product heads */

.client-examples h2.bracket-head{
left:-50px;
top:-18px;
text-indent: -999em;
width: 50px;
height: 143px;
position: absolute;
}

#our-clients .bracket-head{
background: url(http://s.omniti.net/i/presentation/clients-bracket.png) 0 0 no-repeat;

} 

#our-products .bracket-head{
background: url(http://s.omniti.net/i/presentation/products-bracket.png) 0 0 no-repeat;
top:-10px;
}

#practice-areas h2.bracket-head{
left:-50px;
top:181px;
text-indent: -999em;
width: 50px;
height:180px;
position: absolute;
}

#practice-areas .bracket-head{
background:transparent url(http://s.omniti.net/i/presentation/practice-bracket.png) no-repeat scroll 0 0;
}



/* client-examples CTAs */

#our-clients,
#our-products{
position: relative;
}

#our-products{
margin-top:1em;
}

#our-clients{
margin-top:4em;
}

.client-examples ol{
margin-top:0.5em;
}
.client-examples li{
float:left;
display:block;
/* width:13.75 commenting and resizing to 212px 13.25 to fix Safari 4 rendering issue */
width:13.75em;
padding:0;
margin:0 0 1.875em 1.25em;
}
.client-examples li h2{
font-size: 1em;
font-family: georgia, serif;
}
.client-examples li h2 img{
}
.client-examples li h2 span{
font-size:0.813em;
line-height:1.539em;
color:#78796e;
display:block;
margin: 0.357em 0 0;
}

.client-examples li h2 span em.hide{
position: absolute;
left: -999em;
}

.client-examples li h2 span strong,
#big-picture p strong{
font-weight:400;
color:#3e2f2f;
}
.client-examples li h2 span em,
#big-picture p em{
font-style:italic;
color:#897C04;
}

#big-picture p{ 
color:#78796E;
}

.client-examples li h2 a:focus,
.client-examples li h2 a:hover,
.client-examples li h2 a:active{
color:#f90;
}
.client-examples li h2 a:focus span,
.client-examples li h2 a:hover span,
.client-examples li h2 a:active span{
color:#a34103;
}
.client-examples li h2 a:focus span strong,
.client-examples li h2 a:hover span strong,
.client-examples li h2 a:active span strong{
color:#c00;
}
.client-examples li h2 a:focus span em,
.client-examples li h2 a:hover span em,
.client-examples li h2 a:active span em{
color:#c00;
}



/* rationale */

.rationale{
border-top:0.2143em double #DED9CE;
clear:both;
font-size:0.875em;
line-height:1.429em;
padding:1.7143em 1.2857em;
}

.rationale em{
letter-spacing:-0.056em;
display:inline;
padding:1em 0.25em 0 0;
color:#B32720;
font-size:1.2857em;
font-weight:300;
line-height:1.111em;
font-family:'lucida grande','lucida sans unicode',arial,sans-serif;
font-style: normal;
}

.rationale em span{
font-size: 1.6666em;
}



/* practice areas */

#practice-areas{
position:relative;
}

.strengths .col-right,
.strengths .col-left{
width:22em;
}

.strengths .col-right{
float: right;
}

.strengths .col-left{
float: left;
}

#practice-areas .col-right h2{
font-family: Georgia, serif;
font-style: italic;
font-size: 1.125em;
color: #3e2f2f;
font-weight:300;
line-height:1.25em;
margin-top:1.25em; 
}

#practice-areas .col-right li{
font-size:0.875em;
line-height:1.429em;
margin-bottom: 1em;
}

#practice-areas .col-right ul{
margin-top:1.5em;
}

.section h3.practice-head{
font-family:'lucida grande','lucida sans unicode',arial,sans-serif;
font-size:1em;
font-weight:300;
margin-left:0.75em;
margin-top:0.75em;
padding:0.25em 0.25em 0.25em 0.5em;
width:18.5em;
}

.section h3.practice-head:hover{
cursor: pointer;
}

.practice.section p{
background:transparent url(http://s.omniti.net/i/presentation/copy-bracket.png) no-repeat scroll 0 0;
font-family:Georgia,serif;
font-size:0.875em;
height:171px;
padding:0 36px 0 56px;
position:absolute;
right:0;
top:182px;
width:311px;

}

.practice.section p span{
display: none;
line-height: 20px;
margin-top:2.5em;
}

#web-dev.practice.section p span{
margin-top:.5em;
}

.practice-head em{
color:#B32720;
font-size:1.125em;
font-weight:300;
font-family:'lucida grande','lucida sans unicode',arial,sans-serif;
font-style: normal;
}

.strengths p.commits{
clear:both;
font-size:0.875em;
line-height:1.429em;
padding:1em 1.2857em 1.7143em;
width:23.5714em;
float: left;
}

.commits > span{
color:#897C04;
font-style:italic;
display: block;
padding:1em 0;
}


.strengths blockquote,
.strengths p.cite{
float:right;
width:19.875em;
}

.strengths p.cite{
padding-top:0;
margin-bottom:2em;
}


#big-picture{
position:absolute;
right:8px;
top:10em;
width:21.25em;
z-index: 1000;
}

#big-picture p{
line-height: 20px;
font-size: 0.8125em;
margin-top:0.5714em;
width:26.7692em;
}

.win #big-picture p{
width:28.7692em; 
}

#web-design h3.practice-head,
#web-design p span{
color:#897c04;
}

#web-design h3.practice-head{
margin-top:1em;
}

#web-design h3.practice-head:hover,
#web-design h3.practice-head.active{
background-color:#897c04;
color: #fff;
}

#web-dev h3.practice-head,
#web-dev p span{
color:#a34103;
}

#web-dev h3.practice-head:hover,
#web-dev h3.practice-head.active{
background-color:#a34103;
color: #fff;
}

#pss h3.practice-head,
#pss p span{
color: #b32720;
}

#pss h3.practice-head:hover,
#pss h3.practice-head.active{
background-color: #b32720;
color: #fff;
}

#data-base h3.practice-head,
#data-base p span{
color:#524040;
}

#data-base h3.practice-head:hover,
#data-base h3.practice-head.active{
background-color:#524040;
color: #fff;
}

#managed-services h3.practice-head,
#managed-services p span{
color:#795F5F;
}

#managed-services h3.practice-head:hover,
#managed-services h3.practice-head.active{
background-color:#795F5F;
color: #fff;
}		

/* introductions */

.introduction{
text-align:left;
margin-top:0.063em;
padding-bottom:0.625em;
background: #e8e9de url(http://s.omniti.net/i/presentation/bg-introduction.gif) 100% 100% no-repeat;
}
.introduction p{
font-size:0.875em;
line-height:1.429em;
margin:0.714em 0 0;
}
.introduction p.reference{
font-size:1em;
line-height:1em;
text-align:right;
margin:0 1.25em 0 0;
}
.introduction p.reference a{
font-size:1.750em;
line-height:1.667em;
}
.introduction p.reference a{
font-size:0.688em;
line-height:1.818em;
}
.introduction a span{
font-size:1em;
}


.what-we-do{
position:relative;
padding:2.125em 0 0.313em;
}
.what-we-do p{
font-size:0.875em;
line-height:1.429em;
color:#534442;
}
.what-we-do p.initial{
font-size:1em;
line-height:1.25em;
color:#3e2f2f;
margin-bottom:0.625em;
}
.what-we-do p.initial span{
font-size:1.875em;
line-height:1em;
}
.what-we-do p em{
font-style:normal;
}
.what-we-do p.initial a span{
font-size:1em;
}

.services{
padding:2.063em 0 0;
}
.services ol{
margin:0.75em 1.25em 0 0;
}
.services ol li{
font-size:0.875em;
line-height:1.429em;
font-style:italic;
}
.services ol li a:link,
.services ol li a:visited{
text-decoration:none;
}
.services ol li a:focus,
.services ol li a:hover,
.services ol li a:active{
text-decoration:underline;
}
.listed{
padding-bottom:2.5em;
border-bottom:0.063em solid #ded9ce;
}
.listed ol{
margin-top:1.388em;
}

/* featured-quote */

.featured{
padding:2.063em 0 0;
}
.featured h2{
padding-bottom:1.25em;
}
.featured p{
font-size:0.813em;
line-height:1.539em;
text-align:left;
margin:0 0 3.077em;
}
.featured blockquote{
display:block;
clear:both;
}
.featured blockquote p{
font-size:0.875em;
line-height:1.429em;
font-style:italic;
text-indent:25px;
color:#897C04;
margin:0 0 0.714em 0;
}
.featured blockquote p.initial{
background: url(http://s.omniti.net/i/presentation/ico30-dquotes-l.gif) 0 0 no-repeat;
}
.featured blockquote p span.end-quote{
white-space:nowrap;
padding:3px 25px 3px 0;
background: url(http://s.omniti.net/i/presentation/ico30-dquotes-r.gif) 100% 100% no-repeat;
}

.books-cta{
float: left;
margin-top: 1.25em;
}
.books-cta a:link,
.books-cta a:visited{
display:block;
}
.books-cta a:focus,
.books-cta a:hover,
.books-cta a:active{
background: url(http://s.omniti.net/i/presentation/ico40-angle-brackets.gif) 100% 0 no-repeat;
}
.books-cta img{
width: 20.625em;
height: 17.5em;
}

.strengths{
padding-top:1.25em;
}
.strengths p{
font-size:0.875em;
line-height:1.429em;
margin-bottom: 0;
padding: 1.7143em 1.2857em 0.5em
}

.strengths .cta-links{
clear:both;
float:left;
margin:0 0 2em 1.125em;
}

.strengths .cta-links a:link,
.strengths .cta-links a:visited {
margin-right:1em;
}

.strengths h4{
color:#A34103;
float:left;
font-size:0.875em;
font-weight:300;
margin:1em 0 0 1.2857em;
width:24.8571em;
}

/* clients */

.clients{
padding:2.063em 0 0;
margin-left:1.25em;
display:block;
clear:both;
}
.clients p{
font-size:0.875em;
line-height:1.429em;
margin:1.429em 0 0;
}
.clients ul{
margin-top:1.063em;
}
.clients ul li{
display:inline;
float:left;
display:block;
width:10em;
height:3.75em;
margin:0 1.25em 1.25em 0;
}
.clients ul li.end{
margin-right:0;
}
.clients ul li img{
vertical-align:text-bottom;
width:9.875em;
height:3.625em;
}

.case-studies{
margin:0.625em 0 0 0.625em;
padding:0 0 2.5em 0;
float:left;
display:block;
width:21.875em;
}
.case-studies ol{
padding-top:0.625em;
}
.case-studies h3{
padding:0;
}
.case-studies h3 img{
vertical-align:text-bottom;
width:20.5em;
height:9.25em;
margin-bottom:0.625em;
}
.case-studies p{
font-size:0.875em;
line-height:1.429em;
margin:0 0.714em;
}
.case-studies p em{
color:#3e2f2f;
}
.case-studies p em span{
font-size:1.429em;
line-height:1em;
}
.case-studies p.continue{
color:#78796e;
}

/* index conferences, talks and books */


.conferences p,
.talks p,
.books p{
font-size:0.875em;
line-height:1.429em;
color:#534442;
}

.conferences .date{
color:#897C04;
}

.conferences ol{
margin:1.25em 0 0;
}
.conferences ol li{
margin-bottom:0.625em;
padding-bottom:1.357em;
border-bottom: 0.063em solid #E8E9DE;
}
.conferences ol li h3{
font-size: 1em;
line-height:1.25em;
margin:1.25em 0 0;
}
.conferences ol li p{
font-size:0.813em;
line-height:1.539em;
font-style:italic;
margin:0;
}

.newsroom .feature-press{
border-bottom: 0.063em solid #E8E9DE;
margin-left: 1.25em;
}

.feature-press h3 a:link span, 
.feature-press h3 a:visited span{
color: #3E2F2F;
}

.feature-press h3 a:link, 
.feature-press h3 a:visited{
text-decoration: none;
}

.feature-press p.more{
float: right;
margin-bottom: 0;
}

.newsroom .entries.blogs{
padding-top: 0.75em;
}

.section.divide .conferences,
.section.divide .talks{
float: left;
margin: 0 0 0 1.25em;
width: 740px;
}

.section.divide .conferences ol li{
width:20.625em;
float: left;
margin-right: 2.5em;
}

.section.divide .conferences ol li.last{
float: right;
}

.talks ol{
margin:1.25em 0 0;
}

.talks ol li{
float: left;
margin-right: 2.5em;
width: 20.625em;
/*border-bottom: 0.063em solid #E8E9DE; */
margin-bottom: 0.625em;
padding-bottom: 1.357em;
}

.talks ol li.right{
float: right;
}

.talks ol li h3{
font-size: 1em;
line-height:1.25em;
margin:0;
}
.talks ol li p{
margin:0 0 0.813em;
}
.talks p{
font-size: 0.813em;
line-height:1.539em;
margin:1.539em 0;
}

.books{
display:block;
clear:both;
padding-top:2.063em;
border-top:0.063em solid #ded9ce;
}
.books h2{
padding-left:1.111em;
}
.books ul{
height:6.25em;
margin:1em 0 1.25em 1.25em;
}
.books ul li{
display:block;
float:left;
width:4.688em;
height:6.25em;
margin-right:0.938em;
}
.books ul li.end{
margin-right:0;
}
.books ul li img{
width:4.563em;
height:6.125em;
vertical-align:text-bottom;
}
.books p{
padding-left:1.429em;
}


.content .books{
float:none;
padding:0;
border:0;
}
.content .books ul{
margin-left:0;
}
.content .books ul li{
padding:0;
background:0;
}
.content .books h2,
.content .books p{
padding:0;
}



.contact{
padding:2em 0 2.5em;
}
.executives{
padding-bottom:0;
}
.executive{
border-top:0.063em solid #ded9ce;
}

.contact h2{
margin-bottom:1.111em;
}
.contact p{
font-size:0.813em;
line-height:1.539em;
color:#78796e;
margin:0 0 0.769em;
}
.contact ul li{
height:3.75em;
margin-bottom:1.188em;
}
.contact ul li h3{
font-size:1em;
line-height:1.25em;
margin:0;
}
.contact ul li h3 a img{
float:left;
margin:0.063em 1.25em 0 0;
vertical-align:text-top;
width:3.625em;
height:3.625em;
}
.contact ul li ul li{
font-size:0.813em;
line-height:1.539em;
font-style:italic;
color:#78796e;
height:auto;
margin:0;
}
.contact ul li ul li span{
font-style:normal;
font-weight:300;
}

/* aside contact */
.aside .contact ul li{
font-size:1em;
padding:0;
background:0;
}
.aside .contact ul ul{
margin:0;
}
.aside .contact ul li h3 a span,
.aside .contact ul ul li{
font-size:0.813em;
margin:0;
}
.aside .contact ul ul li abbr{
font-style:normal;
}
.aside .contact ul li h3 a img{
margin:0.063em 0.625em 0 0;
}

.contact a.uf:link,
.contact a.uf:visited{
padding-left:20px;
background: url(http://s.omniti.net/i/presentation/ico20-sprite-uf.gif) 0 -80px no-repeat;
}
.contact a.uf:focus,
.contact a.uf:hover,
.contact a.uf:active{
background: url(http://s.omniti.net/i/presentation/ico20-sprite-uf.gif) 0 0 no-repeat;
}

.switchboard{
padding:2.563em 0 0;
}
.switchboard p,
.switchboard dt{
font-size:0.875em;
line-height:1.429em;
}
.switchboard p span{
font-size:1.429em;
line-height:1em;
}
.switchboard p a span{
font-size:1em;
}
.switchboard dl{
margin:0.625em 0 1.5em;
}
.switchboard dt{
font-style:italic;
color:#78796e;
}
.switchboard dd{
font-size:1.125em;
line-height:1.111em;
margin-bottom:0.556em;
}
.switchboard dd em{
font-style:normal;
color:#897C04;
}

/* company */

.narrative{
padding:1.875em 0 0;
}
.narrative p{
font-size:0.875em;
line-height:1.429em;
margin:0.714em 0;
}

.people h2{
padding:1.111em 1.111em 0;
border-top:0.056em solid #ded9ce;
}
.people ul{
margin:1.25em 0 0 1.25em;
}
.people li{
display:block;
float:left;
margin:0 0.625em 0.625em 0;
}
.people h3{
font-size:1em;
margin:0;
padding:0;
}
.people h3 img{
width:3.625em;
height:3.625em;
}
.people h3 span{
font-size: 0.750em;
line-height:1.667em;
font-style:normal;
text-align:center;
display:block;
}
.people p{
font-size:0.875em;
line-height:1.429em;
display:block;
clear:both;
margin:1.429em;
padding:0;
}

.list{
float:right;
width:21.875em; /* 350px */
padding:1.875em 0 1.25em;
}
.list h2{
padding:0;
border-top:0;
}
.list ul{
margin-left:0;
display:block;
clear:both;
}
.list ul li{
margin:0 0.5em 0.625em 0;
}

/* profile objects */


.portrait{
margin-top:2.5em;
}
.ephemera{
padding:0.875em 0 2.5em;
}
.profile h2{
margin-top:1.111em;
}
.ephemera h2{
font-size:0.875em;
line-height:1.429em;
font-style:italic;
font-family:georgia,serif;
color:#78796e;
margin-top:1.875em;
}
.ephemera h2 span{
font-size:1em;
}
.bio h2{
margin-top:1.667em;
}
.profile p,
.profile li{
font-size:0.875em;
line-height:1.429em;
}
.profile blockquote p,
.profile blockquote li{
font-style:italic;
font-family:palatino,georgia,serif
}
.profile p{
margin:0.714em 0;
}
.portrait p{
font-size:0.750em;
line-height:1.667em;
color:#78796e;
margin:0;
}
.profile p.bio-intro{
font-size:1em;
line-height:1.25em;
color:#3e2f2f;
margin:2.222em 0 0.556em 0;
}
.profile p.bio-intro span{
font-size:1.875em;
line-height:1em;
}
.profile p.bio-intro a span{
font-size: 1em;
}
.profile p.initial{
text-indent:25px;
}
.profile ul,
.profile ol{
margin:0.625em 0;
}
.bio ul,
.bio ol{
margin:0.625em 1.25em;
}
.ephemera ol,
.ephemera ul{
margin:0;
}

.profile li{
padding-left:10px;
background: url(http://s.omniti.net/i/presentation/ico20-globe.gif) 0 0 no-repeat;
}

/* planet controls */

#controls{
padding:0.313em 1.25em 0.25em;
border-bottom:0.063em solid #c8c9be;
position:relative;
}

.feeds{
text-align:right;
position:absolute;
right:1.25em;
top:1em;
width:3em;
height:2.5em;
}

.feeds.newsroom{
width:13em;
}

.feeds.newsroom span{
padding: 0 .3em;
color: #E8E9DE;
font-size: 1.3em;
}

.feeds p{
font-size:0.750em;
line-height:1.429em;
text-transform:uppercase;
letter-spacing:0.083em;
margin:0;
padding:0;
}

.feeds p a:link,
.feeds p a:visited{
text-decoration:none;
color:#897C04;
padding-left:15px;
background: url(http://s.omniti.net/i/presentation/ico20-sprite-feed.gif) 0 -80px no-repeat;
}

.feeds p a.twitter:link,
.feeds p a.twitter:visited{
text-decoration:none;
color:#897C04;
padding-left:15px;
background: url(http://s.omniti.net/i/presentation/ico20-sprite-twitter.gif) 0 -80px no-repeat;
}

.feeds p a:focus,
.feeds p a:hover,
.feeds p a:active{
background: url(http://s.omniti.net/i/presentation/ico20-sprite-feed.gif) 0 0px no-repeat;
}

.feeds p a.twitter:focus,
.feeds p a.twitter:hover,
.feeds p a.twitter:active{
background: url(http://s.omniti.net/i/presentation/i/presentation/ico20-sprite-twitter.gif) 0 0px no-repeat;
}


#controls h2,
#controls ul,
#controls ol,
#controls li{
display:inline;
}

#controls h2{
font-size:0.750em;
line-height:3.333em;
font-style:italic;
font-family:georgia,serif;
margin:0 1.667em 0 0;
}

#controls ul{
margin-right:1.5em;
}

#controls li{
font-size:0.750em;
line-height:3.333em;
text-transform:uppercase;
letter-spacing:0.083em;
padding-left:0.833em;
margin-left:0.75em;
border-left:0.083em solid #e8e9de;
}
#controls li.first{
padding-left:0;
margin-left:0;
border-left:0;
}
#controls li sup{
text-transform:lowercase;
font-size:0.75em;
vertical-align:text-top;
text-decoration:underline;
}
#controls li em{
font-style:normal;
}

#controls h3{
position:absolute;
left:-9999px;
}

#controls ol{
display:block;
border-top:0.063em solid #e8e9de;
}
#controls ol li{
font-size:0.813em;
line-height:3.077em;
letter-spacing:0;
margin-right:1.539em;
display:inline;
clear:none;
}
#controls ol li a{
white-space:nowrap;
}

#controls #topics ol{
padding:0.417em 0;
}
#controls #topics ol li{
line-height:2.308em;
text-transform:none;
}

#controls a:link,
#controls a:visited{
text-decoration:none;
color:#a34103;
}
#controls a:focus,
#controls a:hover,
#controls a:active{
color:#b32720;
text-decoration:underline;
}

#controls ol li a:link em,
#controls ol li a:visited em,
#controls ol li a:focus em,
#controls ol li a:hover em,
#controls ol li a:active em{
text-decoration:none;
font-style:normal;
color:#3e2f2f;
}

/* planet entries - index and dir */

.recent-planet,
.conferences,
.talks,
.books,
.entries{
padding-top:2.063em;
}
.conferences,
.talks{
padding-bottom:1.875em;
}

.recent-planet p.continue{
font-size:0.813em;
line-height:1.539em;
margin:1.539em 0 2.846em;
}

.full{
margin:0.875em 0 0 1.188em;
}
.full .entry-content{
float:left;
width:28.75em;
padding-bottom:1.25em;
}

/* hatom */

li.hentry{
padding:0;
margin:0;
border-bottom:0.063em solid #e8e9de;
}

h3.entry-title{
font-size:1em;
line-height:1.25em;
font-weight:300;
color:#a34103;
margin-top:1.25em;
}

h3.entry-title-feature{
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:1.5em;
line-height:1.25em;
margin:.5em 0 .2em 0;
padding:0;
}

h3.entry-title-feature span.first-letter {
font-size:1.5em;
line-height:1.111em;
}

p.more{
font-size:0.813em;
line-height:1.539em;
margin:1.65em 0 1.65em 0;
}

p.more a{
font-style: italic;
}

li.hentry p.more{
margin:0 0 1.65em 0;
}

p.entry-info{
font-size:0.813em;
line-height:1.539em;
color:#78796e;
font-style:italic;
}
.entry-info span.updated{
font-variant:normal;
text-transform:none;
color:#897C04;
}

p.entry-summary{
font-size:0.875em;
line-height:1.429em;
margin:0 0 1.357em;
}


/* media resources */
.resources{
float: right;
padding:2.063em 0 0;
width:20.625em; /* 330px */
}

.resources.listed{
border-bottom:none;
}

.resources ol{
margin:0.75em 1.25em 2em 0;
}
.resources ol li{
font-size:0.875em;
line-height:1.429em;
font-style:italic;
}
.resources ol li a:link,
.resources ol li a:visited{
text-decoration:none;
}
.resources ol li a:focus,
.resources ol li a:hover,
.resources ol li a:active{
text-decoration:underline;
}


/* product news */
.product-news {
float: right; 
margin: 1.8125em 0 1em;
width:20.625em; /* 330px */
padding: .9em;
background: #E8E9DE;
}

.product-news h2{
font-size: 15px;
color: #B32720;
margin-bottom: .6em; 
}

.product-news h2{
font-size: 16px;
color: #B32720;
margin-bottom: .8em; 
}

.product-news h3{
line-height: 1.2em;
margin-bottom: .4em;
}

.product-news p{
line-height: 1.4;
font-size: .75em;
font-style: italic;
}


/* featured case study - newsroom */
.feature-case-study{
float: right;
padding: 1.5em 0 1.5em 0;
width:20.625em; /* 330px */
}

.feature-case-study h3{
padding-top: 1em;
line-height: 1.2em;
}

.feature-case-study p.brief{
padding-top: 1em;
line-height: 1.4em;
font-size: .75em;
font-style: italic;
}

.feature-case-study .thumb-holder{
float: left;
padding:0.063em;
width: 10em;
height:  12em;
overflow: hidden;
border:0.063em solid #E8E9DE;
margin-right: 1em;
}

/* entry content text */
.content p,
.entry-content p{
font-size:0.875em;
line-height:1.429em;
margin:0.714em 0;
}
.seeds-content p.byline{
font-style:italic;
}
.content p.photo-credit{
font-size:0.75em;
line-height:1.667em;
margin:0 0 1.667em;
}
.content ol,
.content ul,
.content dl,
.entry-content ol,
.entry-content ul,
.entry-content dl{
margin:0.667em 0 0.667em 1.875em;
margin:0.625em 0 0.625em 1.875em;
}
.content li,
.content dt,
.content dd,
.entry-content li,
.entry-content dt,
.entry-content dd{
font-size:0.938em;
line-height:1.667em;
font-size:0.875em;
line-height:1.429em;
padding:0;
margin:0;
border:0;
}
.content ol,
.entry-content ol{
list-style:decimal;
}
.content ul,
.entry-content ul{
margin-left:1.333em;
}
.content ul li,
.entry-content ul li{
padding-left:0.667em;
background: url(http://s.omniti.net/i/presentation/ico20-globe.gif) 0 0 no-repeat;
}
.content dl,
.entry-content dl{
margin:0 0 0.625em 1.875em;
}
.content dt,
.entry-content dt{
margin:0.667em 0 0;
font-style:italic;
}
.content blockquote,
.strengths blockquote,
.entry-content blockquote{
margin:0.625em 1.875em 0 0.375em;
padding-left:1.5em;
background: url(http://s.omniti.net/i/presentation/ico30-dquotes-l.gif) 0 0 no-repeat;
}
.content blockquote p,
.strengths blockquote p,
.entry-content blockquote p,
.aside blockquote p{
margin:0 0 0.714em;
font-style:italic;
color:#897C04;
}

.strengths blockquote p{
padding: 0;
}

.entry-content .pull-quote{
float:right;
margin:0 -240px 0 0;
padding-top:0.625em;
width:200px;
}
.entry-content .pull-quote h2{
position:absolute;
left:-9999px;
}
.entry-content .pull-quote blockquote{
margin:0;
padding:0;
background:0;
}
.entry-content .pull-quote blockquote p,
.aside blockquote p{
margin:0 0 0.714em 0;
text-indent:25px;
}
.entry-content .pull-quote blockquote p.initial,
.profile blockquote p.initial,
.aside blockquote p.initial{
background: url(http://s.omniti.net/i/presentation/ico30-dquotes-l.gif) 0 0 no-repeat;
}
.entry-content blockquote p span.end-quote,
.entry-content .pull-quote blockquote p span.end-quote,
.content blockquote p span.end-quote,
.strengths blockquote p span.end-quote, 
.profile blockquote p span.end-quote,
.aside blockquote p span.end-quote{
white-space:nowrap;
padding:3px 25px 3px 0;
background: url(http://s.omniti.net/i/presentation/ico30-dquotes-r.gif) 100% 100% no-repeat;
}

.entry-content pre{
margin:0.625em 0 0.625em 1.875em;
}
.entry-content p code,
.entry-content ol li code,
.entry-content ul li code{
font:0.875em 'monaco','courier new','courier',sans-serif;
color:#897C04;
}
.entry-content pre code,
.entry-content pre samp{
font:0.750em 'monaco','courier new','courier',sans-serif;
color:#897C04;
padding-bottom: 1.429em;
display: block;
}
.entry-content p.blockquote {
	padding: 0 20px 20px;
	font: italic 1em/1.2em Georgia, "Times New Roman", Times, serif;
	color: #B32720;
}
.entry-content img{
width:28.125em;
padding:0.25em;
background:#fff;
}
.entry-content #social-links ul{
float:right;
margin:0.714em 0;
}
.entry-content #social-links li{
background:none;
display:inline;
padding-left:0;
margin-right:0.667em;
}
.entry-content #social-links img{
width:auto;
}

/* entry meta */

.full ul.entry-info{
float:right;
width:12.5em;
margin-right:1.25em;
padding-bottom:2.5em;
border-bottom:0.063em solid #c8c9be;
}
ul.entry-info li{
font-size:0.813em;
line-height:1.539em;
font-style:italic;
color:#78796e;
margin:0;
padding:0;
border:0;
}
ul.entry-info li abbr{
font-variant:normal;
text-transform:none;
}
ul.entry-info li.updated{
color:#897C04;
}
.full ul.entry-info li.updated{
padding-top:0.769em;
}
.full ul.entry-info li.topics{
margin-top:1.539em;
}
.full ul.entry-info ol{
margin:0;
}
.full ul.entry-info ol li{
font-size:1em;
font-style:normal;
}

/* flow */

.related-entries{
display:block;
clear:both;
}
.related-entries h2{
border-top:0.063em solid #e8e9de;
padding-top:0.833em;
margin:0 0.833em;
}
.related-entries ol{
margin:0.625em 1.25em;
}
.related-entries ol li{
font-size:0.813em;
line-height:1.529em;
font-style:italic;
color:#78796e;
padding-left:10px;
background: url(http://s.omniti.net/i/presentation/ico20-globe.gif) 0 0 no-repeat;
}
.related-entries ol li a.bookmark{
font-size:1.077em;
line-height:1.429em;
font-style:normal;
margin-right:0.143em;
}

p.pages,
ul.pages{
font-size:0.875em;
line-height:1.429em;
font-style:italic;
padding:0 1.429em 0;
display:block;
clear:both;
}

/* writes (books) */

.books-index ul{
margin:2.5em 1.25em 1.25em;
}
.books-index ul li{
height:7.5em;
display:block;
clear:both;
position:relative;
}
.books-index ul h2{
font-size:1em;
font-family:georgia,serif;
margin:0 0 0 6.875em;
}
.books-index ul h2 img{
position:absolute;
left:0;
top:0;
}
.books-index ul h2 strong{
font-size:1.125em;
line-height:1.111em;
font-weight:300;
}
.books-index ul h2 em,
.books-index p{
font-size:0.875em;
line-height:1.429em;
}
.books-index ul h2 em{
font-style:italic;
color:#78796e;
white-space:nowrap;
}
.books-index ul p{
margin:0.714em 0 0 7.857em;
}

.book-image{
margin-top:2.5em;
padding:0 0 2.5em;
border-bottom:0.063em solid #e8e9de;
}
.book-image img{
width:12.5em;
}
.book-image p a span{
font-size:0.750em;
line-height:1.667em;
text-align:center;
display:block;
margin-top:0.833em;
}

/* content =co */

.content{
padding-bottom:2.5em;
}
.content h2{
margin:2.111em 0 1.111em;
}
.content h3{
font-size:1em;
line-height:1.25em;
color:#b32720;
margin:1.25em 0 0.625em;
}
.content p.intro{
font-size:1em;
line-height:1.25em;
color:#3e2f2f;
margin-top:2.625em;
background:0;
}
.content p.intro span{
font-size:1.875em;
line-height:1em;
}
.content p.intro a span{
font-size:1em;
}
.content p.cite{
margin:0.714em 0 1.429em 2.143em;
}
.content ol.sections{
margin:0;
color:#78796e;
}
.content ol.sections li{
font-size:1em;
}
.content ol.sections li h2{
margin:1.111em 0 0.556em;
}
.content ol.sections li p{
color:#534442;
}

/* sub-nav and aside =as */

.aside{
padding:0 0 1.875em;
margin:2.5em 1.25em 0 0;
border-bottom:0.063em solid #c8c9be;
}
.aside h2{
margin-bottom:1.111em;
}
.aside .entry-related h3{
margin-top: 0.769em;
}
.aside ol,
.aside ul{
margin-top:1.25em;
}
.aside ol li,
.aside ul li,
.aside p{
font-size:0.813em;
line-height:1.529em;
}
.aside ol li{
margin-top:0.385em;
}
.aside ul li{
padding:0 0 0 0.625em;
background: url(http://s.omniti.net/i/presentation/ico20-globe.gif) 0 0 no-repeat;
}

.aside p{
margin:0.769em 0;
}

.sub-nav{
padding-bottom:2.5em;
border-bottom:0.063em solid #c8c9be;
}
.sub-nav ol li{
font-size:0.875em;
line-height:1.429em;
padding:0;
background:0;
}
.sub-nav ol li a{
display:block;
clear:both;
}
.sub-nav ol li a.live:link,
.sub-nav ol li a.live:visited,
.sub-nav ol li a.live:focus,
.sub-nav ol li a.live:hover,
.sub-nav ol li a.live:active{
color:#3e2f2f;
text-decoration:none;
padding-left:15px;
background: url(http://s.omniti.net/i/presentation/ico20-angle-bracket.gif) 0 0 no-repeat;
}
.sub-nav ol li a.live span{
}

.sub-nav ol li em{
font-style:normal;
}

/* Google maps */

#map{
height:18.75em;
width:100%;
padding-top:0.063em;
margin:0.063em 0;
}
#map-bubble{
width:240px;
}
#bubble-top{
background:transparent url(http://s.omniti.net/i/presentation/bg-bubble-top.png) no-repeat scroll center top;
height:40px;
}
#bubble-top h2{
color:#3e2f2f;
}
#bubble-top h2 em{
font-size:1em;
line-height:1.25em;
font-family:georgia,serif;
font-style:normal;
float:left;
width:140px;
margin-left:20px;
margin-top:20px;
}
#bubble-top img{
cursor:pointer;
float:right;
margin-right:24px;
margin-top:20px;
}
#bubble-content{
background:transparent url(http://s.omniti.net/i/presentation/bg-bubble-content.png) no-repeat scroll center bottom;
padding-bottom:36px;
}
#map p{
display:block;
clear:both;
font-size:0.75em;
line-height:1.5em;
padding-top:0.667em;
margin:0 0 0.75em 20px;
}
#map label{
position:absolute;
left:-9999px;
}
#saddr{
background:#f8f9ee url(http://s.omniti.net/i/presentation/bg-input-search.gif) 0 0 repeat-x;
border:0.083em solid #fff;
padding:0.25em;
width:162px;
}
#map-bubble input{
font-family:georgia,serif;
}
#map-bubble .submit{
text-shadow:0 0 #000;
color:#fff;
padding:0.167em 0.083em;
border:0.063em solid #fff;
background:#a34103;
}
#amtc_option_0 div,
#amtc_option_1 div,
#amtc_option_2 div{
padding:3px 3px;
}

.locations{
border-top:0.063em solid #c8c9be;
}
.locations div{
position:relative;
}
.locations h2{
margin:1.667em 0 0;
}
.locations h2 a img{
width:110px;
height:110px;
float:left;
margin:0 20px 10px 0;
}
.locations p.location-data{
font-size:0.813em;
line-height:1.539em;
font-style:italic;
color:#78796e;
margin:0 0 0.769em;
}
.locations p{
font-size:0.813em;
line-height:1.539em;
margin:0 0 3.077em;
}
.locations p span.street-address{
display:block;
}
.locations p a span{
display:inline;
}

/* general pages */

.content .site-map li{
padding:0;
background:0;
}
.content .site-map li a{
display:block;
clear:both;
}
.site-map li li{
font-size:1em;
}

/* dividers - secondary class variatons */

.introduction{
width:100%;
padding:0.913em 0 1.5em;
}

/* figures */

div.figure {
text-align:center;
padding:0.5em;
margin:0.5em;
border:1px solid #ddd;
}

.figure br {
margin-bottom:0.5em;
}

.figure span {
font-size:smaller;
}

/* footer */

#footer{
text-align:left;
padding:1.188em 0 2.5em;
display:block;
clear:both;
border-top:0.063em solid #cec9be;
}
#footer h2{
position:absolute;
left:-9999px;
}
#footer ul{
margin:0 1.25em;
padding:0 0 0 80px;
background: url(http://s.omniti.net/i/presentation/logo-bg-footer.gif) left no-repeat;
}
#footer ul li{
display:inline;
font-size:0.750em;
line-height:1.667em;
margin:0 1.667em 0 0;
}
#footer ul li.listens{
display:block;
text-transform:uppercase;
letter-spacing:0.083em;
}

/* PayPI */

.paypi-logo {
left:1.625em;
position:absolute;
top:5.125em;
}

.paypi #location h1.byline {
font-size: .938em;
right: 2.000em;
top: 7.000em; 
}

.paypicta h2 {
font-family:'Helvetica Neue',Arial,sans-serif;
font-size:1.064em;
font-weight:300;
left:22.9375em;
line-height:1.25em;
position:absolute;
top:41px;
display: block;
color:#78796E;
}

.paypicta h2 strong {
font-size: 1.250em;
color: #FAAF40;
font-weight: normal;
}

.paypicta h2 em {
display:block;
font-family:Georgia,serif;
font-size:0.814em;
font-style:normal;
padding:0.855em 0;
}

.paypicta h2 em strong {
font-size: 1.153em;
font-style: italic;
color:#3E2F2F;
}

.paypicta h2 span {
display: block;
color: #FAAF40;
font-size: 1.625em; 
line-height: 1.125em;
}

.paypicta h2 span strong {
font-weight:600;
font-size: 1.230em;
}

.paypi #how-it-works {
border-bottom: 0.063em solid #CEC9BE;
padding: 1em 0 1.5em;
position: relative;
}

.paypi #security {
margin-bottom: 2.875em;
padding: 2em 0 1.875em;
border-bottom: 0.1875em double #DED9CE;
position: relative;
}

.paypi #process-flow {
border-bottom: 0.1875em double #DED9CE;
padding: 2.375em 1.2857em;
position: relative;
height: 22.65em;
}

.paypi #process-flow h2 {
width: 325px;
font-family: Georgia, serif;
font-size: .814em;
font-style: italic;
line-height: 1.375em;
color: #78796E;
}

.paypi #process-flow h2 strong {
font-family:'Helvetica Neue',Arial,sans-serif;
color: #FAAF40;
display: block;
font-weight:600;
font-size: 2em;
font-style: normal;
line-height: 1em;
padding-bottom: .25em;
}

.paypi #process-flow h2 strong em {
font-style: normal;
font-weight: 300;
font-size: .769em;
}

.paypi #process-flow img {
position: absolute;
top: -8px;
left: 35px;
}

.paypi #process-flow p.pci-compliance, .paypi #process-flow p.your-site {
font-size: .625em;
font-family: 'lucida grande','lucida sans unicode',arial,sans-serif;
color: #78796E;
position: absolute;
z-index: 100;
top: 339px;
line-height: 1.3em;
}

.paypi #process-flow p.pci-compliance {
left: 265px;
width: 125px;
}

.paypi #process-flow p.your-site {
left: 419px;
width: 313px;
}

.paypi #process-flow p.pci-compliance a {
color: #A34103;
}

.paypi #process-flow p.pci-compliance a:hover {
color: #78796E;
}

.paypi #how-it-works:after, .paypi #security:after  {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.paypi #how-it-works .bracket-head {
background:url(http://s.omniti.net/i/presentation/how-it-works-bracket.png) no-repeat 0 0 transparent;
top:22px;
height:161px;
left:-50px;
position:absolute;
text-indent:-999em;
width:50px;
}

.paypi #how-it-works .rationale {
border: none;
clear:both;
font-size:0.875em;
line-height:1.429em;
padding:1.7143em 1.2857em;
}

.paypi #how-it-works ol {
font-family: 'lucida grande','lucida sans unicode',arial,sans-serif;
font-size: .875em;
padding-top:1em;
}

.paypi #how-it-works ol li {
width: 15.5em;
float: left;
margin: 0 0.3em 0.875em 1.2em;
line-height: 1.275em;
background: url("http://s.omniti.net/i/presentation/ico20-sprite-angle-brackets.gif") no-repeat 0 -80px transparent;
padding-left: 1em;
}

.paypi #how-it-works ol li.last {
margin: 0 0 0.875em;
}

.paypi #security .col-left, .paypi #security .col-right {
float:left;
font-size:0.875em;
line-height:1.429em;
}

.paypi #security .bracket-head {
background:url(http://s.omniti.net/i/presentation/safety-bracket.png) no-repeat 0 0 transparent;
top:34px;
height:245px;
left:-50px;
position:absolute;
text-indent:-999em;
width:50px;
} 

.paypi #security .col-left {
padding:1.7143em 1.250em 1.7143em 1.2857em;
width: 23.5714em;
} 

.paypi #security .col-right {
padding:2.200em 0em 1.7143em 1.2857em;
width: 24.45em;
} 

.paypi #security .col-left em {
color:#B32720;
display:inline;
font-family:'lucida grande','lucida sans unicode',arial,sans-serif;
font-size:1.2857em;
font-style:normal;
font-weight:300;
letter-spacing:-0.056em;
line-height:1.111em;
padding:1em 0.25em 0 0;
}

.paypi #security .col-left em span {
font-size:1.6666em;
}

.paypi .client-examples li {
margin: 0 0 0 1.25em;
}

.paypi .client-examples li img {
display: block;
}

.paypi .screen-back {
opacity: .5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);
}

.paypi .paypi-banner img {
position: relative;
left: 3.565em;
}

.paypi #our-products .bracket-head {
background:url("http://s.omniti.net/i/presentation/other-innovations-bracket.png") no-repeat scroll 0 0 transparent;
top:-10px;
height:165px;
left:-50px;
position:absolute;
text-indent:-999em;
width:50px;
}

/* Varnish */

#location h1.knows-logo{
right: 0;
text-align: right;
top: 19px;
padding: 0;
}

.varnishspeed img{
left: 378px;
position: relative;
top: -41px;
}

.varnishspeed h2{
color: #939495;
display: block;
font-family: Georgia,serif;
font-size: 3.625em;
font-style: italic;
font-style: italic;
font-weight: 400;
position: absolute;
top: 18px;
}

.varnishspeed h2 em{
color:#b32720;
display: block;
font-size: 1.5345em;
}

.varnishspeed h2 strong{
color:#3e2f2f;
text-transform: uppercase;
font-size: 1.1207em;
font-style: normal;
text-transform: uppercase;
font-weight: 400;
float: left;
margin-top: -6px;
}

.varnishspeed h2 i{
display: block;
float: left;
margin-top: -1px;
padding: 0 16px;
}
 
.varnishspeed p{
display: block;
font-family: Georgia,serif;
font-size: 0.875em;
left: 16px;
line-height: 1.4;
position: absolute;
top: 171px;
width: 420px;
color: #78796E;
}

.varnishspeed p.button{
top: 220px;
width: 356px;
}

.varnishspeed p strong{
color: #3e2f2f;
font-weight: 400;
}

.varnishspeed p em{
color: #897C04;
font-style: italic;
}

.varnish #benefits{
height: 374px;
position: relative;
}

.varnish #benefits .bracket-head {
background: url("/i/presentation/varnish-bracket.png") no-repeat scroll 0 0 transparent;
height: 294px;
left: -82px;
position: absolute;
text-indent: -999em;
top: 42px;
width: 78px;
} 


.varnish #benefits p{
font-size: 0.875em;
padding: 0;
float: right;
clear: right;
width: 254px;
border: none;
padding-top: 14px;
letter-spacing: -0.025em;
line-height: 1.4;
}

.webkit .varnish #benefits p{
line-height: 1.3;
width: 259px;
}

.varnish #benefits p.rationale{
margin-top: 29px;
}

#contact-cta p{
float: right;
}

.knows .copy p{
font-size: 0.875em;
line-height: 1.429em;
 margin: 0 0 1.428em;
}

.knows .copy.right{
margin: 0;
padding: 0;
width: 28.025em;
}

.knows .copy h3{
color: #3E2F2F;
font-family: Baskerville,'Palatino Linotype',serif;
font-size: 1.5em;
font-style: italic;
line-height: 1.667em;
}

.knows .aside{
margin: 0 1.25em 0 0;
padding: 1.875em 0;
width: 248px;
}

.knows .aside.left{
float: left;
}

.knows .aside.right{
float: right;
}

.knows .aside blockquote{
margin-top: 20px;
}

.knows .aside blockquote.lead{
margin-top: 0;
}

.knows .aside.block{
background-color: #E8E9DE;
margin: 0;
padding: 0.9em;
width: 222px;
}

.varnish .aside.block.lead {
margin-top: 12px;
}
    
.knows .aside h2{
background: url("http://s.omniti.net/i/presentation/ico20-sprite-angle-brackets.gif") no-repeat scroll 0 -80px transparent;
color: #3E2F2F;
font-family: Georgia,serif;
font-size: 1em;
font-style: italic;
line-height: 1.4;
padding-left: 12px;
}

.knows .varnish .rationale{
padding:1.7143em 0;
}

#seminar-cta{
padding: 1.875em .9em;
}

#seminar-cta a, #seminar-cta address{
font-size: 0.8125em;
display: block;
margin-left: 12px;
}

#seminar-cta address{
color: #78796e;
margin-top: 6px;
}

.knows .video-js-box{
float: left;
margin-top: 44px;
width: 450px;
background-color: #000;
}

.knows .video-js-box.vjs-fullscreen{
width: 100%;
margin: 0;
}

.gplus-one {
float: right; 
position: relative; 
top: 3px; 
right: -10px;
}


/* 
VideoJS Default Styles (http://videojs.com)
Version 2.0.2

REQUIRED STYLES (be careful overriding)
================================================================================ */
/* Box containing video, controls, and download links.
   Will be set to the width of the video element through JS
   If you want to add some kind of frame or special positioning, use another containing element, not video-js-box. */
.video-js-box {  
border:medium none !important;
line-height:0 !important;
margin:0;
padding:0 !important;
position:relative;
text-align:left;
}

/* Video Element */
video.video-js { background-color: #000; position: relative; padding: 0;}

.vjs-flash-fallback { display: block; }

/* Poster Overlay Style */
.video-js-box img.vjs-poster { display: block; position: absolute; left: 0; top: 0; width:450px; height: 288px; margin: 0; padding: 0; cursor: pointer; }
/* Subtiles Style */
.video-js-box .vjs-subtitles { color: #fff; font-size: 20px; text-align: center; position: absolute; bottom: 40px; left: 0; right: 0; }

/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
.video-js-box.vjs-fullscreen video.video-js,
.video-js-box.vjs-fullscreen .vjs-flash-fallback { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; border: none; margin: 0; }
.video-js-box.vjs-fullscreen img.vjs-poster { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-spinner { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-controls { z-index: 1003; }
.video-js-box.vjs-fullscreen .vjs-big-play-button { z-index: 1004; }
.video-js-box.vjs-fullscreen .vjs-subtitles { z-index: 1004; }

/* Styles Loaded Check */
.vjs-styles-check { height: 5px; position: absolute; }
/* Controls Below Video */
.video-js-box.vjs-controls-below .vjs-controls { position: relative; opacity: 1; background-color: #000; }
.video-js-box.vjs-controls-below .vjs-subtitles { bottom: 75px; } /* Account for height of controls below video */

/* DEFAULT SKIN (override in another file)
================================================================================
Using all CSS to draw the controls. Images could be used if desired.
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. */

/* Controls Layout 
  Using absolute positioning to position controls */
.video-js-box .vjs-controls {
  position: absolute; margin: 0; opacity: 0.85; color: #fff;
  display: none; /* Start hidden */
  left: 0; right: 0; /* 100% width of video-js-box */ 
  width: 100%;
  bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  height: 35px; /* Including any margin you want above or below control items */
  padding: 0; /* Controls are absolutely position, so no padding necessary */
}

.video-js-box .vjs-controls > div { /* Direct div children of control bar */
  position: absolute; /* Use top, bottom, left, and right to specifically position the control. */
  text-align: center; margin: 0; padding: 0;
  height: 25px; /* Default height of individual controls */
  top: 5px; /* Top margin to put space between video and controls when controls are below */

  /* CSS Background Gradients 
     Using to give the aqua-ish look. */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;

  /* CSS Curved Corners */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;

  /* CSS Shadows */
  box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000;
}

/* Placement of Control Items 
   - Left side of pogress bar, use left & width
   - Rigth side of progress bar, use right & width
   - Expand with the video (like progress bar) use left & right */
.vjs-controls > div.vjs-play-control       { left: 5px;   width: 25px;  }
.vjs-controls > div.vjs-progress-control   { left: 35px;  right: 165px; } /* Using left & right so it expands with the width of the video */
.vjs-controls > div.vjs-time-control       { width: 75px; right: 90px;  } /* Time control and progress bar are combined to look like one */
.vjs-controls > div.vjs-volume-control     { width: 50px; right: 35px;  }
.vjs-controls > div.vjs-fullscreen-control { width: 25px; right: 5px;   }

/* Removing curved corners on progress control and time control to join them. */
.vjs-controls > div.vjs-progress-control {
  border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;
  border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
}
.vjs-controls > div.vjs-time-control { 
  border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;
  border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
}

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-play-control { cursor: pointer !important; }
/* Play Icon */
.vjs-play-control span { display: block; font-size: 0; line-height: 0; }
.vjs-paused .vjs-play-control span {
  width: 0; height: 0; margin: 8px 0 0 8px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 10px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
}
.vjs-playing .vjs-play-control span {
  width: 3px; height: 10px; margin: 8px auto 0;
  /* Drawing the pause bars with borders */
  border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-progress-holder { /* Box containing play and load progresses */
  position: relative; padding: 0; overflow:hidden; cursor: pointer !important;
  height: 9px; border: 1px solid #777;
  margin: 7px 1px 0 5px; /* Placement within the progress control item */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-progress-holder div { /* Progress Bars */
  position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-play-progress {
  /* CSS Gradient */
  /* Default */ background: #fff;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
  /* Firefox */ background: -moz-linear-gradient(top,  #fff,  #777);
}
.vjs-load-progress {
  opacity: 0.8;
  /* CSS Gradient */
  /* Default */ background-color: #555;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
  /* Firefox */ background: -moz-linear-gradient(top,  #555,  #aaa);
}

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-controls .vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-controls .vjs-time-control span { line-height: 25px; /* Centering vertically */ }

/* Volume
-------------------------------------------------------------------------------- */
.vjs-volume-control { cursor: pointer !important; }
.vjs-volume-control div { display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
/* Drawing the volume icon using 6 span elements */
.vjs-volume-control div span { /* Individual volume bars */
  float: left; padding: 0;
  margin: 0 2px 0 0; /* Space between */
  width: 5px; height: 0px; /* Total height is height + bottom border */
  border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */
}
.vjs-volume-control div span.vjs-volume-level-on { border-color: #fff; /* Volume on bar color */ }
/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
.vjs-volume-control div span:nth-child(1) { border-bottom-width: 2px; height: 16px; }
.vjs-volume-control div span:nth-child(2) { border-bottom-width: 4px; height: 14px; }
.vjs-volume-control div span:nth-child(3) { border-bottom-width: 7px; height: 11px; }
.vjs-volume-control div span:nth-child(4) { border-bottom-width: 10px; height: 8px; }
.vjs-volume-control div span:nth-child(5) { border-bottom-width: 14px; height: 4px; }
.vjs-volume-control div span:nth-child(6) { margin-right: 0; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-fullscreen-control { cursor: pointer !important; }
.vjs-fullscreen-control div {
  padding: 0; text-align: left; vertical-align: top; cursor: pointer !important; 
  margin: 10px 0 0 5px; /* Placement within the fullscreen control item */
  width: 20px; height: 20px;
}
/* Drawing the fullscreen icon using 4 span elements */
.vjs-fullscreen-control div span { float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
.vjs-fullscreen-control div span:nth-child(1) { /* Top-left triangle */
  margin-right: 3px; /* Space between top-left and top-right */
  margin-bottom: 3px; /* Space between top-left and bottom-left */
  border-top: 6px solid #fff; /* Height and color */
  border-right: 6px solid rgba(0,0,0,0);  /* Width */
}
.vjs-fullscreen-control div span:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
/* Icon when video is in fullscreen mode */
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }

/* Download Links - Used for browsers that don't support any video.
---------------------------------------------------------*/
.vjs-no-video { font-size: small; line-height: 1.5; }

/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {
  display: none; /* Start hidden */ z-index: 2;
  position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -43px 0 0 -43px; text-align: center; vertical-align: center; cursor: pointer !important;
  border: 3px solid #fff; opacity: 0.9;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  
  /* CSS Background Gradients */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 40px;

  /* CSS Shadows */
  box-shadow: 4px 4px 8px #000; -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000;
}
div.vjs-big-play-button:hover {
  box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;
}

div.vjs-big-play-button span {
  display: block; font-size: 0; line-height: 0;
  width: 0; height: 0; margin: 20px 0 0 23px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 40px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
}

/* Spinner Styles
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-spinner { display: none; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1; margin: -50px 0 0 -50px;
  /* Scaling makes the circles look smoother. */
  transform: scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5);
}
/* Spinner circles */
.vjs-spinner div { position:absolute; left: 40px; top: 40px; width: 20px; height: 20px; background: #fff;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  border: 1px solid #ccc; /* Added border so can be visible on white backgrounds */
}
/* Each circle */
.vjs-spinner div:nth-child(1) { opacity: 0.12; transform: rotate(000deg) translate(0, -40px) scale(0.1); -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1); -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1); }
.vjs-spinner div:nth-child(2) { opacity: 0.25; transform: rotate(045deg) translate(0, -40px) scale(0.2); -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2); -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2); }
.vjs-spinner div:nth-child(3) { opacity: 0.37; transform: rotate(090deg) translate(0, -40px) scale(0.4); -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4); -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4); }
.vjs-spinner div:nth-child(4) { opacity: 0.50; transform: rotate(135deg) translate(0, -40px) scale(0.6); -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6); -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); }
.vjs-spinner div:nth-child(5) { opacity: 0.62; transform: rotate(180deg) translate(0, -40px) scale(0.8); -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8); -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); }
.vjs-spinner div:nth-child(6) { opacity: 0.75; transform: rotate(225deg) translate(0, -40px) scale(1.0); -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0); -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0); }
.vjs-spinner div:nth-child(7) { opacity: 0.87; transform: rotate(270deg) translate(0, -40px) scale(1.1); -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1); -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); }
.vjs-spinner div:nth-child(8) { opacity: 1.00; transform: rotate(315deg) translate(0, -40px) scale(1.3); -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3); -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); }


/*
VideoJS VimCSS Skin (http://videojs.com)
Version 2.0.0
*/

.vim-css .vjs-controls {
  height: 60px; opacity: 0.9; color: #fff;
}
.vim-css .vjs-controls > div {
  height: 32px; top: 18px; padding: 0; text-align: center; background: rgba(23, 35, 34, 0.746094);
  border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
/* Placement of Control Items */
.vim-css .vjs-controls > div.vjs-play-control       { width: 65px; left: 10px; }
.vim-css .vjs-controls > div.vjs-progress-control   { left: 85px; right: 160px; }
.vim-css .vjs-controls > div.vjs-time-control       { width: 75px; right: 85px; }
.vim-css .vjs-controls > div.vjs-volume-control     { width: 50px; right: 35px; }
.vim-css .vjs-controls > div.vjs-fullscreen-control { width: 25px; right: 10px; }

/* Play/Pause
-------------------------------------------------------------------------------- */
.vim-css .vjs-controls .vjs-play-control { top: 10px; margin: 0; height: 40px;  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.vim-css .vjs-play-control:hover { background: #B32720; }
.vim-css.vjs-paused .vjs-play-control span { border-left-color: #fff; border-top-width: 9px; border-left-width: 18px; border-bottom-width: 9px; margin: 11px 0 0 24px; }
.vim-css.vjs-playing .vjs-play-control span { width: 5px; height: 18px; margin: 5px auto 0; border-left: 5px solid #fff; border-right: 5px solid #fff; margin: 11px 0 0 24px; }

/* Progress
-------------------------------------------------------------------------------- */
.vim-css .vjs-controls .vjs-progress-control { border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; }
.vim-css .vjs-progress-control .vjs-progress-holder { height: 8px; padding: 1px; margin: 10px 5px 0 10px; border-color: #666666; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.vim-css .vjs-progress-control .vjs-play-progress { height: 8px; background: #B32720; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.vim-css .vjs-progress-control .vjs-load-progress { height: 8px; background: #898F8F; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }

/* Time Display
-------------------------------------------------------------------------------- */
.vim-css .vjs-controls .vjs-time-control { font-size: 11px; }
.vim-css .vjs-controls .vjs-time-control span { line-height: 32px; /* Centering vertically */ }

/* Volume
-------------------------------------------------------------------------------- */
.vim-css .vjs-volume-control div { padding: 7px 0 0 5px; width: 30px; }
.vim-css .vjs-volume-control div span {
  float: left; margin: 0 2px 0 0; padding: 0; width: 3px; height: 3px; border-bottom: 12px solid #666666;
  -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear;
}
.vim-css .vjs-volume-control div span.vjs-volume-level-on { border-color: #B32720; }
.vim-css .vjs-volume-control div span:hover { height: 0; border-bottom-width: 15px; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vim-css .vjs-fullscreen-control div B32720
.vim-css .vjs-controls .vjs-fullscreen-control { border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; }
/* Making default fullscreen icon smaller */
.vim-css .vjs-fullscreen-control div span:nth-child(1) { margin: 0 4px 4px 0; border: none; border-top: 4px solid #fff; border-right: 4px solid rgba(0,0,0,0); }
.vim-css .vjs-fullscreen-control div span:nth-child(2) { border: none; border-top: 4px solid #fff; border-left: 4px solid rgba(0,0,0,0); }
.vim-css .vjs-fullscreen-control div span:nth-child(3) { clear: both; margin: 0 4px 0 0; border: none; border-bottom: 4px solid #fff; border-right: 4px solid rgba(0,0,0,0); }
.vim-css .vjs-fullscreen-control div span:nth-child(4) { border: none; border-bottom: 4px solid #fff; border-left: 4px solid rgba(0,0,0,0); }
.vim-css.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) { border: none; border-bottom: 4px solid #fff; border-left: 4px solid rgba(0,0,0,0); }
.vim-css.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) { border: none; border-bottom: 4px solid #fff; border-right: 4px solid rgba(0,0,0,0); }
.vim-css.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) { border: none; border-top: 4px solid #fff; border-left: 4px solid rgba(0,0,0,0); }
.vim-css.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) { border: none; border-top: 4px solid #fff; border-right: 4px solid rgba(0,0,0,0); }
/* Fullscreen control hovering */
.vim-css .vjs-fullscreen-control:hover div span:nth-child(3), .vim-css .vjs-fullscreen-control:hover div span:nth-child(4), .vim-css.vjs-fullscreen .vjs-fullscreen-control:hover div span:nth-child(1), .vim-css.vjs-fullscreen .vjs-fullscreen-control:hover div span:nth-child(2) { border-bottom-color: #B32720; }
.vim-css .vjs-fullscreen-control:hover div span:nth-child(1), .vim-css .vjs-fullscreen-control:hover div span:nth-child(2), .vim-css.vjs-fullscreen .vjs-fullscreen-control:hover div span:nth-child(3), .vim-css.vjs-fullscreen .vjs-fullscreen-control:hover div span:nth-child(4) { border-top-color: #B32720; }

/* Big Play Button (at start)
---------------------------------------------------------*/
.vim-css div.vjs-big-play-button {
  width: 130px; height: 80px; margin: -40px 0 0 -65px;
  border: none; opacity: 0.9;
  border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;

  background: rgba(23, 35, 34, 0.746094);

  /* CSS Shadows */
  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.vim-css div.vjs-big-play-button:hover {
  background: #B32720;
  opacity: 1;
}
.vim-css div.vjs-big-play-button span {
  margin: 22px 0 0 48px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 36px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 18px solid rgba(0,0,0,0); border-bottom: 18px solid rgba(0,0,0,0);
}




/* Q and A Case Study */

.qanda .content h3{
line-height: 1.4;
margin-bottom: 10px;
}

.aside.block{
background: none repeat scroll 0 0 #E8E9DE;
margin: 1.25em 0 1em;
padding: 0.9em;
}

.aside.block.lead{
margin-top: 2.5em;
}

.aside.block p em{
color:#897C04;
}

.aside.block ul{
margin-top: 10px;
}

.aside.block ul li {
background: url("http://s.omniti.net/i/presentation/ico20-globe.gif") no-repeat scroll 0 0 transparent;
margin-bottom: 10px;
} 

.aside-img{
float: right;
margin-top: 20px;
}  

.qanda .sub-nav{
padding-bottom: 1.25em; 
}

/* Improved anti-alias at larger font sizes correction for FF/OS X

#location h1,
#location p,
.client-data h2,
.introduction h1,
.introduction h2,
.section p.explore{
-moz-opacity:0.999;
} */

/*

Seeds

----------------------------------------*/

/* layout */
.column-33{
float:left;
width:15.263em;    
}
.column-66{
float:left;
width:30.525em;
}
.right{
float:right;
}
.clear:after{ 
content:'.'; clear:both; display:block; height:0; visibility:hidden; 
}
.clear{
display:inline-block;
}
.clear{ 
display:block; 
}

/* .introduction */
.introduction .seasonhead{
display:block;
padding-top:.833em;
}
.introduction .seasonhead{
display:block;
height:1.75em;
padding-bottom:0.25em;
text-indent:-9999px;
}

.introduction #season-Fall{
background:url(http://s.omniti.net/i/content/seasons/constructed-fall.png) 11px 0 no-repeat;
}

.introduction #season-Spring{
background:url(http://s.omniti.net/i/content/seasons/constructed-spring.png) 11px 0 no-repeat;
}

.introduction #season-Winter{
background:url(http://s.omniti.net/i/content/seasons/constructed-winter.png) 11px 0 no-repeat;
}

.introduction #season-Summer{
background:url(http://s.omniti.net/i/content/seasons/constructed-summer.png) 11px 0 no-repeat;
}

/* #controls.seeds */
#controls.seeds ul li a,
#controls.seeds ul li a em{
color:#897c04;
}
#controls.seeds h2{
font-weight:600;
margin:0;
}
#controls.seeds ul{
margin:0 1.25em 0 .625em;
}
#controls.seeds .current{
font-style:italic;
}

/* #main-content */
#main-content{
margin:0 1.25em 0;
padding:1.875em 0 0;
width:28.025em;
}
#main-content h2{
padding-bottom:1.111em;
}
#main-content h3{
line-height:2.5em;
margin-top:0;
}
#main-content p,
#main-content ol,
#main-content ul{
margin-bottom:0;
margin-top:0;
padding-bottom:1.429em;
}

/* #main-content.articles */

#main-content.articles #season-Fall, #main-content.articles #season-Spring, #main-content.articles #season-Winter, #main-content.articles #season-Summer{
border-bottom:1px solid #E8E9DE;
display:block;
height:9.25em;
padding-bottom:.688em; /* .75em(=11px) + 9.25em(=148px) + 1px = 160px(multiple of 20) */
text-indent:-9999px;
width:28.025em;
}
#main-content.articles p.entry-info{
margin-top:1.538em;
padding-bottom:0;
}

/* #main-content.article */
#main-content.article #title{
display:block;
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:1.75em;
line-height: 1.111em;
margin:0;
padding:0;
color: #3E2F2F;
font-style: normal;
}

h3.sec-head{
color:#B32720;
font-style:italic;
}

#main-content.article #title span.first-letter{
font-size:1.5em;
line-height:1.111em;
}
#main-content.article p.entry-info{
margin:0 0 1.429em;
padding-bottom:0;
}
#main-content.article p.first{
padding-top:1.429em;
}
#main-content.article.seeds-content p.first{
padding-top:0;
}
#main-content.article .callout{
background:#ecede4;
margin-bottom:1.25em;
padding:.625em;
}
#main-content.article .callout p{
font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
font-size:.76em;
line-height:1.667em;
}
#main-content.article .callout img{
margin:0 0 1.125em;
max-width:26.625em;
padding:0;
}
#main-content.article .callout .last{
margin-bottom:0;
padding-bottom:0;
}

/* #main-content.entry-content */
#main-content.entry-content p.entry-info{
margin:0;
}

/* #related */
#related{
margin:0 1.25em 0 0;
padding:1.875em 0 0;
width:14.013em;
}
#related.left{
margin:0 0 0 1.25em;
}
#related h2.section-header{
border-top:1px solid #E8E9DE;
color:#B32720;
font-size:1.125em;
font-weight:300;
line-height:1.111em;
padding-top:1.056em;
}
#related h2.season{
color:#222;
font-family:Baskerville,'Palatino Linotype', serif;
font-size:1.5em;
line-height:1.667em;
text-transform:uppercase;
}
#related h2.issue-header{
border-bottom:1px solid #E8E9DE;
color:#3e2f2f;
font-family:Baskerville,'Palatino Linotype', serif;
font-size:1.5em;
font-style:italic;
line-height:1.667em;
margin-bottom:-1px; /* subtracts border height */
}
#related h2.stacked,
#related h2.first{
border-top:none;
margin-top:0;
padding-top:0;
}
#related h2.stacked{
margin-top:2.222em;
}
#related a span{
font-style:italic;
}
#related ul{
font-size:.875em;
line-height:1.429em;
margin:1.429em 0 1.429em 1.429em;
}
#related #what-we-do{
list-style: url(http://s.omniti.net/i/images/guillemet.png);
}
#related .hfeed{
margin:.625em 0;
}
#related .entry-info{
color:#766a00;
}
#related .seeds-illustration{
padding:1.188em .75em;
margin-bottom:.438em;
}

#surge-copy{
    float: right;
    padding: 30px 0 30px 20px;
    position: relative;
    width: 388px; /* 720 - 312 - 20 */
}

.surge h2{
    font: 32px/40px Baskerville, Times, 'Times New Roman', serif;
    padding-bottom: 20px;
}

.surge h2 span{
    color: #44C8F5;
}

.surge img{
    position: absolute;
}

.surge p{
    font: 300 18px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.surge p.tagline{
    color: #999;
    font-size: 14px;
}

.surge p em{
    font: italic 18px/20px Baskerville, Times, 'Times New Roman', serif;
}

.surge a.logo{
    background: url(http://s.omniti.net/i/content/banners/surge_logo.png) 0 0 no-repeat;
    display: block;
    float: left;
    height: 60px;
    margin: 20px 0 0;
    text-indent: -9999px;
    width: 132px;
}

.surge p.button{
    bottom: 50px;
    left: 162px;
    position: absolute;
}

.surge p.button a{
    font: 12px/20px Baskerville, Times, 'Times New Roman', serif;
    margin: 0;
    text-transform: uppercase;
}

.resourcepage h2{
border-bottom: 1px solid #E8E9DE;
padding-bottom: 8px !important;
}

.resourcepage #main-content h3{
line-height: 1.25em;
margin-bottom: 0em !important;
margin-top: 1.25em;
}

.resourcepage #main-content p.entry-info{
padding-bottom: 0em !important;
}

.resourcepage #main-content .cta-links{
margin-bottom: 20px;
}

.resourcepage .downloadform{
margin-bottom: 30px;
display: block;
}

.resourcepage .downloadform input{
border: 1px solid #E8E9DE;
display: block;
width: 276px;
padding: 8px 12px;
float: left;
margin-bottom: 10px;
}

.resourcepage .downloadform input:focus{
border: 1px solid #999;
}


.resourcepage .downloadform label{
font-size: 0.875em;
font-style: italic;
color: #969696;
width: 130px;
float: left;
display: block;
height: 16px;
padding-top: 15px;
}

.resourcepage .downloadform label span{
color: #a34000;
}

.resourcepage .downloadform .downloadsubmit{
background: #c96524;
color: white;
width: auto;
font-size: 0.750em;
line-height: 1.667em;
text-transform: uppercase;
letter-spacing: 0.083em;
font-family: Georgia, serif;
padding: 4px 17px;
}

.resourcepage .downloadsubmit:hover{
background: #ce0e00;
}

#confirmmessage{
background: #c96524;
color: white;
font-family: Georgia, serif;
font-style: italic;
font-size: .875em;
width: 702px;
padding: 10px 19px;
margin-top: 1px;
display:none;
}

.resourcepage #main-content .downloadnow{
display: none;
}

.resourcepage.formsubmitted .downloadnow, .resourcepage.formsubmitted  #confirmmessage{
display: block !important;
}

.resourcepage.formsubmitted .formtodownload, .resourcepage.formsubmitted  .downloadform{
display: none !important;
}




} /* ENDS @media screen */

/*
Variant: Print
Author: Jon Tan
Date: 10/03/2008

----------------------------------------*/

@media print{

body{
font-size:1em;
font-family:georgia,serif;
text-align:left;
line-height:20px;
color:#534442;
background:#fff;
margin:0 1.5%;
}
a:link,
a:visited,
a:focus,
a:hover,
a:active{
text-decoration:none;
color:#534442;
}
q{
quotes: "" "";
}
h1,h2,h3{
font-weight:300;
margin:0;
}
h1,
.section h2,
.section h3{
display:block;
clear:both;
}
h1{
font-size:36px;
line-height:40px;
}
#location h1{
font-style:italic;
letter-spacing:-1px;
color:#78796e;
color:#3e2f2f;
position:absolute;
top:27px;
left:210px;
}
#location h1 em{
}
#location h1.byline{
position:absolute;
top:25px;
right:0;
left:auto;
width:300px;
font-size:14px;
line-height:20px;
letter-spacing:0;
font-style:italic;
}
#location h1.byline em{
display:block;
margin-left:50px;
}
#location h1.byline strong{
font-family: baskerville,'palatino linotype',georgia,serif;
}
h2{
font-size:18px;
font-family:'lucida grande','lucida sans unicode',arial,sans-serif;
color:#b32720;
padding:20px 0 0;
page-break-after:avoid;
}
.client-data h2,
.introduction h1,
.introduction h2{
font-size:24px;
line-height:30px;
font-family:georgia,serif;
color:#3e2f2f;
padding:20px 0;
}
.client-data h2{
padding:20px 0 0;
}
.client-data h2 em,
.introduction h1 em,
.introduction h2 em{
font-style:normal;
color:#b32720;
}
h3{
font-size:16px;
}
.content h3{
color:#b32720;
margin-top:20px;
}
p,
ol li,
ul li,
dl dt,
dl dd{
font-size:14px;
}
p,ol,ul,dl{
padding:0;
margin:10px 0;
}
ol,ul,dl{
margin:10px 20px;
}
ul{
list-style:circle;
}
dt{
font-style:italic;
}
dd{
margin:0 0 10px;
}
blockquote{
font-style:italic;
margin:0 20px;
}
strong{
font-weight:300;
}
abbr{
text-decoration:none;
border:0;
font-variant:small-caps;
}
a.screenshot img,
.book-image img,
.clients ul li img,
.books ul li img,
.case-studies h3 img,
.contact ul h3 img,
.books-index ul li h2 img{
border:1px solid #c8c9be;;
}
#masthead img{
border:0;
}
a.screenshot img{
padding:1px;
}
#masthead{
position:relative;
height:90px;
border-bottom:1px solid #c8c9be;;
}
#masthead img{
vertical-align:text-bottom;
}
.introduction{
border-bottom:1px solid #c8c9be;;
}
.client-data,
.banner{
border-bottom:1px solid #c8c9be;;
}
.client-data p{
font-size:12px;
font-style:italic;
text-align:right;
margin:0;
}
.banner{
padding-bottom:20px;
}
.banner h2,
.banner h3{
font-family:georgia,serif;
}
.banner h2{
font-size:30px;
line-height:40px;
}
.banner h3{
font-size:20px;
line-height:20px;
}
.banner h2 b,
.banner h2 strong{
font-weight: 400;
}
.banner h3{
padding:10px 0;
}
.what-we-do p{
margin:10px 0 20px;
}
.what-we-do p.initial{
font-size:16px;
color:#3e2f2f;
margin:40px 0 0;
}
.clients ul,
.books ul{
list-style:none;
margin:10px 0;
}
.clients ul li,
.books ul li{
display:inline;
}
.clients ul li img,
.books ul li img{
vertical-align:text-bottom;
margin-right:3px;
}
.clients ul li img{ width:79px; }
.books ul li img{ width:36px; }

.recent-planet ol li{
margin-bottom:20px;
}
.recent-planet ol li p{
margin:0;
}
.recent-planet ol li p.entry-info{
font-size:12px;
font-style:italic;
}
.case-studies ol{
margin:40px 0;
display:block;
clear:both;
}
.case-studies ol li{
display:block;
clear:both;
}
.case-studies h3 img{
width:74px;
float:left;
margin:0 20px 20px 0;
}
.contact ul{
list-style:none;
margin-left:0;
}
.contact ul h3{
margin:0;
}
.contact ul h3 img{
float:left;
margin:0 20px 20px 0;
}
.contact ul ul{
margin:0;
}
.contact ul li{
height:80px;
}
.executives ul li{
float:left;
width:45%;
}
.contact ul ul li{
height:auto;
width:auto;
float:none;
}
.contact ul ul li{
font-size:13px;
}
.contact ul ul li.title{
font-size:12px;
font-style:italic;
}
.conferences p,
.talks p{
margin:0 0 10px;
}
.content{
padding:20px 0 0;
}
.portrait{
float:right;
margin:20px 0 20px 40px;
}
.portrait img{
width:99px;
}
.portrait p{
font-size:12px;
font-style:italic;
}
.bio{
padding-top:20px;
}
.books-index ul{
list-style:none;
margin:40px 0;
}
.books-index ul li{
height:120px;
display:block;
clear:both;
}
.books-index ul li h2{
font-size:14px;
line-height:20px;
font-family:georgia,serif;
padding:0;
}
.books-index ul li h2 img{
margin:0 20px 20px 0;
float:left;
}
.books-index ul li h2 strong{
font-size:18px;
display:block;
}
.book-image{
float:right;
margin:20px 0 20px 40px;
}
#footer{
border-top: 1px solid #c8c9be;;
margin-top:40px;
padding:0 0 20px;
text-align:right;
}
#footer ul{
list-style:none;
}
#footer ul li{
font-size:12px;
}
#footer ul li,
#footer ul li address,
#footer ul li address a{
display:inline;
}



hr,
#nav,
.sub-nav,
.introduction form,
.ng-webby img,
.ng-webby p,
#location p,
#insert-search,
#insert-contact,
.download,
.pages,
.explore,
.book-image p span,
.recent-planet p.continue,
.people,
.books p,
#footer h2,
#footer ul li a{
display:none;
}

/*New Scrollable  for clients */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 740px;
	height: 130px;
}
.scrollable:after {nb
	font: none;
	clear: both;
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.scrollable .items li {
	float:left;
}
.scrollable .items li {
	float: none;
	clear: both;
	height: 0;
	width: 100%;
}
.client-examples .navi {
    height: 20px;
    margin-left: 328px;
    width: 200px;
}
.client-examples .navi a.active {
    background-position: 0 -16px;
}

.client-examples  .navi a {
    background: url("http://s.omniti.net/i/presentation/navigator.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    font-size: 1px;
    height: 8px;
    margin: 3px;
    width: 8px;
}
.navi a:hover {
	background-position:0 -8px;      
}