/*===[  RESET  ]===*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
/*===[  GENERAL  ]===*/
body {
	background: #fff;
	color: #000;
	font-family: Meiryo;
	font-size: 16px;
	line-height: 18px;
	min-width: 960px;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.margin-b10 {
	margin-bottom: 10px;
}
.margin-b20 {
	margin-bottom: 20px;
}
.margin-b30 {
	margin-bottom: 30px;
}
.margin-b40 {
	margin-bottom: 40px;
}
h3, h4 {
	margin-bottom: 1em;
	line-height: 1.5em;
}
h3 {
	font-size: 24px;
	font-weight: bold;
}
h2 {
	height: 141px;
	font-size: 48px;
	color: #FFF;
	background:url(images/h2-bg.png) 0 0 repeat-x;
	padding:0;
}

h2 span { display:block; position:relative;}
h2 em {position:absolute; top:50px; left:160px;}
h4 {
	font-size: 20px;
	font-weight: bold;
	border-bottom: solid 4px #e1e1e1;
	padding: 5px 0 0 30px;
	background: url(images/h3-bg.png) left center no-repeat;
}

.icon-external-link { background:url(images/icon-external-link.png) right center no-repeat; padding-left:10px; }
.row {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}
.section {
	margin-bottom: 80px;
}
.block {
	width: 960px;
	margin: 0 auto 40px;
}
.block p {
	line-height: 1.6em;
	margin-bottom: 1em;
}
.menu {
	position: fixed;
	top:60px;
	right:0;
	z-index:100;
}
.menu li {
	width:120px;
	height:80px;
	display:block;	
	border-bottom:solid 1px #666;
	padding:0;
}

.menu li a { 	
 display: block;	
	font-size:12px;
	width:120px;
	height:80px;
	background:#000;
	color:#fff;
	padding:0 10px;
	text-decoration:none;
	text-align:center;
	display:table-cell;
 vertical-align:middle;

}
.menu li a:hover { background:#2d2d2d; }

.menu li a.menu-contact { background:#f1900e; }
.menu li a.menu-contact:hover {background:#f9ac44;}

.price-chart {
	width: 960px;
	margin: 0 auto 80px;
}
/* SaaS Pricing Chart CSS: */
	
.attr-col {
	margin: 61px 0 0;
	float: left;
	width: 250px;
}
.attr-col ul {
	background: #f4f4f4;
	font-weight: bold;
	font-size: 16px;
	border: 1px solid #d6d6d6;
	border-width: 1px 0px 1px 1px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.attr-col ul li {
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid #d6d6d6;
	line-height: 1.5em;
}
.attr-col ul li span {
	display: table-cell;
	height: 70px;
	vertical-align: middle;
}
.attr-col ul li.last {
	border-bottom: none;
}
.pt-table {
	padding-left: 250px;
	display: block;
	position: relative;
}
.pt-body {
	padding: 10px 0 0;
}
.pt-rows li {
	background: #fff;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
	height: 90px;
}
.pt-rows li span {
	width: 322px;
	display: table-cell;
	height: 90px;
	vertical-align: middle;
	border-right: 1px solid #d9d9d9;
	padding-right: 20px;
	text-align: left;
	font-size: 14px;
}
.pt-rows li.title {
	background: #666;
	height: 50px;
	color: #fff;
	font-weight: bold;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	border-bottom: 2px solid #555;
	border-width: 0 0 2px;
}
.pt-rows li.title span {
	line-height: 50px;
	height: 50px;
	border: none;
	padding: 0 1px;
	text-align: center;
	text-shadow: 1px 1px #444;
	font-size: 20px;
}
.pt-yes {
	background: url(images/icon-yes.gif) 10px center no-repeat;
	padding-left: 60px;
}
.pt-yellow {
	background: url(images/icon-yellow.png) 10px center no-repeat;
	padding-left: 60px;
}
.pt-no {
	background: url(images/icon-no.gif) 10px center no-repeat;
	padding-left: 60px;
}
.pt-special {
	width: 356px;
	position: absolute;
	right: 0;
	top: 0;
}
.pt-special .pt-rows {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #a2b7ca;
	background: #f4faff;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	padding-bottom: 10px;
}
.pt-special .pt-rows li {
	border-width: 0 0 1px;
	background: transparent;
}
.pt-special .pt-rows li.title {
	height: 60px;
	background: #169eea; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none'
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE2OWVlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDgxY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #169eea 0%, #0081cd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #169eea), color-stop(100%, #0081cd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #169eea 0%, #0081cd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #169eea 0%, #0081cd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #169eea 0%, #0081cd 100%); /* IE10+ */
	background: linear-gradient(to bottom, #169eea 0%, #0081cd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#169eea', endColorstr='#0081cd', GradientType=0 ); /* IE6-8 */
	color: #fff;
	line-height: 65px;
	text-align: center;
	border-bottom: 1px solid #bfd4e6;
	border-width: 0 0 1px;
	text-shadow: 1px 1px #053f61;
}
pt-special .pt-rows li span {
	border: none;
	width: 322px;
}
/*----------------SUPER HEADER-------------------*/
.superheader {
	background: url(images/superheader-bg.png) 0 0 repeat-x;
	height: 75px;
}
.superheader a.btn-contact {
	display:block;
	width:245px;
	height:75px;
	background:url(images/superheader-btn-contact.png) 0 0 no-repeat;

}
.superheader a.btn-contact span { display:none; }
.superheader a.btn-contact:hover { background-position:0 -75px }
.superheader a.btn-contact:active{ background-position:0 -150px; }
/*----------------TITLE BANNER-------------------*/
.title-banner {border-bottom:solid 1px #aaa; height:416px; background:#fefbf7 url(images/title-banner.png) 50% 50% no-repeat; }
.title-banner .row { position:relative; }
.title-banner p { position:absolute; top:300px; left:180px; width:640px; font-weight:bold; font-size:20px; line-height:1.8em;}
	 
/*----------------COMPATIBLE-------------------*/
.case-study {
	margin: 0 5px 30px;
}
.case-study li {
	float: left;
	width: 330px;
	height: 256px;
}
.case-study li a {
	display: block;
	width: 330px;
	height: 256px;
	background: url(images/compatible-btn-bg.png) center top no-repeat;
	color: #000;
	text-decoration: none;
	line-height: 1.5em;
	font-size: 14px;
}
.case-study li a:hover {
	background-position: center -256px;
}
.case-study li a:active {
	background-position: center -512px;
}
.case-study li span.inner {
	padding: 20px 40px 0;
	display:block;
}
.case-study li a h5 {
	width: 250px;
	margin-bottom: 10px;
	border-bottom: dashed 1px #CCC;
	font-weight: bold;
	font-size: 18px;
	line-height:1.8em;
}
/*----------------BCP-------------------*/
.btn-casestudy {
	background:url(images/casestudy-peachjohn.png) top center no-repeat; 
	width:1000px;
	height:264px;
	display:block;}
	
	.btn-casestudy:hover { background-position:bottom center; }
	
	.btn-casestudy span {display:none; }
/*----------------CALLS TO ACTION-------------------*/
.bg-lightblue-textured {background:url(images/bg-lightblue-textured.png) 0 0 repeat-x; height:552px; }
a .btn-flat-blue {

	display: inline-block;
vertical-align: top;
height: 42px;
line-height: 42px;
text-decoration: none;
text-align: center;
color: rgb(255, 255, 255);
font-size: 14px;
font-weight: bold;
background: #0067b7;
text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 1px;
border-radius: 3px;
box-shadow: #193168 0px 4px 0px 0px;
padding: 0px 20px;
	
}

a .btn-flat-blue:hover {
margin-top: 1px;
margin-bottom: -1px;
box-shadow:#193168 0px 3px 0px 0px;
}

.two-col {margin:30px auto 0; width:798px;}
.two-col .col {
	width: 350px;
	margin-left: 80px;
	float: left;
	display:block;

}
.two-col .col:first-child {
	margin-left: 0;
}

a.gray-panel {
	border: solid 4px #1281c3;
	border-radius: 8px;
 color:#000; text-decoration:none;
	display:block; 
	text-align:center;
	background:#FFF;
	box-shadow:0 1px 0px #72c5f2;
}

a.gray-panel:hover {
	border:solid 4px #193168;
	color:#000;
}
.inner-light-blue {
	background: #c8e2ef;
	padding: 10px 20px 20px;
	border:solid 1px #c8e2ef;
	border-radius:0 0 4px 4px;
	display:block;
	font-size:14px;
}

.inner-light-blue p { text-align:left; margin-bottom:15px; }

.bg-blue-checkerflag{
	background:url(images/bg-blue-checkflag.png) 0 0 repeat-x;}

.btn-contact {
	display:block;
	width:1000px;
	height:210px;
	background:url(images/btn-contact.png) 0 0 no-repeat;
}
.btn-contact:hover { background-position: 0 -210px }
.btn-contact:active { background-position: 0 -420px; }
.btn-contact span { display:none; }