/*
reset css
*/
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*
end reset css
*/

@font-face
{
    font-family: levenim;
    src: url("//www.gingersoftware.com/files/fonts/lvnm.ttf") format('truetype');
    src: url("//www.gingersoftware.com/files/fonts/lvnm.eot");
    src: local(levenim), url("//cdn.gingersoftware.com/fonts/lvnm.ttf");

}
@font-face
{
    font-family: levenimbd;
    src: local(levenimbd), url('//www.gingersoftware.com/files/fonts/lvnmbd.ttf')
    /*url('Sansation_Light.eot');  IE9 */
}


body{width:100%; font-family: levenim;}
header{
    width:1280px;
    margin:0 auto;
    height:64px;
    padding:15px 0;
}
header #logo{
    display:block;
    height:64px;
    width:178px;
    background: url('/images/mobile/ginger_logo.png');
    float:left;
    text-indent: -9999px;
}
nav{
    float:right;
    width:66.6%;
}
header ul{padding:0;margin-top:35px;width:100%;}
header ul li{
    list-style: none;
    display:inline-block;
    text-align: center;
    width:24%;
    position:relative;
}
header ul li a{
    font-family:levenim, arial;
    text-decoration: none;
    color:rgb(51,51,51);
    font-size:16px;
    line-height:130%;
}
header ul li a.selected{
    font-weight:bold;
    color:rgb(46,147,164);
}
.header_strip{
    width:100%;
    background: url('/images/mobile/top_bg_pixel.png') 0 0 repeat-x;
    height:358px;
    position:relative;
}
.header_strip_hp{
    width:100%;
    background: url('/images/mobile/top2_bg_pixel.png') 0 0 repeat-x;
    height:199px;
    position:relative;
}
#center_bg_effect{
    position:absolute;
    width:100%;
    height:358px;
    display:block;
    background: url('/images/mobile/top_bg.png') center 0 no-repeat transparent;
}
#center_bg_effect_hp{
    position:absolute;
    width:100%;
    height:199px;
    display:block;
    background: url('/images/mobile/top2_bg.png') center 0 no-repeat transparent;
}
.header_strip section{
    width:66.6%;
    margin:0 auto;
    text-align: center;
    position:relative;
    padding-top:54px;
}
.header_strip_hp section{
    width:66.6%;
    margin:0 auto;
    text-align: center;
    position:relative;
    padding-top:60px;
}
.header_strip section h1,.header_strip_hp section h1{
    font-family: levenim, arial;
    font-size:32px;
    line-height:125%;
    color:rgb(255,255,255);
    font-weight:bold;
}
.header_strip section p,.header_strip_hp section p{
    font-family: levenim, arial;
    font-size:20px;
    line-height:130%;
    color:rgb(255,255,255);
    margin-top:36px;
}
.content_wrapper{
    width:100%;

}
.content_wrapper_writing_assistant{
    background: url('/images/mobile/header_bg_pixel.png') 0 25px repeat-x;
}
#content{
    width:1280px;
    min-height: 350px;
    margin:0 auto;
}
#content section{
    width:905px;
    margin:0 auto;
}
#content section article{
    float:left;
    text-align: center;
    padding-top: 32px;
}
#content section article h2{
    font-family: levenim, arial;
    font-size:24px;
    color:rgb(255,255,255);
    line-height: 160%;
}
#content section article.left{

    width:453px;
}
#content section article.right{

    width:452px;
}
#content section article.left h2,#content section article.left p{}
#content section article.right h2,#content section article.right p{}
#content section article p{
    font-family:levenim, arial;
    font-size:15px;
    line-height:130%;
    color:rgb(51,51,51);
    margin-top: 30px;
}
#left_mobile_img{
    display:block;
    background: url('/images/mobile/wa_img_1.png') 0 0 no-repeat;
    width:308px;
    height:632px;
    margin: 10px auto;
}
#right_mobile_img{
    display:block;
    background: url('/images/mobile/vpa_img_1.png') 0 0 no-repeat;
    width:308px;
    height:632px;
    margin: 7px auto;
}
.writing_assistant section{
    width:1280px;
    text-align: left;
    padding-top: 30px;
}
.writing_assistant section p{margin-top: 20px;}
.writing_assistant section p.small_p{
    font-family: Levenim,arial;
    font-size:14px;
    line-height:125%;
    color:rgb(255,255,255);
    margin-top: 18px;
}
.writing_assistant section p.small_p span{font-family:levenimbd;}
.content_wrapper_writing_assistant #content section{
    width:50%;
    text-align: left;
    margin:0;
    padding-top: 42px;
    float:left;
}
.content_wrapper_writing_assistant #content section.with_ribbon{
    padding-top:24px;
}
.content_wrapper_writing_assistant #content section article{
    background: url('/images/mobile/header2_img.png') center 0 no-repeat white;
    position:relative;
    width:540px;
    float:none;
    margin:0 auto;
    min-height: 46px;
}
.content_wrapper_writing_assistant #content section h2{
    font-family: levenim, arial;
    font-size:24px;
    color:rgb(255,255,255);
}
.content_wrapper_writing_assistant #content section h2.orange_title{
    font-family: levenimbd, arial;
    font-size:20px;
    color:rgb(209,151,40);
    margin-top: 10px;
}
.content_wrapper_writing_assistant #content section h2.black_title{
    font-family: levenim, arial;
    font-size:20px;
    color:black;
    margin: 35px 0 30px 0;
}
#header_shadow{
    background: url('/images/mobile/header2_bg_drop_shadow.png') 0 0 no-repeat;
    width:453px;
    height:15px;
    display:block;
    margin-top: 5px;
}
.differentiators{width:100%;}
.differentiators li{
    list-style: none;
    background: url('/images/mobile/bullet1_icon.png') 0 -3px no-repeat;
    padding-left: 27px;
    font-family: Levenim, arial;
    font-size:13px;
    line-height:125%;
    margin-top:15px;
}
.differentiators_vpa li{
    margin-top:10px;
}
.tiny_list li{
    background: url('/images/mobile/bullet2_icon.png') -5px -3px no-repeat;
    padding-left: 22px;
    margin-top: 2px;
}
.diff_list li{
    list-style: none;
    background: url('/images/mobile/bullet1_icon.png') 0 -3px no-repeat;
    padding-left: 27px;
    font-family: Levenim, arial;
    font-size:13px;
    line-height:125%;
    margin-top:15px;
}
.diff_list li span{font-family: Levenimbd, arial;}
.content_wrapper_writing_assistant #content section p{
    margin:35px 0 30px 0;
    font-size:14px;
    line-height:125%;
}
#slider{
    background: url('/images/mobile/wa_img_1.png') center 0 no-repeat;
    position:absolute;
    display:block;
    top:-300px;
    left:0;
    width:100%;
    height:632px;
}
#slider_vpa{
    background: url('/images/mobile/vpa_img_1.png') center 0 no-repeat;
    position:absolute;
    display:block;
    top:-300px;
    left:0;
    width:100%;
    height:632px;
}
.content_wrapper_writing_assistant #content section p.list_small_title{
    font-family: Levenim, arial;
    font-size:13px;
    line-height:125%;
    margin: 20px 0 10px 0;
}
.list_small_title span{font-family:Levenimbd, arial;}
.active_decoration{
    position:absolute;
    background: url('/images/mobile/tab_selected.png') center 0 no-repeat;
    width:190px;
    height:54px;
    top:43px;
    left:9px;
    z-index:99;
    display:none;
}

