@import "base.css";
@import "forms.css";
/*@import "featured.css";*/
body
{
    font: 82%/140% "Trebuchet MS" , Tahoma, Arial, sans-serif;
    color: #5A5858;
    background: #FFFFFF;
    height: 100%;
}
h1
{
    font-size: 140%;
    color: #0c7cbb;
    font-weight: 500;
    margin: .5em 0 .5em 0;
    word-spacing: -0.1em;
    letter-spacing: .01em;
}
h2
{
    font-size: 120%;
    line-height: 120%;
    margin: .3em 0 .5em 0;
    clear: right;
    color: #3D5267;
    font-weight: 600;
}
h3
{
    font-size: 115%;
    line-height: 120%;
    margin: .3em 0 .3em 0;
    clear: right;
    color: #2A4C7E;
    font-weight: 600;
    padding: 4px 0 2px 0;
}
h4
{
    color: #71C114;
}
h5
{
    color: #779D03;
    font-size: 125%;
    margin: .3em 0 .3em 0;
}
a
{
    color: #0c7cbb;
    text-decoration: underline;
}
a.sidelinks
{
    background: url(../images/rgt-arrow_sm.jpg) left 3px no-repeat;
    padding: 0 0 0 18px;
}
a:hover
{
    color: #2A4C7E;
    text-decoration: none;
}
/**/
p, li
{
    font-size: 100%;
    margin-bottom: .8em;
    padding: 3px 0 6px 0;
    line-height: 140%;
}
.leftpadd
{
    padding: 0 0 0 10px;
}
.textheading
{
    color: #C44038;
    font-weight: 600;
}
/* html img{margin:0 0 -3px 0;}*/
#outercontainer
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
#maincontainer
{
    margin: 0 auto 0 auto;
    padding: 0;
    width: 1020px;
    background: #FFFFFF;
    height: 100%;
    clear: both;
}
#innercontainer
{
    margin: 0 auto 20px auto;
    padding: 0 0px;
    width: 880px;
    background: none;
    clear: both;
}
img
{
    padding: 0;
    margin: 0;
    border: 0;
}
#header
{
    width: 880px;
    height: 118px;
    background: #186c96 url(../images/header_bg.jpg) left top no-repeat;
    margin: 0 0 0 0px;
    padding: 0;
}
#header .logo
{
    height: 118px;
    width: 148px;
    float: left;
}
#header .navsearch
{
    height: 118px;
    width: 732px;
    float: left;
}
#header .navsearch .search
{
    height: 36px;
    width: 728px;
    text-align: right;
    color: #ffffff;
    padding: 0 4px 0 0;
}
#header .navsearch .search a
{
    color: #fff;
}
#header .navsearch .nav
{
    height: 68px;
    width: 732px;
    vertical-align: bottom;
}
#header
{
    overflow: hidden;
}

#header .navholder
{
    width: 880px;
    height: 44px;
    overflow: hidden;
    margin: 0 0 0 0;
    padding: 0;
}
#sitenav
{
    margin: 0px;
    padding: 35px;
    width: 880px;
    height: 39px;
    list-style: none;
    background: none;
}

#sitenav li
{
    list-style: none;
    margin: 0 0px 0 0;
    padding: 0px;
    float: left;
    height: 39px;
    display: inline;
}
#sitenav li a
{
    float: left;
    line-height: 39px;
    height: 39px;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 98%;
    padding: 0 13px 0 13px;
}
#sitenav li a
{
    background: url(../images/nav_divide.jpg) right 6px no-repeat;
}
#sitenav li a:hover
{
    color: #b1e1fa;
}
#sitenav li a.active
{
    color: #FFFFFF;
}



#content
{
    margin: 0px 0 10px 0;
    padding: 12px 0px 0px 0;
    width: 880px;
    background: #fff;
    display: block;
}
#flashitem
{
    width: 880px;
    height: 203px;
    margin: 0;
    padding: 4px 0;
    clear: both;
}


