/* =Reset default browser CSS. Based on work by Eric Meyer: https://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, img {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body 
{
	background: #f1f1f1;
	line-height: 1;
    font-family: "museo_sans_300regular", sans-serif;
    margin: 0 auto;
    font-size: 12px;
}

#page
{
    width: 960px;
    margin: 0 auto;
}

.loginButton
{
    text-align: right;
    width: 100%;
    height: 45px;
}

.logo
{
    float:left;
    width: auto;
}

div.top_menu
{
    float: right;
    margin-top: 10px;
}

ul.menu
{
    list-style-type: none;
    list-style: none;
}

ul.menu li
{
    float: left;
    margin-left: 30px;
}

ul.menu li a
{
    font-family: "museo_sans_700regular", sans-serif;
    font-size: 14px;
    color: #666666;
    text-decoration: none;
}

ul.menu li a:hover
{
    color: #000;
}

ul.menu li a.active
{
    color: #000;
}

.separator
{
    clear: both;
    height: 30px;
    background: url("images/rule.png") no-repeat center center;
}

h1
{
    font-family: "museo_sans_700regular", sans-serif;
    font-size: 63px;
    letter-spacing: -4px;
    color: #2d2d2d;
    margin: 60px 25px 50px 25px;
    text-align: center;
}

h2
{
    font-family: "museo_sans_300regular", sans-serif;
    font-size: 24px;
    font-weight: lighter;
    color: #666;
    margin: 40px 25px 40px 25px;
    text-align: center;
}

.homeTeasers
{
    margin: 0 60px 55px 60px;
    /*height: 180px;*/
    height: 220px;
    
}

.homeTeasers a.large-link { display: block; position: relative; text-decoration: none; padding-top: 81px; }
.homeTeasers div
{
    float: left;
    width: 210px;
    text-align: center;
    font-size: 14px;
    font-family: Arial, sans-serif;
    color:#666;
}

.homeTeasers div strong,
.homeTeasers a.large-link strong
{
    font-family: "museo_sans_700regular", sans-serif;
    color: #232122;
    font-size: 22px;
    line-height: 24px;
}

.viewDemo
{
    clear: both;
    height: 54px;
    background: url("images/rule.png") no-repeat center center;
    text-align: center;
}

.efficiency
{
    width: 100%;
    height: 300px;
    margin: 60px 35px 40px 35px;
}

.constrained
{
    width: 100%;
    height: 210px;
}

.efficiency div.text
{
    float: left;
    width: 50%;
    height: 100%;
}

.efficiency div.text strong
{
    font-family: "museo_sans_700regular", sans-serif;
    font-weight: normal;
    color: #2d2d2d;
    font-size: 36px;
}

.efficiency div.text p
{
    color: #666666;
    font-size: 14px;
    font-family: Arial, sans-serif;
    margin-top: 15px;
    line-height: 20px;
    /*letter-spacing: 1px;*/
}

.efficiency div.image
{
    float: left;
    width: 50%;
    height: 100%;
    /*background: url("images/home_teaser.png") no-repeat center center;*/   
}

.efficiency div.image strong
{
    margin: 56px 0 0 73px;
    position: absolute;
    font-family: "museo_sans_700regular", sans-serif;
    color: #2fa1d3;
    font-size: 45px;   
}

.sitemap
{
    text-align: center;    
    color: #bdbdbd;
    font-size: 13px;
    margin-bottom: 10px;
}

.sitemap a
{
    text-decoration: none;
    font-family: "museo_sans_700regular", sans-serif;
    color: #2d2d2d;
    font-size: 13px;
    line-height: 20px;
}

.sitemap a:hover
{
    color: #bdbdbd;
}

.copyright
{
    color: #4F4F4F;
    font-size: 11px;
    font-family: Arial, sans-serif;   
    text-align: center;
    margin-bottom: 10px;
}

.social
{
    text-align: center;
    margin-bottom: 40px;
}