.selected .active_decoration{
    display: block;
    cursor: default;
}
#content section article a{
    display:block;
    background: url('/images/mobile/header_btn_sprite.png') 0 -56px no-repeat;
    width:330px;
    height:56px;
    margin:0 auto;
}

a.dwn_link{
    background: url('/images/mobile/get_ginger_btn_sprite.png') 0 -56px no-repeat;
    width: 318px;
    height: 37px;
    display:block;
    margin:33px auto 0;
    color:#000;
    text-decoration: none;
    font-size: 20px;
    padding: 19px 0 0 69px;
    display:none;
}
a.dwn_link:hover{background-position: 0 0;}

#content section article a:hover{background-position: 0 0;}
#content section article a:hover{background-position: 0 -112px;}
#content section article.left a{text-decoration: none;}
#content section article.right a{text-decoration: none;}

.contact section h1{
    text-align: center;
    width:350px;
    margin: 0 auto;
    position:relative;
}
.contact section #mwc{
    position:absolute;
    background: url('/images/mobile/MWC_logo.png') 0 0 no-repeat;
    width:184px;
    height:74px;
    display:block;
    top:43px;
    left:248px;
}
.contact section p.b_font{
    text-align: center;
    font-size: 20px;
    line-height:130%;
    margin-top: 3px;
    margin-bottom: 15px;
}
.contact section p.s_font{
    text-align: center;
    font-size: 14px;
    line-height:130%;
    color:rgb(255,255,255);
    margin-top: 5px;
}
.contact section form{}
.contact section form #email_label, .contact section form #message_label{
    font-size:20px;
    font-weight:bold;
    color:rgb(255,255,255);
    margin-top: 10px;
}
.contact section form #email_label{
    background: url('/images/mobile/email_icon.png') 0 -3px no-repeat;
    width: 84px;
    padding-left: 29px;
    margin:10px auto;
}
.contact section form #message_label{
    background: url('/images/mobile/message_icon.png') 0 -3px no-repeat;
    width: 83px;
    padding-left: 29px;
    margin:10px auto;
}
.contact section form #email_label span{color:rgb(240,185,87);}
.contact section form #email_wrapper{
    background-color:rgb(255,255,255);
    width:322px;
    height:30px;
    /* Firefox v1.0+ */
    -moz-border-radius:5px ;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius:5px ;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+ and by IE v9.0+ */
    border-radius:5px ;
    /* Firefox v3.5+ */
    -moz-box-shadow:inset 0px 2px 1px rgba(0,0,0,0.2);
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow:inset 0px 2px 1px rgba(0,0,0,0.2);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow:inset 0px 2px 1px rgba(0,0,0,0.2);
    margin:0 auto;
}
.contact section form #message_wrapper{
    background-color:rgb(255,255,255);
    width:322px;
    height:50px;
    /* Firefox v1.0+ */
    -moz-border-radius:5px ;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius:5px ;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+ and by IE v9.0+ */
    border-radius:5px ;
    /* Firefox v3.5+ */
    -moz-box-shadow:inset 0px 2px 1px rgba(0,0,0,0.2);
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow:inset 0px 2px 1px rgba(0,0,0,0.2);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow:inset 0px 2px 1px rgba(0,0,0,0.2);
    margin:0 auto;
}
.contact section form input.self_service_email{
    width: 95%;
    margin: 3px;
    height: 19px;
    border:none;
    outline: none;
}
.contact section form textarea{
    height: 38px;
    width: 95%;
    margin:3px;
    border:none;
    outline:none;
    resize: none;
    overflow: auto;
}
.contact section form input[type="submit"]{
    display:block;
    background: url('/images/mobile/header_btn_sprite.png') 0 -56px no-repeat;
    width: 330px;
    height: 56px;
    margin: 28px auto 0;
    cursor:pointer;
    border:none;
    outline: none;
    font-size: 27px;
    color:rgb(255,255,255);
    line-height:130%;
    padding-bottom: 20px;

}
.contact section form input[type="submit"]:hover{background-position: 0 0;}

