/* main indexCss Template */
/************************************************************************************************/


/* Left Page SubSection */
/************************************************************************************************/

#leftPageInner{
	position:relative;
	float:left;
	width:465px;
	height:555px;
	background-image:url(../images/pageHeaders/featuredProjects.png);
	background-repeat: no-repeat;
	background-position: 50px 30px;
	background-attachment:inherit;
	overflow:auto;
}

/* \*/
	* html #leftPageInner {
	background: none;
	float: left;
	width:465px;
	height:555px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.digitalsandbox.org/images/pageHeaders/featuredProjectsIE.png', sizingMethod='crop'); 
	background-repeat: no-repeat;
	overflow:visable;
}
/* */


#subSectionHeaderPt1{
	
	float:left;
	width:291px;
	height:35px;
	background-image: url("../images/pageTitles/corpFilmography.png");
	background-repeat: no-repeat;
}

#subSectionHeaderPt2{
	float:left;
	width:150px;
	height:35px;
}

#subSectionContentATitle{
	float:left;
	width:280px;
	height:10px;
	line-height: 10px;
}

#pagelogo{

	float:left;
	width:435px;
	height:140px;

}

/* \*/
* html #subSectionHeaderPt1 {
background: none;
float: left;
width: 291px;
height:30px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pageTitles/corpFilmography.png', sizingMethod='scale'); }
/* */

#subSectionContent{
	position:relative;
	float:left;
	width:423px;
	height:290px;
	overflow:hidden;
	
}

#subProjectSpacer{

	float:left;
	width:423px;
	height:20px;
	overflow:hidden;
	
}


div.scrollUp{
	float:left;
	width:25px;
	height:25px;
	cursor:pointer;
	background-image: url("../images/structure/scrollup.gif");
}

div.scrollUp:active{
	cursor:pointer;
}

div.scrollUp:hover,
div.scrollUpHover{
	float:left;
	display:block;
	width:25px;
	height:25px;
	cursor:pointer;
	background-image: url("../images/structure/scrollupMO.gif");
	background-repeat:no-repeat;
}

div.scrollMiddle{
	float:left;
	width:25px;
	height:240px;
	cursor:pointer;
	background-image: url("../images/structure/scrollMiddle.png");
	
}

div.scrollDown{
	float:left;
	width:25px;
	height:25px;
	cursor:pointer;
	background-image: url("../images/structure/scrolldown.gif");
	
}

div.scrollDown:active{
	cursor:pointer;
}
div.scrollDown:hover,
div.scrollDownHover{
	float:left;
	display:block;
	width:25px;
	height:25px;
	cursor:pointer;
	background-image: url("../images/structure/scrolldownMO.gif");
	background-repeat:no-repeat;
}

/*
div.subProject{
	float:left;
	display:block;
	width:423px;
	height:45px;
	line-height:45px;
	overflow:hidden;
}

div.miniPoster{
	float:left;
	display:block;
	width:30px;
}

div.projectTitle{
	float:left;
	display:block;
	height:40px;
	line-height:35px;
	font-size:.70em;
	padding-right:4px;
}

div.projectTitle a{
	float:left;
	display:block;
	height:40px;
	line-height:35px;
	padding-right:4px;
	color:#0000FF;

}

div.role{
	float:left;
	height:40px;
	display:block;
	line-height:35px;
	font-size:.65em;
	font-style:italic;


}
*/
div.miniPoster{
	float:left;
	width:30px
}

div.projectTitle{
	float:left;
	font-size:.70em;
	padding-right:4px;
}

div.projectTitle a{
	float:left;
	padding-right:4px;
	color:#0000FF;

}

div.role{
	float:left;
	font-size:.65em;
	font-style:italic;


}


/* Right Page SubSection */
/************************************************************************************************/


#pageSpacer1{
	position: relative;
	display:block;
	float:left;
	width:437px;
	height:20px;
	
}

div.rightPageLeftMargin{

	float:left;
	width:55px;
	height:10px;



}

#rightPageHeader{
	
	float:left;
	width:382px;
	background-color:#33FF99;

}



#rightPageMainContent{
	
	float:left;
	width:357px;
	height:470px;
	overflow:hidden;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-stretch:extra-expanded;
	font-size:.60em;

}

div.rightpageScrollUp{
	
	float:left;
	display:block;
	width:25px;
	height:25px;
	cursor:pointer;
	background-image: url("../images/structure/scrollup.gif");
	background-repeat:no-repeat;

}
div.rightpageScrollUp:active{
	cursor:pointer;
}
div.rightpageScrollUp:hover,
div.rightpageScrollUpHover{

	float:left;
	display:block;
	width:25px;
	height:25px;
	cursor:pointer;
	background-image: url("../images/structure/scrollupMO.gif");
	background-repeat:no-repeat;
}



#rightpageScrollMiddle{
	
	float:left;
	width:25px;
	height:425px;
	background-image: url("../images/structure/scrollmiddle.gif");
	background-repeat:repeat-y;

}

