div.forum div.topic div.message {
    background-color: #e4eaee;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    overflow: hidden;
}

div.forum div.topic div.message.op {
    background-color: #e4eaee;
}

div.forum div.topic p.back {
    font-size: 11px;
    margin-bottom: 20px;
}


div.forum div.topic div.subject p {
    color: #535353;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 4px;
    padding-bottom: 10px;
    padding-left: 5px;
}

div#pagination .hidden {
    display: none;
}

.comments-count {
    font-size:16px;
    margin:20px 0;
    color:#666;
    font-weight:bold;
}

.comments-count.replies {
    font-size:1em;
}

.comment {
    margin-top:10px;
}

.comment-header {
    border-bottom:solid 1px #dddddd;
    height:24px;
    line-height:24px;
    vertical-align:bottom;
    clear:both;
}

.comment-header a {
    color:#006699;
    text-decoration:none;
}

.comment-header a:hover {
    text-decoration:underline;
}

.comment-header cite {
    font-style:normal;
    font-weight:bold;
    font-size:1em;
}

.comment-header-avatar {
    float:left;
}

.comment-header-avatar img {
    width:24px;
    height:24px;
    margin:0;
}

.comment-header-meta {
    margin-top:6px;
    font-size:11px;
    line-height:normal;
    float:left;
}

.comment-header-time {
}

.comment-header cite {
    float:left;
    margin:0 10px 0 10px;
}

.comment-header cite a {
    font-weight:bold;
}

.comment-body {
    color:#666666;
    clear:left;
    margin-top:5px;
}

.comment-replies {
    margin-top:5px;
    color:#666666;
}

.comment-replies.tree {
    padding-left:35px;
    overflow-x: auto;
}

form.comment {
    margin: 0;
    padding: 0;
}

.comment-error {
    font-weight:bold;
}

.comment-info{
    width: 190px;
    margin-bottom:10px;
}

.comment-block {
    margin-bottom:10px;
}

.comment-block-author {
    display: none;
}

.comment-block-publish {
    display: none;
}

.comment-block input[type="submit"] {
    margin-top:10px;
}

.comment-text-label {
    color: #666;
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
}

div.comment-signed-in-text{
    color: #666;
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
    display:none;
}

span.comment-signed-in-user{
    color: #666;
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
    padding-left: 5px
}

.comment-text {
    background:url("../default/images/social/fieldbg.gif") repeat-x scroll center top #FFFFFF;
    border-color:#7C7C7C #C3C3C3 #DDDDDD;
    border-style:solid;
    border-width:1px;
    color:#333333;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
    font-size:100%;
    margin:0;
    padding:2px;
}

input.comment-text{
    margin: 0 10px 7px 0;
    font-size: 95%;
    display: block;
    width:334px;
}

textarea.comment-text {
    margin:0;
    margin-bottom:10px;
    width: 698px;
    height: 100px;
}

.comment-text-label {
}

.comment-spam,
.comment-denied,
.comment-moderate {
    font-weight:bold;
    padding:2px;
    padding-left:5px;
    color:#fff
}

.comment-spam {
    background-color:#ab5c58;
}

.comment-denied {
    background-color:#d8c267;
}

.comment-moderate {
    background-color:#6aa3ec;
}

.comment-attachment {
    display:inline-block;
    padding-left: 5px;
    display: block;
}

.comment-attachment img{
     height: 30px;
     width: 25px;
     padding-left: 10px;
     padding-right: 5px;
     float: left;
     display: block;
}

.comments-count {
    font-size:16px;
    margin:20px 0;
    color:#666;
    font-weight:bold;
}

.comments-count.replies {
    font-size:1em;
}

.comment {
    margin-top:10px;
}

.comment-header {
    border-bottom:solid 1px #dddddd;
    height:24px;
    line-height:24px;
    vertical-align:bottom;
    clear:both;
}

.comment-header a {
    color:#006699;
    text-decoration:none;
}

.comment-header a:hover {
    text-decoration:underline;
}

.comment-header cite {
    font-style:normal;
    font-weight:bold;
    font-size:1em;
}

.comment-header-avatar {
    float:left;
}

.comment-header-avatar img {
    width:24px;
    height:24px;
    margin:0;
}

.comment-header-meta {
    margin-top:6px;
    font-size:11px;
    line-height:normal;
    float:left;
}

.comment-header-time {
}

.comment-header cite {
    float:left;
    margin:0 10px 0 10px;
}

.comment-header cite a {
    font-weight:bold;
}

.comment-body {
    color:#666666;
    clear:left;
    margin-top:5px;
}

.comment-replies {
    margin-top:5px;
    color:#666666;
}

.comment-replies.tree {
    padding-left:35px;
}

form.comment {
    margin: 0;
    padding: 0;
}

.comment-error {
    font-weight:bold;
}

.comment-info{
    width: 190px;
    margin-bottom:10px;
}

.comment-block {
    margin-bottom:10px;
}

.comment-block-author {
    display: none;
}

.comment-block-publish {
    display: block;
}

.comment-block input[type="submit"] {
    margin-top:10px;
}

.comment-text-label {
    color: #666;
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
}

div.comment-signed-in-text{
	color: #666;
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
    display:none;
}

span.comment-signed-in-user{
	color: #666;
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
	padding-left: 5px
}

.comment-text {
    background:url("../default/images/social/fieldbg.gif") repeat-x scroll center top #FFFFFF;
    border-color:#7C7C7C #C3C3C3 #DDDDDD;
    border-style:solid;
    border-width:1px;
    color:#333333;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
    font-size:100%;
    margin:0;
    padding:2px;
}

input.comment-text{
    margin: 0 10px 7px 0;
    font-size: 95%;
    display: block;
    width:334px;
}

textarea.comment-text {
    margin:0;
    margin-bottom:10px;
    width: 698px;
    height: 100px;
}

.comment-text-label {
}

.comment-spam,
.comment-denied,
.comment-moderate {
    font-weight:bold;
    padding:2px;
    padding-left:5px;
    color:#fff
}

.comment-spam {
    background-color:#ab5c58;
}

.comment-denied {
    background-color:#d8c267;
}

.comment-moderate {
    background-color:#6aa3ec;
}

.comment-attachment {
	display:inline-block;
	padding-left: 5px;
	display: block;
}

.comment-attachment img{
     height: 30px;
     width: 25px;
     padding-left: 10px;
     padding-right: 5px;
     float: left;
     display: block;
}

.comments-count {
    font-size:16px;
    margin:20px 0;
    color:#666;
    font-weight:bold;
}

.comments-count.replies {
    font-size:1em;
}

.comment {
    margin-top:10px;
}

.comment-header {
    border-bottom:solid 1px #dddddd;
    height:24px;
    line-height:24px;
    vertical-align:bottom;
    clear:both;
}

.comment-header a {
    color:#006699;
    text-decoration:none;
}

.comment-header a:hover {
    text-decoration:underline;
}

.comment-header cite {
    font-style:normal;
    font-weight:bold;
    font-size:1em;
}

.comment-header-avatar {
    float:left;
}

.comment-header-avatar img {
    width:24px;
    height:24px;
    margin:0;
}

.comment-header-meta {
    margin-top:6px;
    font-size:11px;
    line-height:normal;
    float:left;
}

.comment-header-time {
}

.comment-header cite {
    float:left;
    margin:0 10px 0 10px;
}