#content .contenttext
{
    width: 880px;
    padding: 0;
    margin: 0;
    float: left;
    background: #ffffff;
}
#content .col1
{
    width: 570px;
    padding: 0 0px 0 0px;
    margin: 0;
    float: left;
}
#content .col2
{
    width: 299px;
    padding: 0 0px 0 10px;
    margin: 0;
    float: left;
    background: none;
}
#content .col2 .detail
{
    width: 570px;
    padding: 0px 0px 0 0px;
    margin: 0;
    float: left;
    background: none;
}
#content .col2 .detail .imgholder
{
    width: 570px;
    height: 140px;
    overflow: hidden;
    padding: 0px;
    margin: 0;
    float: left;
    background: none;
}
#content .col1 .detail p
{
    width: 570px;
}

#content .col4
{
    width: 192px;
    padding: 0 0px 0 0px;
    margin: 0;
    float: left;
}
#content .col5
{
    width: 490px;
    padding: 0 2px 0 2px;
    margin: 0;
    float: left;
}
#content .col6
{
    width: 192px;
    padding: 0 0px 0 0px;
    margin: 0;
    float: left;
}

#content .col5 .detail
{
    width: 485px;
    padding: 0px 0px 0 0px;
    margin: 0;
    float: left;
    background: none;
}
#content .col5 .detail p
{
    width: 570px;
}
#content .col5 .detail em
{
    color:#999999; display:block;
}
#content .col5 .downloadURL
{
    padding: 10px 0px 0 0px;
    margin: 0;
    display: block;
}

#footer
{
    margin: 50px 0 0 0;
    padding: 1px 0 1px 0px;
    width: 880px;
    border-top: 1px solid #0c7cbb;
    color: #ffffff;
    height: 58px;
    display: block;
}
#footer p
{
    padding: 0px;
    line-height: 58px;
    height: 58px;
}
#footer a
{
    color: #ffffff;
}
#footer .inner
{
    width: 880px;
    background: #0c7cbb;
    height: 58px;
}
#footer .col1
{
    width: 570px;
    padding: 0 0px 0 3px;
    margin: 0;
    float: left;
    height: 58px;
}
#footer .col2
{
    width: 292px;
    padding: 0 3px 0 10px;
    margin: 0;
    float: left;
    background: none;
    text-align: right;
    height: 58px;
}
/* ---- profile --- */
#content .detail .profile
{
    width: 450px;
    padding: 0 0 8px 0;
}
#content .detail .profile .profileinfo
{
    width: 450px;
    padding: 0 0 8px 0;
}
#content .detail .profile .profileinfo .imgholder
{
    width: 65px;
    height: 65px;
    float: right;
}
#content .detail .profile .profileinfo .txtholder
{
    width: 380px;
    float: left;
    margin: 0;
    padding: 0;
}
#content .detail .profile .profileinfo .txtholder p
{
    margin: 0;
    padding: 0 0 2px 0;
}
#content .detail .profile .profileinfo .txtholder p.logout
{
    margin: 0;
    padding: 25px 0 2px 0;
}
#content .detail .profile .profileinfo .txtholder p.aboutme
{
    margin: 0;
    padding: 5px 0 20px 0;
}
/* ---- end profile --- */

#content .col1 .breadcrumb
{
    font-size: 90%;
    padding: 0 0 15px 0;
}







/* ratings */
#ratings
{
    width: 450px;
    padding: 4px 0 4px 0;
    margin: 0;
    clear: both;
}
#ratings .votes
{
    width: 120px;
    float: left;
    background: none;
}
#ratings .votes p
{
    padding: 0;
    margin: 0;
    color: #000;
    font-weight: 500;
    clear: none;
}
#content .contenttext .col2 .comments #ratings .votes p
{
    padding: 0;
    margin: 0;
}
#ratings .rate
{
    width: 320px;
    float: left;
    margin: 0;
    padding: 0;
    background: none;
}
#ratings .rate .stars
{
    width: 100px;
    background: none;
    margin: 0;
    padding: 0;
    height: 30px;
    float: left;
}
#ratings .rate .ratingmsg
{
    width: 220px;
    background: none;
    margin: 0;
    padding: 0;
    height: 30px;
    float: left;
}
#ratings .rate .stars img.ratingstar
{
    border: 0;
    float: left;
}




