/*  HTML5 ✰ Boilerplate  */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


body {
	font: 15px Cambria;
}
select, input, textarea, button { font:99% Cambria; }
pre, code, kbd, samp { font-family: Cambria; }

body, select, input, textarea {   color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-family: Cambria; font-size: 14px; }
html { overflow-y: scroll; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #e46214; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type=radio] { vertical-align: text-bottom; }
input[type=checkbox] { vertical-align: bottom; }
.ie7 input[type=checkbox] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #004B8E; color:#fff; text-shadow: none; }
::selection { background:#004B8E; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #004B8E; } 

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


 /* Primary Styles
    Author: 
 */

body{
	background: #e0e0e0;
	font-family: Cambria;
}

#container-header{ width: 100%; padding-bottom: 15px; background: url(../images/bg_blue.png) repeat-x top; }
header{ width: 990px; height: 116px; margin: 0px auto; position: relative; }

.bg_shadow{ width: 100%; height: 30px; background: url(../images/bg_shadow.png) no-repeat center; position: absolute;  }

#container{ width: 100%; overflow: auto; padding-bottom: 15px;
background: #ae4b8b; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiNjg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2UzZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ae4b8b 0%, #f3e3ed 37%, #f3e3ed 40%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae4b8b), color-stop(37%,#f3e3ed), color-stop(40%,#f3e3ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ae4b8b 0%,#f3e3ed 37%,#f3e3ed 40%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ae4b8b 0%,#f3e3ed 37%,#f3e3ed 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ae4b8b 0%,#f3e3ed 37%,#f3e3ed 40%); /* IE10+ */
background: linear-gradient(to bottom, #ae4b8b 0%,#f3e3ed 37%,#f3e3ed 40%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae4b8b', endColorstr='#f3e3ed',GradientType=0 ); /* IE6-8 */	 }
#main{ width: 990px; margin: 0 auto; overflow: auto; }

footer{ width: 990px; margin: 0 auto; position: relative; }

/* header elements */
#logo{ width: 334px; height: 74px; position: absolute; top: 40px;  }
header nav{ width: 641px; height: 37px; position: absolute; top: 55px; right: 0px; }
.topnav{ height: 37px; background: url(../images/bg_nav.png) repeat-x; }
#container-search{ width: 246px; height: 35px; background: url(../images/bg_search.png) no-repeat; position: absolute; top: 20px; right: 24px; }
#container-search input[type=text]{ width: 179px; height: 16px; padding: 4px 2px 1px 6px; font-size: 11px; border: none; background: none; position: absolute; left: 18px; top: 6px;  }
#container-search input[type=submit]{ width: 20px; height: 18px; border: none; background: none; position: absolute; right: 18px; top: 7px; }

#container-slideshow{
	width: 972px;
	height: 356px;
	padding: 0px;
	background: #cc6699;
	margin: 0 auto;
}

/* footer elements */
footer nav{ width: 100%; position: absolute; top: 20px; padding-bottom: 10px; }
footer nav a, footer nav a:visited{ text-decoration: none; color: #020202; }
footer nav a:hover{ color: #004B8E; }
footer nav ul{  display: block; margin: 0; padding: 0; position: relative; color: #020202;}
footer nav ul li { display: block; list-style: none; margin: 0; padding: 0px 17px; float: left; position: relative; font-weight: bold; font-size: 12px; }
footer nav ul li ul{ float: none; margin: 0; padding: 5px 0px 0px 0px; }
footer nav ul li ul li{ margin: 0; padding: 2px 0px 0px 5px; display: block; float: none; font-weight: normal; font-size: 11px; }

footer section.copyright{ text-align: right; position: absolute; right: 0px; top: 50px; font-size: 10px; }
footer section.copyright a{ color: #3a3a3a; text-decoration: none; }
footer section.copyright p{ padding-bottom: 6px; }

/* columns */
#main section{ margin: 25px 0px; }

#main-white{ width: 992px; margin: 0 auto; overflow: auto; color: #444; }
#main-white section{ margin: 25px 0px; }

#main-grey{ width: 992px; margin: 0 auto; overflow: auto; background: url(../images/bg_grey.png) repeat-y; color: #002b58; }
#main-grey-top{ width: 992px; margin: 25px auto 0px auto; height: 10px; background: url(../images/bg_grey_top.png) no-repeat; }
#main-grey-bottom{ width: 992px; margin: 0 auto; height: 10px; background: url(../images/bg_grey_bottom.png) no-repeat; }

.col-twothird-left{
	width: 630px; /* 660px; */;
	padding: 0px 15px 0px 10px;
	float: left;
	color: #020202;
}
.col-onethird-right{ width: 330px; float: right; }

.col-onethird-left{ width: 330px; float: left; }
.col-twothird-right{ width: 620px; /* 660px; */ padding: 0px 15px 0px 20px; float: right; }
.col-fullwidth{ width: 900px; /* 992px; */ padding: 0px 15px;}

.col-onethird-grey-left{ width: 304px; padding: 20px 13px; float: left; }
.col-twothird-grey-right{ width: 580px; padding: 20px 16px 20px 34px; float: right; }

/* fonts */
h1{ color: #020202; font-size: 20px; margin-bottom: 20px; }
h2{ color: #020202; font-size: 17px; margin-bottom: 15px; }
h3{ font-family: Verdana; font-size: 13px; font-weight: bold; color: #020202; margin-bottom: 10px; }
h4{ font-family: Verdana; font-size: 12px; color: #020202; }

p{ padding-bottom: 8px; color: #020202;}

#main-grey h1{ margin-bottom: 5px; }
#main-grey p{ padding-bottom: 16px; }

#main-grey .col-twothird-grey-right ol, #main-grey .col-twothird-grey-right ul{ visibility: hidden; }

#main-grey .col-twothird-grey-right ol{ font-weight: bold; color: #3B78B8; font-size: 14px; }
#main-grey .col-twothird-grey-right ol li{ margin-bottom: 8px; }
#main-grey .col-twothird-grey-right ol li span{ margin:0; padding: 0; font-weight: normal; color: #002B58; font-size: 12px; }

#main-grey .col-twothird-grey-right ul{ font-weight: bold; color: #3B78B8; font-size: 18px; margin-bottom: 8px; }
#main-grey .col-twothird-grey-right ul li{ margin-bottom: 4px; }
#main-grey .col-twothird-grey-right ul li span{ margin:0; padding: 0; font-weight: normal; color: #002B58; font-size: 12px; }

/* other */
a.button{ font-family: Cambria; font-size: 16px; color: #fff; text-decoration: none; padding: 5px 15px; background: url(../images/btn_bg.png) center repeat-x; }
a:hover.button{ color: #e46214; background: url(../images/btn_bg_over.png) center repeat-x; }
a.button img{ position: relative; top: 3px; padding-left: 20px; }

article.last-child{ border: none; }
article:last-child{ border: none; }

/* sidebar elements */
.custombox{
	background: url(../images/bg_custombox.png) bottom right no-repeat #dae4f2;
	width: 290px; /* 330px; */
	padding: 20px 20px 10px 20px;
	margin-bottom: 25px;
	color: #1057b7;
}
.custombox h2{ color: #444; }
.custombox p{ font-size: 14px; }
.custombox div{ margin-bottom: 10px; }

.custombox-grey{
	background: #ececec;
	width: 290px; /* 330px; */
	padding: 20px 20px 10px 20px;
	margin-bottom: 25px;
	color: #000;
}
.custombox-grey.homepage{ float: right; }
.custombox-grey h2{ color: #000; }
.custombox-grey p{ font-size: 12px; margin-bottom: 10px; }
.custombox-grey .left{ float: left; padding-right: 10px; }
.custombox-grey .left img{ margin-bottom: 10px; }

#news{ margin-bottom: 25px; }
#news article{ border-bottom: 1px dotted #ccc; margin-bottom: 8px; }
#news article.last-child{ border: none; }
#news article:last-child{ border: none; }
.news-date{ color: #1057b7; }
.more{ text-align: right; }
.more a, .more a:active, .more a:visited{ color: #607890; }
.more a:hover{ color: #e46214; }

#main-grey #news{ width: 290px; padding: 20px; margin-bottom: 25px; background: white; }

#saleschat{ height: 95px; width: 250px; padding: 20px; margin-bottom: 10px; float: left; background: url(../images/bg_sales.jpg) right no-repeat #1F2022; }
#techchat{ height: 95px; width: 250px; padding: 20px; float: left; clear: left; background: url(../images/bg_tech.jpg) right no-repeat #F7F4EB; }

#main-grey #saleschat, #main-white #saleschat{ width: 290px; margin-bottom: 20px; float: none; }
#main-grey #techchat, #main-white #techchat{ width: 290px; margin-bottom: 20px; float: none; }

#saleschat h2{ color: #fff; font-size: 22px; }
#saleschat a.button{ color: #000; padding-left: 35px; padding-right: 5px; position: relative; top: 15px; background: url(../images/btn_bg_light.png) center repeat-x; }
#saleschat a:hover.button{ color: #e46214; background: url(../images/btn_bg_light_over.png) center repeat-x; }
#techchat h2{ color: #9b7257; font-size: 22px; text-align: right; line-height: 20px;}
#techchat a.button{ float: right; padding-left: 35px; padding-right: 5px; position: relative; top: 5px;  }

nav#side{ width: 330px; margin-bottom: 25px; }
nav#side ul li{ padding-left: 40px; background: url(../images/bg_navside_divider.png) no-repeat bottom left; line-height: 27px; color: #000; }
nav#side a, nav#side a:active, nav#side a:visited{ color: #000; text-decoration: none; }
nav#side a:hover{ color: #004B8E; text-decoration: none; }
nav#side ul li.active{ border: none; background: url(../images/bg_navside_selected.png) no-repeat; width: 358px; }
nav#side ul li.active a{ color: #004B8E; font-weight: bold; }
nav#side ul li.no-bg{ background: none; }

#requestdemo{ width: 330px; height: 89px; margin-bottom: 20px; background: url(../images/bg_requestdemo.png) no-repeat; }
#requestdemo h2{ color: #fff; text-transform: uppercase; font-size: 32px; text-align: center; line-height: 89px; }

nav#related{ width: 330px; }
nav#related h2{ padding-left: 10px; }
nav#related ul li{ padding-left: 10px; background: url(../images/bg_navside_divider.png) no-repeat bottom left; line-height: 27px; color: #000; }
nav#related a, nav#related a:active, nav#related a:visited{ color: #000; text-decoration: none; }
nav#related a:hover{ color: #004B8E; text-decoration: none; }
nav#related ul li:last-child{ background: none; }
nav#related ul li.no-bg{ background: none; }

/* content elements */

#quote{ width: 260px; margin: 15px 20px; float: right; position: relative; }
#quote-top{ width: 260px; height: 10px; background: url(../images/bg_quote_top.png) no-repeat;}
#quote-body{ width: 210px; padding: 15px 25px 0px 25px; background: url(../images/bg_quote.png) repeat-y;}
#quote-bottom{ width: 260px; height: 65px; background: url(../images/bg_quote_bottom.png) no-repeat;}
#quote h3{ color: #fbf5d0; }
#quote p{ color: #fff; padding-bottom: 20px; }
#quote .more{ position: absolute; bottom: 55px; padding: 0px; }
#quote .more a, #quote .more a:active, #quote .more a:visited{ color: #fff; }
#quote .more a:hover{ color: #e46214; }

.infobox{ width: 255px; height: 110px; margin: 10px 20px 10px 0px; float: left; background: url(../images/bg_infobox.png) no-repeat; overflow: hidden; }
.infobox h2{ color: #fff; padding: 15px 0px 0px 85px; margin-bottom: 5px; }
#main-grey .infobox p, #main .infobox p, #main-white .infobox p{ color: #fff; padding: 0px 5px 0px 85px; }

#main-grey .col-twothird-grey-right ul li .infobox, #main-grey .col-twothird-grey-right ol li .infobox{ margin: 25px 35px 5px 0px; }


a.boxlink{ text-decoration: none; }
a:hover.boxlink h2, a:hover.boxlink #requestdemo h2, #main-grey a:hover.boxlink p, #main-white a:hover.boxlink p{ color: #e46214; }


/* Form Styles */
.required{ color: red; } 

.form{ padding: 15px 20px; background: #e8e8e8; border: 2px solid #ccc; color: #002B58; }
.presentation{ width: 280px; margin: 0 auto; }
.whitepaper{ width: 280px; margin: 0 auto; }
.contact{ width: 280px; }
.form table tr td input[type=checkbox]{ margin: 4px 0px; } 


.col-twothird-right td{ padding-top: 5px; }
.col-twothird-right input[type=text]{ border: 1px solid #ccc; padding: 4px; width: 270px; }
.col-twothird-right textarea{ border: 1px solid #ccc; padding: 4px; width: 272px; }


/* Blog Styles */
.paging{}
.paging .pageList{ list-style: none; margin: 0px; }
.paging .pageList li{ display: inline; }
.paging .pageList li span a{ background: #fff; padding: 2px 5px 1px; border: 1px solid #004A8D; margin-right: 1px; text-decoration: none; }
.paging .pageList li span a.active{ background: #004A8D; border: 1px solid #000; color: #fff; margin-right: 1px; text-decoration: none; }

.blog-date{ display: block; }
.blog-date1{ display: none; }

.post{ padding: 10px; background: #F7F7F7; border: 1px solid #c4c4c4; margin-bottom: 15px; overflow: auto; }
.post h2 a{ text-decoration: none; color: #444; }
#main-grey .post p.post-info{ margin: 0; padding: 0; color: #1057B7; padding-bottom: 5px; }
#main-grey .post p.post-meta{ margin: 0; padding: 0; float: right;}


.post-mini{ padding: 0px 10px; }

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

#slideshow {
    width:972px;
    height:356px;
	background:url(../images/nivo-loading.gif) no-repeat 50% 50%;
}
#slideshow img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slideshow a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position: absolute;
	left: 400px;
	bottom: 3px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/nivo-bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

#slideshow .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/nivo-arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
#slideshow a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
#slideshow a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
	position:absolute;
	left: 15px;
	bottom:15px;
	background: none;
	color:#000;
	width: 415px;
	height: 210px;
	z-index:89;
    text-shadow:none;
    font-family: Cambria;
}

.nivo-caption a { 
    color:#efe9d1;
}
   
/* -- */

@media all and (orientation:portrait) { 
  
}

@media all and (orientation:landscape) { 
  
}

@media screen and (max-device-width: 480px) {
  
  
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }  
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

#container-flags {
	width: 246px;
	height: 35px;
	background: url(../images/flags.png) no-repeat;
	position: absolute;
	top: 20px;
	right: 24px;
}

.layer1 {
margin: 0;
padding: 0;
width: 100%;
}
 
.heading {
	margin: 1px;
	color: #000000;
	padding: 3px 10px;
	cursor: pointer;
	position: relative;
	background-image: url('../images/phead.png');
	font-weight: bold;
}
.content {
padding: 5px 10px;
background-color:#ebcde0;

}
p { padding: 5px 0; }
.contentCopy {
	padding: 5px 10px;
	background-color: #ebcde0;
}