@charset "UTF-8"; 
/*
  sertifi.com page styles
  Author: Paul Sutton http://paulsutton.us
  lastmod: 25 May 09
  */

/* resets */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, dfn, em, img, kbd, q, 
small, strike, strong, b, i, sub, sup, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; 
	border:0; outline:0; 
	font-size:100%; 
	vertical-align:baseline; 
	background:transparent}
body {line-height:1}
ol, ul {list-style:none}

blockquote, q {quotes:none}
blockquote:before, blockquote:after, 
q:before,q:after {content:''; content:none}

/* remember to define focus styles! */
:focus {outline:0}
/* remove annoying border on linked images. */
a img {border:none}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse}

/* typography */
body {font-size:12px; color:#888; background:#f0f0f0 url('../_img/bg-body.jpg') repeat-x 0px -18px; font-family:Calibri, "Lucida Grande", Arial, Helvetica, sans-serif}
h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#666; margin:20px 0 5px 0; line-height:1}
h1 {font-size:23px}
h2 {font-size:21px}
h3 {font-size:19px}
h4 {font-size:17px}
h5 {font-size:15px}
h6 {font-size:13px}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0}
p {margin:0 0 15px 0; line-height:1.5; font-size:12px}
p.justify {text-align:justify}
img.cust-left {float:left; margin:0 5px 5px 0; padding:0}
img.cust-right {float:right; margin:0 0 5px 5px; padding:0}
img.left {float:left; margin:5px 10px 10px 0; padding:0}
img.right {float:right; margin:5px 0 10px 10px}
img.fx, iframe.fx {background-color:#fff; padding:3px; border:3px solid #d8d8d8}
a:focus, a:hover {color:#000; border-bottom:1px solid #333}
a {color:#1d7eb0; text-decoration:none; border-bottom:1px solid #1d7eb0}
a.nofx, a.nofx:hover, a.nofx:visited {border:0; background:none; text-decoration:none}

blockquote {background: url('../_img/quote.gif') 0 5px no-repeat}
blockquote {margin:5px 15px; padding:0}
blockquote p {margin:0; padding:10px 0 0 15px; font-weight:bold; color:#666}
blockquote + p {margin:0; padding:0 0 0 30px}

b, strong {font-weight:bold}
em {font-style:italic}

ul{margin:0 25px 15px 25px}
ul {list-style-type:disc; line-height:1.5; list-style-position:inside}
ol {margin:0 25px 15px 25px; list-style-type:decimal-leading-zero; list-style-position:inside}


ul.tab-news {list-style-type:none; line-height:1.5}
ul.tab-news li {background: #f9f9f9 url('../_img/newspaper.png') no-repeat 5px center; padding:5px 10px 5px 25px; display:block ;}
ul.tab-news li.alt {background-color:#e3e3e3}
ul.tab-news li:hover {background-color:#f0f0f0}
ul.tab-news li a {text-decoration:none; border:none; color:#666; font-weight:bold ;}
ul.tab-news li a:hover {color:#333; line-height:1.5;}
s
.kern {letter-spacing:-0.04em}
.center {text-align:center}
.small {font-size:0.7em; margin-bottom:1.875em; line-height:1.5}
.large {font-size:1.2em; line-height:2.5em; margin-bottom:1.25em}
.first {margin-left:0; padding-left:0}
.last {margin-right:0; padding-right:0}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}
.error {color:#f00}

/* Modified 960 framework */
.container-960 {margin:0 auto; width:960px; background:#fff url('../_img/bg-wrap.jpg') repeat-y}
.container-960.masthead{width:960px; height:117px; background: url('../_img/bg-masthead.png') no-repeat}
	.container-960.masthead.interior{height:135px}
.container-960.footer {height:58px; background: url(../_img/bg-footer.jpg) bottom no-repeat}
.container-960.footer p {font:10px normal; padding:5px 20px 0 20px; line-height:1; color:#666}
.container-960.footer p a:focus, .container-960.footer p a:hover{color:#999; border-bottom-color:#666}
	
/* grids */
.grid-186 {width:186px; display:inline; float:left}
	.grid-186.right {float:right}
.grid-240 {width:40px; display:inline; float:left;}
	.grid-240.right {margin-top:25px;float:left;padding-left:740px;}
.grid-266 {width:266px; display:inline; float:left}
	.grid-266.logo {height:110px}
.grid-460 {width:380px; display:inline}
	.grid-460.left {float:left}
	.grid-460.right {float:right}
.grid-666 {width:666px; display:inline; float:left}
.grid-700 {width:700px; display:inline; float:left}
.grid-872 {width:872px; display:inline; float:left}
.grid-940 {width:940px; display:inline; float:left}
	.grid-940.presentation {height:230px; background:url('../_img/bg-presentation.png') no-repeat; display:inline; float:left}

/* misc styles */
html {filter:expression(document.execCommand("BackgroundImageCache", false, true));} /* enable background image caching in IE6 */
.hidden {display:none; visibility:hidden}

/* --- Margins --- */
.m-r-10{margin-right:10px}
.m-l-10{margin-left:10px}
.m-r-44{margin-right:44px}
.m-l-44{margin-left:44px}
.m-t-20{margin-top:20px}
.m-b-20{margin-bottom:20px}

/* top navigation */
ol#top-nav {height:37px; margin:51px 0 0 0; padding:0; border:none; background:url('../_img/tab_new.jpg') no-repeat top left}
ol#top-nav a{color:#0e75ab; display:block; padding:15px 0 5px 5px; border:none; text-decoration:none}
ol#top-nav a:hover, ol#top-nav a.current{color:#79962a}
ol#top-nav li{display:inline; float:right; font-weight:bold; font-size:12px; text-align:right; text-indent:15px}
	ol#top-nav li.sertifi {background:url('../_img/icon-sertifi.gif') no-repeat left 14px; margin-right:34px}
	ol#top-nav li.roi {background: url('../_img/icon-calculate.gif') no-repeat left 14px; margin-right:34px}	
	ol#top-nav li.contact {background:url('../_img/icon-contact.gif') no-repeat left 14px; margin-right:34px}
	
/* main navigation */
ol#nav {height:43px; margin:0; padding:0; border:none}
ol#nav a{color:#fff; display:block; padding:10px 0 0 0; border:none; text-decoration:none}
ol#nav a:hover, ol#nav a.current{color:#bfdd4a; background:url('../_img/nav-arrow.gif') top center no-repeat}
ol#nav a.current{font-weight:bold; background:url('../_img/nav-arrow.gif') top center no-repeat}
ol#nav li{display:inline; float:left; font-weight:normal; font-size:13px; text-align:left; margin-right:20px; text-transform:uppercase}

/* footer navigation */
ol#footer-nav {height:58px; margin:0 0 0 44px; padding:0; border:none}
ol#footer-nav a, ol#footer-nav li.copyright{color:#fff; display:block; padding:10px 0; border:none; text-decoration:none}
ol#footer-nav a:hover, ol#footer-nav a.current{color:#bfdd4a; background:url('../_img/nav-arrow.gif') top center no-repeat}
ol#footer-nav a.current{font-weight:bold}
ol#footer-nav li{display:inline; float:left; font-weight:normal; font-size:11px; text-align:left; margin-right:15px; text-transform:uppercase}

/* demo */
ul#demo {float:left; width:200px; height:215px; background:transparent url('../_img/bg-nav-demos.png') top left no-repeat;margin:0px; padding:0; position: relative;
/* Commented backslash hack for IE Mac \*/ overflow: hidden; /* end hack */ } 
ul#demo li { margin: 0; padding: 0; list-style: none; position: absolute;}
ul#demo li, ul#demo a {width:240px; display:block; position:absolute; border:none; text-decoration:none;}
#tryit a       {text-indent:-9999px; top:5px; height:39px}
#viewdemo a    {text-indent:-9999px; top:47px; height:39px}
#requestdemo a {text-indent:-9999px; top:89px; height:39px}
#salesforce a  {text-indent:-9999px; top:131px; height:39px}

#tryit a:hover       {background: transparent url('../_img/bg-nav-demos.png') -240px -25px no-repeat}
#viewdemo a:hover    {background: transparent url('../_img/bg-nav-demos.png') -240px -67px no-repeat}
#requestdemo a:hover {background: transparent url('../_img/bg-nav-demos.png') -240px -109px no-repeat}
#salesforce a:hover  {background: transparent url('../_img/bg-nav-demos.png') -240px -151px no-repeat}

/* sweepers */
.clearfix:after, .container:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix, .container {display:inline-block}
* html .clearfix, * html .container {height:1%}
.clearfix, .container {display:block}
.clear {clear:both}
html body div.clear, html body span.clear {background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0}