/* ratings */
#content .categorylist .categoryrow .categorycol .catratings
{
    width: 135px;
    float: left;
    margin: 0;
    padding: 0;
}
#content .categorylist .categoryrow .categorycol .catratings .rate
{
    width: 45px;
    float: left;
}
#content .categorylist .categoryrow .categorycol .catratings .stars
{
    width: 85px;
    background: none;
    margin: 0;
    padding: 0;
    height: 15px;
    float: left;
}
#content .categorylist .categoryrow .categorycol .catratings .stars img
{
    border: 0;
    float: left;
    margin: 0;
    padding: 0;
}

#content .cart .tblrow .title
{
    background: #ccc;
}
/* paging */

#listpaging
{
    width: 432px;
    margin: 3px 0 0 0;
    padding: 0;
    font-size: 90%;
    color: #999999;
    display: block;
    clear: both;
    float: right;
}
#listpaging .paging
{
    width: 432px;
    margin: 0;
    padding: 0;
    text-align: right;
}
#listpaging .paging ul
{
    list-style: none;
    margin: 2px 0 0 0;
    padding: 0;
    display: inline;
    text-align: right;
}
#listpaging .paging ul li
{
    list-style: none;
    margin: 0 0px 0 0;
    display: inline;
    background: none;
}
#listpaging .paging ul li a
{
    color: #f25b00;
    text-decoration: none;
    padding: 1px 4px 1px 4px;
    line-height: 20px;
    font-weight: 600;
}
#listpaging .paging ul li a:hover
{
    text-decoration: none;
    background: #f25b00;
    color: #FFFFFF;
}
#listpaging .paging ul li.active
{
    background: #f25b00;
    color: #FFFFFF;
    padding: 1px 4px 1px 4px;
    line-height: 20px;
}

#commentariesPaging
{
    list-style: none;
    margin: 2px 0 0 0;
    padding: 0;
    display: inline;
    text-align: right;
}
#commentariesPaging li
{
    list-style: none;
    margin: 0 0px 0 0;
    display: inline;
    background: none;
}
#commentariesPaging li a
{
    color: #f25b00;
    text-decoration: none;
    padding: 1px 4px 1px 4px;
    line-height: 20px;
    font-weight: 600;
}
#commentariesPaging li a:hover
{
    text-decoration: none;
    background: #f25b00;
    color: #FFFFFF;
}
#commentariesPaging li.active
{
    background: #f25b00;
    color: #FFFFFF;
    padding: 1px 4px 1px 4px;
    line-height: 20px;
}

#sitePaging
{
    list-style: none;
    margin: 2px 0 0 0;
    padding: 0;
    display: inline;
    text-align: right;
}
#sitePaging li
{
    list-style: none;
    margin: 0 0px 0 0;
    display: inline;
    background: none;
}
#sitePaging li a
{
    color: #f25b00;
    text-decoration: none;
    padding: 1px 4px 1px 4px;
    line-height: 20px;
    font-weight: 600;
}
#sitePaging li a:hover
{
    text-decoration: none;
    background: #f25b00;
    color: #FFFFFF;
}
#sitePaging li.active
{
    background: #f25b00;
    color: #FFFFFF;
    padding: 1px 4px 1px 4px;
    line-height: 20px;
}
.paddleftright
{
    padding: 0 6px 0 3px;
}

/* end of paging */

