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

*{ border:0; margin:0; padding:0; }

body{
        font-family:  Arial, "Lucida Sans",Helvetica, sans-serif;
        color:#565656;
        font-size:11px;
        background: url(../images/bg_body.gif) repeat-x;
}


a{ text-decoration:none;}
a:hover{ text-decoration:underline;}


.block{ float:left; clear:both; width:100%;}
.float_left{ float:left;}
.float_right{ float:right;}
.clear{ clear:both;}

.black{color:#232323; }
.bg_white{                background:#fff;}

.font11{ font-size:11px;}
.font12{ font-size:12px; color:#323232;}

.margin_top10{ margin-top:10px;}
.margin_top15{ margin-top:15px;}
.margin_top25{ margin-top:25px;}
.margin_top35{ margin-top:35px;}
.margin_bot50{ margin-bottom:50px; }

h3{
font-size:14px;
}


#container{  width:870px; margin:0 auto; position:relative; }
#container2 { width:850px; ; float:left; border:0px solid; color:#000000; margin-top:-10px; color:#474849}

/* Top */
#top{
        width:815px;
        padding:10px 40px 10px 15px;
}
        #offer-tab{
                background:url(../images/offer-tab.gif) no-repeat;
                width:217px; height:54px; margin-top:-10px; position:relative;
        }
        #offer-tab p.relative-link{ position:absolute; bottom:-14px; left:9px;  }



/* Menu */
        #menu a{
                float:left;
                height:20px;
                text-indent:-9999px;
        }
#menu a#home{ background:url(../images/tabs/home.gif) no-repeat; width:76px; }
#menu a#home:hover{ background:url(../images/tabs/home-h.gif) no-repeat; }
#menu a#in-home{ background:url(../images/tabs/home-h.gif) no-repeat; width:76px;}

#menu a#news{ background:url(../images/tabs/news.gif) no-repeat; width:66px; }
#menu a#news:hover{ background:url(../images/tabs/news-h.gif) no-repeat; }
#menu a#in-news{ background:url(../images/tabs/news-h.gif) no-repeat; width:66px;}

#menu a#partners{ background:url(../images/tabs/partners.gif) no-repeat; width:90px; }
#menu a#partners:hover{ background:url(../images/tabs/partners-h.gif) no-repeat; }
#menu a#in-partners{ background:url(../images/tabs/partners-h.gif) no-repeat; width:90px;}

#menu a#about{ background:url(../images/tabs/about.gif) no-repeat; width:68px; }
#menu a#about:hover{ background:url(../images/tabs/about-h.gif) no-repeat; }
#menu a#in-about{ background:url(../images/tabs/about-h.gif) no-repeat; width:68px;}

#menu a#help{ background:url(../images/tabs/help.gif) no-repeat; width:63px; }
#menu a#help:hover{ background:url(../images/tabs/help-h.gif) no-repeat; }
#menu a#in-help{ background:url(../images/tabs/help-h.gif) no-repeat; width:63px;}

#menu a#demo{ background:url(../images/tabs/demo.gif) no-repeat; width:69px; }
#menu a#demo:hover{ background:url(../images/tabs/demo-h.gif) no-repeat; }
#menu a#in-demo{ background:url(../images/tabs/demo-h.gif) no-repeat; width:69px;}

#menu a#pharmacy{ background:url(../images/tabs/pharmacy.gif) no-repeat; width:103px; }
#menu a#pharmacy:hover{ background:url(../images/tabs/pharmacy-h.gif) no-repeat; }
#menu a#in-pharmacy{ background:url(../images/tabs/pharmacy-h.gif) no-repeat; width:103px;}

#menu a#offer{ background:url(../images/tabs/offers.gif) no-repeat; width:73px; }
#menu a#offer:hover{ background:url(../images/tabs/offers-h.gif) no-repeat; }
#menu a#in-offer{ background:url(../images/tabs/offers-h.gif) no-repeat; width:73px;}

#menu a#corporate{ background:url(../images/tabs/corporate.gif) no-repeat; width:175px; }
#menu a#corporate:hover{ background:url(../images/tabs/corporate-h.gif) no-repeat; }
#menu a#in-corporate{ background:url(../images/tabs/corporate-h.gif) no-repeat; width:175px;}


/* Flash */
#flash{ position:relative; background:#930000; }
#flash-phone{ position:absolute; right:1px; top:0;}

/* COntent
-----------------*/