.content_wrapper_writing_assistant #content section.with_ribbon article a.dwn_link{
    background: url('/images/mobile/get_ginger_btn_sprite.png') 0 -56px no-repeat;
    width: 366px;
    height: 37px;
    display:block;
    margin-top:315px;
    color:#000;
    text-decoration: none;
    font-size: 20px;
    padding: 19px 0 0 19px;
}
.content_wrapper_writing_assistant #content section.with_ribbon article a.dwn_link:hover{background-position: 0 0;}
.contact section #error{
    text-align: center;
    font-size:14px;
    font-weight:bold;
    color:rgb(178,0,0);
    display:none;
}
.after_post section h1{margin-top:60px;}
table{width:100%;}


@media screen and (max-width:1280px)
{
    header{
        width:100%;
        padding-left: 30px;
    }
    #content{
        width:100%;
        padding-left: 30px;
    }
    .writing_assistant section{
        width:100%;
        padding-left: 30px;
    }
}
@media screen and (max-width:1023px){
    #slider_vpa{top: -133px;}
    #slider{top: -78px;}
    .content_wrapper_writing_assistant #content section.with_ribbon article a.dwn_link{margin-top:530px;}
    .content_wrapper_writing_assistant #content section article{background:none;}
    #content section{width:100%;}
    #content section article.left{width:50%}
    #content section article.right{width:50%}
}
@media screen and (min-width:920px){
    body{
        overflow-x: hidden;
    }
}
@media screen  and (min-width : 640px) and (max-width:1024px){
    header{padding-left:0;}
    header #logo{margin-left:15px;}
    nav ul li .selected .active_decoration{
        display:none;
    }
    #content{padding-left:0;}
    .content_wrapper_writing_assistant #content section h2{margin-left: 15px;}
    .differentiators{margin-left:15px;}
    .content_wrapper_writing_assistant #content section h2.black_title{margin: 35px 0 30px 15px;}
    .diff_list{margin-left: 15px;}
    .content_wrapper_writing_assistant #content section p{margin: 35px 0 30px 15px;}
    .writing_assistant section{padding-left:0;}
    .header_strip section h1, .header_strip_hp section h1{margin-left:15px;}
    .header_strip section p, .header_strip_hp section p{margin-left:15px;}
    .content_wrapper_writing_assistant #content section article{width:100%;}
    .content_wrapper_writing_assistant #content section p.list_small_title{margin: 20px 0 10px 15px;}
    .contact section h1{margin:0 auto;}
}