/* widgets */
#content .col2 .widgetcommentaries
{
    background: #FFFFFF;
    margin: 2px 0 3px 0;
    padding: 6px 2px 10px 2px;
    width: 294px;
    border-bottom: 1px solid #ced1d3;
    clear: both;
    display: block;
}
#content .col2 .widgetcommentaries h2
{
    background: #629514;
    color: #FFFFFF;
    width: 292px;
    vertical-align: middle;
    line-height: 25px;
    padding: 0 0 0 2px;
    margin: 0;
    font-size: 90%;
}
/*------------------------*/
#content .col2 .miniitems
{
    background: #FFFFFF;
    margin: 2px 0 3px 0;
    padding: 6px 2px 10px 2px;
    width: 294px;
    border-bottom: 1px solid #ced1d3;
    clear: both;
}
#content .col2 .miniitems .widgetclients
{
    background: #FFFFFF;
    margin: 0;
    padding: 0px;
    width: 147px;
    float: left;
}
#content .col2 .miniitems .widgetclients h2
{
    background: #0c7cbb;
    color: #FFFFFF;
    width: 145px;
    vertical-align: middle;
    line-height: 25px;
    padding: 0 0 0 2px;
    margin: 0;
    font-size: 90%;
}
#content .col2 .miniitems .whatwedo
{
    background: #FFFFFF;
    margin: 0;
    padding: 0px;
    width: 147px;
    float: left;
}
#content .col2 .miniitems .whatwedo h2
{
    background: #0c7cbb;
    color: #FFFFFF;
    width: 144px;
    vertical-align: middle;
    line-height: 25px;
    padding: 0 0 0 3px;
    margin: 0;
    font-size: 90%;
    border-left: 1px solid #ffffff;
}
#content .col2 .miniitems .whatwedo ul
{
    list-style: none;
    font-size: 90%;
    width: 144px;
    padding: 4px 0 0 1px;
}
#content .col2 .miniitems .whatwedo ul li
{
    list-style: none;
    font-size: 90%;
    width: 144px;
}
/*------------------------*/
#content .col2 .widgetmembers
{
    background: #FFFFFF;
    margin: 2px 0 3px 0;
    padding: 6px 2px 10px 2px;
    width: 294px;
    border-bottom: 1px solid #ced1d3;
    clear: both;
    display: block;
}
#content .col2 .widgetmembers h2
{
    background: #629514;
    color: #FFFFFF;
    width: 292px;
    vertical-align: middle;
    line-height: 25px;
    padding: 0 0 0 2px;
    margin: 0;
    font-size: 90%;
}
/*------------------------*/
#content .col2 .widgetblogs
{
    background: #FFFFFF;
    margin: 2px 0 3px 0;
    padding: 6px 2px 10px 2px;
    width: 294px;
    border-bottom: 1px solid #ced1d3;
    clear: both;
    display: block;
}
#content .col2 .widgetblogs h2
{
    background: #0c7cbb;
    color: #FFFFFF;
    width: 292px;
    vertical-align: middle;
    line-height: 25px;
    padding: 0 0 0 2px;
    margin: 0;
    font-size: 90%;
}
#content .col2 .widgetblogs ul
{
    background: none;
}
#content .col2 .widgetblogs ul li
{
    width: 292px;
    clear: both;
    margin: 1px 0;
    padding: 3px 0;
    background: url(../images/dash.jpg) bottom left repeat-x;
}
#content .col2 .widgetblogs ul li .title
{
    width: 292px;
    clear: left;
    font-size: 96%;
    color: #0c7cbb;
}
#content .col2 .widgetblogs ul li .date
{
    width: 292px;
    clear: left;
    font-size: 90%;
}
#content .col2 .widgetblogs a
{
    text-decoration: none;
    color: #5A5858;
    font-weight: 600;
}
#content .col2 .widgetblogs a:hover
{
    color: #2A4C7E;
    text-decoration: underline;
}
/**/

/*------------------------*/
/*----------Home What we do -----------*/
#whatwedohome
{
    width: 570px;
    padding: 15px 0px 10px 0px;
    margin: 0 0 4px 0;
    float: left;
    background: url(../images/dash.jpg) top left repeat-x;
}
#whatwedohome .col1
{
    width: 265px;
    padding: 0 0px 0 0px;
    margin: 0;
    float: left;
}
#whatwedohome h2
{
    font-size: 120%;
    width: 260px;
    clear: both;
}
#whatwedohome .col1 h2
{
    color: #3366FF;
}
#whatwedohome ul
{
    background: none;
}
#whatwedohome ul li
{
    width: 240px;
    clear: both;
    margin: 1px 0;
    padding: 0px 0 1px 20px;
    font-size: 82%;
    font-weight: 500;
    background: url(../images/more_arrow.jpg) 0 7px no-repeat;
}
#whatwedohome ul li a
{
    text-decoration: none;
}
#whatwedohome ul li a:hover
{
    text-decoration: underline;
}
#whatwedohome .col2
{
    width: 265px;
    padding: 0 0px 0 10px;
    margin: 0;
    float: left;
    background: none;
}
#whatwedohome .col2 h2
{
    color: #B8002E;
}
/*------------------------*/