#content{ padding-bottom:25px;}
.box{
        padding:40px 30px 0px 30px;
        position:relative;
}
        .box p{ margin-top:10px; float:left; clear:both; width:100%;}

        .relative-link{
        position:absolute;
        bottom:89px;
        left:27px;
}

        a.bg-links,
        a.bg-links2,
        a.bg-links3{
                float:left; text-align:left; padding-left:5px;
                background:url(../images/bg-links.gif) no-repeat;
                width:120px; height:19px;
                color:#fff; padding-top:3px;
        }
        a.bg-links2{
                background:url(../images/bg-links2.gif) no-repeat;
                width:215px; height:19px;
        }
        a.bg-links3{
                background:url(../images/bg-links3.gif) no-repeat;
                width:139px; height:19px;
        }
        a.next,
        a.prev{
                float:left;
                background:url(../images/next.gif) no-repeat;
                width:19px; height:38px;
                text-indent:-9999px;
        }
        a.prev{        background:url(../images/prev.gif) no-repeat;}
        .red{ color:#d00404;}
        .red a{ color:#d00404; text-decoration:underline;}

#case-study{
        width:295px; height:200px;
        background:url(../images/bg-case-study.gif) no-repeat;
        margin-top:0px; margin-left:0px; margin-right:25px;
                float:left;margin-left:20px;

}
#newsletter{
        width:150px; height:195px;
        background:url(../images/newsletter.gif) no-repeat;
        /*margin-top:9px; margin-left:15px; margin-right:25px;*/
                border:solid 0px #000000;
                padding-top:40px;
                padding-left:10px;
                padding-right:10px;
                float:left;


}
#crunch{
        width:150px; height:195px;
        background:url(../images/crunch.gif) no-repeat;
        /*margin-top:9px; margin-left:15px; margin-right:25px;*/
                border:solid 0px #000000;
                padding-top:40px;
                padding-left:10px;
                padding-right:10px;
                float:left;

}
#what_are{
        width:243px;
        background:url(../images/what_are.gif) no-repeat;
        /*margin-top:9px; margin-left:15px; margin-right:25px;*/
                border:solid 0px #000000;
                padding-top:40px;
                padding-left:20px;
                padding-right:10px;
                margin-left:40px;
                float:left;

}

#add_this{
  border:solid 1px #ffffff;
  position:absolute;
  top:750px;
  left:30px;
}
#twit{
  border:solid 1px #ffffff;
  position:absolute;
  top:740px;
  left:665px;
}

#blackberry{
        width:145px; height:36px;
        background:url(../images/bg-blackberry.gif) no-repeat;
}
        #blackberry p.relative-link{bottom:-13px;}

#what{
        width:200px; height:147px;
        background:url(../images/bg-what-are-skill-pills.gif) no-repeat;
        margin-top:10px;
}

#latest-news{
  float:left;
  margin-left:4px;
  width: 220px;
  height:200px;
  background:url(../images/bg-latest-news2.gif) no-repeat;
  margin-top: -5px;
}

#news-archive{
        width:321px; height:232px;
        padding:50px 20px 0px 30px;
        background: url(../images/bg-news-archive.gif) no-repeat;
        margin-left:15px; margin-top:5px;
}

#news-full{
        width:589px; height:396px;
        padding:50px 20px 0px 30px;
        background: url(../images/full-news-box.gif) no-repeat;
        margin-left:15px; margin-top:5px;
}
#news-full p.relative-link{bottom:3px;}

#all-news-archive{ width:649px; margin-top:10px; margin-left:10px;}
#all-news-archive-mid p{ margin-bottom:10px; font-size:9px;}
#all-news-archive-top{
        background: url(../images/news-archive-top.gif) no-repeat;
        width:100%; height:46px;
}
#all-news-archive-mid{
        background: url(../images/news-archive-mid.gif) repeat-y;
        width:589px; padding-left:30px; padding-right:60px;
}
        #all-news-left,
        #all-news-right{ width:290px;}
        #all-news-right{ margin-left:7px; }

#all-news-archive-bot{
        background: url(../images/news-archive-bot.gif) no-repeat;
        width:100%; height:35px; position:relative;
}
        #all-news-archive-bot p.relative-link{bottom:4px; left:16px;}


#latest-news-story{
        width:209px; height:246px;
        background: url(../images/bg-latest-news-story.gif) no-repeat;
}
                #latest-news-story p.relative-link{_bottom:6px;}

#partnerships{
        width:209px; height:310px;
        background: url(../images/bg-partnerships.gif) no-repeat;
        margin-left:-10px;
}

#services{
        width:209px; height:300px;
        background: url(../images/bg-services.gif) no-repeat;
        margin-left:-10px;
}

#gsm{
        width:135px; height:116px;
        background: url(../images/bg-gsm.gif) no-repeat;
        margin-top:129px; margin-left:-10px;
}

#partners-box{
        width:329px; height:241px;
        background: url(../images/bg-partners.gif) no-repeat;
        margin-left:15px;
}
#login-box{
        width:329px; height:241px;
        background: url(../images/bg-login.gif) no-repeat;
        margin-left:15px;
}
#about-box{
        width:329px; height:241px;
        background: url(../images/bg-about.gif) no-repeat;
        margin-left:15px;
}
#skillpill-direct{
        width:204px; height:115px;
        background: url(../images/bg-skilpill-direct.gif) no-repeat;
         margin-left:-10px;
}
#corporate-box{
        width:327px; height:135px;
        background: url(../images/bg-corporate.gif) no-repeat;
        margin-left:16px;
}
#training{
        width:327px; height:85px;
        background: url(../images/bg-training.gif) no-repeat;
        margin-top:-10px;         margin-left:16px;
}
                #training p.relative-link{_bottom:-2px;}
