/* ************************************** PORTFOLIO ******************************************* */

/*-------------------typlelisthome.asp---------------------------------------------------*/

/*used for the item type title in experiencehome.asp page*/
.pf-itmtyphome {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333399;
	font-weight: bold;
	text-decoration: none;
	vertical-align : text-bottom;
}

a:hover.pf-itmtyphome{
	color : #CC0033;
	text-decoration: underline
	       }

/*padding below a item type image in experiencehome.asp page*/
.pf-itmtyphome-padding {
	padding-bottom:20
}

/*-------------------typelist.asp---------------------------------------------------*/

/*used for the item type title*/
.pf-itmtyp {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333399;
	font-weight: bold;
	text-decoration: none;
	vertical-align : text-bottom;
}

a:hover.pf-itmtyp{
	color : #CC0033;
	text-decoration: underline
	       }

/*padding below an item type*/
.pf-itmtyplist-padding {
	padding-bottom:30
}

/*-------------------itemlist.asp---------------------------------------------------*/

/*used for the Item type Category*/
.pf-itmtyp-cat {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #222222;
	background-color: #EEEEEE;
	height: 18px;
	font-weight: bold;
	text-decoration: none;
	vertical-align : text-bottom;
}

a:hover.pf-itmtyp-cat{
	color : #003366;
	text-decoration: underline
}
		   
/*padding below an item type heading*/
.pf-itmtyp-padding {
	padding-bottom:5
}
	   
/*padding below a portfolio item image*/
.pf-itm-padding {
	padding-bottom:40
}

/*used for the portfolio item name title in the project list page*/
.pf-itm {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333399;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 2px;
	vertical-align : text-bottom;
}

a:hover.pf-itm{
	color : #CC0033;
	text-decoration: underline
}
		   
/*used for the portfolio item description column*/
.pf-itmdescr {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	font-weight: normal;
	padding-top:1;
	padding-bottom:15;
	padding-left:0
}


/* the more link for the description*/
.pf-itmdescrmore-link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #003366;
	font-weight: normal;
	text-decoration: underline;
}

a:hover.pf-itmdescrmore-link {
	color : #CC0033;
	text-decoration: underline
}


/*--------------//item.asp styles are in general.css ------------------------------------------*/
	
	
	
/*-------------------slideshow.asp---------------------------------------------------*/

/*used for the slide heading in the slideshow page*/
.pf-slideheading    {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
}  

/*used for the slide caption in the slideshow page*/
.pf-slidecaption    {
	border:1px solid #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #FFFFFF;
	height: 18px;
	text-align: center;
	color: #000000;
	font-weight: bold;
}


/* **************************************END PORTFOLIO **************************************** */















/* ************************** DIV TAGS for Portfolio 3 layout ***************************** */

#main-div {
	position:relative;
	left:0px;
	top:0px;
	width:780px;
	height:400px;
	
}

#body-div {
	position:absolute;
	left:80px;
	top:80px;
	width:700px;
	height:320px;
	background-color: #660000;
}

#screen-div {
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:300px;
	background-color: #5A4F4F;
	color: #FFFFFF;
	text-align: center;
}

#divUp   {position:absolute; left:620px; top:140px;}

#divDown {position:absolute; left:620px; top:160px;}

/* divScrollTextCont positions the text area, divText sets the font style */
#divScrollTextCont {
		position:absolute;
		left:340px;
		top:140px;
		width:270px;
		height:140px;
		clip:rect(0px 270px 140px 0px);
		overflow:hidden;
		visibility:hidden;
}

#divText {
	position:absolute;
	left:0px; /* don't change this */
	top:0px; /* don't change this */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #B3B865;
	font-size: 8pt;
	font-weight: normal;
} 

#divTitle {
		position:absolute;
		left:340px;
		top:100px;
		width:420px;
		height:16px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 10pt;
		font-weight: bold;
}





#thumb-1 {
	position:absolute;
	left:340px;
	top:305px;
	width:60px;
	height:60px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	
}

#thumb-2 {
	
	position:absolute;
	left:410px;
	top:305px;
	width:60px;
	height:60px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	
}
#thumb-3 {
	position:absolute;
	left:480px;
	top:305px;
	width:60px;
	height:60px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	
}

#thumb-4 {
	position:absolute;
	left:550px;
	top:305px;
	width:60px;
	height:60px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	
}

#thumb-5 {
	position:absolute;
	left:620px;
	top:305px;
	width:60px;
	height:60px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	
}

#thumb-6 {
	position:absolute;
	left:690px;
	top:305px;
	width:60px;
	height:60px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	
}

#group-back {
	position:absolute;
	left:340px;
	top:370px;
	width:60px;
	height:20px;
	background-color: #660000;
	color: #FFFFFF;
	text-align: center;
	
}

#group-next {
	position:absolute;
	left:555px;
	top:370px;
	width:60px;
	height:20px;
	background-color: #660000;
	color: #FFFFFF;
	text-align: center;
	
}

#slide-nav {
	position:absolute;
	left: 90px;
	top:310px;
	width:120px;
	height:22px;
	background-color: #660000;
	color: #FFFFFF;
	text-align: center;
	
}

#category {
	position:absolute;
	left:630px;
	top:230px;
	width:130px;
	height:100px;
}

#div-banner {
	position:absolute;
	left:400px;
	top:0px;
	width:400px;
	height:70px;
}

#div-pagetitle {
	position:absolute;
	left:650px;
	top:0px;
	width:350px;
	height:60px;
}

/* ************************** END DIV TAGS for Portfolio 3 layout ***************************** */