#blogslist
{
    width: 570px;
    padding: 0 0px 0 0px;
    margin: 0;
    float: left;
}
#blogslist li
{
    width: 570px;
    padding: 5px 0px 6px 0px;
    margin: 0;
    float: left;
    background: url(../images/dash.jpg) bottom left repeat-x;
}

ul.contentlist
{
    width: 570px;
    padding: 0 0px 0 0px;
    margin: 0;
    float: left;
    background: none;
}
ul.contentlist li
{
    width: 570px;
    padding: 5px 0px 6px 0px;
    margin: 0;
    float: left;
    background: url(../images/dash.jpg) bottom left repeat-x;
}
ul.contentlist li .imgholder
{
    width: 190px;
    padding: 0 4px 0 0;
    margin: 0;
    float: left;
}
ul.contentlist li .content
{
    width: 372px;
    padding: 0 0px 0 0;
    margin: 0;
    float: left;
    background: none;
}
ul.contentlist li .content h2
{
    width: 100%;
    float: left;
    padding: 0 0px 0 0;
    margin: 0;
}
ul.contentlist li .content h2 a
{
    text-decoration: none;
}
ul.contentlist li .content p
{
    width: 100%;
    float: left;
    padding: 0 0px 0 0;
    margin: 0;
}
ul.contentlist li .content em
{
    width: 100%;
    float: left;
    padding: 0 0px 0 0;
    margin: 0;
}
ul.contentlist li .extented
{
    width: 560px;
}

#commentaries
{
    width: 450px;
    padding: 4px 0 4px 0;
    margin: 0;
    clear: both;
}
#commentaries ul
{
    list-style: none;
}
#commentaries ul li
{
    width: 450px;
    list-style: none;
    background: url(../images/dash.jpg) left bottom repeat-x;
    padding: 4px 0 4px 0;
}
#commentaries ul li .comment
{
    font-size: 100%;
}
#commentaries ul li .added
{
    color: #999999;
    font-size: 90%;
}
#commentaries ul li .added a
{
    font-style: italic;
    padding: 0 5px 0 0;
}
#commentaries ul li.main
{
    font-size: 170%;
    color: #333333;
}
#commentaries ul li.main div.added
{
    color: #999999;
    font-size: 70%;
}

.commentarypaging
{
    text-align: right;
    width: 440px;
    margin: 0;
    padding: 0;
}
.dash
{
    background: url(../images/dash.jpg) left bottom repeat-x;
    padding: 4px 0 4px 0;
    width: 570px;
    display: block;
}

.adminhome
{
    display: block;
    width: 250px;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
}
ul.adminmenu
{
    width: 570px;
    padding: 0 0px 0 10px;
    margin: 0;
    float: left;
}
ul.adminmenu li
{
    width: 540px;
    padding: 2px 0px 5px 20px;
    margin: 0;
    float: left;
    background: url(../images/more_arrow.jpg) 0 7px no-repeat;
    font-size: 105%;
}

ul.adminlist
{
    width: 570px;
    padding: 0 0px 20px 10px;
    margin: 0;
    float: left;
}
ul.adminlist li
{
    width: 540px;
    padding: 2px 0px 2px 20px;
    margin: 0;
    float: left;
    background: url(../images/more_arrow.jpg) 0 7px no-repeat;
    border-bottom: 1px dashed #ccc;
}
ul.adminlist .title
{
    width: 540px;
    padding: 0 0px 0 0px;
    margin: 0;
    float: left;
    font-size: 105%;
    font-weight: 600;
}
ul.adminlist .text
{
    width: 540px;
    padding: 0 0px 0 0px;
    margin: 0;
    float: left;
    font-size: 100%;
    font-weight: 500;
}
ul.adminlist .more
{
    width: 540px;
    padding: 0 0px 0 0px;
    margin: 0;
    float: left;
}
ul.adminlist .editdelete
{
    width: 540px;
    padding: 0 0px 0 0px;
    margin: 0;
    float: left;
    text-align: right;
}
ul.adminlist .more .edit
{
    width: 270px;
    padding: 0 0px 0 0px;
    margin: 0;
    float: left;
    text-align: right;
}
ul.adminlist .more .delete
{
    width: 270px;
    padding: 0 0px 0 0px;
    margin: 0;
    float: left;
    text-align: right;
}

