#workswrapper {
    width: 900px;
    margin: 0 auto;
}
.blog #content #workswrapper img {

}
#intro {
    padding-bottom: 10px;
}
#slider h2 {
    margin: 11px 0px 7px 12px;
    padding: 0;
}
#slider {
    width: 900px;
    margin: 0 auto;
    position: relative;
	min-height: 500px;
}
.scroll {
	width: 900px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background-color: #FFFFFF;
}
.scrollContainer div.panel {
    padding: 5px;
	width: 615px;
	padding-top:0px;
}
.scrollContainer {
	margin-left: 101px;
}
.scrollContainer div.panel .panelimg {
margin-bottom: 0px;
height: 346px;
}
div.frameContentContainer {
	background: white url(../images/loading.gif) no-repeat center center;
	height: 346px;
}
#slider .scrollContainer div.panel .panelimg .previewContainer { display: block; }
#slider .scrollContainer div.panel .panelimg .frameContentContainer { display: none; }

#slider .scrollContainer div.selectedPane .defaultCaseInfo .panelimg .previewContainer { display: none; }
#slider .scrollContainer div.selectedPane .defaultCaseInfo .panelimg .frameContentContainer { display: block; }

#slider .scrollContainer div.selectedPane .assetScrollContainer div.selectedAsset .panelimg .previewContainer { display: none; }
#slider .scrollContainer div.selectedPane .assetScrollContainer div.selectedAsset .panelimg .frameContentContainer { display: block; }

.scroll
.scrollContainer div.panel .paneltitlebar {
	background-color: black;
	color: white;
	height: 43px;
	top: 350px;
	width: 615px;
	position: absolute;
	z-index:450;
}
.scrollContainer div.panel .paneltitlebar .assetselect {
float: right;
margin-top: 10px;
margin-right: 10px;
padding-top:3px;
/*height:18px;*/
display: none;
}
.scrollContainer div.selectedPane .paneltitlebar .assetselect {
display: block;
}
.scrollContainer div.panel .paneltitlebar h2 {
color: #fff;
float: left;
padding: 5px;
font-weight: normal;
/*font-family: verdana;*/
}
h2 .caselabel {
color: #4A8EAD;
}
.scrollContainer div.panel .panelbody {
padding: 10px;
padding-bottom: 5px;
padding-top: 25px;
margin-top: 47px;
/*font-family: verdana;*/
}
.scrollContainer div.panel .panelbody h3 {
margin: 0px;
padding: 0px;
font-weight: bold;
font-size: 1em;
/*font-size: .8em;*/
}
.scrollContainer div.panel .panelbody p {
margin: 0px;
padding: 0px;
margin-bottom: 1em;
font-weight:normal;
font-size:1em;
/*font-size: .8em;*/
}
div.clearboth {
clear: both;
}
.scrollContainer div.panel {
/*opacity:.30;
-moz-opacity:.30;
filter:alpha(opacity=30);*/
}
.scrollContainer div.selectedPane {
/*filter:alpha(opacity=100);
opacity:1;
-moz-opacity:1;*/
}
ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}
ul.navigation li {
    display: inline;
    margin-right: 10px;
}
ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}
ul.navigation a:hover {
    background-color: #f6f6f6;
}
ul.navigation a.selected {
    background-color: #fff;
}
ul.navigation a:focus {
    outline: none;
}
.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}
.scrollButtons.left {
    left: -60px;
	height: 49px;
	width: 49px;
	background: url(../images/workscarrousel/arrow_left.png) no-repeat;
}
.scrollButtons.right {
    right: -60px;
	height: 49px;
	width: 49px;
	background: url(../images/workscarrousel/arrow_right.png) no-repeat;
}
.scrollLeftArea a:hover .left {
	background: url(../images/workscarrousel/arrow_left_hover.png) no-repeat;
}
.scrollRightArea a:hover .right {
	background: url(../images/workscarrousel/arrow_right_hover.png) no-repeat;
}
.hide {
    display: none;
}

div.scrollLeftArea
{
	position: absolute;
	width: 100px;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index:  451;
	/*cursor: hand;
	cursor:pointer;*/
}
div.scrollRightArea
{
	position: absolute;
	width: 170px;
	height: 100%;
	top: 0px;
	right: 0px;
	z-index: 451;
	/*cursor: hand;
	cursor: pointer;*/
}
div.scrollRightArea a, div.scrollLeftArea a
{
display:block;
height: 100%;
*height:100%; 
_height:400px;
background-color: white;
opacity:.70;
-moz-opacity:.70;
filter:alpha(opacity=70);
}
a {
outline: none;
}

