/* CSS Document */

body 
{
  margin:0px;
  border:0px;
  padding:0px;
  height:100%; 
  background-color:#ECECEC; 
  font-family:arial, verdana, sans-serif; 

}

#container
{
	position:relative;
	background-color:#424345; 
	top: 0;
	width:800px;
	height:auto;	
}

.blurbTxtContainer
{
	position:absolute;
	background-color:#424345; 
	top: 34px;
	left:98px;
	width:404px;
	height:62px;
	border-bottom:solid 1px #727273;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#C4C5C6;
	text-align:left;
	vertical-align:text-top;
}

.tagLine
{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#EAEAEA;
	font-style:italic;
	font-weight:bold;
	text-align:left;
	background-color:transparent;
	position:absolute;
	top:14px;
	left:280px;
	width:auto;
	height:auto;
}

#introContent
{
	position:absolute;
	top:86px;
	left:32px;
	width:506px;
	height:auto;
	background-color: transparent;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	color:#CCCCCC;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	vertical-align:text-bottom;
	line-height:14px;
}

/* subtitle container for viewer */
.vwTrsSubTitle
{
	position:absolute;
	top: 2px;
	left: 1px;
	width: 510px;
	height:15px;
	background-color: transparent;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#CCCCCC;
	font-style:normal;
	font-weight:bold;
	text-align:right;		
}

/* thumbnail title container for viewer */
.vwTrsThumbTitle
{
	position:absolute;
	top: 18px;
	width:145px;	
	height:15px;	
	background-color: transparent;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#CCCCCC;
	font-style:normal;
	text-align:center;
}

/* thumbnail container */
.vwTrsThumbImgContainer
{
	position: relative;
	top: 64px;
	left: 20px;
	width: 490px;
	height: 105px;
	background-color:#424345;
}

/* top, width and height of a thumbnail box */
.vwTrsThumbRaw
{
	position:absolute;
	top: 2px;
	width: 145px;
	height:100px;	
}

/* width and height of a thumbnail box */
.vwTrsThumbItemImg
{
	width: 145px;
	height:100px;		
}

/* left btn for slider */
.vwTrsThumbLeftUpBtn
{
	position:absolute;
	top: 33px;
	left: 2px;
	width: 15px;
	height:107px;
	display:block;
	z-index:100;
}
.vwTrsThumbLeftOverBtn
{
	position:absolute;
	top: 33px;
	left: 2px;
	width: 15px;
	height:107px;
	display:none;
	z-index:101;
}
/* right btn for slider */
.vwTrsThumbRtUpBtn
{
	position:absolute;
	top: 33px;
	left: 507px;
	width: 15px;
	height:107px;
	display:block;
	z-index:102;
}

.vwTrsThumbRtOverBtn
{
	position:absolute;
	top: 33px;
	left: 507px;
	width: 15px;
	height:107px;
	display:none;
	z-index:103;
}







/* subtitle container for viewer */
.vwVbsSubTitle
{
	position:absolute;
	top: 2px;
	left: 1px;
	width: 770px;
	height:15px;
	background-color: transparent;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#CCCCCC;
	font-style:normal;
	font-weight:bold;
	text-align:right;		
}

/* thumbnail title container for viewer */
.vwVbsThumbTitle
{
	position:absolute;
	top: 21px;
	width:145px;	
	height:15px;	
	background-color: transparent;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#CCCCCC;
	font-style:normal;
	text-align:center;
}

/* thumbnail container */
.vwVbsThumbImgContainer
{
	position: relative;
	top: 74px;
	left: 20px;
	width: 490px;
	height: 105px;
	background-color:#424345;
}

/* top, width and height of a thumbnail box */
.vwVbsThumbRaw
{
	position:absolute;
	top: 6px;
	width: 145px;
	height:100px;	
}

/* width and height of a thumbnail box */
.vwVbsThumbItemImg
{
	width: 145px;
	height:100px;		
}

