﻿/* Little Carousel Styles */

#work-curtain { position:absolute; top:0; left:0; width:100%; height:100%; z-index:50; background:#fff; }
#more-detail { position:absolute; top:250px; left:32px; z-index:3; display:block; height:25px; width:188px; background:url(/assets/images/carousel/click-for-more-detail.png) no-repeat 0 0; text-indent:-5000px; outline:none; }

.jc-skin-mini * { margin:0; padding:0; }

.jc-skin-mini { margin:10px 0 4px -5px; position:relative; }

.jc-skin-mini .jc-container { height:275px; background:none; }
.jc-skin-mini .jc-container-horizontal { background:#b3aaa7 url(/assets/images/mini-carousel-bg.gif) no-repeat bottom left; width:250px; padding:0 0 0 0; margin:0 0 0 2px; }
.jc-skin-mini .jc-clip-horizontal { width:250px; height:275px; }

.jc-skin-mini .jc-item { width:250px; height:275px; text-align:center; background-image:none; }
/*.jc-skin-mini .jc-item img { margin:4px 0 0 0; border:solid 1px #fff; }*/
.jc-skin-mini .jc-item a { outline:none; cursor:pointer; }

.jc-skin-mini .jc-item-horizontal { padding:0 0 0 0; }
.jc-skin-mini .jc-item-placeholder { color:#000; }

/* Little Carousel Buttons */
.jc-skin-mini .jc-next-horizontal { position:absolute; top:246px; right:2px; width:32px; height:32px; cursor:pointer; background:transparent url(/assets/images/carousel/mini-next-horizontal.png) no-repeat 0 0; }

.jc-skin-mini .jc-next-horizontal:hover { background-position:-32px 0; }
.jc-skin-mini .jc-next-horizontal:active { background-position:-64px 0; }
.jc-skin-mini .jc-next-disabled-horizontal,
.jc-skin-mini .jc-next-disabled-horizontal:hover,
.jc-skin-mini .jc-next-disabled-horizontal:active { cursor:default; background-position:-96px 0; }
.jc-skin-mini .jc-prev-horizontal { position:absolute; top:246px; left:2px; width:32px; height:32px; cursor:pointer; background: transparent url(/assets/images/carousel/mini-prev-horizontal.png) no-repeat 0 0; }

.jc-skin-mini .jc-prev-horizontal:hover { background-position:-32px 0; }
.jc-skin-mini .jc-prev-horizontal:active { background-position:-64px 0; }

.jc-skin-mini .jc-prev-disabled-horizontal,
.jc-skin-mini .jc-prev-disabled-horizontal:hover,
.jc-skin-mini .jc-prev-disabled-horizontal:active { cursor:default; background-position:-96px 0; }

/** html #page-overlay { /* ie6 hack 
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}*/

.work-browser { margin:10px -30px 0 -30px; padding:0 0 30px 0; overflow:auto; }
.work-browser ul { margin:0; list-style:none; padding:0; }
.work-browser li { margin:0 0 30px 30px; float:left; width:270px; height:300px; text-align:left; }
.work-browser img { }
/*okay :( */
#ctl00_ctl00_ctl00_CCI_CCInner_Main_ItemBrowser_RepeaterBrowser_ctl01_Image {width:250px;}
.work-browser div { border:10px solid #EFEDEC; margin-bottom:5px; text-align:center; height:250px; width:250px; overflow: hidden;}
.work-browser .lnk {  }
.work-browser .lnk img { border:0; }
.work-browser strong { display:block; padding:0 10px 0 10px; font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; font-size:16px; font-weight:normal; }

.work-item { position:relative; z-index:2; min-height:600px; width:890px; margin-top:-20px; }
.work-item .sIFR-flash { width:420px; }
.work-item .sIFR-replaced, .work-item .sIFR-ignore { width:420px; }
.item-box { position:absolute; top:0; left:0; z-index:1; padding:20px 470px 0 0; min-height:460px; width:420px; }
.item-box .media { position:absolute; top:0; right:0; border:10px solid #EFEDEC; width:440px; height:440px; text-align:center;  }
.work-item p { margin:0 0 12px 0; width:405px; }

.view-larger-link { background:url(/assets/images/click-to-enlarge.png) no-repeat 0 0; width:122px; height:28px; position:absolute; top:416px; right:15px; z-index:3; text-indent:-5000px; outline:none; }

.item-box em { font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; color:#cac3c0; text-transform:uppercase; font-style:normal; }

.work-item .inner-controls { position:absolute; top:472px; right:-8px; z-index:2; width:468px; }
.inner-controls ul { list-style:none; margin:0 0 0 0; padding:0; }
.inner-controls li { float:left; padding:0; margin:0 8px 8px 0; width:60px; height:60px; text-align:center; border:5px solid #EFEDEC !important; }
.inner-controls img { cursor:pointer; }
.inner-controls .on { border:5px solid #00AAD2 !important; }
/*.inner-controls li.on { border:5px solid #CBC4C1 !important; }*/

.pager-controls { list-style:none; position:absolute; top:100px; left:50%; z-index:1; margin:0 0 0 343px; padding:0; height:25px; width:135px; }
.pager-controls li { float:left; text-indent:-5000px; height:25px; margin:0; padding:0; }
.pager-controls li a { display:block; height:25px; outline:none; }

.pager-controls .prev a { width:30px; background:url(/assets/images/service-browser-back.gif) no-repeat; margin-right:1px; }
.pager-controls .next a { width:30px; background:url(/assets/images/service-browser-forward.gif) no-repeat; }
.pager-controls .index a { width:61px; margin-left:5px; background:url(/assets/images/service-browser-index.gif) no-repeat; }

* html .inner-controls li { display:inline; }
* html .work-item { height:600px; }
* html .item-box { height:460px; }

.view-all { width:250px; height:25px; display:block; text-indent:-5000px; outline:none; margin:0 0 0 -3px; background:url(/assets/images/view-all-work-sprite.png) no-repeat; }

.v-strat-plan { background-position:0 0; }
.v-brand-nav { background-position:0 -25px; }
.v-smartargeting { background-position:0 -50px; }
.v-advertising { background-position:0 -75px; }
.v-design { background-position:0 -100px; }
.v-media { background-position:0 -125px; }
.v-dr { background-position:0 -150px; }
.v-interactive { background-position:0 -175px; }