.pageInfo
{        
    float: left;
    width: 100%;
}

.pageInfo span
{
    /*margin: 9px 10px 0 35px;*/
    margin: 9px 10px 0 0;
    float: left;
    font-size: 17px;
    text-align: left;
    color: #2fa1d3;
    font-family: "museo_sans_700regular", sans-serif;   
}

.pageInfo p.midLine
{
    background: url("images/page_info.png") repeat-x center right;
    height: 40px;
    float: right;
    padding: 0;
    width: 78%;
}

.productsList
{
    /*margin: 10px 0 0 35px;*/
    margin: 10px 0 0 0;
    font-size: 14px;
    color: #858585;
    font-family: "museo_sans_500regular", sans-serif;    
}
.productsList a
{
    font-size: 14px;
    color: #858585;
    font-family: "museo_sans_500regular", sans-serif;
    text-decoration: none;   
}

.productsList a.active, .productsList a:hover
{
    color: #8ab812;    
}

.product_preview
{
    /*margin: 10px 0 40px 35px;*/
    margin: 10px 0 40px 0;
    float: left;
    font-size: 14px;
    /*color: #7b7b7b;*/
    color: #666666;
    font-family: Arial, sans-serif;
}

.product_preview p
{
    line-height: 20px;
}

div.product_preview span.title,
div.content span.title
{
    color: #2d2d2d;
    font-family: "museo_sans_300regular", sans-serif;
    font-size: 30px;
    margin: 40px 0 22px 0;
    float: left;
    
}
div.product_preview span.with_image
{
    font-size: 26px;
    margin-top: 22px;
}

div.product_preview span img
{
    float: left;
    margin-right: 20px;
    /*width: 70px;*/
    height: 70px;
    
}

div.product_preview .left
{
    float: left;
    width: 395px;
    /*margin-right: 30px;*/
}

div.product_preview .right
{
    float: right;
    /*width: 45%;*/
   padding-top: 20px;
}

.using
{
    /*margin: 20px 0 40px 33px;*/
    margin: 20px 0 40px 0;
    float: left;
    font-size: 14px;
    color: #7b7b7b;
    font-family: Arial, sans-serif;
}

div.using .left
{
    float: left;
    width: 52%;
}

div.using .right
{
    float: left;
    width: 38%;
}

div.using span.title
{
    color: #2d2d2d;
    font-family: "museo_sans_300regular", sans-serif;
    font-size: 30px;
    margin: 33px 0 22px 0;
    margin-top: 0;
    float: left;
    
}

div.using span.no_top
{
    margin-top: 0;
}

.using p
{
    line-height: 20px;
}

div.clear
{
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    border: 0 none;
    background: none transparent;
    font-size: 0;
    line-height: 0;
}

a.read_more
{
    font-family: Arial, sans-serif;
    color: #2fa1d3;
    font-style: italic;
    font-size: 13px;
    text-decoration: none;
}

a.read_more:hover
{
    text-decoration: underline;
}

.leadership
{
    margin: 10px 20px 40px 40px;
    float: left;
}

.leadership h3
{
    font-family: "museo_sans_700regular", sans-serif;
    color: #232122;
    font-size: 20px;
    margin-bottom: 15px;
}

.leadership div
{
    /*width: 400px;*/
    width: 33%;
    /*margin-right: 40px;*/
    float: left; 
}

.leadership div img
{
    margin-right: 30px;
}

.leadership div strong
{
    font-family: "museo_sans_700regular", sans-serif;
    color: #232122;
    font-size: 16px;
}

.leadership div em
{
    font-family: "museo_sans_300regular", sans-serif;
    color: #2d2d2d;
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    padding-top: 3px;
}

.leadership div p
{
    text-align: left;
    font-size: 13px;
    font-family: Arial, sans-serif;
    color:#666;
    line-height: 20px;
    margin-top: 10px;
}