.comment-header cite a {
    font-weight:bold;
}

.comment-body {
    color:#666666;
    clear:left;
    margin-top:5px;
}

.comment-replies {
    margin-top:5px;
    color:#666666;
}

.comment-replies.tree {
    padding-left:35px;
    overflow-x: auto;
}

form.comment {
    margin: 0;
    padding: 0;
}

.comment-error {
    font-weight:bold;
}

.comment-info{
    width: 190px;
    margin-bottom:10px;
}

.comment-block {
    margin-bottom:10px;
}

.comment-block-author {
    display: none;
}

.comment-block-publish {
    display: none;
}

.comment-block input[type="submit"] {
    margin-top:10px;
}

.comment-text-label {
    color: #666;
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
}

div.comment-signed-in-text{
    color: #666;
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
    display:none;
}

span.comment-signed-in-user{
    color: #666;
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
    padding-left: 5px
}

.comment-text {
    background:url("../default/images/social/fieldbg.gif") repeat-x scroll center top #FFFFFF;
    border-color:#7C7C7C #C3C3C3 #DDDDDD;
    border-style:solid;
    border-width:1px;
    color:#333333;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
    font-size:100%;
    margin:0;
    padding:2px;
}

input.comment-text{
    margin: 0 10px 7px 0;
    font-size: 95%;
    display: block;
    width:334px;
}

textarea.comment-text {
    margin:0;
    margin-bottom:10px;
    width: 698px;
    height: 100px;
}

.comment-text-label {
}

.comment-spam,
.comment-denied,
.comment-moderate {
    font-weight:bold;
    padding:2px;
    padding-left:5px;
    color:#fff
}

.comment-spam {
    background-color:#ab5c58;
}

.comment-denied {
    background-color:#d8c267;
}

.comment-moderate {
    background-color:#6aa3ec;
}

.comment-attachment {
    display:inline-block;
    padding-left: 5px;
    display: block;
}

.comment-attachment img{
     height: 30px;
     width: 25px;
     padding-left: 10px;
     padding-right: 5px;
     float: left;
     display: block;
}

