#MainContainer { width:800px; }

#MainContainer img { border:none; }	

#MainContainer ol, #MainContainer ul { list-style:none; }

#MainHeader { position:relative; width:800px; height:110px; background-color:#4d4d4d; margin-top:1px; }

#MainTitleImage { position:relative; float:left; }

#jcarousel-control { position:absolute; top:76px; left:33px; color:#fff; font-size:11px; font-family:"Trebuchet MS", sans-serif; }
#jcarousel-control a, #MainPageControl a:hover, #MainPageControl a:visited { color:#CCC;  }
#jcarousel-control a:hover { color:#fff; }
#jcarousel-control a { padding:2px; }

#ImageNavPrev, #ImageNavNext { position:relative; float:left; width:15px; height:110px; overflow:hidden; }

#ImageNavPrev a, #ImageNavNext a, #ImageNavPrev a:visited, #ImageNavNext a:visited { font-weight:bold; color:#FFF; }

#MainImageNavContainer { position:relative; float:left; }

#MainImageNavHolder { width:463px; }
#LoadingMessage { line-height:110px; color:#AAA; text-align:center; width:463px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#MainImageNav li { width:66px ! important; height:66px; border:none; overflow:hidden; margin-right:0px; }

#MainImageNav img { border:3px solid #4d4d4d; }

#MainLeftContent, #MainRightContent { margin-top:3px; }
#MainLeftContent { position:relative; float:left; width:193px; height:366px; }
#MainRightContent { position:relative; float:left; width:607px; height:366px; background-color:#4d4d4d; }

#MainCaseStudyContainer { position:relative; float:left; width:800px; height:416px; background-color:#4d4d4d; margin-top:4px; }

.MainLeftStudyContent, .MainRightStudyContent { display:block; }
.MainLeftStudyContent { position:relative; float:left; width:145px; height:416px; background-image:url(../../images/samples/CaseStudyLeftBar.gif); }
.MainRightStudyContent { position:relative; float:left; width:655px; height:416px; }

.MainLeftStudyContent ul { margin:28px 0px 0px 22px ! important; width:123px ! important; padding:0px ! important; }
.MainLeftStudyContent li { margin:0px 0px 17px 0px ! important; padding:0px ! important }

.MainLeftStudyContent li { width:123px; height:64px; overflow:hidden; }

.jcarousel-skin-tango .jcarousel-container { }
.jcarousel-skin-tango .jcarousel-container-horizontal { width:463px; padding:0px; margin:25px 5px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:463px; height:66px; }
.jcarousel-skin-tango .jcarousel-item { width:73px; height:73px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right:5px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background:#fff; color:#000; }

.jcarousel-container { position: relative; }

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 73px;
    height: 73px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}