#mainandthumbs
{
    width: 485px;
    margin: 3px 0 0 0px;
}


#mobileappsthumbs
{
    width: 162px;
    margin: 0px 0 0 0;
    padding: 0px 0 0 0;
    float: left;
}
#mobileappsthumbs ul
{
    width: 163px;
    float: left;
}
#mobileappsthumbs ul li
{
    width: 80px;
    height: 80px;
    float: left;
    overflow: hidden;
    margin: 0 1px 5px 0;
    padding: 0 0px 0px 0;
    display: block;
    border-bottom: 1px solid #999999;
}

#mainimagecontainer
{
    margin: 0px 0 5px 0;
    border: 0px #ccc solid;
    height: 533px;
    width: 320px;
    float: left;
}

#commentOptions
{
    width: 570px;
    padding: 0 0px 20px 10px;
    margin: 0;
    float: left;
}
#commentOptions li
{
    padding: 0 8px 0px 8px;
    margin: 0;
    float: left;
}
/* ------------- end of widgets ----------------------------- */
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}



#RB_imagenav
{
    color: #fff;
    padding: 0px 0 0px 8px;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 98%; /*height:40px;*/
}
#RB_next
{
    width: 53px;
    height: 28px;
    float: left;
    display: block;
    overflow: hidden;
}
#RB_prev
{
    width: 53px;
    height: 28px;
    float: left;
    display: block;
    overflow: hidden;
}
#RB_closeWindowButton
{
    width: 56px;
    float: right;
    display: block;
    padding: 0 30px 0 0;
}
#RB_imageshowing
{
    width: 73px;
    height: 32px;
    display: block;
    float: left;
    color: #333333;
    padding: 8px 0 0 2px;
    text-align: center;
    font-size: 82%;
    font-weight: 600;
}
#RB_imagenav a
{
    white-space: nowrap;
}

#RB_window a
{
    color: #fff;
}
#RB_window a:hover
{
    color: #fff;
}


#RB_overlay
{
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #333;
    opacity: .35;
    filter: Alpha(Opacity=35);
}

* html #RB_overlay
{
    /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); /**/
}
#RB_window
{
    position: fixed;
    background: #ffffff;
    padding: 20px 20px; /* *padding-top: 30px;*/
    z-index: 102;
    color: #000000; /*height:500px; width:500px;*/
    border: 1px solid #fff;
    text-align: left;
    top: 0;
    left: 0;
    font-size: 1.1em;
    _background: #636363;
    display: none;
}
* html #RB_window
{
    /* ie6 hack */
    position: absolute; /* margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');*/
}
#RB_window img#RB_Image
{
    display: block;
    margin: 15px 15px; *margin-top:35px;
}
#RB_caption
{
    padding: 7px 20px 15px;
    color: #fff;
}


#RB_load
{
    position: fixed; /*display:none;*/
    height: 400px;
    width: 408px;
    z-index: 103;
    top: 0;
    left: 0;
    margin: 0px 0 0 0px; /* -height/2 0 0 -width/2 */
    background: #ffffff;
}
* html #RB_load
{
    /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#RB_load img
{
    padding: 189px 0 0 189px;
    display: block;
    width: 32px;
    height: 32px;
}
#RB_HideSelect
{
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}
* html #RB_HideSelect
{
    /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#rbclients
{
    background: #ffffff;
    margin: 0;
    padding: 5px 0 0 0;
    width: 148px;
    height: 70px;
    overflow: hidden;
}
#rbclients ul
{
    height: 68px;
    width: 148px;
    margin: 0px;
    overflow: hidden;
}
#rbclients li
{
    float: left;
    display: inline;
    height: 68px;
    width: 148px;
    background: #fff;
}