/* START DEFAULT SETTING */
*{
    margin:0px;
    padding:0px;
}
.clear{clear:both;}
.center{list-style:none;text-align:center;font-size:12px;font-family:Franklin Gothic Book;}
@font-face {
font-family : '"Franklin Gothic Book"';
src : url("FRABK.ttf");
font-style : normal;
}
@font-face {
font-family : '"Kartika"';
src : url("kartika.ttf");
font-style : normal;
}
body{
    background-color:#f2f2f2;
    background:url(bg.gif) repeat-x;
}
#wrapper{
    width:900px;
    /*height:1000px;*/
    margin:0 auto;
    /*border:1px solid #ffffff;*/
}
#header{
    float:left;
    width:490px;
    height:150px;
    padding-left:60px;
    /*border:1px solid #ffffff;*/
}
#content{
    float:left;
    width:550px;
    margin-top:50px;
    /*border:1px solid #ffffff;*/
}
#footer{
    height:50px;    
    /*border:1px solid #441106;*/
}
/* END DEFAULT SETTING */
/* START HEADER */
#logo{
    float:left;
    width:260px;
    height:114px;
    margin:35px 0 0 0;
    /*border:1px solid #ffffff;    */
    background:url(logo.jpg) no-repeat;
}
/* END HEADER */
/* START HEADER LINK */
#header ul{    
    float:right;
    width:180px;
    margin:40px 0 0 0;
    /*border:1px solid #ffffff;*/
}
#header li{
    color:#9e9e9e;
    display:inline;
    margin:0 5px 0 5px;
}
#header a{
    color:#cccccc;
    font-size:9px;
    font-weight:bold;
    text-decoration:none;
    font-family:verdana;
    border:0px;
}
#header a:link{
    color:#ffffff;
    text-decoration:none;
}
#header a:active{
    color:#ffffff;
    text-decoration:none;
}
#header a:visited{
    color:#ffffff;
    text-decoration:none;
}
#header a:hover{
    color:#ffffcc;
    font-weight:bold;
}

/* END HEADER LINK */
/* START MENU */
#menu{
    float:right;
    width:330px;
    /*height:300px;*/
    margin:100px 0 0 0;
    /*border:1px solid #ffffff;*/
}
#menu li{
    display:block;
    /*border:1px solid #ffffff;*/
}
#menu li.menu_top{
    width:235px;
    height:37px;
    background:url(menu_top.gif) no-repeat;
}
#menu li.menu_bg{
    width:235px;
    /*height:250px;*/
    background:url(menu_bg.gif);
}
#menu li.menu_bot{
    width:235px;
    height:37px;
    background:url(menu_bot.gif) no-repeat;
}
#menu ul.intab{
    /*height:200px;*/
    margin-left:20px;
    list-style:none;
    /*border:1px solid #ffffff;*/
}
#menu ul.intab{
    padding:5px 0 0 0;
}
#menu li{
    /*padding:5px 0 0 0;*/
    /*border:1px solid #ffffff;    */
}
#menu a{
    width:195px;
    height:39px;
    display:block;
    text-decoration:none;
    border:0px;
    /*border:1px solid #ffffff;*/
}
#menu li a.aboutus{
    background:url(tab_aboutus.gif) no-repeat;
    background-position:left top;
    margin:0 0 5px 0;
    border:0px;
}
#menu a.aboutus:hover, a.aboutus:active{
    border:0px;
    background:url(tab_aboutus.gif) no-repeat;
    background-position:0 -39px;
    border:0px;
}
#menu li a.solutions{
    background:url(tab_solutions.gif) no-repeat;
    background-position:left top;
    margin:0 0 5px 0;
    border:0px;
}
#menu a.solutions:hover, a.solutions:active{
    border:0px;
    background:url(tab_solutions.gif) no-repeat;
    background-position:0 -39px;
    border:0px;
}
#menu li a.services{
    background:url(tab_services.gif) no-repeat;
    background-position:left top;
    margin:0 0 5px 0;
    border:0px;
}
#menu a.services:hover, a.services:active{
    border:0px;
    background:url(tab_services.gif) no-repeat;
    background-position:0 -39px;
    border:0px;
}
#menu li a.partners{
    background:url(tab_partners.gif) no-repeat;
    background-position:left top;
    margin:0 0 5px 0;
    border:0px;
}
#menu a.partners:hover, a.partners:active{
    border:0px;
    background:url(tab_partners.gif) no-repeat;
    background-position:0 -39px;
    border:0px;
}
#menu li a.affiliate{
    background:url(tab_affiliation.gif) no-repeat;
    background-position:left top;
    margin:0 0 5px 0;
    border:0px;
}
#menu a.affiliate:hover, a.affiliate:active{
    border:0px;
    background:url(tab_affiliation.gif) no-repeat;
    background-position:0 -39px;
    border:0px;
}
#menu li a.testimonials{
    background:url(tab_testimonials.gif) no-repeat;
    background-position:left top;
    margin:0 0 5px 0;
    border:0px;
}
#menu a.testimonials:hover, a.testimonials:active{
    border:0px;
    background:url(tab_testimonials.gif) no-repeat;
    background-position:0 -39px;
    border:0px;
}
#menu li a.contactus{
    background:url(tab_contactus.gif) no-repeat;
    background-position:left top;
    border:0px;
}
#menu a.contactus:hover, a.contactus:active{
    border:0px;
    background:url(tab_contactus.gif) no-repeat;
    background-position:0 -39px;
    border:0px;
}