.css3button {
    display:block;
    font-size: 16px;
    color: #ffffff;
    padding: 8px 20px;
    margin-right:10px;
    background: -moz-linear-gradient(
        top,
        #717aa8 0%,
        #141e54);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#717aa8),
        to(#141e54));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #394278;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(165,176,212,0.7);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2 px rgba(165,176,212,0.7);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(165,176,212,0.7);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.4),
        0px 1px 0px rgba(255,255,255,0.3);
}
.css3button {
    display:block;
    font-size: 16px;
    color: #ffffff;
    padding: 8px 20px;
    margin-right:10px;
    background: -moz-linear-gradient(
        top,
        #717aa8 0%,
        #141e54);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#717aa8),
        to(#141e54));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #394278;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(165,176,212,0.7);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2 px rgba(165,176,212,0.7);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(165,176,212,0.7);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.4),
        0px 1px 0px rgba(255,255,255,0.3);
}
/*
 * #%L
 * ACS AEM Commons Package
 * %%
 * Copyright (C) 2013 Adobe
 * %%
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * #L%
 */
.acs-ajax-component {
    display: none;
}
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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.5;
}
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;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Basic HTML
--------------------------------------------------------------------------------*/


body {font-family:Verdana, serif;}


a:focus
{
	outline: 1px dotted invert;
}

hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* =Headings
--------------------------------------------------------------------------------*/

h1
{
	font-size: 25px;
}

h2
{
	font-size: 23px;
}

h3
{
	font-size: 21px;
}

h4
{
	font-size: 19px;
}

h5
{
	font-size: 17px;
}

h6
{
	font-size: 15px;
}

/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
	list-style: decimal;
}

ul
{
	list-style: square;
}

li
{
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
	margin-bottom: 20px;
}
/*
    960 Grid System ~ Core CSS.
    Learn more ~ http://960.gs/

    Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12,
.container_16
{
    width: 97%;
    margin-left: 1.5%;
    margin-right: 1%;
    

}

.page { margin: 0 auto;max-width:1000px;}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

.container_12 .grid_3,
.container_16 .grid_4
{
    width: 23%;
}

.container_12 .grid_6,
.container_16 .grid_8
{
    width: 48%;
}

.container_12 .grid_9,
.container_16 .grid_12
{
    width: 73%;
}

.container_12 .grid_12,
.container_16 .grid_16
{
    width: 98%;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
    margin-left: 0;
}

.omega
{
    margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
    width: 6.333%;
}

.container_12 .grid_2
{
    width: 14.666%;
}

.container_12 .grid_4
{
    width: 31.333%;
}

.container_12 .grid_5
{
    width: 39.666%;
}

.container_12 .grid_7
{
    width: 56.333%;
}

.container_12 .grid_8
{
    width: 64.666%;
}

.container_12 .grid_10
{
    width: 81.333%;
}

.container_12 .grid_11
{
    width: 89.666%;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
    width: 4.25%;
}

.container_16 .grid_2
{
    width: 10.5%;
}

.container_16 .grid_3
{
    width: 16.75%;
}

.container_16 .grid_5
{
    width: 29.25%;
}

.container_16 .grid_6
{
    width: 35.5%;
}

.container_16 .grid_7
{
    width: 41.75%;
}

.container_16 .grid_9
{
    width: 54.25%;
}

.container_16 .grid_10
{
    width: 60.5%;
}

.container_16 .grid_11
{
    width: 66.75%;
}

.container_16 .grid_13
{
    width: 79.25%;
}

.container_16 .grid_14
{
    width: 85.5%;
}

.container_16 .grid_15
{
    width: 91.75%;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4
{
    padding-left: 25%;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
    padding-left: 50%;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
    padding-left: 75%;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
    padding-left: 8.333%;
}

.container_12 .prefix_2
{
    padding-left: 16.666%;
}

.container_12 .prefix_4
{
    padding-left: 33.333%;
}

.container_12 .prefix_5
{
    padding-left: 41.666%;
}

.container_12 .prefix_7
{
    padding-left: 58.333%;
}

.container_12 .prefix_8
{
    padding-left: 66.666%;
}

.container_12 .prefix_10
{
    padding-left: 83.333%;
}

.container_12 .prefix_11
{
    padding-left: 91.666%;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1
{
    padding-left: 6.25%;
}

.container_16 .prefix_2
{
    padding-left: 12.5%;
}

.container_16 .prefix_3
{
    padding-left: 18.75%;
}

.container_16 .prefix_5
{
    padding-left: 31.25%;
}

.container_16 .prefix_6
{
    padding-left: 37.5%;
}

.container_16 .prefix_7
{
    padding-left: 43.75%;
}

.container_16 .prefix_9
{
    padding-left: 56.25%;
}

.container_16 .prefix_10
{
    padding-left: 62.5%;
}

.container_16 .prefix_11
{
    padding-left: 68.75%;
}

.container_16 .prefix_13
{
    padding-left: 81.25%;
}

.container_16 .prefix_14
{
    padding-left: 87.5%;
}

.container_16 .prefix_15
{
    padding-left: 93.75%;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4
{
    padding-right: 25%;
}

.container_12 .suffix_6,
.container_16 .suffix_8
{
    padding-right: 50%;
}

.container_12 .suffix_9,
.container_16 .suffix_12
{
    padding-right: 75%;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
    padding-right: 8.333%;
}

.container_12 .suffix_2
{
    padding-right: 16.666%;
}

.container_12 .suffix_4
{
    padding-right: 33.333%;
}

.container_12 .suffix_5
{
    padding-right: 41.666%;
}

.container_12 .suffix_7
{
    padding-right: 58.333%;
}

.container_12 .suffix_8
{
    padding-right: 66.666%;
}

.container_12 .suffix_10
{
    padding-right: 83.333%;
}

.container_12 .suffix_11
{
    padding-right: 91.666%;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .suffix_1
{
    padding-right: 6.25%;
}

.container_16 .suffix_2
{
    padding-right: 16.5%;
}

.container_16 .suffix_3
{
    padding-right: 18.75%;
}

.container_16 .suffix_5
{
    padding-right: 31.25%;
}

.container_16 .suffix_6
{
    padding-right: 37.5%;
}

.container_16 .suffix_7
{
    padding-right: 43.75%;
}

.container_16 .suffix_9
{
    padding-right: 56.25%;
}

.container_16 .suffix_10
{
    padding-right: 62.5%;
}

.container_16 .suffix_11
{
    padding-right: 68.75%;
}

.container_16 .suffix_13
{
    padding-right: 81.25%;
}

.container_16 .suffix_14
{
    padding-right: 87.5%;
}

.container_16 .suffix_15
{
    padding-right: 93.75%;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}

.clearfix
{
    display: inline-block;
}

* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}
/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */
@font-face {
    font-family: 'QlassikBoldRegular';
    src: url('main/font/qlassik/qlassikbold_tb-webfont.eot');
    src: url('main/font/qlassik/qlassikbold_tb-webfont.eot?#iefix') format('embedded-opentype'),
         url('main/font/qlassik/qlassikbold_tb-webfont.woff') format('woff'),
         url('main/font/qlassik/qlassikbold_tb-webfont.ttf') format('truetype'),
         url('main/font/qlassik/qlassikbold_tb-webfont.svg#QlassikBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QlassikMediumRegular';
    src: url('main/font/qlassik/qlassik_tb-webfont.eot');
    src: url('main/font/qlassik/qlassik_tb-webfont.eot?#iefix') format('embedded-opentype'),
         url('main/font/qlassik/qlassik_tb-webfont.woff') format('woff'),
         url('main/font/qlassik/qlassik_tb-webfont.ttf') format('truetype'),
         url('main/font/qlassik/qlassik_tb-webfont.svg#QlassikMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
    
    color: #444;
    font-size: 12px;
    padding: 0 0 0px;
    font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
    /*background:url('images/inm-background.png') 0 111px repeat-x;*/
    background:#fff;
}

.homepage-bg {background:url('images/inm-background.png') repeat-x;}
.blue-bg {background:url('images/inm-background.png') 0 -32px repeat-x;}
.content-wrapper {
    
}

/* img scaling 
----------------------------------------------- */
img {
 max-width: 100%;
 height: auto;
 width: auto\9; * ie8 *
}


/* anchors
----------------------------------------------- */

a {
    color: #232d65;
    text-decoration: none;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
a:hover {
    color:#757eac;
}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
    background:transparent;
}





/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;margin-left:0;border-bottom: none;}
h1 {font-family:QlassikMediumRegular;
    font-weight:normal;
    font-size:250%;
    padding:1em 0em;
    margin-bottom:0;
    color:#232d65;
    text-align: center;
}
h2 {
    margin-top:0;
    font-family:QlassikMediumRegular;
    color:#232d65;
    border-bottom:3px solid #e8ebfc; 
    font-size:2em; 
    font-weight:normal;
    margin-bottom:.5em;
}
h3 {line-height:1em; 
    font-family:QlassikMediumRegular;
    color:#232d65;
    font-size:1.7em; 
    font-weight:normal;
}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {
    font-weight:normal;
    color:#232d65;
    -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

h2 a {
    font-weight:normal;
    color:#232d65;
    -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

h1 a:hover {color:#757eac;}

.featured_title {
    line-height:1em; 
    font-family:'QlassikBoldRegular';
    color:#232d65;
    font-size:1.7em; 
    font-weight:normal;
    margin-bottom:15px;
}

/* branding
----------------------------------------------- */
h1#branding {
    font-family:QlassikMediumRegular;
    font-weight:normal;
    font-size:250%;
    text-align:left;
    padding:2em 0em;
    margin-bottom:0;
    color:#232d65;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
    font-weight:normal;
    padding:.5em;
    margin:0 0 10px 0;
    border-bottom:1px solid #ccc;
}


/* boxes
----------------------------------------------- */
.box {
    margin-bottom:0px;
    padding:10px 10px 1px 10px;
}
.box h2 {
    font-size:2.3em;
    font-family:QlassikMediumRegular;
    font-weight:normal;
    margin:-10px -10px 10 0px;
    
}
.box h2 a,
.box h2 a.visible {
    font-weight:normal;
    color:#232d65;
    -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
    

    padding:6px 12px;
    margin:-6px -12px;
    border:none;
}
.grid_4 .box h2 a {
    background-position: 97% 50%;
}
.grid_5 .box h2 a {
    background-position: 98% 50%;
}
.grid_12 .box h2 a {
    background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
    
}
.box h2 a:hover {color:#757eac;}
.block {
    padding-top:10px;
}
div.menu {
    padding:0;
}
div.menu h2 {
    margin:0;
}
div.menu .block {
    padding-top:0;
}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
    margin-bottom:1em;
}

blockquote {
    font-family: Georgia, 'Times New Roman', serif;
    font-size:1.2em;
    padding-left:1em;
    border-left:4px solid #ccc;
}
blockquote cite {
    font-size:.9em;
}
ul, ol {
    padding-top:0;
}


/* menus
----------------------------------------------- */
ul.menu {
    list-style:none;
    border-top:1px solid #bbb;
}
ul.menu li {
    margin:0;
}
ul.menu li a {
    display:block;
    padding:4px 10px;
    border-bottom:1px solid #ccc;
}
ul.menu li a:hover {
    background:#eee;
}
ul.menu li a:active {
    background:#ccc;
}


/* submenus
----------------------------------------------- */
ul.menu ul {
    list-style:none;
    margin:0;
}
ul.menu ul li a {
    padding-left:30px;
}


/* section menus
----------------------------------------------- */
ul.section {
    border-top:0;
    margin-bottom:0;
}
ul.section li {
    text-transform:uppercase;
}
ul.section li a {
    background:#bbb;
}
ul.section li a:hover {
    background:#aaa;
}
ul.section li a:active {
    color:#fff;
    background:#666;
}
ul.section li li a {
    background:#ddd;
    border-bottom:1px solid #eee;
}
ul.section li li a:hover {
    background:#ccc;
}
ul.section li li a:active {
    color:#000;
    background:#fff;
}
ul.section ul li {
    text-transform:none;
}
ul.section ul.current li a {
    background:#eee;
    border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover {
    background:#ddd;
}
ul.section ul.current li a:active {
    background:#fff;
}
ul.section li a.current {
    color:#fff;
    background:#666;
}
ul.section li a.current:hover {
    background:#555;
}
ul.section li a.current:active {
    background:#444;
}
ul.section li a.active {
    background:#fff;
    cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
    color:#fff;
    background:#666;
    cursor:default;
}


/* table
----------------------------------------------- */
table {
    width:100%;
    border:1px solid #bbb;
    margin-bottom:10px;
}
col.colC {
    width:8em;
}
th, td {
    padding:.2em 1em;
    text-align:left;
}
thead th {
    border-bottom:2px solid #888;
    background:#bbb;
    padding:.4em 1em .2em;
}
thead th.table-head {
    font-size:1em;
    font-weight:normal;
    text-transform:uppercase;
    color:#fff;
    background:#555;
    border:1px solid #555;
}
tbody th,
tbody td {
    border-top:1px solid #bbb;
    border-bottom:1px solid #bbb;
    background:#eee;
}
tbody tr.odd th,
tbody tr.odd td {
    background:#fff;
}
tfoot th,
tfoot td {
    border-top:2px solid #666;
    background:#eee;
}
tfoot tr.total th,
tfoot tr.total td {
    border-top:6px double #666;
}
tfoot tr.total th {
    text-transform:uppercase;
}
th.currency,
td.currency {
    text-align:right;
}


/* forms
-----------------------------------------------
form {
    overflow:hidden;
}
fieldset {
    border:1px solid #bbb;
    padding:10px;
    position:relative;
    background:#e9e9e9;
    margin-bottom:10px;
}
legend {
    font-size:1.1em;
    padding:.4em .8em;
    background:#fff;
    border:1px solid #bbb;
}
fieldset.login p {
    margin-bottom:1em;
    margin-top:0pt;
}
fieldset p label {
    width:98%;
}
fieldset p input {
    width:98%;
}
fieldset p select {
    width:99%;
}
fieldset.login p label {
    float:left;
    line-height:2em;
    margin-right:3%;
    text-align:right;
    width:32%;
}
fieldset.login p input {
    width:60%;
}
fieldset.login input.button {
    margin-left:35%;
}
form p.notice {
    font-weight:bold;
}
input.search.text {
    width:66%;
}
input.search.button {
    width:28%;
    margin-left:2%;
}
 */

/* articles
----------------------------------------------- */
.articles {
    padding:0;
}
.articles h2 {
    margin:0;
}
#articles {
    padding-top:0;
}
.article {
    border-top:1px solid #666;
    padding-top:.5em;
}
.box .article {
    border-top:3px solid #fff;
    padding:13px 10px 0 10px;
}
.article h2 {
    font-size:2em;
    font-weight:normal;
    text-transform:none;
    color:#333;
    background:transparent;
    padding:0;
    margin:0;
    border:none;
}
.article h3 {
    margin-bottom:.2em;
    font-size:1.6em;
}
.box .first {
    border-top:none;
}
.article h4 {
    font-size:1.2em;
    text-transform:uppercase;
    margin-bottom:.5em;
}
.article a.image {
    float:left; 
    margin:3px 10px 3px 0; 
    padding:4px;
    border:1px solid #bbb;
    background:#fff;
}
.article a.image:hover {
    border:1px solid #666;
}
.article a.image 
 {
    float:left; 
}
.article p.meta {
    color:#444;
    border-top:1px dotted #999;
    border-bottom:1px dotted #999;
    padding:.3em 0;
    margin-bottom:.8em;
}


/* site information
----------------------------------------------- */
#site_info .box {
    color:#999;
    background:#F5F5F5;
    margin-bottom:10px;
}
#site_info a {
    color:#fff;
}
#site_info a:hover {
    color:#000;
}


/* AJAX sliding shelf
----------------------------------------------- */
#loading {float:right; margin-right:14px; margin-top:-2px;}
.block {padding-bottom:1px;}


/* Accordian
----------------------------------------------- */
.toggler {
    color: #222;
    margin: 0;
    padding: 2px 5px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    font-size:1.1em;
    font-weight: normal;
}
.element h4 {
    margin: 0;
    padding:4px;
    line-height:1.2em;
}
.element p {
    margin: 0;
    padding: 4px;
}
.float-right {
    padding:10px 20px;
    float:right;
}

#accordian-block {
    padding-bottom:10px;
}


/* Mootools Kwicks
----------------------------------------------- */
#kwick-box { 
    padding:0;
    overflow:hidden;
}
#kwick-box h2 { 
    margin:0;
}
#kwick {
    position: relative;
}
#kwick .kwicks {
    display: block;
    background: #999;
    height: 120px;
    list-style:none;
    margin:0;
    overflow:hidden;
}
#kwick li {
    float: left;
    margin:0;
    padding:0;
}
#kwick .kwick {
    display: block;
    cursor: pointer;
    overflow: hidden;
    height: 100px;
    width: 215px;
    padding: 10px;
    background: #fff;
}
#kwick .kwick span {
    color:#fff;
}
#kwick .one {
    background: #666;
}
#kwick .two {
    background: #777;
}
#kwick .three {
    background: #888;
}
#kwick .four {
    background: #999;
}