@media screen and (max-width:920px)
{
    .header_strip section h1,.header_strip_hp section h1{font-size: 28px;}
    .header_strip_hp section{padding-top: 45px;}
}
@media screen and (max-width : 640px) {
    body{
        overflow-x: hidden;
    }
    header{
        height: 222px;
        padding-left: 0;
     }
    header #logo{
        float:none;
        margin-left:15px;
    }
    nav{
        float:none;
        margin-top: 20px;
    }
    header ul{margin-left:15px;}
    header ul li{
        display:block;
        width:100%;
        text-align: left;
        height:35px;
    }
    header ul li a{
        font-size:20px;
    }
    .header_strip section h1, .header_strip_hp section h1{margin-left:15px;}
    .active_decoration{
        background: none;
        background-color:rgb(45,144,161);
        width:10px;
        height:25px;
        top:-2px;
        left:-16px;
    }
    .header_strip section,.header_strip_hp section{
        width:100%;

    }
    .header_strip section h1,.header_strip_hp section h1{
        font-size:1.7em;
    }
    #content{
        padding-left:0;
    }
    a.dwn_link{display:block;}
    #content section{
        width:100%;
    }
    #content section article.left{
        width:100%;
        float:none;
        background: url('/images/mobile/header2_img.png') center 25px no-repeat white;
    }
    #content section article.right{
        width:100%;
        float:none;
        background: url('/images/mobile/header2_img.png') center 25px no-repeat white;
    }
    #content section article.left h2, #content section article.left p {
        margin-left: 0;
    }
    #content section article.right h2, #content section article.right p {
        margin-left: 0;
    }
    #left_mobile_img,#right_mobile_img{
        margin: 10px auto;
    }
    #content section article p{
        font-size: 1.1em;
    }
    #left_mobile_img {

        background: url('/images/mobile/wa_mobile_img_1.png') 0 0 no-repeat;
        width:480px;
        height:816px;
    }
    #right_mobile_img {
        background: url('/images/mobile/vpa_mobile_img_1.png') 0 0 no-repeat;
        width: 480px;
        height: 816px;
    }
    .writing_assistant section {
        padding-left: 0;
    }
    .writing_assistant section p {
        width: 94%;
    }
    .with_ribbon{display:none;}
    .header_strip section p{font-size: 1em;margin-left:15px;}
    .content_wrapper_writing_assistant #content section{width:100%;padding-left: 0;}
    .differentiators{width:95%;margin-left:15px;}
    .differentiators li{font-size: 0.9em;}
    .diff_list{width:95%;margin-left:15px;}
    .diff_list li{font-size: 0.9em;}
    .content_wrapper_writing_assistant #content section h2{margin-left:15px;}
    .content_wrapper_writing_assistant #content section h2.black_title{font-size: 1.1em;width: 95%;margin-left:15px;}
    #content section article a{background: none;}
    #content section article h2{line-height: 110%;}
    #header_shadow{display:none;}
    .content_wrapper_writing_assistant #content section p{margin-left:15px;}
    .content_wrapper_writing_assistant #content section p.list_small_title{margin-left:15px;}
    .contact section h1{margin:0 auto;}
}
@media screen and (max-width : 480px){
    .header_strip{height:535px;}
    #center_bg_effect{
        background: url('/images/mobile/top_mobile_bg.png') center 0 no-repeat transparent;
        height: 535px;
    }
    .writing_assistant section p.small_p{font-size: 16px;}
    #left_mobile_img {
        background: url('/images/mobile/wa_mobile_img_small_1.png') 0 0 no-repeat;
        width: 320px;
        height: 544px;
    }
    #right_mobile_img {
        background: url('/images/mobile/vpa_mobile_img_small_1.png') 0 0 no-repeat;
        width: 320px;
        height: 544px;
    }
    .header_strip_hp section{padding-top:24px;}
    .header_strip section h1, .header_strip_hp section h1{font-size: 1.5em;}
    #content section article.left h2, #content section article.left p{width:95%;}
    .contact section #mwc{display:none;}
    a.dwn_link{
        background: url('/images/mobile/get_ginger_small_btn_sprite.png') 0 -56px no-repeat;
        text-indent: -9999px;
        width: 232px;
        height: 56px;
        padding:0;
    }
    a.dwn_link:hover{background-position: 0 0;}
    .after_post section h1{width:95%;}
    .contact #center_bg_effect{background: url('/images/mobile/top_bg.png') center 0 no-repeat transparent;}
    .after_post #center_bg_effect{background: url('/images/mobile/top_bg.png') center 0 no-repeat transparent;}
    .contact section form input[type="submit"]{margin: 43px auto 0;}
}