.tips
{
    margin: 50px 0 50px 0;
    float: left;
}

.tips div
{
    float: left;
    width: 293px;
    /*margin: 0 13px 0 13px;*/
    margin: 0 25px 0 0;
    text-align: center;
    font-size: 14px;
    font-family: Arial, sans-serif;
    color:#666;
    text-align: left;
    line-height: 20px;    
}

.tips div img
{
    margin-right: 30px;
}

.tips div strong
{
    font-family: "museo_sans_700regular", sans-serif;
    color: #232122;
    font-size: 20px;
}

ul.tips_list
{
    margin: 5px 0 0 10px;
    padding: 0;
    list-style-image: url("images/bullet.png");
    
}
ul.tips_custom {
  
}
ul.tips_custom li { color: #2D2D2D; margin-left: 50px; padding: 0 0 40px 20px; font-size: 21px; line-height: 30px; }
.contact_us 
{
    margin: 40px;
    float: left; 
}

.contact_us strong
{
    font-family: "museo_sans_700regular", sans-serif;
    color: #2d2d2d;
    font-size: 31px;
    float: left;
    margin-right: 40px;   
}

.contact_us p
{
    font-family: "museo_sans_500regular", sans-serif;
    color: #4F4F4F;
    font-size: 13px;
    float: left;
    margin-right: 100px;   
}

.contact_us form
{
    font-family: "museo_sans_500regular", sans-serif;
    color: #4F4F4F;
    font-size: 13px;
    float: left;   
}

.contact_us form input
{
    font-family: Arial, sans-serif;
    color: #615e5e;
    font-size: 12px;
    width: 383px;
    background: #e1e1e1 url("images/input.png") repeat-x top center;
    border: 1px #bbbbbb solid;
    height: 30px;
    margin: 3px;
    padding-left: 10px;  
    float:left;       
}

.contact_us form textarea
{
    font-family: Arial, sans-serif;
    color: #615e5e;
    font-size: 12px;
    width: 383px;
    background: #e2e2e2 url("images/textarea.png") repeat-x top center;
    border: 1px #bbbbbb solid;
    height: 81px;
    margin: 3px;
    padding-left: 10px;   
    padding-top: 10px;
    float:left;
    resize: none;
}

.contact_us form input.submit,
.contact_us form button.submit
{
    font-family: "museo_sans_700regular", sans-serif;
    color: #fff;
    font-size: 14px;
    text-align: center;
    width: 105px;
    background: url("images/submit.png") repeat-x top center;
    border: none;
    height: 32px;
    float: right;
    margin-top: 10px;
    cursor: pointer;
}

div.single
{
    text-align: justify;
    font-size: 14px;
    color: #727272;
    font-family: Arial, sans-serif;
    line-height: 20px;
}

div.single h1
{
    font-family: "museo_sans_300regular", sans-serif;
    font-size: 31px;
    text-align: left;
    color: #2d2d2d;
    letter-spacing: -2px;
    margin: 70px 0 10px 33px;
    padding: 0;
}
div.single h1.main
{
    font-family: "museo_sans_700regular", sans-serif;
    font-size: 63px;
    letter-spacing: -4px;
    color: #2d2d2d;
    margin: 60px 25px 50px 25px;
    text-align: center;
}

div.single em
{
    padding: 33px;
    float: left;
}

div.single strong
{
    font-weight: bold;
    color: #2d2d2d;
}
div.single strong.title { font-size: 130%; }

div.single a.page
{
    font-family: "museo_sans_900regular", sans-serif;
    font-size: 19px;
    color: #2d2d2d;
    text-decoration: none;
    line-height: 34px;
    text-transform: uppercase;
}
div.single a.page:hover
{
    text-decoration: underline;
}

div.single a.post
{
    font-family: "museo_sans_500regular", sans-serif;
    font-size: 21px;
    color: #2d2d2d;
    text-decoration: none;
    line-height: 34px;
}
div.single a.post:hover
{
    text-decoration: underline;
}

/* ME {
-------------------------------------------------- */
div.article-wrapper { display: none; position: absolute; top: 0; left: 0; width: 925px; }
div.article-wrapper div.left p { clear: both; float: left;  margin-top: 20px; }
div#article0 { display: block; }
.productsList a.active { cursor: default; }
.product_preview { position: relative; width: 100%; /*height: 335px;*/ /*overflow: hidden;*/ }
div.leadership div img { display: block; float: left; width: 100px; margin-right: 10px; }
div.leadership div p { /*float: left;*/ /*width: 220px;*/ padding-right: 10px; margin-top: 5px; }

.contact_us form input.invalid { border: 1px solid #CC4433; }
.contact_us form textarea.invalid { border: 1px solid #CC4433; }

div.logo a { display: block; }
div.wrapp { position: relative; padding-top: 60px; }
div.ico-wrapper { position: absolute; width: 77px; height: 81px; top: 0; /*left: 66px;*/ left: 0; overflow: hidden; }
div.ico-wrapper div.ico { position: absolute; top: 0; width: 77px; height: 81px; background: url("images/home/home.png"); }
div.ico-wrapper.responding { border-radius: 50%; }

div.ico-wrapper.writing .ico1 { background-position: 0 0; left: 0; z-index: 1; }
div.ico-wrapper.writing .ico2 { background-position: 0 -103px; /*right: -77px;*/ left: 0; z-index: 2; }
div.ico-wrapper.writing .ico3 { background-position: 0 -205px; left: -77px; z-index: 3; }

div.ico-wrapper.responding .ico1 { background-position: -103px -405px; left: 0; z-index: 1; }
div.ico-wrapper.responding .ico2 { background-position: -103px -104px; left: 0; z-index: 2; display: none; }
div.ico-wrapper.responding .ico3 { background-position: -103px -306px; left: 0; z-index: 3; display: none; }
div.ico-wrapper.responding .ico4 { background-position: -103px -405px; left: 0; z-index: 4; display: none; }
div.ico-wrapper.responding .ico5 { background-position: 0 -405px; left: 77px; top: -60px; z-index: 5; }

div.ico-wrapper.industries .ico1 { background-position: -206px 0; left: 0; z-index: 1; }
div.ico-wrapper.industries .ico2 { background-position: -206px -103px; left: 0; z-index: 2; display: none; }
div.ico-wrapper.industries .ico3 { position: relative; background-position: -206px -206px; /*left: 0;*/ z-index: 3; display: none; }
div.ico-wrapper.industries .ico4 { background-position: -206px -306px; left: 0; z-index: 4; display: none; }

div.ico-wrapper.roles .ico1 { background-position: -309px 0; left: 0; z-index: 1; }
div.ico-wrapper.roles .ico2 { background-position: -308px -102px; left: 0; z-index: 2; display: none; }
div.ico-wrapper.roles .ico3 { background-position: -308px -206px; left: 0; z-index: 3; display: none; }
div.ico-wrapper.roles .ico4 { background-position: -308px -306px; left: 0; z-index: 3; display: none; }
div.ico-wrapper.roles .ico4 { background-position: -308px -404px; left: 0; z-index: 3; display: none; }

/*.homeTeasers a.large-link strong { color: #343434; }*/
a.large-link.a { width: 110px; margin: 0 auto; }
a.large-link.a .ico-wrapper { left: 17px; }
a.large-link.b { width: 150px; margin: 0 auto; }
a.large-link.b .ico-wrapper { left: 37px; }
a.large-link.c { width: 110px; margin: 0 auto; }
a.large-link.c .ico-wrapper { left: 15px; }
a.large-link.d { width: 80px; margin: 0 auto; }
a.large-link.d .ico-wrapper { left: 0; }
a.large-link:hover strong { color: #555555; }



#frm-register {}
#frm-register label, #frm-register input { display: block; float: left; }
#frm-register label { height: 40px; line-height: 40px; width: 120px; }

span.read_more { display: none; }
#more-details_dialog { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #666666; }
#more-details_dialog img { margin-right: 15px; /*width: 150px;*/ }

#more-details_dialog strong
{
    font-family: "museo_sans_700regular", sans-serif;
    color: #232122;
    font-size: 16px;
}

a.learn_more { display: inline-block; font-family: "museo_sans_700regular", sans-serif; font-size: 17px; line-height: 49px; text-decoration: none; color: #FFFFFF; width: 196px; text-align: center; background: url("images/learn_more.png") 0 0 no-repeat transparent; }
#more-details_dialog em
{
    font-family: "museo_sans_300regular", sans-serif;
    color: #2d2d2d;
    font-size: 14px;
    margin-bottom: 10px;
}

#more-details_dialog span
{
    text-align: left;
    font-size: 13px;
    font-family: Arial, sans-serif;
    color:#666;
    line-height: 20px;
    margin-top: 10px;
    display: block;
}

div.loginButton img { cursor: pointer; }

div.overlay { position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; background: url("images/login_overlay.png") 0 0 repeat transparent; z-index: 999; display: none; }
#login-box {
    position: fixed;
    width: 230px;
    left: 50%;
    top: 50%;
    margin-left: -175px;
    margin-top: -125px;
    padding: 30px 60px;
    background-color: #FFFFFF;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-shadow: 0 0 30px #626262;
    z-index: 1000;
    display: none;
}
#login-box a.cancel-login { display: block; position: absolute; width: 22px; height: 22px; top: -9px; right: -9px; z-index: 10; }
#login-box a.cancel-login { display: block; border: 0 none; }
#login-box img.logo { width: 230px; height: 25px; display: block; margin: 0 auto; float: none; }
#login-box p.title { font-size: 20px; line-height: 30px; color: #2d2d2d; text-align: center; padding-bottom: 8px; }
#frm-login div.input-row { position: relative; border: 1px solid #e5e5e8; border-radius: 3px; margin-bottom: 10px; }
div.input-row img.ico { display: block; width: 36px; height: 26px; border-radius: 3px 0 0 3px; position: absolute; top: 1px; left: 1px; z-index: 5; }
div.input-row input[type="text"],
div.input-row input[type="password"] {
    display: block;
    width: 186px;
    height: 26px;
    line-height: 26px;
    margin: 0;
    padding: 0 0 0 40px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
}
div.input-row input[type="text"]:focus,
div.input-row input[type="password"]:focus {
    border: 1px solid #93c273;
}
#frm-login a.recover { font-size: 12px; line-height: 12px; color: #999999; text-decoration: none; }

#frm-login div.form-action { margin-top: 20px; }
div.form-action button.chk { width: 18px; height: 18px; border: 1px solid #E8E8E8; display: block; float: left; }
div.form-action button.chk.on { display: inline-block; background: url("images/chk_remember.png") 3px 3px no-repeat #FFFFFF; }
div.form-action div.chk { float: left; position: relative; margin-left: 5px; width: 42px; height: 20px; background: url("images/bg_radio.png") 0 2px no-repeat transparent; }
div.chk img.btn-radio { width: 20px; height: 20px; position: absolute; left: -2px; top: 0; display: block; cursor: pointer; z-index: 3; }
div.chk img.btn-radio-off { display: block; float: left; height: 16px; position: absolute; right: 0px; width: 100%; top: 2px; z-index: 2; }
div.form-action a.remember-text { display: block; float: left; font-size: 12px; color: #999999; text-decoration: none; line-height: 20px; margin-left: 10px; }
div.form-action button.signin { display: block; float: right; width: 60px; height: 25px; background: url("images/btn_signin_green.png") 0 0 no-repeat transparent; border: 0 none; cursor: pointer; }
/* } ME
-------------------------------------------------- */