/* left btn for slider */
.vwVbsThumbLeftUpBtn
{
	position:absolute;
	top: 38px;
	left: 2px;
	width: 15px;
	height:107px;
	display:block;
	z-index:100;
}
.vwVbsThumbLeftOverBtn
{
	position:absolute;
	top: 38px;
	left: 2px;
	width: 15px;
	height:107px;
	display:none;
	z-index:101;
}
/* right btn for slider */
.vwVbsThumbRtUpBtn
{
	position:absolute;
	top: 38px;
	left: 763px;
	width: 15px;
	height:107px;
	display:block;
	z-index:102;
}

.vwVbsThumbRtOverBtn
{
	position:absolute;
	top: 38px;
	left: 763px;
	width: 15px;
	height:107px;
	display:none;
	z-index:103;
}

















/* text title */
.cssThumbTitle
{
	background-color: transparent;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#CCCCCC;
	font-style:normal;
	text-align:center;
	width:145px;	
}

/* text subtitle(details logline) */
.cssSubTitle
{
	background-color: transparent;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#CCCCCC;
	font-style:normal;
	font-weight:bold;
	text-align:right;	
}

/* details text Title */
.cssDetailTitle
{
	position:absolute;
	top: 175px;
	left: 405px;
	width:200px;
	height:20px;	
	background-color: transparent;
	font-family: Trebauchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 16px;
	color:#CCCCCC;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	
}

/* details text body */
.cssDetailBody
{
	position:absolute;
	top: 205px;
	left: 405px;
	width:200px;
	height:300px;	
	background-color: transparent;
	font-family: Trebauchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color:#CCCCCC;
	font-style:normal;
	text-align:center;	
}

.footerContainer
{
	position:absolute;
	top:932px;
	left:0px;
	width:800px;
	height:100px;
	background-color:#424345;
}

.copyRight
{
	position:absolute;
	top: 72px;
	left: 0px;
	width:800px;
	height:20px;	
	background-color: transparent;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#CCCCCC;
	font-style:normal;
	text-align:center;	
}
#supportLinkID
{
	position:absolute;
	top: 72px;
	left: 0px;
	width:780px;
	height:20px;	
	background-color: transparent;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#CCCCCC;
	font-style:normal;
	text-align:right;	
}

.supLink
{
	color:#CCCCCC;
	text-decoration:none;
}
.projLink
{
	background-color: transparent;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#CCCCCC;
	font-style:normal;
	text-align:right;	
}
.pgFootImg
{
	position:absolute;
	top:84px;
	left:0px;
	width:800px;
	height:16px;
}

.detailGrid
{
	position:absolute;
	top:163px;
	left:638px;
	width:112px;
	height:204px;
	background-color:#FF0000;
}

.picSel
{
	position:absolute;
	width:20px;
	height:20px;
	border: solid 1px #D3CCC3;
	background-color:#424345;
}

.detailThumb
{
	position:absolute;
	top:382px;
	left:626px;
	width:145px;
	height:100px;
	border: none;
	background-color:#424345;	
}

.detailItemImg
{
	position:absolute;
	border: none;
	top: 168px;
	left: 26px;
	width:360px;
	height:308px;
    vertical-align: middle; 
	background-color:transparent;	
}
.detailImgStyle
{
	vertical-align:middle;	
}

.detItemTitle
{
	position:absolute;
	top: 166px;
	left: 405px;
	width:200px;
	height:20px;	
	background-color: transparent;
	font-family: Trebauchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 16px;
	color:#CCCCCC;
	font-style:normal;
	font-weight:normal;
	text-align:center;	
}

.detItemBody
{
	position:absolute;
	top: 205px;
	left: 405px;
	width:200px;
	height:300px;	
	background-color: transparent;
	font-family: Trebauchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color:#CCCCCC;
	font-style:normal;
	text-align:left;	
}