/* Responsive Videos */
.responsive-video {position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 16px;
    overflow:hidden;
}

.responsive-video.widescreen {
    padding-bottom:57.25%;
}

.responsive-video iframe, .responsive-video object, .responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Clients */

/* Adobe Call-out */
.adobepartner {margin-top:40px;}

/* Adobe Sidebar */
.call-out-container {border:3px solid #ecf2fa;}
.call-out-header {background:#ecf2fa;font-family: 'QlassikMediumRegular';font-size:16px;color: #232D65;line-height:18px;}
.call-out-container p, .call-out-header {padding:10px;}
.call-out-container p {color:#444;line-height:16px;}
.box.page-banner {padding-top:0;}

/* Featured Resource */
.featured_resource {background:#f6f7fc;padding:15px;height:144px;}
.featured_li_desc {float:left;width:70%;margin:0;}
.featured_li_icon {float:left;width:30%;margin:0;}
.featured_icon {background:#edf0f8;padding:10px;height:154px;}
.featured_ul {list-style:none;margin:30px 0 0 0;height:100%;}
.featured_name {display:block;font-size:13px;font-weight:bold;color:#6973aa;}
.featured_name:hover {color:#232D65;}

.download_report_btn_fr {height:47px;width:166px;background:url('images/bouton-telecharger.png') no-repeat;text-indent:-9999px;display:block;}
.download_report_btn_fr:hover {background:url('images/bouton-telecharger-RO.png') no-repeat;}

.download_report_btn {height:47px;width:166px;background:url('images/download-report-btn.png') no-repeat;text-indent:-9999px;display:block;}
.download_report_btn:hover {background:url('images/download-report-btn-RO.png') no-repeat;}
.download_btn {height:47px;width:166px;background:url('images/download-btn.png') no-repeat;text-indent:-9999px;display:block;}
.download_btn:hover {background:url('images/download-btn-RO.png') no-repeat;}
.download_btn_fr {height:47px;width:209px;background:url('images/download-btn-FR.png') no-repeat;text-indent:-9999px;display:block;}
.download_btn_fr:hover {background:url('images/download-btn-FR-RO.png') no-repeat;}
.testimonialsBox {
    background:url(images/testimonials.png) no-repeat;
    width: 205px; 
    height: 137px;
}
.testimonialsBox p {
    padding: 8px 10px 10px 10px;
    font-size: 0.9em;
}

.float_right {float:right;}
.courtesy {color:white;float:right;padding-top:5px;font-size:10px;color:#808192;}
.courtesy a {
    color:#808192;
    -webkit-transition: color 0.3s ease;
    -moz-transition:color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.courtesy a:hover {color:#fbd922;}
.courtesy ul {list-style:none;}
.courtesy ul li {float:left;margin-right: 0;margin-left: 20px;}
.courtesy ul li:first-child {padding-top:5px;} 
.rss {
    display:block;
    background:url(images/icons/rss-RO.png) no-repeat;
    height:25px;
    width:20px;
    text-indent:-9999px;
}
.rss:link {background:url(images/icons/rss.png) no-repeat;}
.rss:hover,
.rss:focus {background:url(images/icons/rss-RO.png) no-repeat;}

.logo {float:left;margin-top:-10px;margin-left:18px;height:55px;width:240px;}

.footer {text-align:center;overflow:hidden;width:100%;/*padding-top:20px;*/
    background: #0c1545 url(images/footer-bg.png) center top no-repeat;}
.footer p {margin-bottom:0;}

.interested {margin-left:0px;}
.footer ul {list-style:none;display:block;}
.footer ul li {height:4em;line-height:4em;float:left;}
.footer_nav {
    background: #040b32;
    width:100%;
    overflow:hidden;
    margin-top:20px;
    font-size:0.9em;
    color: #3f4464;
    font-size:10px;
    }
.footer_nav p {float:left;padding-top:14px;margin-bottom:-10px;margin-left:10px;}
.footer_nav_list li:first-child {margin-left:10px;}
.footer_nav_list {float:left;margin-bottom:0px;padding-right:70px;}
.footer_nav_list a {
    -webkit-transition: color .5s ease;
    -moz-transition:color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease;
}

.footer_nav_list a:hover {color:#99a0c5;}

.footer_nav_list_toolbar li {margin:0 7px;}
.footer_nav_list_toolbar li:first-child {margin-left:10px;}
.footer_nav_list_toolbar {float:right;margin-bottom:0px;}
.footer_nav_list_toolbar a {
    color:#646b9d;
    -webkit-transition: color .5s ease;
    -moz-transition:color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease;
}
.footer_nav_list_toolbar a:hover {color:#99a0c5;}

.social_footer_list {float:right;height:28px;margin-right:0px; margin-left: 20px;
    margin-top:12px; margin-bottom: 6px; }
.social_footer_list li {margin:0px 5px; padding:0px;height:28px;}
.social_footer_list li:last-child{margin-right:0px;}
.social_footer_list a {height:28px;width:30px;display:block;text-indent:-9999px;}


.twitter_footer {background:url(images/icons/footer-twitter-icon.png) no-repeat;}
.twitter_footer:link {background:url(images/icons/footer-twitter-icon.png) no-repeat;}
.twitter_footer:hover,
.rss_footer:focus {background:url(images/icons/footer-twitter-icon.png) no-repeat;}

.facebook_footer {background:url(images/icons/footer-facebook-icon.png) no-repeat;}
.facebook_footer:link {background:url(images/icons/footer-facebook-icon.png) no-repeat;}
.facebook_footer:hover,
.rss_footer:focus {background:url(images/icons/footer-facebook-icon.png) no-repeat;}

.rss_footer {background:url(images/icons/footer-rss-icon.png) no-repeat;}
.rss_footer:link {background:url(images/icons/footer-rss-icon.png) no-repeat;}
.rss_footer:hover,
.rss_footer:focus {background:url(images/icons/footer-rss-icon.png) no-repeat;}

/*.puzzle_footer {background:url(images/icons/puzzle-footer.gif) no-repeat;height:12px;width:12px;display:block;text-indent:-9999px;}*/

.header {background:#0a1344 url(images/bg-header_01.jpg) center center no-repeat;height:110px;}

/*.contact_us_list li {margin:0px; padding:0px;}
.contact_us_list li {margin:0px 10px; padding:0px;}
.contact_us_list a {
    font-size:1.1em;
    font-weight:bold;
    color:#dfe2e8;
}
.contact_us_list a:hover {color:#ffffff;}*/



/****** START ***** FOOTER { CONTACT / MAP / ADDRESS } SECTION ******/

.footer-info {margin:auto 10px; height: 90px; text-align: left; color:#dfe2e8;}

.footer-left-section {float:left; width: 520px;}
.footer-interested {float:left; margin: 37px 0px 0 0;}
.footer-interested .large_bold_text {font-family:Arial, Helvetica, sans-serif;font-size:1.4em;font-weight:bold;color:#dfe2e8;}

.footer-contact {float:right; margin-top: 27px;text-align:left;}
.footer-contact ul {list-style:none;}
.footer-contact ul li {height:2em;line-height:2em;float:none;margin-left:0px;}
.footer-contact li:first-child {margin-bottom:10px;}
.footer-contact ul li a {display:block; margin:0;}
.footer-contact .email {background:url(images/icons/mail-icon2.png) left center no-repeat; padding-left:30px; color:#dfe2e8;
                        -webkit-transition: color .3s ease; -moz-transition:color .3s ease; -o-transition: color .3s ease; transition: color .3s ease;}
.footer-contact .email:link {background:url(images/icons/mail-icon2.png) left center no-repeat;}
.footer-contact .email:hover,
.footer-contact .email:focus {background:url(images/icons/mail-icon2.png) left center no-repeat;color:#fff;opacity:1;}
.footer-contact .phone {background:url(images/icons/phone-icon2.png) left center no-repeat;
                        padding-left:26px; color:#dfe2e8;}

.footer-right-section {float:right; width: 340px;}
.footer-map {float:right; background:url(images/map.png) no-repeat; width:81px; height:80px; margin: 10px 0; }

.footer-address {float:right; margin: 23px 0 20px 20px; line-height:1em; text-align: left;}
.footer-address .company_name {font-weight: bold; font-size: 11.5px; line-height:1.5em;}
.footer-address .company_address {font-size: 10.5px; line-height:1.1em;}
.footer-address .company_address a {color: #ffffff;}
.footer-right-section {margin-top:3px;}


/****** END ***** FOOTER { CONTACT / MAP / ADDRESS } SECTION ******/



/* Button styles */
a.contact_us, a.contact_us:link, a.contact_us:visited {
    background: #fcda22; /* Old browsers */
    background: -moz-linear-gradient(top, #fcda22 1%, #fca222 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fcda22), color-stop(100%,#fca222)); /*                                           Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcda22 1%,#fca222 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcda22 1%,#fca222 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #fcda22 1%,#fca222 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcda22', endColorstr='#fca222',GradientType=0 );   /* IE6-9 */
    background: linear-gradient(top, #fcda22 1%,#fca222 100%); /* W3C */
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease; /* Firefox 4 */
    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -o-transition: all 0.3s ease; /* Opera */
    border-radius: 3px 3px 3px 3px;
    color: #65450a;
    font-size:1.1em;
    font-weight:bold;
    text-shadow: #DDD 0px 1px 0px;  
    display: inline-block;
    line-height: 3em;
    margin-bottom: 8px;
    overflow: visible;
    padding: 0 20px 0 20px;
    position: relative;
    border:1px solid #de9303;
}

a.contact_us:hover, a.contact_us:active {
    text-decoration: none;
    background: -moz-linear-gradient(top, #fcda22 1%, #f69100 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fcda22), color-stop(100%,#f69100)); /*                                           Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcda22 1%,#f69100 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcda22 1%,#f69100 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #fcda22 1%,#f69100 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcda22', endColorstr='#f69100',GradientType=0 );   /* IE6-9 */
    background: linear-gradient(top, #fcda22 1%,#f69100 100%); /* W3C */
    color:#000;
    border: 1px solid #bc7e2e; 
    
}

.banner {background:url(images/HomepageStaticBanner.png) no-repeat center center;
        /*-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;*/
        background-size: contain;
        height:417px;
        display:none;
}

.list a {color:#232D65; font-weight:bold;}
.list a:hover {color:#757eac;}

        
/* Search styles */
#searchform div {
    
    margin:0;
    line-height: 1;
}
#searchform #h-search-field {
   
    border: 1px solid #343b60;
    background: #000;
    padding: 3px 2px 2px 0;
    height: 15px;
    color:#EEE; 
}
#searchform input {
   
    vertical-align: top;
    margin-right: 0 !important;
    margin-left: 0px !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    line-height: 1;
    outline:0 !important;
}

#searchform label {margin-left: -5px;}

/* Hide whitespace under footer */
#hsjssp {display:none;}

/*--*/
.visit-carrers-page-box{background:#e8ebfc; padding:15px; margin-bottom:20px;}
.visit-carrers-page-box a{color:#232D65; font-weight:bold; display:inline-block; padding:5px 10px; line-height:15px; border:#fff solid 3px; background-color:#e8ebfc; transition:all .3s;}
.visit-carrers-page-box a:hover{background-color:#fff;}

/*
-----------------------------------------------
Navigation
----------------------------------------------- */

/* navigation (horizontal subnavigation)
----------------------------------------------- */

/* CSS For Kent: The nav css */

ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
  position:relative;
  max-width:100%;
  height:2.5em;
  float:right; 
  font-family:QlassikMediumRegular;
  font-size:1.5em;
  padding-top:30px;
  margin-right:1.2%;
  }
ul.nav li {
    cursor:pointer;
    float:left;
    text-align:center;
    list-style-type:none;
    font-weight:normal;
    
}
ul.nav li ul {
    cursor:default;
    width:100%;
    max-width:100%;
    position:absolute;
    height:auto;
    top:2.5em;
    background-position:0 0 !important;
    left:-9000px;
}
ul.nav li ul li {
    padding:0;
    border:none;
    width:auto;
    max-width:none;
}
ul.nav li a {
    color:#fff;
    -webkit-transition: color 0.3s ease;
    -moz-transition:color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    text-decoration:none;
    display:block;
    float:left;
    margin-left:1.75em;
    height:1em;
    line-height:1em;
}
ul.nav li ul li a {
    position:relative !important; /* ie Mac */
    cursor:pointer !important;
    white-space:nowrap;
    line-height:2em;
    height:2em;
    font-weight:normal;
    color:#666;
    background-position:0 50% !important;
}

ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus {/*border-bottom:2px solid #fbd922;*/color:#fbd922;}
ul.nav li a:active {}
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li ul,
ul.nav li {}
ul.nav li:hover ul li a {color:#444;}
ul.nav li:hover ul li a:hover {color:#000; background:#fff;}
ul.nav li:hover ul li a:active {color:#666; background:#fff;}

/*ul.nav li a:active {color:#fbd922;border-bottom:2px solid #fbd922;}*/
ul.nav li.current a {color:#fff;border-bottom:3px solid #fbd922;}
/*ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul,
ul.nav li.current {}
ul.nav li.current ul li a {color:#444; background:#ccc; font-weight:normal;}
ul.nav li.current ul li a:hover {color:#000; background:#fff;}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {color:#666; background:#fff;}*/


/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav {
  
}
ul.main li {
  position:relative;
  top:0;
  left:0;
}
ul.main li ul {
  border-top:0;
}
ul.main li ul li {
  float:left;
}
ul.main li a {
    height:2.5em;
    line-height:2.5em;
    border:0;
    color:#fff;
    background:#666;
}
ul.main li ul li a {
  width:12em;
  line-height:2em;
  height:2em;
  text-align:left;
  color:#fff;
  border-top:1px solid #444;
  background:#444;
}
ul.main li a:focus {color:#fff; background:#666;}
ul.main li ul li a:hover {
  color:#fff;
  background:#555;
}
ul.main li:hover a {
  color:#fff;
  background:#555;
}
ul.main li:hover ul li a {color:#fff;}
ul.main li:hover ul li a:hover {color:#fff; background:#444;}
ul.main li:hover a:active {background:#444;}
ul.main li:hover ul li a:active {color:#fff; background:#222;}


/* secondary list
----------------------------------------------- */
ul.nav li.secondary {
    float:right;
    color:#cde;
    background:transparent !important;
}
ul.nav li.secondary span.status {
    float:left;
    padding:0 1em;
    line-height:2.77em;
    height:2.77em;
  font-size:0.9em;
}
ul.nav li.secondary span.status a {
    float:none;
    display:inline;
    padding:0;
    height:auto;
    line-height:auto;
    color:#cde;
    background:transparent;
}
ul.nav li.secondary span.status a:hover {
    color:#fff;
    background:transparent;
}
ul.nav li.secondary span.status span {
    text-transform:capitalize;
}
ul.nav li.secondary:hover a {
    color:#fff;
    background:#666;
}
ul.nav li.secondary:hover a:hover {
    background:#555;
}
ul.nav li.secondary:hover a:active {background:#444;}

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


@media screen and (max-width: 960px) {
    .footer-left-section {width: 470px}
    .footer_nav_list_toolbar {float:left;}
    .banner {display:inherit;}
    div.carousel {display:none!important;}
    body {background:#fff;}
    .homepage-bg {background:none;}
    .blue-bg {background:none;}
   
  

    
  }

@media screen and (max-width: 900px) {
  
   /* Adobe Page */
  .container_16 .grid_10.adobe-intro {width:60.5%;}
  .container_16 .grid_10.about-cq5 {width:60.5%;}
  .container_16 .grid_6.about-cq5 .spacer {margin-bottom:0;}
  .container_16 .grid_8.adobe-help, .container_16 .grid_8.adobe-diagram  {width:48%;}
  
  div.spacer {margin-bottom:-40px;}
  .featured_ul {margin:10px 0 0 0;}
  .news div.textimage div.image {float:left;}
  .container_16 .grid_10 {width:100%;}
  .news_list_secondary {overflow:auto;overflow:visible!important\9;margin-bottom:80px;height:100%;}
  .box.clients {height:250px;margin-top:40px;margin-top:100px!important\9;}
  .courtesy {float:none;padding-bottom:4em;padding-top:0.4em;}
  .courtesy {padding-bottom:3em\9;}
  .courtesy ul {margin:0 auto;width:280px;}  
  div.logo {float:none!important;text-align:center;margin:0 auto;padding-bottom:20px;}

  /* lb-201307 - make sure menu is truly centered and that there is no item wrap */
  div.topnav {float:left; width:100%; overflow:hidden; position:relative; margin-top: 40px;}
  ul.nav {clear:left; float:left; list-style:none; position:relative; left:50%; margin:0 auto; margin-top: 40px; padding:0;}
  ul.nav {margin-top:30px\9;}
  ul.nav li {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%;}
  ul.nav li a {margin-left:.75em; margin-right:.75em;}
  /* lb-201307 - end */

  .header {height:190px;background-image:none;}
  .header {height:200px\9;}
  .twitter_sidebar, .testimonial_sidebar {
    display:none;
  }

  .container_16 .grid_12, .container_16 .grid_8, .container_16 .grid_4 {
      width:98%;
  }

  .container_16 .grid_8.twitter_sidebar {
      display:none;
  }

  .right_sidebar {
      display:block;

  }

  h1#branding {font-size:2.5em;width:100%;}
  h1 a {background:#fff;}
  .footer ul li {height:2em;line-height:2em;}
  /*.contact_us_list {float:none;}
  ul.contact_us_list li {float:none;text-align:left;}*/
  .social_footer_list {float:none; width: 120px; margin: 0 auto; padding-top: 20px}
  ul.social_footer_list {padding-bottom:20px\9;}
  ul.footer_nav_list_toolbar {float:none;margin:0 auto;width:340px;clear:both;overflow:hidden; }
  ul.footer_nav_list_toolbar li {margin-left:1%;margin-right:1%;font-size:10px;}
  .footer_nav {text-align: center;}


  .footer_nav p {float:none;display:block;}

  .footer {background-image:none;}

  .footer-interested {float:none; margin-top: 10px;}
  .footer-contact {float:none; margin-top: 10px;}
  .footer-contact li {float:left; padding-right:10px}
  .footer-right-section {margin-left:-17px;}


  div.cq-colctrl-lt1-c0 { width: 29%!important; margin-right: 1%; margin-right: 0%!important\9;}
  div.cq-colctrl-lt1-c1 { width: 29%!important; margin-left: 1%; margin-right: 1%; margin-left: 0%!important\9; margin-right: 0%!important\9;}
  div.cq-colctrl-lt1-c2 { width: 29%!important; margin-left: 1%; margin-left: 0%!important\9;}
  .footer-left-section {width: 300px;}


}

@media screen and (max-width: 700px) {

  /* Adobe Page */
  .container_16.adobe-page div.image img {display:inherit;margin:0 auto;}
  .container_16 .grid_6.about-cq5 div.image img {display:inline;margin:none;}

  /* Homepage */
  .banner {background-position:-5em bottom;height:20em;}
  .banner {background-position:-32em -5em\9;height:23em\9;}
  
  div.image img {display:inline;}
  .textimage .text {margin-left:0!important;}
  
  .large_bold_text {font-size:1.2em;margin-right:0px;}
  div.cq-colctrl-lt1-c0 { width: 100%!important; margin-right: 1%;float:none; margin-right: 0%!important\9;}
  div.cq-colctrl-lt1-c1 { width: 100%!important; margin-left: 0%; margin-right: 1%;float:none; margin-left: 0%!important\9; margin-right: 0%!important\9;}
  div.cq-colctrl-lt1-c2 { width: 100%!important; margin-left: 0%;float:none; margin-left: 0%!important\9;}
  
  .footer-info {height:130px;}
  .footer-left-section {float: none}
  .footer-right-section {float: none}
  .footer-map {display: none}
  .footer-address {float:left;margin-top:5px;}

.snap_preview img,
.newsblog div.image {
    float: none;
    display: block;
    margin: 0 0 8px 0;
}
}

@media screen and (max-width: 760px) {
  
    .highroller .text {
          display:none;
      }
      
    div.textimage div.image {
        float: none;
        margin: 0 0 8px 0;
      }

    div.centered {
            text-align: center;
            padding:0 0px;
        }
    h1#branding {font-size:2em;width:100%;}
}

@media screen and (max-width: 600px) {
 
 /* Adobe Page */
 .container_16 .grid_8.adobe-help, .container_16 .grid_8.adobe-diagram  {width:100%;}	
 .container_16 .grid_8.adobe-diagram img {margin:0 auto;display:inherit;}

 .container_16 .grid_6.adobe-mainpoints {width:100%;}

 .container_16 .grid_10.adobe-intro {width:100%;}

 .box.clients {margin-bottom:100px;}
 li.second {clear:right!important;}
 .logoOurClients {overflow:visible!important;margin-bottom:}
 ul.news_list_secondary li {width:100%!important;}
 a.download_btn,  a.download_btn_FR {display:none;}
 .news div.textimage div.image {float:none;}
 .header {height:395px;background-image:none;}
 .header {height:405px\9;}


  /* lb-201307 - remove what was done to center the menu in tablet resoulution (900px media) */
  div.topnav {float:none; width:100%; position: static; overflow:none; margin-top: 0; margin:0;}
  ul.nav {clear:none; float:none; left:auto; margin:0 auto; margin-top: 40px; padding-top:30px;}
  ul.nav li {display:block; float:left; list-style:none; margin:0; padding:0; position:static; right:auto; white-space: nowrap;}
  /* lb-201307 - end */


ul.nav li a {
  background:#202d70;width:98%;color:#fff;margin-bottom:2px;height:1.5em;padding-top:0.5em;margin-left:0.1em;text-align:left;padding-left:10px;transition: background 0.3s ease;
  -moz-transition: background 0.3s ease; /* Firefox 4 */
  -webkit-transition: background 0.3s ease; /* Safari and Chrome */
  -o-transition: background 0.3s ease; /* Opera */
}
  ul.nav li:hover a,
  ul.nav li a:hover {
  background:#424d89;border-bottom:0;

}


  ul.nav li.current a {border:none;background:#424d89;}
  ul.nav li a:active {background:#424d89;}

  ul.nav li {width:100%;}
  ul.nav li {margin-top:2px\9;}
  ul.nav {width:100%;margin-left:0em;margin-right:1em;}
  ul.nav {margin-left:0px\9;}

  div.cq-colctrl-lt0-c0 { width: 100%; margin-right: 1%;float:none;}
  div.cq-colctrl-lt0-c1 { width: 100%; margin-left: 0%;float:none;}
  .container_16.adobe-page div.cq-colctrl-lt0-c1, .container_16.adobe-page div.cq-colctrl-lt0-c0 {width:49%;float:left;}


  .footer-info {height:180px\9;}

}

@media screen and (max-width: 500px) {
	
	.container_16 .grid_6.about-cq5 {width:100%;}
    .container_16 .grid_10.about-cq5 {width:100%;}
    
    }
@media screen and (max-width: 320px) {
    div.carousel {display:none;}
	.container_16.adobe-page div.cq-colctrl-lt0-c1, .container_16.adobe-page div.cq-colctrl-lt0-c0 {width:100%;}

}
.blog small {
    font-size: 0.9em;
    line-height: 1.5em;
    }

.newsblog .postmetadata {
    display: none;
}

.newsblog ul, .newsblog ol {
    overflow:hidden;
}

.entry {
    margin-top: 20px;
}

.blogentry {
    margin-bottom: 40px;
}

.entrytitle {
    margin-bottom: 15px;
}


.alignright { float: right; }
.alignleft { float: left }
.aligncenter img { display:block; margin:0 auto; text-align:center; }

.navigation {
    height:10px;
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}

.snap_preview img,
.newsblog div.image {
    float: left;
    margin: 0 8px 8px 0;
}

#sidebar .section li { list-style:none; }
.page.marketing-landing {
    max-width: 100%;
}
.page.marketing-landing .marketing-landing-wrapper {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}


@media screen and (max-width: 770px) {
    .page.marketing-landing .marketing-landing-wrapper div.cq-colctrl-lt0-c0,
    .page.marketing-landing .marketing-landing-wrapper div.cq-colctrl-lt0-c1 {
        width: 100%;
    }
}


.page.marketing-landing .marketing-landing-wrapper .full-width {
    width: 100%;
    max-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

@media screen and (max-width: 900px) {
    .page.marketing-landing .marketing-landing-wrapper .maincontent_fullwidth.parsys {
        margin-top: -10px;
    }
}

/* full width image component */
.page.marketing-landing .marketing-landing-wrapper .fullwidthimage .fullwidth-img {
    width: 100%;
    min-height: 361px;
    background-repeat: no-repeat;
    background-position: 60% ;
    background-size:cover;
}
    @media screen and (max-width: 660px) {
        .page.marketing-landing .marketing-landing-wrapper .fullwidthimage .fullwidth-img {
            min-height: 300px;
            background-position: 57%;
        }

    }

/* if no titles - make sure content height can change by removing float */
.page.marketing-landing .marketing-landing-wrapper .fullwidthimage .fullwidth-img .grid_16.none {
    float: none;
}


.page.marketing-landing .marketing-landing-wrapper .fullwidthimage .block,
.page.marketing-landing .marketing-landing-wrapper .fullwidthimage .box {
    padding-top: 0px;
    margin-top: -1px;
}

.page.marketing-landing .marketing-landing-wrapper .fullwidthimage .fullwidth-img-titles {
    position: absolute;
    margin-top: 60px;
    text-align: left;

}
    @media screen and (max-width: 660px) {
        .page.marketing-landing .marketing-landing-wrapper .fullwidthimage .fullwidth-img-titles {
            margin-top: 30px;
        }
    }
.page.marketing-landing .marketing-landing-wrapper .fullwidthimage .fullwidth-img-titles h1 {
    padding-bottom: 15px;
    text-align: left;
}
    @media screen and (max-width: 660px) {
        .page.marketing-landing .marketing-landing-wrapper .fullwidthimage .fullwidth-img-titles h1 {
            font-size: 231%;
        }

    }
.page.marketing-landing .marketing-landing-wrapper .fullwidthimage .fullwidth-img-titles h2 {
    border-bottom: 0px solid;
    text-align: left;
    width: 46%;
}
    @media screen and (max-width: 660px) {
        .page.marketing-landing .marketing-landing-wrapper .fullwidthimage .fullwidth-img-titles h2 {
            width: 70%;
            font-size: 1.6em;
        }
    }

.page.marketing-landing .marketing-landing-wrapper .text ul li,
.page.marketing-landing .marketing-landing-wrapper .wysiwyghtml ul li {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #666666;
    margin-bottom: 0px;
    list-style-image: url("images/bullet-icon.jpg");
}
.page.marketing-landing .marketing-landing-wrapper .text ul li:last-child,
.page.marketing-landing .marketing-landing-wrapper .wysiwyghtml ul li:last-child {
    border-bottom: 0px solid;
}

.page.marketing-landing .marketing-landing-wrapper hr {
    border-color: #e2e4f2;
    border-width: 2px;
}

.page.marketing-landing .marketing-landing-wrapper .textimagelink h1,
.page.marketing-landing .marketing-landing-wrapper .textimagelink h2,
.page.marketing-landing .marketing-landing-wrapper .textimagelink h3 {
    border: 0px solid;
}

/*-JF ADDED-*/
.page.marketing-landing .styledNumberAndText{position:relative; padding-left:50px; padding-right:15px;}
.page.marketing-landing .styledNumber{position:absolute; top:0; left:0; background-color:#fbd922; width:30px; height:30px; border-radius:100px; display:inline-block; line-height:30px; text-align:center; color:#232d65; font-size:22px; font-family: QlassikMediumRegular;}
.page.marketing-landing .styledText{line-height:22px; color:#232d65; font-size:20px; font-family: QlassikMediumRegular; display:inline-block; }


.page.marketing-landing .lg-padding-left{padding-left:80px;}
.page.marketing-landing .lg-padding-right{padding-right:80px;}
.page.marketing-landing .lg-padding-left-right{padding:0 125px;}

.page.marketing-landing .link-get-a-demo{font-size:20px; font-family: QlassikMediumRegular;}

@media screen and (max-width: 900px) {
	.page.marketing-landing .lg-padding-left{padding-left:0;}
	.page.marketing-landing .lg-padding-right{padding-right:0;}
    .page.marketing-landing .lg-padding-left-right{padding:0;}

}

@media screen and (max-width: 900px){
	div.spacer {
    	margin-bottom: 0;
	}
}

@media screen and (max-width: 770px) {
    .page.marketing-landing ul.lg-padding-left{margin-bottom:0;}
	.page.marketing-landing ul.lg-padding-left > li:last-child{padding-bottom:0;}
	.page.marketing-landing ul.lg-padding-right > li:first-child{border-top:#000 solid 1px;}
	.page.marketing-landing  div.cq-colctrl-lt0-c1{margin-left:0;}
}

@media screen and (max-width: 700px) {
	.page.marketing-landing div.cq-colctrl-lt1-c0,
    .page.marketing-landing div.cq-colctrl-lt1-c1,
    .page.marketing-landing div.cq-colctrl-lt1-c2{margin-left:0;}
}




/*-Page Accessibility Checker-*/
/*.marketing-landing-page.page-achecker .fullwidthimage h1#cq-gen335{color:#fff;}
.marketing-landing-page.page-achecker .fullwidthimage h2#cq-gen332{color:#fff;}
.marketing-landing-page.page-achecker .box .marketing-cta-title h2{font-size: 1.8em;}*/
.marketing-landing-page.page-achecker .box .marketing-cta-title h2.achecker-cta-title{font-size: 1.8em;}

.marketing-landing-page.page-achecker .achecker-header h1{padding-bottom: 15px; margin-top: 60px;text-align: left; color:#fff;}
.marketing-landing-page.page-achecker .achecker-header h2{border-bottom: 0px solid; text-align: left; width: 46%; color:#fff;}

@media screen and (max-width: 660px) {
    .marketing-landing-page.page-achecker .achecker-header h1{margin-top:30px;}
    .marketing-landing-page.page-achecker .achecker-header h2 {width: 70%;font-size: 1.6em;}
}


.page.job-description{}
.page.job-description .grid_12 .parsys.maincontent{margin-top:30px;}
.page.job-description .grid_4 .parsys.maincontent{margin-top:63px;}

.join-our-team-box{background:#e8ebfc url("images/icons/ico-team.png") 15px 15px no-repeat scroll; padding:15px 15px 15px 70px; margin-bottom:40px;}
.join-our-team-box a{color:#fff; font-weight:bold; display:inline-block; padding:5px 10px; line-height:15px; border:#fff solid 3px; background-color:#232D65; transition:all .3s;}
.join-our-team-box a:hover{background-color:#e8ebfc; color:#232D65;}

.job-application{margin-bottom:40px; text-align:center;}
.job-application .btn-apply{background:#fff url("images/icons/icon-enveloppe.png") 15px 15px no-repeat scroll; display:block; border:#232d65 solid 3px; padding:10px 10px 10px 70px; margin-bottom:10px; text-align:left;}
.job-application .btn-apply .txt{display:block; line-height: 1em; font-family: QlassikMediumRegular; color: #232d65; font-size: 1.7em; font-weight: normal;}
.job-application .btn-apply .email{display:block;}
.job-application .btn-refer{text-decoration:underline;}