@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; }


#container{  width:870px; margin:0 auto; }

/* 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:-10px;
        left:23px;
}

        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:275px;
        background:url(../images/bg-case-study.gif) no-repeat;
        margin-top:9px; margin-left:15px; margin-right:25px;
}
#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{
        width:380px; height:147px;
        background:url(../images/bg-latest-news.gif) no-repeat;
        margin-top:10px;
}

#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;
}