html, body {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
/*line-height: 1.4;*/
height: 100%;
margin: 0;
padding: 0;
-webkit-overflow-scrolling: touch;
}
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #666666;
font-weight: 100;
text-decoration: none;
/*margin: 0;*/
}
.bodytext {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #666666;
font-weight: 100;
text-decoration: none;
}
.HeaderWhite {
font-family: Helvetica, Arial, sans-serif;
font-size: 4.0em;
color: #FFFFFF;
font-weight: 100;
text-decoration: none;
margin: 0;
border: 0;
}
.SubHeaderGrey {
font-family: Helvetica, Arial, sans-serif;
font-size: 2.6em;
color: #666666;
font-weight: 100;
text-decoration: none;
margin: 0;
border: 0;
}
.SubHeaderWhite {
font-family: Helvetica, Arial, sans-serif;
font-size: 2.6em;
color: #FFFFFF;
font-weight: 100;
text-decoration: none;
margin: 0;
border: 0;
}
.SubHeaderGrey2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.8em;
color: #666666;
font-weight: 100;
text-decoration: none;
margin: 0;
border: 0;
}
.SubHeaderWhite2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 2.0em;
color: #FFFFFF;
font-weight: 100;
text-decoration: none;
margin: 0;
border: 0;
}
.BodyHomeSlide {
font-family: Helvetica, Arial, sans-serif;
font-size: 2.0em;
line-height: 1.2em;
color: #FFFFFF;
font-weight: 100;
text-decoration: none;
}
.Body1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.6em;
line-height: 1.4em;
color: #666666;
font-weight: 100;
text-decoration: none;
}
.Body2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.6em;
line-height: 1.4em;
color: #FFFFFF;
font-weight: 100;
text-decoration: none;
}
.Body3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
line-height: 1.2em;
color: #666666;
font-weight: 100;
text-decoration: none;
}
.Body4 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
line-height: 1.2em;
color: #FFFFFF;
font-weight: 100;
text-decoration: none;
}
.Body5 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
line-height: 1.6em;
color: #666666;
font-weight: 100;
text-decoration: none;
}
.Body6 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
line-height: 1.6em;
color: #FFFFFF;
font-weight: 100;
text-decoration: none;
}
.HeaderHomeSlide {
font-family: Helvetica, Arial, sans-serif;
font-size: 4.0em;
color: #FFFFFF;
font-weight: 100;
text-decoration: none;
margin-bottom: 10px;
}
.Header1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 2.6em;
color: #666666;
font-weight: 100;
text-decoration: none;
margin-bottom: 10px;
}
.Header2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 2.6em;
color: #FFFFFF;
font-weight: 100;
text-decoration: none;
margin-bottom: 10px;
}
a.BodyLink1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.6em;
color: #666666;
font-weight: 100;
text-decoration: underline;
}
a:hover.BodyLink1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.6em;
color: #333333;
font-weight: 100;
text-decoration: none;
}
a:visited.BodyLink1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.6em;
color: #666666;
font-weight: 100;
text-decoration: underline;
}
a.BodyLink2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.6em;
color: #FFFFFF;
font-weight: 100;
text-decoration: underline;
}
a:hover.BodyLink2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.6em;
color: #EFEFEF;
font-weight: 100;
text-decoration: none;
}
a:visited.BodyLink2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.6em;
color: #FFFFFF;
font-weight: 100;
text-decoration: underline;
}
a.BodyLink3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
color: #666666;
font-weight: 100;
text-decoration: underline;
}
a:hover.BodyLink3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
color: #333333;
font-weight: 100;
text-decoration: none;
}
a:visited.BodyLink3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
color: #666666;
font-weight: 100;
text-decoration: underline;
}
a.BodyLink4 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
color: #FFFFFF;
font-weight: 100;
text-decoration: underline;
}
a:hover.BodyLink4 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
color: #EFEFEF;
font-weight: 100;
text-decoration: none;
}
a:visited.BodyLink4 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
color: #FFFFFF;
font-weight: 100;
text-decoration: underline;
}
a.BodyLink5 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #666666;
font-weight: 100;
text-decoration: underline;
}
a:hover.BodyLink5 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #333333;
font-weight: 100;
text-decoration: none;
}
a:visited.BodyLink5 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #666666;
font-weight: 100;
text-decoration: underline;
}
a.BodyLink6 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #FFFFFF;
font-weight: 100;
text-decoration: underline;
}
a:hover.BodyLink6 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #999999;
font-weight: 100;
text-decoration: none;
}
a:visited.BodyLink6 {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #FFFFFF;
font-weight: 100;
text-decoration: underline;
}
#scroller {
position: relative;
}
#scroller .innerScrollArea {
overflow: hidden;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#scroller ul {
padding: 0;
margin: 0;
position: relative;
}
#scroller li {
padding: 0;
margin: 0;
list-style-type: none;
position: absolute;
}
a {
text-decoration: none;
color: inherit;
}
/* HEADER */
.header {
position: fixed;
left: 0;
right: 0;
height: 44px;
line-height: 36px;
color: #FFFFFF;
background-color: #666666;
display: block;
}
.header__logo {
font-weight: 700;
padding: 0 5px;
padding-top: 10px;
padding-right: 10px;
float: right;
}
/* MENU */
.menu {
float: left;
display: block;
}
.menu a {
padding: 0 10px;
display: inline-block;
background-color: #666666;
}
.menu a:hover {
background-color: #555555;
}
.answer {
font-size: 1.3em;
line-height: 1.4em;
color: #666666;
font-weight: 100;
padding-top: 0px;
padding-bottom: 0;
display: none;
}
expand {
/*line-height: 22px;*/
cursor: pointer;
/*background-image: url('../images/expanding_menu_open.png');*/
background-position: bottom;
background-repeat: no-repeat;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
line-height: 1.4em;
color: #666666;
font-weight: 100;
text-decoration: none;
display: block;
}
expand.close {
/*background-image: url('../images/expanding_menu_close.png');*/
color: #666666;
}
.ExpandTitleBlack {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.6em;
color: #333333;
font-weight: 100;
text-decoration: none;
padding-top: 0;
padding-right: 0;
padding-left: 0;
display: block;
}
#HomeSlideWrapper {
max-width: 1200;
height: auto;
background-image: url(../images/homepage/_homeslidebackground.jpg);
background-size: cover;
background-repeat: repeat-x;
padding-top: 8em;
}
.divBreakBackWhite {
width: 100%;
background: #FFFFFF;
}
.divBreakBackGrey {
width: 100%;
background: #EFEFEF;
}
.divBreakBackBlue {
width: 100%;
background: #D7E1E8;
}
.divBreakBackDark {
width: 100%;
background: #666666;
}
.divBreakBackDarkBlue {
width: 100%;
background: #558899;
}
#divBreakBackSaaS {
width: 100%;
background-image: url(../images/products/index/SaaS_background.jpg);
background-size: cover;
}
#divBreakBackSharePath {
width: 100%;
background-image: url(../images/products/index/sharepath.jpg);
background-size: cover;
}
#divBreakBackIntellimagic {
width: 100%;
background-image: url(../images/products/index/intellimagic_background.jpg);
background-size: cover;
}
#divBreakBackathene {
width: 100%;
background-image: url(../images/products/index/athene_background.png);
background-size: cover;
}
.divBreakBackDataBlue {
width: 100%;
background-image: url(../images/products/index/athene_background.png);
background-size: cover;
}
.divBreakBackData {
width: 100%;
background-image: url(../images/products/athene/data.jpg);
background-size: cover;
}
#divBreakBackProducts {
width: 100%;
background-image: url(../images/homepage/_products.jpg);
background-size: cover;
}
.divBreakBackTraining {
width: 100%;
background-image: url(../images/homepage/_training.jpg);
background-size: cover;
}
.divBreakBackCloud {
width: 100%;
background-image: url(../images/solutions/index/cloud_background.jpg);
background-size: cover;
}
.divBreakBackSystems {
width: 100%;
background-image: url(../images/solutions/index/IT_systems_background.jpg);
background-size: cover;
}
.divBreakBackServer {
width: 100%;
background-image: url(../images/solutions/index/server_background.jpg);
background-size: cover;
}
.divBreakBackSeminars {
width: 100%;
background-image: url(../images/services/index/seminar_background.jpg);
background-size: cover;
}
.divBreakBackWebinar {
width: 100%;
background-image: url(../images/homeSlides/BACKGROUND_01.jpg);
background-size: cover;
}
.divBreakBackTuf {
width: 100%;
background-image: url(../images/services/index/tuf_background.jpg);
background-size: cover;
}
.divBreakBackCallback {
width: 100%;
background-image: url(../images/contact/index/callback_background.jpg);
background-size: cover;
}
.divBreakBackExecutive {
width: 100%;
background-image: url(../images/company/index/team_background.jpg);
background-size: cover;
}
.divBreakBackPress {
width: 100%;
background-image: url(../images/company/index/press_background.jpg);
background-size: cover;
}
.HomeBreakContent {
overflow: auto;
*zoom: 1;
max-width: 1200px;
margin: auto;
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
z-index: 10;
}
.DivContentHolder {
width: 100%;
display: inline-block;
}
.ExpandContent {
float: left;
width: 50%;
display: inline-block;
}
/* SURVEY PAGES */
.DivFix1060Holder {
width: 1060px;
align-content: center;
margin: 0 auto;
}
.Div12 {
float: left;
width: 12%;
display: inline-block;
}
.Div15 {
float: left;
width: 15%;
display: inline-block;
}
.Div15Right {
float: right;
width: 15%;
display: inline-block;
}
.Div20Right {
float: right;
width: 20%;
display: inline-block;
}
.Div20 {
float: left;
width: 20%;
display: inline-block;
}
.Div25 {
float: left;
width: 25%;
display: inline-block;
}
.Div25PadR {
float: left;
width: 23%;
display: inline-block;
padding-right: 10px;
}
.Div25Right {
float: right;
width: 25%;
display: inline-block;
}
.Div25RightPadL {
float: right;
width: 22%;
display: inline-block;
}
.Div25Center {
float: center;
width: 25%;
display: inline-block;
}
.Div33 {
float: left;
width: 33%;
display: inline-block;
}
.Div33Right {
float: right;
width: 33%;
display: inline-block;
}
.Div33RightPadL {
float: right;
width: 30%;
display: inline-block;
}
.Div33PadR {
float: left;
width: 30%;
display: inline-block;
padding-right: 10px;
}
.Div33PadL {
float: left;
width: 30%;
display: inline-block;
padding-left: 10px;
}
.Div33Center {
float: center;
width: 33%;
display: inline-block;
}
.Div40 {
float: left;
width: 40%;
display: inline-block;
}
.Div50 {
float: left;
width: 50%;
display: inline-block;
}
.Div50Right {
float: right;
width: 50%;
display: inline-block;
}
.Div50RightPadL {
float: right;
width: 46%;
display: inline-block;
padding-left: 10px;
}
.Div50PadR {
float: left;
width: 46%;
display: inline-block;
padding-right: 10px;
}
.Div50PadL {
float: left;
width: 46%;
display: inline-block;
padding-left: 10px;
}
.Div50Center {
float: center;
width: 50%;
display: inline-block;
}
.Div66 {
float: left;
width: 66%;
display: inline-block;
}
.Div66Right {
float: right;
width: 66%;
display: inline-block;
}
.Div66RightPadL {
float: right;
width: 64%;
display: inline-block;
}
.Div66PadR {
float: left;
width: 62%;
display: inline-block;
padding-right: 10px;
}
.Div66PadL {
float: left;
width: 60%;
display: inline-block;
padding-left: 10px;
}
.Div66Center {
float: center;
width: 66%;
display: inline-block;
}
.Div75 {
float: left;
width: 75%;
display: inline-block;
}
.Div75Right {
float: right;
width: 75%;
display: inline-block;
}
.Div75RightPadL {
float: right;
width: 72%;
display: inline-block;
}
.Div75PadR {
float: left;
width: 72%;
display: inline-block;
padding-right: 10px;
}
.Div75PadL {
float: left;
width: 72%;
display: inline-block;
padding-left: 10px;
}
.Div75Center {
float: center;
width: 75%;
display: inline-block;
}
.Div80PadR {
float: left;
width: 76%;
display: inline-block;
padding-right: 10px;
}
.Div85 {
float: left;
width: 85%;
display: inline-block;
}
.Div90Center {
float: center;
width: 90%;
display: inline-block;
}
.Div100 {
float: left;
width: 100%;
display: inline-block;
}
.Div100Center {
float: center;
width: 100%;
display: inline-block;
}
.Div100Slides {
float: left;
width: 100%;
display: inline-block;
}
.Div560-315 {
float: left;
width: 50%;
display: inline-block;
}
.DivShow {
visibility: hidden;
}
.DivHScroll {
width: 95%;
height: auto;
overflow: auto;
overflow-y: hidden;
margin: 0 auto;
white-space: nowrap;
border-width: 1px;
border-color: #999999;
border-style: solid;
padding: 10px;
}
#footerB {
width: 100%;
min-height: 85px;
margin: 0;
background-color: #666666;
float: left;
padding-top: 10px;
position: relative;
clear: both;
z-index: 10;
}
#footer-wrapperB {
max-width: 1200px;
min-height: 85px;
margin: 0 auto;
padding-left: 0;
clear: both;
}
#footer-text-wrapperB {
position: relative;
width: 300px;
height: 25px;
clear: both;
}
#footer-soc-wrapperB {
width: 300px;
height: 25px;
padding: 0;
}
#footerM {
width: 100%;
min-height: 85px;
margin: 0;
background-color: #666666;
float: left;
padding-top: 10px;
position: relative;
clear: both;
z-index: 10;
}
#footer-wrapperM {
max-width: 1000px;
min-height: 85px;
margin: 0 auto;
padding-left: 0;
clear: both;
}
#footer-text-wrapperM {
position: relative;
width: 300px;
height: 25px;
clear: both;
}
#footer-soc-wrapperM {
width: 300px;
height: 25px;
padding: 0;
}
.btmIcons {
margin-top: 0;
padding-right: 0;
}
.btmIcons:hover {
margin-top: -2px;
}
p.footer-text {
font-family: Helvetica, Arial, sans-serif;
color: #CCCCCC;
text-decoration: none;
font-size: 12px;
line-height: 12px;
margin: 0;
text-align: left;
height: 20px;
}
html {
overflow: -moz-scrollbars-vertical;
overflow-x: auto;
margin: 0;
background: #666666;
}
img {
border: none
}
a img {
outline: none;
border: none;
border-style: none;
}
#inPagenavwrapper {
width: 100%;
margin: 0 auto;
padding-left: 0;
height: 25px;
display: block;
border-width: 1px;
border-color: #999999;
border-style: solid;
border-top: 0;
border-left: 0;
border-right: 0;
}
#contentNav {
width: inherit;
height: 35px;
min-width: 400px;
float: right;
display: block;
}
#contentNav ul {
padding: 0;
margin: 0;
list-style: none;
text-decoration: none;
}
#contentNav ul li {
padding: 0;
margin: 0;
margin-right: 5px;
list-style: none;
float: left;
background: rgb(99,183,14);/* Old browsers */
background: -moz-linear-gradient(top, rgba(99,183,14,1) 0%, rgba(153,204,102,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(99,183,14,1)), color-stop(100%, rgba(153,204,102,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(99,183,14,1) 0%, rgba(153,204,102,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(99,183,14,1) 0%, rgba(153,204,102,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(99,183,14,1) 0%, rgba(153,204,102,1) 100%);/* IE10+ */
background: linear-gradient(top, rgba(99,183,14,1) 0%, rgba(153,204,102,1) 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b70e', endColorstr='#99cc66',GradientType=0 ); *//* IE6-9 */
background: #fff;
background-color: #fff;
font-family: Helvetica, Arial, sans-serif;
text-decoration: none;
text-align: center;
height: 29px;
font-size: 14px;
line-height: 30px;
position: relative;
bottom: 5px;
display: block;
z-index: 1000;
border-width: 1px;
border-color: #999999;
border-style: solid;
border-bottom: 0;
}
#contentNav ul li.notCurrent:hover {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 80%, rgba(240,240,240,1) 93%, rgba(230,230,230,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(80%, rgba(250,250,250,1)), color-stop(93%, rgba(240,240,240,1)), color-stop(100%, rgba(230,230,230,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 80%, rgba(240,240,240,1) 93%, rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 80%, rgba(240,240,240,1) 93%, rgba(230,230,230,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 80%, rgba(240,240,240,1) 93%, rgba(230,230,230,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 80%, rgba(240,240,240,1) 93%, rgba(230,230,230,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efffea', GradientType=0 ); /* IE6-9 */
color: #999999;
height: 30px;
bottom: 6px;
border-bottom: 0;
z-index: 28;
}
#contentNav ul li.selected {
background: #999999;
background: rgba(120, 120, 120, 0.9);
border-width: 1px;
border-color: #999999;
border-style: solid;
border-bottom: 0;
color: #999999;
height: 31px;
bottom: 7px;
z-index: 3;
}
#contentNav ul li.selected:hover {
background: #FFF;
background-color: #fff;
border-width: 1px;
border-color: #999999;
border-style: solid;
border-bottom: 0;
color: #999999;
height: 32px;
bottom: 8px;
z-index: 3;/*background: #666666;*/
}
#contentNav ul li a.selected {
color: #FFFFFF;
z-index: 28;
}
#contentNav ul li a {
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
text-align: center;
color: #999999;
z-index: 28;
}
#contentContainer {
width: 1100px;
height: 500px;
background-color: #FFF;
border-width: thin;
border-color: #999999;
border-style: solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
position: relative;
left: 50px;
z-index: 2;
}
#breadCrumbsWrapper {
position: fixed;
margin-left: 0;
width: 100%;
min-height: 25px;
margin: 0 auto;
background-color: #FFFFFF;
z-index: 1;
border-top: 1px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF;
box-shadow: 0 5px 3px rgba(0,0,0,0.1);
}
#breadCrumbs {
/*max-width: 1350px;*/
width: 100%;
height: auto;
margin: 0 auto;
background: #FFFFFF;
padding-left: 218px;
padding-top: 8px;
padding-bottom: 5px;
position: fixed;
z-index: 1;
}
.mp_backlinks {
width: 100%;
margin: 0 auto;
color: #666666;
z-index: 1;
}
.mp_backlinks a {
width: 100%;
margin: 0 auto;
color: #999999;
z-index: 1;
}
.mp_backlinks a:hover {
width: 100%;
margin: 0 auto;
color: #666666;
z-index: 1;
}
#headerMegaContent {
min-width: 900px;
height: 60px;
position: relative;
padding: 0;
margin: 0 auto;
z-index: 82;
}
#logo {
top: 40px;
position: absolute;
left: 20px;
}
#top-links {
width: 240px;
position: absolute;
right: 0;
top: 64px;
padding: 0 0 0 0;
}
.site-content {
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
z-index: 10;
background-color: #FFFFFF;
}
.container {
/*overflow: hidden;*/
overflow: auto;
*zoom: 1;
/*margin: 0 2em;*/
max-width: 1200px;
margin: auto;
padding-top: 1em;
padding-bottom: 1em;
}
.HomeBreakSlide {
/*overflow: hidden;*/
overflow: auto;
*zoom: 1;
/*margin: 0 2em;*/
max-width: 1200px;
margin: auto;
padding-top: 1em;
padding-bottom: 1em;
margin-top: 20em;
}
#pagecontentWrapper {
width: 100%;
min-height: 200px;
margin: 0 auto;
background-color: #FFFFFF;
z-index: 1;
position: relative;
}
#pageContent {
max-width: 1200px;
height: auto;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 0;
background-color: #FFFFFF;
}
.MenuHeader {
font-family: Helvetica, Arial, sans-serif;
color: #666666;
text-decoration: none;
font-size: 16px;
display: block;
padding-bottom: 0;
}
a.MenuHeader {
font-family: Helvetica, Arial, sans-serif;
color: #666666;
text-decoration: none;
font-size: 15px;
padding: 20px;
display: block;
}
a.MenuHeader:hover {
display: block;
background-color: #EFEFEF;
background: rgba(239, 239, 239, 0.9);
}
a.Discription {
font-family: Helvetica, Arial, sans-serif;
color: #666666;
text-decoration: none;
font-size: 14px;
/*padding-top: 5px;
padding-bottom: 0;
padding-left: 10px;
padding-right: 10px;*/
padding: 20px;
display: block;
}
a.Discription:hover {
display: block;
background-color: #8c8c8c;
background: rgba(140, 140, 140, 0.9);
}
a.MenuHeaderSingle {
font-family: Helvetica, Arial, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-size: 14px;
padding-top: 5px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 10px;
display: block;
}
a.MenuHeaderSingle:hover {
display: block;
background-color: #8c8c8c;
background: rgba(140, 140, 140, 0.9);
}
a.DiscriptionSingle {
font-family: Helvetica, Arial, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
padding-top: 0;
padding-bottom: 0;
padding-left: 10px;
padding-right: 10px;
display: block;
}
a.DiscriptionSingle:hover {
display: block;
background-color: #666666;
background: rgba(102, 102, 102, 0.9);
}
/* TOP BAR POSITION & COLOR */
.nav {
background: #FFFFFF;
width: 100%;
margin: 0 auto;
height: 0;
padding-left: 200px;
}
.nav li {
list-style: none;
}
.nav > li {
padding: 0;
float: left;
position: relative;
}
/* MENU BAR FONT & DECORATION */
.nav > li > a {
float: left;
font-family: Helvetica, Arial, sans-serif;
color: #666666;
font-size: 16px;
text-decoration: none;
line-height: 63px;
padding: 0 0 0 0;
border-right: 0 solid none;
border-left: 0 solid none;
height: 60px;
min-width: 100px;
}
/*HOVER TOP BAR COLOR*/
.nav > li:hover > a {
background-color: #EFEFEF;
border-right: 0 solid none;
border-left: 0 solid none;
background: rgba(239, 239, 239, 0.9);
box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
.nav > li:first-child > a {
border-left: 1;
}
.nav > li:last-child > a {
border-right: 1;
}
.nav > li:hover > div {
display: block;
}
/* DROP MENU */
.nav > li > div {
position: absolute;
left: 0;
top: 60px;
display: none;
/*min-height: 142px;*/
/*background-color: #555555;
background: rgba(68, 68, 68, 0.9);
box-shadow: 0 2px 3px rgba(0,0,0,0.1);*/
background-color: #EFEFEF;
background: rgba(255, 255, 255, 1.0);
box-shadow: 0 8px 12px rgba(0,0,0,0.4);
/*overflow: hidden;*/
overflow: auto;
border-top: none;
border-bottom: solid;
border-right: solid;
border-left: solid;
border-width: 0;
border-color: #666666;
}
.nav > li > div p {
color: #336699;
}
.nav > li > div.right {
right: 0;
left: auto;
}
.container-Solutions {
min-width: 100%;
margin-left: 0;
}
.container-Products {
min-width: 100%;
margin-left: -100%;
}
.container-Services {
min-width: 100%;
margin-left: -200%;
}
.container-Company {
min-width: 100%;
margin-left: -300%;
}
.container-Resources {
min-width: 100%;
margin-left: -400%;
}
.container-Contact {
min-width: 100%;
margin-left: -500%;
}
.container-Support {
min-width: 100%;
margin-left: -600%;
}
/* COLUMNS */
.col1, .col2, .col3, .col4, .col5, .col6, .col7 {
width: 100%;
margin: 0;
padding: 0;
float: left;
}
/* SOLUTIONS */
.container-Solutions {
width: 916px;
}
.container-Solutions .col0 {
width: 956px;
margin-left: -40px;
}
.container-Solutions .col1 {
width: 300px;
margin-left: -40px;
}
.container-Solutions .col2 {
width: 330px;
margin-left: -40px;
}
.container-Solutions .col3 {
width: 406px;
margin-left: -40px;
}
/* PRODUCTS */
.container-Products {
width: 916px;
}
.container-Products .col0 {
width: 956px;
margin-left: -40px;
}
.container-Products .col1 {
width: 150px;
margin-left: -40px;
}
.container-Products .col2 {
width: 200px;
margin-left: -40px;
}
.container-Products .col3 {
width: 220px;
margin-left: -40px;
}
.container-Products .col4 {
width: 230px;
margin-left: -40px;
}
.container-Products .col5 {
width: 190px;
margin-left: -40px;
}
.container-Products .col6 {
width: 165px;
margin-left: -40px;
}
/* SERVICES */
.container-Services {
width: 916px;
}
.container-Services .col0 {
width: 956px;
margin-left: -40px;
}
.container-Services .col1 {
width: 235px;
margin-left: -40px;
}
.container-Services .col2 {
width: 190px;
margin-left: -40px;
}
.container-Services .col3 {
width: 130px;
margin-left: -40px;
}
.container-Services .col4 {
width: 230px;
margin-left: -40px;
}
.container-Services .col5 {
width: 210px;
margin-left: -40px;
}
.container-Services .col6 {
width: 160px;
margin-left: -40px;
}
/* COMPANY */
.container-Company {
width: 916px;
}
.container-Company .col0 {
width: 956px;
margin-left: -40px;
}
.container-Company .col1 {
width: 212px;
margin-left: -40px;
}
.container-Company .col2 {
width: 164px;
margin-left: -40px;
}
.container-Company .col3 {
width: 154px;
margin-left: -40px;
}
.container-Company .col4 {
width: 217px;
margin-left: -40px;
}
.container-Company .col5 {
width: 149px;
margin-left: -40px;
}
.container-Company .col6 {
width: 154px;
margin-left: -40px;
}
.container-Company .col7 {
width: 146px;
margin-left: -40px;
}
/* RESOURCES */
.container-Resources {
width: 916px;
}
.container-Resources .col0 {
width: 956px;
margin-left: -40px;
}
.container-Resources .col1 {
width: 283px;
margin-left: -40px;
}
.container-Resources .col2 {
width: 183px;
margin-left: -40px;
}
.container-Resources .col3 {
width: 203px;
margin-left: -40px;
}
.container-Resources .col4 {
width: 223px;
margin-left: -40px;
}
.container-Resources .col5 {
width: 223px;
margin-left: -40px;
}
/* CONTACT */
.container-Contact {
width: 916px;
}
.container-Contact .col0 {
width: 956px;
margin-left: -40px;
}
.container-Contact .col1 {
width: 345px;
margin-left: -40px;
}
.container-Contact .col2 {
width: 345px;
margin-left: -40px;
}
.container-Contact .col3 {
width: 346px;
margin-left: -40px;
}
/* HIGHLIGHTS */
.container-Solutions .highlighted {
width: 100%;
max-height: 1px;
padding: 0;
margin: 0;
background: #EFEFEF;
margin-left: 0;
}
.container-Solutions .highlightedText {
width: 100%;
margin: 0;
padding: 0;
background: #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.container-Products .highlighted {
width: 100%;
max-height: 1px;
padding: 0;
background: #EFEFEF;
margin: 0;
margin-left: 0;
}
.container-Products .highlightedText {
width: 100%;
margin-bottom: 10px;
padding: 10px;
background: #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.container-Services .highlighted {
width: 100%;
max-height: 1px;
padding: 0;
background: #EFEFEF;
margin: 0;
margin-left: 0;
}
.container-Services .highlightedText {
width: 100%;
margin-bottom: 10px;
background: #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.container-Company .highlighted {
width: 100%;
max-height: 1px;
padding: 0;
background: #EFEFEF;
margin: 0;
margin-left: 0;
}
.container-Company .highlightedText {
width: 100%;
margin-bottom: 10px;
background: #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.container-Resources .highlighted {
width: 100%;
max-height: 1px;
padding: 0;
background: #EFEFEF;
margin: 0;
margin-left: 0;
}
.container-Resources .highlightedText {
width: 100%;
margin-bottom: 0;
background: #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-family: Helvetica, Arial, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-size: 16px;
display: block;
padding-bottom: 0;
}
.container-Contact .highlighted {
width: 100%;
max-height: 1px;
padding: 0;
background: #EFEFEF;
margin: 0;
margin-left: 0;
}
.container-Contact .highlightedText {
width: 100%;
margin-bottom: 10px;
background: #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.THINheaderBLACK {
font-family: Helvetica, Arial, sans-serif;
/*font-size: 22px;*/
font-size: 1.8em;
color: #333333;
font-weight: normal;
text-decoration: none;
}
.THINheaderBLUE {
font-family: Helvetica, Arial, sans-serif;
/*font-size: 22px;*/
font-size: 2.0em;
color: #336699;
font-weight: normal;
text-decoration: none;
}
.LeaderHeaderWhite {
font-family: Helvetica, Arial, sans-serif;
/*font-size: 18px;*/
font-size: 1.8em;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
padding-right: 0;
}
.LeaderWhite {
font-family: Helvetica, Arial, sans-serif;
/*font-size: 14px;*/
font-size: 1.4em;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
padding-right: 0;
}
.LineGrey {
height: 1px;
border: none;
color: #999999;
background-color: #999999;
}
.copyright {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #666666;
font-weight: normal;
text-decoration: none;
}
a.copyrightLink {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #666666;
font-weight: normal;
text-decoration: underline;
}
a:hover.copyrightLink {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #333333;
font-weight: normal;
text-decoration: none;
}
a:visited.copyrightLink {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #666666;
font-weight: normal;
text-decoration: underline;
}
a.PhoneLinkBlue {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.2em;
color: #333333;
font-weight: normal;
text-decoration: none;
}
a.SolutionLink {
font-family: Helvetica, Arial, sans-serif;
color: #999999;
text-decoration: none;
font-size: 1.1em;
line-height: 10px;
border-bottom-style: none;
text-align: left;
max-width: inherit;
padding: 0;
margin: 0;
}
a.SolutionLink:hover {
color: #333333;
}
a.menuside {
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1.3em;
color: #606060;
line-height: 16px;
text-decoration: none;
background-color: transparent;
border-width: 0;
border-top-width: 0;
border-bottom-width: 0;
border-style: none;
padding-left: 6px;
padding-right: 2px;
padding-top: 3px;
padding-bottom: 3px;
border-color: transparent;
}
a:hover.menuside {
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1.3em;
color: #606060;
line-height: 16px;
text-decoration: underline;
background-color: transparent;
border-width: 0;
border-top-width: 0;
border-bottom-width: 0;
border-style: solid;
padding-left: 6px;
padding-right: 2px;
padding-top: 3px;
padding-bottom: 3px;
border-color: #6699CC;
}
.menusidetitleblue {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
color: #334455;
font-weight: bold;
text-decoration: none;
padding-left: 8px;
padding-right: 2px;
padding-top: 0;
padding-bottom: 0;
border-color: transparent;
text-transform: none;
}
a.SectionSubLinkBlue {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.6em;
color: #666666;
font-weight: normal;
text-decoration: underline;
}
a:hover.SectionSubLinkBlue {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.6em;
color: #336699;
font-weight: normal;
text-decoration: none;
}
a:visted.SectionSubLinkBlue {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.6em;
color: #333333;
font-weight: normal;
text-decoration: none;
}
a.grey-link {
font-family: Helvetica, Arial, sans-serif;
color: #999999;
text-decoration: none;
height: 20px;
font-size: 1.5em;
line-height: 25px;
text-align: left;
border-bottom-style: none;
padding: 0 30px;
}
a.grey-link:hover {
color: #666666;
}
p.hidden {
display: none;
}
img {
border: none
}
a img {
outline: none;
border: none;
border-style: none;
}
a {
text-decoration: none;
outline: none;
border: none;
border-style: none;
cursor: pointer;
color: #FFFFFF;
}
.mainmenu {
z-index: 1000;
}
a.submenu {
color: #999999;
}
a.submenu:hover {
color: #FFFFFF;
}
#main-body {
}
#thumb-img {
float: left;
width: 80px;
padding: 5px 5px 5px 10px;
}
/*td, th, hr, p{
color: #333333;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
}*/
blockquote {
color: #333333;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
}
ul {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #333333;
padding-bottom: 0;
}
li {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #333333;
padding-bottom: 0;
}
li li {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #333333;
padding-bottom: 0;
}
h1 {
/*color: #333333;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
font-weight: normal;*/
}
a.es1Link {
line-height: 22px;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.6em;
color: #666666;
font-weight: normal;
text-decoration: none;
}
a:hover.es1Link {
color: #336699;
}
a:visted.es1Link {
color: #666666;
}
/*sup {
vertical-align: top;
font-size: 0.6em;
}*/
/*sup, sub {
vertical-align: baseline;
position: relative;
top: 0.5em;
}
sub { top: 0.4em; }*/
a {
text-decoration: none;
outline: none;
border: none;
border-style: none;
cursor: pointer;
color: #FFFFFF;
}
#header {
width: 100%;
height: auto;
background-color: #FFFFFF;
display: block;
/*position: relative;*/
position: fixed;
z-index: 1000;
}
#head-navigation {
position: absolute;
top: 2px;
left: 150px;
width: 970px;
height: 32px;
padding: 0;
margin: 0;
list-style: none;
text-decoration: none;
z-index: 1000;
}
/*EVERYTHING DISTANCE FROM TOP & PADDING*/
#head-navigation ul {
padding: 0;
margin: 0;
list-style: none;
text-decoration: none;
z-index: 1000;
}
/*TITLE PADDING & HEIGHT*/
#head-navigation ul li {
min-height: 22px;
max-height: 52px;
padding: 5px 15px;
}
/*TITLE BACKGROUND COLOR HOVER*/
#head-navigation ul li:hover {
color: #000000;
background-color: #336699;
background: rgba(51, 102, 153, 0.2);
}
/*LIST FONT SIZE*/
#head-navigation ul li li {
font-family: Helvetica, Arial, sans-serif;
text-decoration: none;
font-size: 12px;
}
/*LIST BACKGROUND COLOR HOVER*/
#head-navigation ul li li:hover {
background-color: #999999;
background: rgba(200, 200, 200, 0.9);
}
/*TITLE POSITION HORIZONTAL*/
#head-navigation li {
font-family: Helvetica, Arial, sans-serif;
text-decoration: none;
font-size: 13px;
line-height: 20px;
float: left;
position: relative;
display: block;
z-index: 1000;
}
/* POSITION OF LIST*/
#head-navigation ul ul {
position: absolute;
visibility: hidden;
/*padding-top: 20px;
padding-bottom: 20px;*/
padding: 0;
padding-left: 0;
top: 38px;
left: 0;
float: left;
z-index: 1000;
border-color: transparent;
/*-moz-border-radius: 0 0 5px 20px;
-webkit-border-radius: 0 0 5px 20px;
-border-radius: 0 0 5px 20px;*/
border-radius: 0 0 5px 20px;
}
/*LIST VISIBLE ON HOVER*/
#head-navigation ul li:hover ul {
visibility: visible;
}
/*LIST WIDTH AND BACKGROUND*/
#head-navigation ul ul li {
min-width: 160px;
padding: 2px 15px;
display: block;
background-color: #CCCCCC;
background: rgba(225, 225, 225, 0.9);
text-align: left;
}
.mainmenu {
z-index: 1000;
}
a.mainmenulink {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 50px;
text-decoration: none;
outline: none;
border: none;
border-style: none;
cursor: pointer;
color: #FFFFFF;
font-style: normal;
font-weight: lighter;
}
a.submenu {
text-decoration: none;
outline: none;
border: none;
border-style: none;
cursor: pointer;
color: #666666;
}
a.submenu:hover {
color: #666666;
}
#sitemap {
width: 100%;
min-height: 170px;
margin: 0;
background-color: #666666;
}
#site-map-container {
max-width: 1200px;
min-height: 170px;
margin: 0 auto;
padding: 0 0 0 0;
padding-left: 0;
background-color: #666666;
}
.map-item-wrapper {
width: 240px;
min-height: 130px;
padding: 20px 0 0 0;
margin-left: 0;
float: left;
}
.btmIcons {
margin-top: 0;
padding-right: 0;
}
.btmIcons:hover {
margin-top: -2px;
}
a.grey-link {
font-family: Helvetica, Arial, sans-serif;
color: #FCFCFC;
text-decoration: none;
height: 20px;
font-size: 14px;
line-height: 15px;
text-align: left;
border-bottom-style: none;
padding: 0 10px 0 0;
}
a.grey-link:hover {
color: #FFFFFF;
}
a.sub-title {
font-family: Helvetica, Arial, sans-serif;
color: #666666;
text-decoration: none;
font-size: 15px;
line-height: 15px;
border-bottom-style: none;
text-align: left;
max-width: 300px;
padding: 0;
margin: 0;
}
a.sub-title:hover {
color: #000000;
}
p.sub-title {
font-family: Helvetica, Arial, sans-serif;
color: #666666;
text-decoration: none;
font-size: 15px;
line-height: 15px;
border-bottom-style: none;
text-align: left;
max-width: 1010px;
padding-left: 0;
padding: 4px;
margin: 0;
}
a.sub-title-2 {
font-family: Helvetica, Arial, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-size: 1.6em;
font-weight: 100;
line-height: 20px;
border-bottom-style: none;
text-align: left;
padding-bottom: 50px;
}
a.sub-title-2:hover {
color: #CCCCCC;
}
p.sub-title-2 {
font-family: Helvetica, Arial, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-size: 1.6em;
font-weight: 100;
line-height: 14px;
border-bottom-style: none;
text-align: left;
padding-left: 0;
padding: 0;
margin: 0;
}
a.map-item {
font-family: Helvetica, Arial, sans-serif;
color: #999999;
text-decoration: none;
font-size: 12px;
line-height: 18px;
border-bottom-style: none;
text-align: left;
max-width: inherit;
padding: 0;
margin: 0;
}
a.map-item:hover {
color: #333333;
}
a.map-item-2 {
font-family: Helvetica, Arial, sans-serif;
color: #CCCCCC;
text-decoration: none;
font-size: 1.3em;
font-weight: 100;
line-height: 18px;
border-bottom-style: none;
text-align: left;
margin: 0;
}
a.map-item-2:hover {
color: #FFFFFF;
}
p.footer-text {
font-family: Helvetica, Arial, sans-serif;
color: #CCCCCC;
text-decoration: none;
font-size: 12px;
line-height: 12px;
margin: 0;
text-align: left;
height: 20px;
}
img {
border: none
}
a img {
outline: none;
border: none;
border-style: none;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cssmenu:after, #cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu #menu-button {
display: none;
}
#cssmenu {
font-family: Helvetica, Arial, sans-serif;
background: #333333;
}
#cssmenu > ul > li {
float: left;
}
#cssmenu.align-center > ul {
font-size: 0;
text-align: center;
}
#cssmenu.align-center > ul > li {
display: inline-block;
float: none;
}
#cssmenu.align-center ul ul {
text-align: left;
}
#cssmenu.align-right > ul > li {
float: right;
}
#cssmenu > ul > li > a {
padding: 17px;
font-size: 12px;
letter-spacing: 1px;
text-decoration: none;
color: #dddddd;/*font-weight: 700;
text-transform: uppercase;
-webkit-transition: color .25s ease;
-moz-transition: color .25s ease;
transition: color .25s ease;*/
}
#cssmenu > ul > li:hover > a {
color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
position: absolute;
top: 22px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu > ul > li.has-sub > a:before {
position: absolute;
top: 19px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
/*#cssmenu > ul > li.has-sub:hover > a:after,
#cssmenu > ul > li.has-sub > a:hover:after {
background: #ffffff;
}*/
#cssmenu > ul > li.has-sub:hover > a:before {
top: 23px;
height: 0;
}
#cssmenu ul ul {
position: absolute;
left: -9999px;
}
#cssmenu.align-right ul ul {
text-align: right;
}
#cssmenu ul ul li {
height: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu li:hover > ul {
left: auto;
}
#cssmenu.align-right li:hover > ul {
left: auto;
right: 0;
}
#cssmenu li:hover > ul > li {
height: 35px;
}
#cssmenu ul ul ul {
margin-left: 100%;
top: 0;
}
#cssmenu.align-right ul ul ul {
margin-left: 0;
margin-right: 100%;
}
#cssmenu ul ul li a {
border-bottom: 1px solid rgba(150, 150, 150, 0.15);
padding: 11px 15px;
width: 170px;
font-size: 12px;
text-decoration: none;
color: #dddddd;
font-weight: 400;
background: #666666;
}
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {
border-bottom: 0;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
position: absolute;
top: 16px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
right: auto;
left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
position: absolute;
top: 13px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
right: auto;
left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
top: 17px;
height: 0;
}
#cssmenu.small-screen {
width: 100%;
}
#cssmenu.small-screen ul {
width: 100%;
display: none;
}
#cssmenu.small-screen.align-center > ul {
text-align: left;
}
#cssmenu.small-screen ul li {
width: 100%;
border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu.small-screen ul ul li, #cssmenu.small-screen li:hover > ul > li {
height: auto;
}
#cssmenu.small-screen ul li a, #cssmenu.small-screen ul ul li a {
width: 100%;
border-bottom: 0;
}
#cssmenu.small-screen > ul > li {
float: none;
}
#cssmenu.small-screen ul ul li a {
padding-left: 25px;
}
#cssmenu.small-screen ul ul ul li a {
padding-left: 35px;
}
#cssmenu.small-screen ul ul li a {
color: #dddddd;
background: none;
}
#cssmenu.small-screen ul ul li:hover > a, #cssmenu.small-screen ul ul li.active > a {
color: #ffffff;
}
#cssmenu.small-screen ul ul, #cssmenu.small-screen ul ul ul, #cssmenu.small-screen.align-right ul ul {
position: relative;
left: 0;
width: 100%;
margin: 0;
text-align: left;
}
#cssmenu.small-screen > ul > li.has-sub > a:after, #cssmenu.small-screen > ul > li.has-sub > a:before, #cssmenu.small-screen ul ul > li.has-sub > a:after, #cssmenu.small-screen ul ul > li.has-sub > a:before {
display: none;
}
#cssmenu.small-screen #menu-button {
display: block;
padding: 17px;
color: #dddddd;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
}
#cssmenu.small-screen #menu-button:after {
position: absolute;
top: 22px;
right: 17px;
display: block;
height: 4px;
width: 20px;
border-top: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;
content: '';
}
#cssmenu.small-screen #menu-button:before {
position: absolute;
top: 16px;
right: 17px;
display: block;
height: 2px;
width: 20px;
background: #dddddd;
content: '';
}
#cssmenu.small-screen #menu-button.menu-opened:after {
top: 23px;
border: 0;
height: 2px;
width: 15px;
background: #ffffff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#cssmenu.small-screen #menu-button.menu-opened:before {
top: 23px;
background: #ffffff;
width: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#cssmenu.small-screen .submenu-button {
position: absolute;
z-index: 99;
right: 0;
top: 0;
display: block;
border-left: 1px solid rgba(120, 120, 120, 0.2);
height: 46px;
width: 46px;
cursor: pointer;
}
#cssmenu.small-screen .submenu-button.submenu-opened {
background: #262626;
}
#cssmenu.small-screen ul ul .submenu-button {
height: 34px;
width: 34px;
}
#cssmenu.small-screen .submenu-button:after {
position: absolute;
top: 22px;
right: 19px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu.small-screen ul ul .submenu-button:after {
top: 15px;
right: 13px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:after {
background: #ffffff;
}
#cssmenu.small-screen .submenu-button:before {
position: absolute;
top: 19px;
right: 22px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
}
#cssmenu.small-screen ul ul .submenu-button:before {
top: 12px;
right: 16px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:before {
display: none;
}
#cssmenu.small-screen.select-list {
padding: 5px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
/*overflow: hidden;*/
overflow: auto;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*#fadeshow .gallerylayer img{
max-width: 100%;
height: auto;
}*/
#banner, .gallerylayer {
background-color: #D7E1E8 !important;
}
.gallerylayer img {
height: auto !important;
width: 100% !important;
max-width: 100%;
vertical-align: bottom;
}
/*.descpanelfg {
margin-left: 28px;
}*/
#fadeshow {
max-width: 784px !important;
}
.hide {
display: none;
}
/* TEXT OVER IMAGE */
.imgWrap {
position: relative;
height: 196px;
width: 210px;
}
.imgDescription {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.2em;
color: #FFFFFF;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
background: rgba(150, 150, 150, 0.9);
/* background: rgba(29, 106, 154, 0.72);*/
/*border-radius: 20px;*/
visibility: hidden;
opacity: 0;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
/* ...and now for the proper property */
transition: .3s;/*remove comment if you want a gradual transition between states
-webkit-transition: visibility opacity 0.2s;
*/
}
.imgWrap:hover .imgDescription {
visibility: visible;
opacity: 1;
}
/* RESOURCES BUTTON SIZE */
#resourcesbutton {
width: 10em;
height: 3em;
border: 0;
border-radius: 10px;
}
@media only screen and (min-width: 769px) {
#footerM, #footer-wrapperM, #footer-text-wrapperM, #footer-soc-wrapperM {
display: none;
}
}
@media only screen and (min-width: 769px) {
.headerMobileContent {
display: none;
}
.header {
display: none;
}
#SmartHide {
display: none;
}
}
@media only screen and (max-width: 768px) {
#sitemap {
display: none;
}
#site-map-container {
width: 100%;
}
#BrowserHide {
display: none;
}
}
/* RESPONSIVE */
@media only screen and (max-width: 768px) {
.site-pusher, .site-container {
height: 100%;
}
.site-container {
/*overflow: hidden;*/
overflow: auto;
}
.site-pusher {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-ms-transform: translateX(0px);
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
/*.site-content {
position: absolute;
top: 66px;
right: 0;
left: 0;
bottom: 0;
padding-top: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}*/
.headerMobileContent {
position: fixed;
}
.header {
position: static;
}
.header__icon {
position: relative;
display: block;
float: left;
width: 50px;
height: 45px;
cursor: pointer;
}
.header__icon:after {
content: '';
position: absolute;
display: block;
width: 1em;
height: 0;
top: 16px;
left: 15px;
box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
}
.menu {
position: absolute;
left: 0;
top: 0;
bottom: 0;
background-color: #FFFFFF;
width: 250px;
-ms-transform: translateX(-250px);
-webkit-transform: translateX(-250px);
transform: translateX(-250px);
}
.menu a {
display: block;
height: 40px;
text-align: center;
line-height: 40px;
border-bottom: 1px solid #efefef;
background-color: #666666;
}
.with--sidebar .site-pusher {
-ms-transform: translateX(250px);
-webkit-transform: translateX(250px);
transform: translateX(250px);
}
.with--sidebar .site-cache {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.1);
}
}
@media only screen and (max-width: 768px) {
body {
font-size: 0.8em;
}
/*.Body1 {
font-size: 1.8em;
}
.Header1 {
font-size: 2.4em;
}*/
#HomeSlideWrapper {
float: left;
width: 100%;
display: inline-block;
/*padding: 0;
padding-bottom: 10px;*/
}
.divBreakBackWhite {
float: left;
width: 100%;
display: inline-block;
}
.divBreakBackGrey {
float: left;
width: 100%;
display: inline-block;
}
.divBreakBackBlue {
float: left;
width: 100%;
display: inline-block;
}
.divBreakBackDark {
ffloat: left;
width: 100%;
display: inline-block;
}
.divBreakBackDarkBlue {
float: left;
width: 100%;
display: inline-block;
}
#divBreakBackSaaS {
float: left;
width: 100%;
display: inline-block;
}
#divBreakBackSharePath {
float: left;
width: 100%;
display: inline-block;
}
#divBreakBackIntellimagic {
float: left;
width: 100%;
display: inline-block;
}
#divBreakBackathene {
float: left;
width: 100%;
display: inline-block;
}
#divBreakBackProducts {
float: left;
width: 100%;
display: inline-block;
}
.divBreakBackTraining {
float: left;
width: 100%;
display: inline-block;
}
.divBreakBackCloud {
float: left;
width: 100%;
display: inline-block;
}
.divBreakBackSystems {
float: left;
width: 100%;
display: inline-block;
}
.divBreakBackServer {
float: left;
width: 100%;
display: inline-block;
}
.divBreakBackSeminars {
float: left;
width: 100%;
display: inline-block;
}
.divBreakBackWebinar {
float: left;
width: 100%;
display: inline-block;
}
.divBreakBackDataBlue {
float: left;
width: 100%;
display: inline-block;
}
.divBreakBackData {
float: left;
width: 100%;
display: inline-block;
}
.divBreakBackTuf {
float: left;
width: 100%;
display: inline-block;
}
.divBreakBackCallback {
float: left;
width: 100%;
display: inline-block;
padding: 0;
}
.divBreakBackExecutive {
float: left;
width: 100%;
display: inline-block;
}
.divBreakBackPress {
float: left;
width: 100%;
display: inline-block;
}
.HomeBreakContent {
float: left;
width: 100%;
display: inline-block;
padding: 1em;
}
.ExpandContent {
float: left;
width: 100%;
}
.DivHidden {
display: none;
}
.DivShow {
visibility: visible;
}
.DivIndexPage {
display: none;
}
.DivFix1060Holder {
width: 100%;
}
.Div12 {
float: left;
width: 100%;
display: inline-block;
}
.Div15 {
float: left;
width: 100%;
display: inline-block;
}
.Div15Right {
float: left;
width: 100%;
display: inline-block;
}
.Div20Right {
float: left;
width: 100%;
display: inline-block;
}
.Div20 {
float: left;
width: 100%;
display: inline-block;
}
.Div25 {
float: left;
width: 100%;
display: inline-block;
}
.Div25PadR {
float: left;
width: 100%;
display: inline-block;
padding-right: 0;
}
.Div25PadL {
float: left;
width: 100%;
display: inline-block;
padding-left: 0;
}
.Div25Center {
float: left;
width: 100%;
display: inline-block;
}
.Div25Right {
float: left;
width: 100%;
display: inline-block;
}
.Div25Left {
float: left;
width: 100%;
display: inline-block;
}
.Div25RightPadL {
float: left;
width: 100%;
display: inline-block;
padding-left: 0;
}
.Div33 {
float: left;
width: 100%;
display: inline-block;
}
.Div33PadR {
float: left;
width: 100%;
display: inline-block;
padding-right: 0;
}
.Div33PadL {
float: left;
width: 100%;
display: inline-block;
padding-left: 0;
}
.Div33Center {
float: left;
width: 100%;
display: inline-block;
}
.Div33Right {
float: left;
width: 100%;
display: inline-block;
}
.Div33Left {
float: left;
width: 100%;
display: inline-block;
}
.Div33RightPadL {
float: left;
width: 100%;
display: inline-block;
padding-left: 0;
}
.Div40 {
float: left;
width: 100%;
display: inline-block;
}
.Div50 {
float: left;
width: 100%;
display: inline-block;
}
.Div50PadR {
float: left;
width: 100%;
display: inline-block;
padding-right: 0;
}
.Div50PadL {
float: left;
width: 100%;
display: inline-block;
padding-left: 0;
}
.Div50Center {
float: left;
width: 100%;
display: inline-block;
}
.Div50Right {
float: left;
width: 100%;
display: inline-block;
}
.Div50Left {
float: left;
width: 100%;
display: inline-block;
}
.Div50RightPadL {
float: left;
width: 100%;
display: inline-block;
padding-left: 0;
}
.Div66 {
float: left;
width: 100%;
display: inline-block;
}
.Div66PadR {
float: left;
width: 100%;
display: inline-block;
padding-right: 0;
}
.Div66PadL {
float: left;
width: 100%;
display: inline-block;
padding-left: 0;
}
.Div66Center {
float: left;
width: 100%;
display: inline-block;
}
.Div66Right {
float: left;
width: 100%;
display: inline-block;
}
.Div25Left {
float: left;
width: 100%;
display: inline-block;
}
.Div66RightPadL {
float: left;
width: 100%;
display: inline-block;
padding-left: 0;
}
.Div75 {
float: left;
width: 100%;
display: inline-block;
}
.Div75PadR {
float: left;
width: 100%;
display: inline-block;
padding-right: 0;
}
.Div75PadL {
float: left;
width: 100%;
display: inline-block;
padding-left: 0;
}
.Div75Center {
float: left;
width: 100%;
display: inline-block;
}
.Div75Right {
float: left;
width: 100%;
display: inline-block;
}
.Div75Left {
float: left;
width: 100%;
display: inline-block;
}
.Div75RightPadL {
float: left;
width: 100%;
display: inline-block;
padding-left: 0;
}
.Div80PadR {
float: left;
width: 100%;
display: inline-block;
padding-right: 0;
}
.Div85 {
float: center;
width: 100%;
display: inline-block;
padding: 0;
}
.Div90Center {
float: left;
width: 100%;
display: inline-block;
padding: 0;
}
.Div100Center {
float: center;
width: 100%;
display: inline-block;
}
.Div100Slides {
float: left;
width: 100%;
display: inline-block;
padding: 0;
}
.Div560-315 {
float: left;
width: 100%;
display: inline-block;
padding: 0;
}
.DivHScroll {
width: 90%;
height: auto;
overflow-x: scroll;
overflow-y: auto;
margin: 0 auto;
white-space: nowrap;
border-width: 1px;
border-color: #999999;
border-style: solid;
padding: 10px;
}
/*#divBreakBackW {
padding-left: 1em;
padding-right: 1em;
}
#divBreakBackG {
padding-left: 1em;
padding-right: 1em;
}*/
}
@media only screen and (max-width: 768px) {
#footerB, #footer-wrapperB, #footer-text-wrapperB, #footer-soc-wrapperB {
display: none;
}
#footerM {
width: 100%;
height: 65px;
margin: 0;
background-color: #666666;
float: left;
padding-top: 20px;
position: relative;
clear: both;
}
#footer-wrapperM {
width: 100%;
padding-left: 10px;
height: 10px;
}
#footer-text-wrapperM {
position: relative;
width: 80%;
clear: both;
}
#footer-soc-wrapperM {
width: 80%;
height: 10px;
padding: 0;
}
.btmIcons {
margin-top: 0;
padding-right: 0;
}
.btmIcons:hover {
margin-top: -2px;
}
html {
overflow: -moz-scrollbars-vertical;
overflow-x: auto;
margin: 0;
background: #666666;
}
img {
border: none
}
a img {
outline: none;
border: none;
border-style: none;
}
}
@media only screen and (max-width: 768px) {
#inPagenavwrapper {
display: none;
}
#contentContainer {
width: 100%;
}
#contentNav {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
#breadCrumbsWrapper, #breadCrumbs {
display: none;
}
#breadCrumbs {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
#headerMegaContent {
display: none;
}
}
@media only screen and (max-width: 768px) {
.site-content {
position: absolute;
top: 66px;
right: 0;
left: 0;
bottom: 0;
padding-top: 0;
overflow-y: scroll;/*-webkit-overflow-scrolling: touch;*/
}
.site-content {
padding-top: 0em;
padding-left: 0em;
padding-right: 0em;
padding-bottom: 0em;
}
.container {
width: 100%;
/*padding-top: 0em;
padding-bottom: 0em;*/
padding: 0;
}
.SlideContainer {
width: 100%;
padding-top: 0em;
padding-bottom: 0em;
}
.content {
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
z-index: 10;
background-color: #FFFFFF;
}
#pageContent {
width: 100%;
}
}
@media only screen and (max-width: 768px) { /* when document is 770px or less (iPad portrait=768px)*/
#fadeshow {
height: 410px !important;
}
}
@media screen and (max-width: 570px) { /* when document is 570px or less (iPhone landscape=568px)*/
#fadeshow {
height: 410px !important;
}
}
@media screen and (max-width: 320px) { /* when document is 320px or less (iPhone 5 portrait=320px) DONE DONE DONE*/
#fadeshow {
height: 410px !important;
}
}