/* END MENU */
/* START CONTENT */
#content li{
    display:block;
}
#content li.cont_top{
    width:550px;
    height:22px;
    background:url(cont_top.gif) no-repeat;
}
#content li.cont_bg{
    width:529px;
    padding:0 10px 0 11px;
    background:#fafafa;
    /*border:1px solid #441106;*/
}
#content li.cont_bot{
    width:550px;
    height:22px;
    background:url(cont_bot.gif) no-repeat;
}
#content ul ul li.img{
    width:169px;
    height:280px;
    float:left;
    display:block;
    padding:0 3px 0 3px;
    /*border:1px solid #441106;*/
    background:url(img.gif) center no-repeat;    
}
/* END CONTENT */
/* START FOOTER */
#footer ul{
    list-style:none;
    text-align:center;
    color:#9e9e9e;
    font-size:20px;
    font-family:Kartika;
}
/* END FOOTER */
/* START CONTACT US*/
#content ul li.cont_bg h3{
    color:#441106;
    font-size:22px;
    text-align:left;
    font-family:Kartika;
}
#content ul li.cont_bg h2{
    color:#441106;
    font-size:22px;
    text-align:center;
    font-family:Kartika;
}
#content ul li.cont_bg p{
    color:#441106;
    font-size:12px;
    font-family:Franklin Gothic Book;
}
#content ul li.cont_bg ul.c_list{
    list-style:none;
    color:#441106;
    font-size:15px;
    text-align:center;
    font-family:Franklin Gothic Book;    
}
#content ul li.cont_bg ul.list{
    list-style:none;
    color:#441106;
    font-size:15px;
    margin:20px 0 0 190px;
    font-family:Franklin Gothic Book;    
}
#content ul li.cont_bg ul.list li{
    margin-top:5px;
}
/* END CONTACT US */
/* START PARTNERS */
#clients{
    float:left;
    width:250px;
    /*border:1px solid #441106;*/
}
#clients ul{
    list-style:none;
    padding-left:30px;
}
#clients li{    
    margin:0 0 30px 0;
}
#clients li.shakeys{
    width:200px;
    height:97px;
    background:url(shakeys.gif) no-repeat;
}
#clients li.stlukes{
    width:200px;
    height:80px;
    background:url(stlukes.gif) no-repeat;
}
#clients li.unionbank{
    width:200px;
    height:34px;
    background:url(unionbank.gif) no-repeat;
}
#clients li.myappol{
    width:200px;
    height:78px;
    background:url(myappol.gif) no-repeat;
}
#clients li.tesda{
    width:200px;
    height:88px;
    background:url(tesda.gif) no-repeat;
}
#clients li.lex{
    width:200px;
    height:62px;
    background:url(lex.gif) no-repeat;
}
#partners{
    float:right;
    width:250px;
    /*border:1px solid #441106;*/
}
#partners ul{
    list-style:none;
    padding-left:30px;
}
#partners li{    
    margin:0 0 30px 0;
}
#partners li.meralco{
    width:200px;
    height:167px;
    background:url(meralco.gif) no-repeat;
}
#partners li.shangrila{
    width:200px;
    height:104px;
    background:url(shangrila.gif) no-repeat;
}
#partners li.fujixerox{
    width:200px;
    height:71px;
    background:url(fujixerox.gif) no-repeat;
}
#partners li.pbed{
    width:200px;
    height:46px;
    background:url(pbed.gif) no-repeat;
}
#partners li.delcorp{
    width:200px;
    height:138px;
    background:url(delcorp.gif) no-repeat;
}
#partners_txt{
    color:#441106;
    font-size:15px;
    font-family:Franklin Gothic Book;
}
#partners_txt dl{
    color:#441106;
    font-size:15px;
    font-family:Franklin Gothic Book;
    margin:0 0 0 20px;
}
#partners_txt ul.txt_ul{
    margin-left:50px;    
}
#partners_txt li{
    color:#441106;
    font-size:15px;
    font-family:Franklin Gothic Book;
    margin:5px 0 0 0;
}
/* END PARTNERS */
/* START ABOUT US*/
#aboutus ul{
    list-style:none;
}
#aboutus h2{
    color:#441106;
    font-size:22px;
    font-family:Kartika;
    margin:20px 0 10px 0;
}
#aboutus li{
    color:#441106;
    font-size:15px;
    font-family:Franklin Gothic Book;
    margin:10px 0 0 0;
    text-align:justify;
}
#aboutus dl{
    color:#441106;
    font-size:15px;
    font-family:Franklin Gothic Book;
    margin:0 0 0 20px;
}
#aboutus ul.ul_right{
    float:right;
    margin-top:20px;
}
#aboutus ul.ul_right li{
    color:#441106;
    font-size:12px;
    font-family:Franklin Gothic Book;
    text-align:right;
}
/* END ABOUT US*/
/* START AFFILIATE */
#affiliate ul{
    padding:20px 0 0 110px;
    list-style:none;
}
#affiliate li{
    display:block;
}
#affiliate li.aff_ccap{
    width:305px;
    height:67px;
    background:url(aff_ccap.gif) no-repeat;
}
#affiliate li.aff_bpap{
    width:305px;
    height:69px;
    background:url(aff_bpap.gif) no-repeat;
}
#affiliate li.aff_tesda{
    width:305px;
    height:130px;
    background:url(aff_tesda.gif) no-repeat;
}
/* END AFFILIATE */
/* START SOLUTIONS */
#solutions ul{
    list-style:none;
}
#solutions ul.sol_img{
    float:left;
    width:150px;
    display:block;
    margin-top:20px;
    /*border:1px solid #441106;*/
}
#solutions li{
    display:block;
    font-size:15px;
    text-align:justify;
    font-family:Franklin Gothic Book;
}
#solutions li.img1{
    width:150px;
    height:158px;
    border:1px solid #441106;
    background:url(img1.jpg);
    margin:0 0 55px 0;
}
#solutions li.img2{
    width:150px;
    height:113px;
    border:1px solid #441106;
    background:url(img2.jpg);
    margin:0 0 32px 0;
}
#solutions li.img3{
    width:150px;
    height:141px;
    border:1px solid #441106;
    background:url(img3.jpg);
    margin:0 0 43px 0;
}
#solutions li.img4{
    width:150px;
    height:119px;
    border:1px solid #441106;
    background:url(img4.jpg);    
}
#solutions ul.sol_txt{
    float:right;
    width:370px;
    display:block;
    margin-top:20px;
    /*list-style:none;*/
    /*border:1px solid #441106;*/
}
#solutions ul.sol_txt h3.title{
    color:#441106;
    text-align:left;
    font-size:13px;
    font-weight:bold;
    font-family:Franklin Gothic Book;    
}
#solutions ul.sol_txt ul li{
    text-indent:20px;
    list-style:none;
    margin:0 0 10px 0;
}
#solutions dl{
    color:#441106;
    font-size:15px;
    font-family:Franklin Gothic Book;
    margin:0 0 0 20px;
}
/* END SOLUTIONS */