#direct{
        width:205px; height:243px;
        background: url(../images/bg-direct.gif) no-repeat;
        margin-left:-10px; margin-top:7px;
}
#whoare{
        width:136px; height:116px;
        background: url(../images/bg-whoare.gif) no-repeat;
        margin-left:-10px; margin-top:135px;
}
        #whoare p.relative-link{bottom:-6px;}

#executive{
        width:381px; height:260px;
        background: url(../images/bg-executive.gif) no-repeat;
        margin-left:20px;
}
        #executive p.relative-link{_bottom:-4px;}
        .relative-link2{ position:absolute; bottom:-9px;_bottom:-4px; left:295px; }
        .relative-link3{ position:absolute; top:31px; left:590px; }

#board-members{
        width:550px; height:285px;
        background: url(../images/bg-board-members.gif) no-repeat;
        margin-left:20px;
}

        #board-members .relative-link2{ position:absolute; bottom:-9px; left:466px; }

#helpbox2{
                width:522px; height:250px;
        background: url(../images/bg-help2.gif) no-repeat;
                margin-left:20px;
}
#helpbox{
                width:193px; height:351px;
        background: url(../images/bg-help.gif) no-repeat;
                margin-left:20px;
}
#how-work,
#how-work2{
        width:338px; height:243px;
        background: url(../images/bg-how-work.gif) no-repeat;
        margin-left:-10px;
}
#how-work2{
        width:522px; height:145px;
        background: url(../images/bg-howit-works.gif) no-repeat;
        margin-left:0px;
        margin-top:-25px; z-index:0;
}
#how-work ol{
        margin-left:15px;
        margin-top:20px;
        display:inline;

}
#how-work ol li{
        display:list-item;
        list-style-type:decimal;
        padding-bottom:5px; padding-top:5px;
}

#month-offer{
        width:314px; height:252px; margin-left:15px;
        background: url(../images/bg-offer.gif) no-repeat;
}
#offer-img{ margin-top:41px;}


#flash-demo{
         margin-top:15px; background:url(../images/phone.gif) no-repeat;
        width:265px;height:203px;
        float:left;
}

#choose{ margin-top:10px; margin-left:15px; z-index:999px; position:relative; display:inline;}

#videos{
        float:left; clear:both;
        margin-top:34px; margin-left:36px; display:inline;}
#text-videos{
        float:left; clear:both; width:197px; min-height:50px; background:#c80000;
        margin-top:28px; margin-left:15px; color:#fff; padding:10px; font-size:11px;
}

#menu-video        {
        float:left;width:141px; height:50px; background:#c80000;
        color:#fff; padding:10px;
        line-height:15px; font-size:11px;
}

#menu-video p{ background:url(../images/menu-arrow.gif) no-repeat right bottom;}
#select-video{width:197px;         float:left; font-size:10px; }
        #select-video-mid{
                float:left;  background:#c80000;
                color:#fff; padding:10px;        width:182px;
                padding-bottom:0px; padding-right:5px;
        }
        #select-video p{ cursor:pointer; margin-bottom:2px;}
        #select-video p:hover{ color:#000;}
        #select-video-bottom{
                float:left; clear:both;
                background: url(../images/bg-videos-bottom.gif) no-repeat; width:197px; height:6px;
        }

#steps-left        {
        width:254px;
}
#steps-right{width:250px; margin-left:20px; margin-top:12px; display:inline;}

/* Footer */

#footer {
         padding-top:10px; padding-bottom:10px;
         text-align:center; color:#767676;
         margin-top:20px;
}
#footer a{color:#767676; margin-left:5px; margin-right:5px;}
ul {
  margin: 10px;
  padding: 10px;
}
li {
  margin-left: 10px;
}


#tab1

{
margin-top:20px;
background-color: transparent;
background-repeat: no-repeat;
background-position: left top;
width:207px;
height:16px;
border: 0px solid #00CC00;
float:left;
/*ie6*/
_margin-left:2px;
color:#FFFFFF;
padding:3px 0px 0px 4px;
}



.tab1Selected
{
background-image: url(../images/dialects.gif);
}

#tab2

{
margin-top:20px;
width:211px;
height:19px;
border: 0px solid #00CC00;
float:left;
/*ie6*/
_margin-left:2px
}

#tab2 img{
margin-right:5px;
}

.flag{
width:30px;
height:30px;
color:red;
margin-right:5px;
float:left;
font-size:10px;

}
.flag a{
color:red;
text-decoration:none;
}
.flag a:hover{
color:red;
text-decoration:underline;
}
#app-store-logo {
  border:solid 1px #ffffff;
  position:absolute;
  top:410px;
  left:683px;
}
#appworld-logo {
  border:solid 1px #ffffff;
  position:absolute;
  top:470px;
  left:683px;
}
#news-more {
  border:solid 1px #ffffff;
  position:absolute;
  top:683px;
  left:430px;
}