div.rightpageScrollDown{
	
	float:left;
	display:block;
	width:25px;
	height:25px;
	cursor:pointer;
	background-image: url("../images/structure/scrolldown.gif");
	background-repeat:no-repeat;

}
div.rightpageScrollDown::active{
	cursor:pointer;
}
div.rightpageScrollDown:hover,
div.rightpageScrollDownHover{
	
	float:left;
	display:block;
	width:25px;
	height:25px;
	cursor:pointer;
	background-image: url("../images/structure/scrolldownMO.gif");
	background-repeat:no-repeat;

}

#projectTitleRight{
	float:left;
	width:380px;
	height:30px;
	line-height:30px;
	color:#F78F1E;
	text-decoration:none;
	font-size:.75em;
	font-weight:bold;
}



#mainContent{
	
	position:relative;
	float:left;
	width:380px;
	height:485px;
	overflow:hidden;
}

#mainContent-Content{
	
	position:absolute;
	float:left;
	width:355px;
	background-color:#00FF00;
}

#mainContent .Scroller-Container {
	position: absolute;
	top: 0px; 
	left: 0px;
}

#mainContent-Scrollbar {
	position: absolute;
	left: 355px;
	width:25px;
	background-color:#00FFFF;
}


#mainContent .Scrollbar-Up{
	position: absolute;
	width: 25px; 
	height: 25px;
	background-image:url(http://www.digitalsandbox.org/images/structure/scrollup.gif);
	font-size: 0px;
	cursor:pointer;
}

#mainContent .Scrollbar-Up-Pressed {
	position: absolute;
	width: 25px; 
	height: 25px;
	background-image:url(http://www.digitalsandbox.org/images/structure/scrollupMO.gif);
	font-size: 0px;
	cursor:pointer;
}

#mainContent .Scrollbar-Down{
	position: absolute;
	top: 460px;
	width: 25px; height: 25px;
	background-image:url(http://www.digitalsandbox.org/images/structure/scrolldown.gif);
	font-size: 0px;
	cursor:pointer;
}

#mainContent .Scrollbar-Down-Pressed {
	position: absolute;
	top: 460px;
	width: 25px; height: 25px;
	background-image:url(http://www.digitalsandbox.org/images/structure/scrolldownMO.gif);
	font-size: 0px;
	cursor:pointer;
}

#mainContent .Scrollbar-Track,
.Scrollbar-Track-Pressed{
	width: 25px; 
	height: 435px;
	position: absolute;
	top: 25px;
	background-image:url(http://www.digitalsandbox.org/images/structure/scrollmiddle.gif);
	background-repeat:repeat-y;
}


#mainContent .Scrollbar-Handle,
 .Scrollbar-Handle-Pressed {
	position: absolute;
	width: 26px; height: 23px;
	background-image:url(http://www.digitalsandbox.org/images/structure/scrollsideMO.gif);
	cursor:pointer;
}

#mainContent .Scrollbar-Handle-Pressed, 
 .Scrollbar-Down-Pressed, .Scrollbar-Up-Pressed {
	
}

#mainContent .Scrollbar-Disabled {
	display: none;
}
	
	
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/

#mainContent2{
	
	position:relative;
	float:left;
	width:420px;
	height:290px;
	overflow:hidden;
	
}

#mainContent2-Content2{
	
	position:absolute;
	float:left;
	width:395px;
	
}

#mainContent2 .Scroller-Container {
	position: absolute;
	top: 0px; 
	left: 0px;
}

#mainContent2-Scrollbar2 {
	position: absolute;
	left: 395px;
	width:25px;
	background-color:#00FFFF;
}


#mainContent2 .Scrollbar-Up{
	position: absolute;
	width: 25px; 
	height: 25px;
	background-image:url(http://www.digitalsandbox.org/images/structure/scrollupGIF.gif);
	font-size: 0px;
	cursor:pointer;
}

#mainContent2 .Scrollbar-Up-Pressed {
	position: absolute;
	width: 25px; 
	height: 25px;
	background-image:url(http://www.digitalsandbox.org/images/structure/scrollupGIFMO.gif);
	font-size: 0px;
	cursor:pointer;
}

#mainContent2 .Scrollbar-Down{
	position: absolute;
	top: 265px;
	width: 25px; height: 25px;
	background-image:url(http://www.digitalsandbox.org/images/structure/scrolldownGIF.gif);
	font-size: 0px;
	cursor:pointer;
}

#mainContent2 .Scrollbar-Down-Pressed {
	position: absolute;
	top: 265px;
	width: 25px; height: 25px;
	background-image:url(http://www.digitalsandbox.org/images/structure/scrolldownGIFMO.gif);
	font-size: 0px;
	cursor:pointer;
}

#mainContent2 .Scrollbar-Track,
.Scrollbar-Track-Pressed{
	width: 25px; 
	height: 240px;
	position: absolute;
	top: 25px;
	background-image:url(http://www.digitalsandbox.org/images/structure/scrollmiddleGIF.gif);
	background-repeat:repeat-y;
}




#mainContent2 .Scrollbar-Handle,
 .Scrollbar-Handle-Pressed {
	position: absolute;
	width: 26px; height: 23px;
	background-image:url(http://www.digitalsandbox.org/images/structure/scrollsideMO.gif);
	cursor:pointer;
}

#mainContent2 .Scrollbar-Handle-Pressed, 
 .Scrollbar-Down-Pressed, .Scrollbar-Up-Pressed {
	
}

#mainContent2 .Scrollbar-Disabled {
	display: none;
}