#slider img {border: none;}

a .enlarge { display: none; }
a:hover .enlarge { display: block; }

.enlarge {
position: absolute;
height: 346px;
width: 615px;
background: url(../images/workscarrousel/enlarge.jpg) no-repeat center center;
cursor: hand;
cursor: pointer;
}

/* subscroller styles */
.assetScroll {
	width: 615px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    /*background-color: #FFFFFF;*/
}
.assetScrollContainer div.asset {
    padding: 1px;
	width: 615px;
	padding-top: 0px;
}
div.assetList {display:none;}
/* end of subscroller styles */

div.loadingcarrousel {
width: 890px;
position: absolute;
top: 0px;
left: 0px; 
height: 400px; 
z-index: 999;
background: white url(../images/loading.gif) no-repeat center center;
}
div.preload
{
	background: white url(../images/loading.gif) no-repeat center center;
	height: 346px;
}

/*  asset subselect nav bar */
div.selectedAssetdiv { z-index:450; position: absolute; top: 30px; width: 100%; height: 20px; padding-top: 2px; /*font-family: verdana; font-size: .8em;*/}
div.selectedAssetdiv span.AssetPosContainer {float: right; background-color: #fff; padding: 2px 5px; margin-right: 6px; }
div.selectedAssetdiv a.AssetSelectArrowPrevious,
div.selectedAssetdiv a.AssetSelectArrowNext { text-decoration: none; color: #000; font-weight: bold; display:block; width:8px; height:20px;/*font-size: 0.8em */}
div.selectedAssetdiv a:hover.AssetSelectArrowNext { background: url(../images/workscarrousel/asset_arrow_right_hover.jpg) no-repeat center center; }
div.selectedAssetdiv a.AssetSelectArrowNext { background: url(../images/workscarrousel/asset_arrow_right.jpg) no-repeat center center; }
div.selectedAssetdiv a:hover.AssetSelectArrowPrevious { background: url(../images/workscarrousel/asset_arrow_left_hover.jpg) no-repeat center center; }
div.selectedAssetdiv a.AssetSelectArrowPrevious { background: url(../images/workscarrousel/asset_arrow_left.jpg) no-repeat center center; }
div.selectedAssetdiv span.AssetPos { display: block;}
div.selectedAssetdiv span span {float:left;}
div.selectedAssetdiv span.assetNavPrev {margin-right:5px;}
div.selectedAssetdiv span.assetNavNext {margin-left: 5px;}
div.selectedAssetdiv span.sclabel { margin-right:10px}
/*  end of asset subselect nav bar */



/* media category dropdown CSS */
div.assetselect { font-size: 1.2em; position:relative; display:inline; padding: 0px 0px 0px 5px; margin:0 0px; background-color: #fff; width: 170px; text-align:left; /*cursor:hand; cursor:pointer;*/}
div.assetselect:hover { border:0px solid #FFF; padding:0px 0px 0px 5px; background:#FFF; }
div.assetselect a:hover { text-decoration:none; }
ul.selectbox { width: 170px; position:absolute; bottom:25px; right:0px; padding:2px 2px 0 2px; list-style:none; background:#000; border-width:0px; border-style:solid; border-color:#ccc; z-index:1000; line-height:1.5em; display:block; margin:0; }
ul.selectbox li { border-top: 0px solid #CCC; background:  url(../images/workscarrousel/line.jpg) no-repeat bottom center; padding: 5px 10px; }
ul.selectbox li:hover { }
ul.selectbox a { color:#FFF;  text-decoration:none; /* font-size: .8em; */ font-weight: normal; }
ul.selectbox a:hover { text-decoration:none; color:#FFF; }
div.assetselect a { color: #FFF; text-decoration:none; /* font-size: .8em; */}
/*div.assetselect a:hover { color: #FFF; }*/
div.assetselect a.pulldown_arrow { display:none; padding:0px 8px 0px 8px; background:url(../images/workscarrousel/selector.jpg) no-repeat; text-decoration:none; height: 21px; }
div.assetselect a.pulldown_arrow:hover { text-decoration:none; }
div.assetselect a.dd-opener {color: black; background:url(../images/workscarrousel/selector.jpg) no-repeat center right; padding-right:25px; width:140px; display:block;}
div.assetselect a  {/*font-family: verdana;*/}
div.hide-dropdown .selectbox { display: none; }
/* END of media category dropdown CSS */