@charset "UTF-8";
/* CSS Document */

/* ======================================================================
	Designed and coded by Fort:A Communications
	© 2009 Strategic BCP, All Rights Reserved
	strategicbcp.com Global CSS v1.0
	======================================================================*/

/* ======================================================================
		Landing Page CSS (DRJ - resilience1.com/drj
	======================================================================*/
	h1.drj-h1 {background:url('../drj/images/res1-drj-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;height:83px !important;margin-top:40px !important;}
	.drj-image {height:137px !important;background:transparent url(../images/res1-main-image-inner.jpg) no-repeat scroll left top;}
	div#smiley-face {width:390px;height:395px;background:transparent url('../drj/images/res1-drj-smiley.png') no-repeat left top;margin-top:-275px;margin-left:-75px;}
	h3.drj-h3 {font-size:1.5em;text-align:left;}
	.blue-box p {text-align:left;}


/* ======================================================================
		Generic Styles for entire page to set a few defaults
	======================================================================*/
	
	html {background:#008fc4 url('../images/res1-page-bg.gif') repeat left top;font-family:Helvetica, Arial, sans-serif;}
	body {background:transparent url('../images/res1	-page-gradient-bg.jpg') no-repeat fixed center center;}
	body #page-wrapper {width:900px;margin:0 auto;font:normal 0.875em/1.25em Arial, Helvetica, sans-serif;}
	
	h1,h2,h3,p {margin:18px 0px}
	a img {border:none;}
	
	a.button {display:inline-block;width:175px;font-weight:bold;color:#ffffff !IMPORTANT;text-align:center;height:20px;text-decoration:none;font-size:.875em !IMPORTANT;padding:7px 0px;border:none !important;}
	a.button:hover {background-position:0px -34px !IMPORTANT;background-color:transparent !important;}
	
	.black {background:transparent url('../images/res1-black-button.png') no-repeat left top;}
	.red {background:transparent url('../images/res1-red-button.png') no-repeat left top;}
	
/* ======================================================================
		head & main navigation
	======================================================================*/
	#head {position:relative;height:125px;}
	#head #logo {position:absolute;bottom:-10px;display:block;left:40px;width:200px;}
	
	#main-nav {display:block;position:absolute;right:25px;bottom:0px;width:575px;float:right;margin-right:25px;background:transparent url('../images/res1-main-nav-bg.png') no-repeat left 10px;height:45px;}
	#main-nav ul {list-style:none;}
	#main-nav ul ul {display:none;background:transparent url('../images/res1-drop-down-bg.png') no-repeat left bottom;position:absolute;width:133px;padding:5px}
	#main-nav ul ul li {float:none;}
	#main-nav li {float:left;}
	#main-nav .tab {display:block;width:143px;height:35px;text-indent:-9999px;margin-top:10px;}
	#main-nav ul ul li a {display:block;padding:8px;font:normal .875em Helvetica, Arial, sans-serif;background:none;text-indent:0px;width:117px;color:#000000;text-decoration:none;}
	#main-nav ul ul li a:hover {background:#000000;color:white;font-weight:bold;}
	#main-nav .tab:hover, #main-nav li:hover .tab {background-position:0px -35px;margin-top:0px;padding-bottom:10px;}
	
	
	.software-nav .tab {background:transparent url('../images/res1-software-nav.png') no-repeat left top;}
	.difference-nav .tab {background:transparent url('../images/res1-difference-nav.png') no-repeat left top;}
	.switching-nav .tab {background:transparent url('../images/res1-switching-nav.png') no-repeat left top;}
	.resellers-nav .tab {background:transparent url('../images/res1-resellers-nav.png') no-repeat left top;}
	
/* ======================================================================
		secondary navigation
	======================================================================*/
	#second-nav {padding:10px 20px;border-bottom:1px solid #cccccc;}
	#second-nav ul {list-style:none;}
	#second-nav li {float:left;margin:0px 10px;}
	#second-nav li a {display:block;width:105px;text-align:center;padding:5px 0px;height:33px;background:url('../images/res1-second-nav-bg.png') no-repeat left -45px;font-size:.875em;font-weight:bold;text-decoration:none;color:#000000;}
	#second-nav li a:hover {background-position:left top;color:white;}
	#second-nav li a.one-line {padding-top:10px;}
	
/* ======================================================================
		two-col & single-colmn
	======================================================================*/
	#content-wrap {background:#ffffff url('../images/res1-content-wrap-bottom-bg.png') no-repeat left bottom;padding-bottom:25px;}
	#single-column {background:#ffffff url('../images/res1-content-wrap-top-bg.png') no-repeat left top;padding:9px;}
	#page-image-wrap h1 {font:italic 2.375em Arial, Helvetica, sans-serif;font-weight:bold;color:white;margin-top:0px;width:555px;height:68px;}
	#page-image-wrap h2 {font:italic 1em Arial, Helvetica, sans-serif;font-weight:normal;color:white;width:550px;}
	#page-image-wrap {height:77px;padding-left:40px;padding-top:40px;}
	#page-image-wrap em {color:#ffffff;font-size:1.375em;padding-left:5px;margin:55px 0 10px;display:block;}
	
	/* single-column background images & headlines  - these have a padding top of 100px so subtract that from the height*/
	.home-image {height:285px !important;background:url('../images/res1-main-image-home.jpg') no-repeat left top;}
	.home-image .button {margin-top:70px;}
	.home-h1 {background:url('../images/res1-home-h1.png') no-repeat left top;text-indent:-9999px;width:305px !important;height:143px !important;}
	
	.inner-image {height:137px !important;background:url('../images/res1-main-image-inner.jpg') no-repeat left top;}
	.clunker-image {height:137px !important;background:url('../images/res1-c4c.jpg') no-repeat left top;}
	.switching-image {height:137px !important;background:url('../images/res1-main-image-inner.jpg') no-repeat left top;}
	.inner-h1 {background:url('../images/sbc-inner-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;}
	.switching-h1 {background:url('../images/res1-switching-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;}
	.process-h1 {background:url('../images/res1-process-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;}
	.myths-h1 {background:url('../images/res1-myths-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;}
	.comparison-h1 {background:url('../images/res1-comparison-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;}
	.become-reseller-h1 {background:url('../images/res1-become-reseller-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;}
	.reseller-h1 {background:url('../images/res1-reseller-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;}
	.overview-h1 {background:url('../images/res1-overview-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;}
	.features-h1 {background:url('../images/res1-features-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;}
	.screenshots-h1 {background:url('../images/res1-screenshots-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;}
	.trialware-h1 {background:url('../images/res1-trialware-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;}
	.clunkers-h1 {background:url('../images/res1-clunkers-h1.png') no-repeat left top;text-indent:-9999px;width:800px !important;}
/* ======================================================================
		left-col
	======================================================================*/
	#left-col {float:left;width:500px;padding:0px 25px;border-right:1px solid #cccccc;margin-right:-1px;color:#444444;}
	#left-col h3 {font-size:1.375em;font-style:italic;color:black;}
	#left-col p {font-size:.875em;}
	#left-col p.sub-head {font-size:1em;font-style:italic;}
	#left-col p a {color:#027CB7;text-decoration:none;border-bottom:1px dotted #027CB7;}
	#left-col p a:hover {color:white;background-color:#027CB7;}
	#left-col .list li {margin:5px 0px 5px 20px;font-size:.875em;}
	#left-col h4 {margin:18px 0px 9px 0px;}

	#left-col .icon-list {display:block;list-style:none;margin:18px -25px;background:url('../images/res1-icon-list-bg.png') repeat left top;}
	#left-col .icon-list li {height:83px;padding:10px 25px 0px 120px;font-size:.875em;}
	#left-col .icon-list strong {display:block;margin-bottom:9px;}
	#left-col .icon-list .clock-grey {background:url('../images/res1-clock-icon-grey.png') no-repeat 25px center;}
	#left-col .icon-list .compare {background:url('../images/res1-compare-icon.png') no-repeat 25px center;}
	#left-col .icon-list .switch {background:url('../images/res1-switch-icon.png') no-repeat 25px center;}
	#left-col .icon-list .reseller {background:url('../images/res1-reseller-icon.png') no-repeat 25px center;}
	#left-col .icon-list .shield {background:url('../images/res1-shield-icon.png') no-repeat 25px center;}



/* ======================================================================
		right-col
	======================================================================*/
	#right-col {float:right;width:299px;padding:25px;border-left:1px solid #cccccc;}
	
	.blue-round-wrap {background:#e0eff6 url('../images/sbc-round-blue-top.png') no-repeat left top;margin:18px 0px;}
	.blue-box {background:transparent url('../images/sbc-round-blue-bottom.png') no-repeat left bottom;text-align:center;padding:10px;}
	.blue-box strong {font-size:1.125em;}
	.blue-box em {font-size:.875em;}

	.grey-round-wrap {background:#e0e0e0 url('../images/sbc-round-grey-top.png') no-repeat left top;margin:18px 0px;}
	.grey-box {background:transparent url('../images/sbc-round-grey-bottom.png') no-repeat left bottom;text-align:left;padding:10px;}
	.grey-box strong {font-size:1.125em;}
	.grey-box em {font-size:.875em;}

	.blog-box {margin:18px 0px;padding:1px 10px 10px 10px; text-align:center;}
	.blog-box a {font-size:1.125em;color:#027cb7;text-decoration:none;font-weight:bold;}
	.blog-box a:hover {color:black;}
	.blog-box p {font-size:.875em;}
	
	.contact-icon {background:url('../images/sbc-contact-icon.png') no-repeat left top;display:block;padding:10px 0px 0px 70px;text-align:left;}

	
/* ======================================================================
		footer
	======================================================================*/
	#footer {margin:0px 20px;background:transparent url('../images/res1-main-nav-bg.png') repeat left top;color:white;font-size:.875em;padding:10px 0px;}
	#footer a {text-decoration:none;color:white;}
	#footer #footer-left {float:left;width:210px;padding:10px 20px;text-align:center;border-right:1px solid #cccccc;margin-right:40px;}
	#footer-left a {display:block;margin:9px 0px;}
	#footer-left img {display:block;margin-bottom:9px;}
	
	#footer ul {float:left;list-style:none;margin-top:10px;}
	#footer ul ul {float:none;margin:0px 0px 0px 10px;}
	#footer ul a {height:35px;text-indent:-9999px;display:block;}
	#footer ul a:hover, #footer-left a:hover {background-color:#000000;color:white;}
	#footer ul ul a {height:15px;text-indent:0px;background-image:none !Important;padding:5px 10px;}
	#footer .first-col {width:175px;}
	#footer .first-col a {background:transparent url('../images/res1-software-nav.png') no-repeat -10px top;}
	
	#footer .second-col {width:175px;}
	#footer .second-col a {background:transparent url('../images/res1-difference-nav.png') no-repeat -10px top;}
	
	#footer .third-col {width:200px;}
	#footer .third-col a {background:transparent url('../images/res1-switching-nav.png') no-repeat -10px top;}

/* ======================================================================
		Software Comparision Chart
	======================================================================*/
	.chart-table td {padding:5px 8px;background-color:#ebebeb;}
	.chart-table .header-table td {font-weight:bold;font-size:1em;background-color:#c6c6c6;border:none;}
	.chart-table .title-row td {font-size:1.25em;font-weight:bold;text-align:center;}
	.chart-table {font-size:.875em;}
	.chart-table .right {text-align:right;border-right:1px solid #333333;background-color:#c6c6c6}
	.chart-table .blue {background-color:#e1f4fd;}

/* ======================================================================
		Contact Form
	======================================================================*/
	#right-col fieldset {font-size:.875em;}
	#right-col fieldset .request-demo-h3 {background:url('../images/res1-request-demo-h3.png') no-repeat center top;height:30px;text-indent:-9999px;}
	#right-col fieldset dt.no-float, #right-col fieldset dd.no-float {clear:left;margin:5px;text-align:left;}
	#right-col fieldset dt.float {float:left;width:90px;margin:5px;text-align:right;clear:left;}
	#right-col fieldset dd.float {float:left;width:179px;text-align:left;}
	#right-col fieldset .validation {color:#333333 !important;position:absolute;display:block;background:#fe6b6b;border:1px solid #730404;color:#333333;padding:3px;margin-top:-22px;width:175px;margin-left:160px;}
	
	#left-col fieldset dt {width:190px;float:left;clear:left;padding:3px 0px;text-align:right;margin:5px 10px 5px 0px;}
	#left-col fieldset dd {width:300px;float:left;margin:5px 0px;}
	#left-col fieldset .validation {position:absolute;display:block;background:#fe6b6b;border:1px solid #730404;color:#333333 !important;padding:3px;margin-top:-22px;width:175px;margin-left:150px;}
	
	/* ======================================================================
		Float Containers Clearfix CSSCreator.com
	======================================================================*/
	.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
	.clearfix{display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix{height: 1%;}
	.clearfix{display: block;}
	/* End hide from IE-mac */  

	#feed-control {border:1px solid #cccccc;padding:5px;text-align:left !important;}
	.gfg-title {background-color:#e0eff6;padding:5px;margin-bottom:8px;}
	div#feed-control .gf-title {font-size:1em;font-weight:normal;}
	div.gfg-listentry {margin:3px 0px;padding:3px;font-size:.875em;}
	div#feed-control div.gfg-listentry a {font-size:1em;font-weight:normal;}
	
	/*div#feed-control div.gfg-listentry-odd {background-color:#cccccc;}*/
	.gf-relativePublishedDate, .gf-author {font-style:italic;font-size:.9em;}
	.gfg-listentry-highlight {background-color:#e0eff6;}
	
	html, body {
	height: 100%;
}
	/* ======================================================================
		FancyBox
	======================================================================*/
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('../images/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../images/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../images/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../images/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../images/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../images/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../images/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../images/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('../images/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('../images/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('../images/fancy_title_right.png') repeat-x;
}