html {
	height:100%;
}

body { 
	padding:0px;
	margin: 0px;
  	height:100%;
  	width:100%;
	background-color:#EEEFEF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:xx-small;
	vertical-align:middle;
}

form { margin: 0px; }


.fill{
  	height:100%;
  	width:100%;
}

/*
table { border:1px solid black}
td tr { border:1px dashed green}
*/

#mainContent {margin-top: 18px;}

#mainContent a {
	text-decoration:none;
	font-size:xx-small;
	color:#666666;
}

#mainContent a:hover{
	text-decoration:none;
	color:#ea3a12;
}

h1, .h1 {	
			font-size: 16px;
			color: #000;
			font-weight: bold;
			margin-bottom:8px;
			}
			
h2, .h2 {	
font-size: 14px;
color: #000;
font-weight: bold;
margin-bottom:8px;
margin: 15 0 5 0;}
			
img {border: none; margin: none; padding: none;}

#footer {font-size: 8px; text-align: center; color:#777; margin-top: 20px;}
#footer a {	text-decoration:underline; color:#777;}

.table_main{
	background-color:#FFFFFF;
}

.footerTD {	background-image:url("../../Media/Components/footer_bg.gif");
	background-repeat:repeat-x;
	background-position:top}
	
.cell_spacer_50{
	width:50%;
	background-image:url("../../Media/Components/footer_bg.gif");
	background-repeat:repeat-x;
	background-position:top
}

.warm_red{
	color:#ea3a12;
}

a.warm_red{
	color:#ea3a12;
	text-decoration:none;
}

a.warm_red:hover{
	text-decoration:underline;
}

.row_even{
	vertical-align:top;
}

.row_odd{
	vertical-align:top;
}

strong, b {
	color:#666666;
}

.title_line{
	background-image:url("../../Media/Components/title_line.gif");
	background-repeat:repeat-x;
	background-position:top

}

.portfolio_title{
	font-size:12px;
	font-weight:bold;
	color:#ea3a12;
	text-transform:uppercase;
}

.portfolio_subtitle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	font-weight:bold;
}

p.justify{
	text-align:justify;
}

td.subcat{
	vertical-align:top;
	padding-top:8px;
}

.bottom_link {
	font-size:xx-small;
	color:#666666;
}

a.bottom_link {
	text-decoration:none;
	font-size:xx-small;
	color:#666666;
}

a.bottom_link:hover{
	text-decoration:none;
	color:#ea3a12;
}

.bottom_link_disabled {
	font-size:xx-small;
	color:#cccccc;
}

a.bottom_link_disabled {
	text-decoration:none;
	font-size:xx-small;
	color:#cccccc;
}


.bottom_link_curnt {
	font-size:xx-small;
	color:#ea3a12;
	font-weight:bold;	
}

a.bottom_link_curnt {
	font-size:xx-small;
	color:#ea3a12;
	text-decoration:none;
	font-weight:bold;	
}

.small{
	font-size:xx-small;
}

#flash{
	position:absolute;
	top:0px;
	left:0px;
	width:99%;
	text-align:center;
	z-index: 10001;
	}

.OtherWorks_square{
	width:25px;
	height:25px;
	margin:3px 0px 3px 6px ;
	float:right;
	}
.OtherWorks_SoundSquare{
	width:17px;
	height:17px;
	margin:6px 0px 6px 8px ;
	float:right;
	}

.OtherWorks_typeTitle{
	width:100%;
	height:15px;
	text-align:right;
	float:right;
	color:#BCBEC0
	}
.OtherWorks_description{
	width:130px;
	height:30px;
	text-align:right;	
	float:right;
	}
/*	
div{border:1px solid green}
*/
div.bvScrollBars {
	position: relative; /* absolute OK; must not be static, must be specified for JS hook */
	overflow: auto; /* js will convert this to hidden, but Safari retains scrollbars if it starts in auto */
	height: 320px; width: 160px;

	}
div.bvScrollBars div.bvScrollContainer {
	position: relative;
	margin: 0; /* room will be made for scrollbar div based on its positioning */
	padding: 0px;
	float:right
	}
div.bvScrollBars div.bvScrollGui {
	position: absolute;
	top: 0; left: 0; bottom: 0;
	width: 7px; height: 100%;
	}
div.bvScrollBars div.bvScrollBase {
	display: none;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	height: 100%; width: 100%;
	z-index: 1;
	}
div.bvScrollBars div.bvScrollDisabled {
	display: none;
	}
div.bvScrollBars div.bvScrollDisabled div.bvScrollBase {
	display: block; z-index: 10; /* if disabled, this div will block clicking other divs */
	}

div.bvScrollBars div.bvScrollTrack {
	display: block;
	position: absolute;
	top: 10px; bottom: 10px;
	left: 0; right: 0;
	z-index: 2;
	background: transparent url("../../Media/Components/scroll_track_bg.gif") 3px 0 repeat-y;
	}
	
div.bvScrollBars div.bvScrollThumb {
	display: block;
	position: absolute;
	top: 8px; left: 0;
	height: 25px; width: 7px;
	z-index: 5;
	background: #EEEFEF;
	}
div.bvScrollBars div.bvScrollThumbDetails {
	}
	
div.bvScrollBars div.bvScrollUp {
	display: block;
	position: absolute;
	top: 0; left: 0;
	height: 10px; width: 7px;
	cursor:pointer;
	z-index: 4;
	background: transparent url("../../Media/Components/scroll_arrow_up.gif") 0 2px no-repeat;
	}
div.bvScrollBars div.bvScrollDown {
	display: block;
	position: absolute;
	bottom: 0; left: 0;
	height: 10px; width: 7px;
	cursor:pointer;
	z-index: 3;
	background: transparent url("../../Media/Components/scroll_arrow_down.gif") 0 4px no-repeat;
	}