body {
	background-color: #ffffff;
	font-family: Arial, geneva, sans-serif;
	color: #000000;
	padding: 0;
	margin: 0;}
h1 {color: #ffffff; background: #cc0000; padding: 10px 15px 10px 15px; margin: 0; white-space: nowrap;}
h1 a {text-decoration: none; color: #ffffff;}
h1 a:hover {text-decoration: none; color: #000000;}

#sitecontent {
	height: 300px;
	width: auto;
	background: #ffffff;
	padding: 10px;}	
	#sitecontent .portfolioShell {
		margin-left: 10px;
		margin-right: 10px;}
	#sitecontent .portfolioMainNav, #sitecontent .smltxt {
		vertical-align: bottom;
		font-family: verdana, geneva, helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #cc0000;}
		 #sitecontent .smltxt {
		 	font-family: arial, geneva, sans-serif; 
			font-size: 10px; 
			font-weight: normal;}
		 #sitecontent .instructionTxt {
		 	font-family: verdana, arial, geneva;
		 	font-size: 10px;
		 	font-weight: normal;}
	#sitecontent .portfolioMainNav a,  #sitecontent .smltxt a {
		color: #cc0000;
		text-decoration: none;
		padding: 1px 10px 1px 10px;}
	#sitecontent .portfolioMainNav a:hover,  #sitecontent .smltxt a:hover {
		color: #ffffff;
		background: #8e8e8e;
		text-decoration: none;
		padding: 1px 10px 1px 10px;}
#sitecontent_port {
	height: 300px;
	width: auto;
	background: #ffffff;
	padding: 2px;}	

#disclosure, #clientList, #publication, .portoList {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;
	height: 235px;
	overflow: auto;
	vertical-align: top;
	}
	#clientList {
		height: 220px;
		width: 320px;
	}
	.portoList {
		height: 178px; width: 185px; text-align: right;
		padding-right: 5px; margin: 0px 15px 0px 10px;
    overflow: hidden;}
	
	.disclosure_top, .clientList_top, .publication_top {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding-left: 10px; padding-bottom: 5px;
	}
	.disclosure_bodyTxt, .clientList_bodyTxt, .publication_bodyTxt {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}		

	.portoList_bodyTxt {
		font-family: arial, Helvetica, sans-serif;
		font-size: 11px;	font-weight: normal;	text-align: right;
		}
	.clientList_bodyTxt, .publication_bodyTxt, .portoList_bodyTxt {
		color: #737373; 
		line-height: 15px;}
	.clientList_bodyTxt {font-size: 11px; line-height: 12px;}
	.clientList_bodyTxt a, .publication_bodyTxt a, .portoList_bodyTxt a {
		padding: 5px 0 0 0;
		color: #000000; 
		text-decoration: none;}
	.portoList_bodyTxt a {color: #c1c1c1;}
	.clientList_bodyTxt a:hover, .publication_bodyTxt a:hover {
		color: #cc0000;
		text-decoration: underline;}
	.portoList_bodyTxt a:hover {
		color: #cc0000;
		text-decoration: none;}
		
#portfolioResNav {
		font-family: verdana, geneva, helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #8e8e8e;
		line-height: 13px;}
	#portfolioResNav ul {
			padding: 0; margin: 0;}
	#portfolioResNav li {
			color: #8e8e8e;
			margin: 0 0 0 28px;
			padding: 0;
			list-style-type: square;}			
	#portfolioResNav li a {
			color: #8e8e8e;
			text-decoration: none;}
	#portfolioResNav li a:hover {
			color: #000000;
			text-decoration: underline;}		


#BottomArea {
	width: auto;
	background: #ffffff;
	white-space: nowrap;}

#companyInfo, #companyName {
	font-family: arial, geneva, sans-serif;
	color: #888;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 3px;
	padding: 0 0 10px 0; 
	text-align: center;}
	#companyName {
		letter-spacing: 8px; 
		font-size: 13px; 
		font-weight: bold; 
		color: #cc0000; 
		text-align: center;
		padding-right: 471px;}

.portfolio_button, .portfolio_button_icons {

	padding: 1px 3px 1px 3px;
	line-height: 1.75;
	border: 1px solid #e8e8e8;
	color: #2b2b2b;
	font-family: Arial, helvetica, geneva, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;

}	
.portfolio_button_icons {padding: 0px; margin: 3px; font-size: 10px; }

.portfolio_button:hover {
	background-color: #ababab;
	color: #000000;
}
.portfolio_button_icons:hover {
	background-color: #ababab;
	border:1px; border-width: 1px; border-color: #000; border-style: solid;
}

#mainNavBox {
	vertical-align: top;
	padding: 5px 0 0 0;}	
	#mainNav {
	font-family: verdana, arial, geneva, sans-serif;
	color: #888;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 2px; }
	#mainNav a {
	color: #888;
	text-decoration: none;}
	#mainNav a:hover {color: #000000;}
	#mainNav .b{font-weight: bold;}
	
.portImg img, .portImg a:link img { padding: 0; margin: 0px 0px -3px -2px; border: 1px solid #fff; }
.portImg a:hover img { padding: 0; margin: 0px 0px -3px -2px; border: 1px solid #c00; }
.portImg a:visited img { padding: 0; margin: 0px 0px -3px -2px; border: 1px solid #fff; }
.portImg a:visited:hover img { padding: 0; margin: 0px 0px -3px -2px; border: 1px solid #c00; }	
		
.form_field {
   border: 1px solid #cccccc;
}
.form_button {
   border: 1px solid #cccccc;
   background-color: #dddddd;
}
.tn {
   font-family: Verdana; font-size: 12px; color: #c0c0c0; line-height: 18px;
   font-weight: normal; }
a.tn {text-decoration: none; color: #c0c0c0;}
a.tn:hover {text-decoration: underline; color: #cc0000;}
/* ------------------------------------------------------------------*/

.menufont {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #999999;}
	
A.menufont:link {
   text-decoration : none;
	font-weight: bold;
   color : #999999;   }
   
A.menufont:visited {
   text-decoration : none;
	font-weight: bold;
   color : #999999;}
   
A.menufont:active {
   text-decoration : none;
	font-weight: bold;
   color : #666666;}
   
A.menufont:hover {
   text-decoration : none;
	font-weight: bold;
   color : #666666;}

.menufont2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;}
	
A.menufont2:link {
   text-decoration : none;
	font-weight: normal;
   color : #000000;   }
   
A.menufont2:visited {
   text-decoration : none;
	font-weight: normal;
   color : #000000;}
   
A.menufont2:active {
   text-decoration : none;
	font-weight: normal;
   color : #000000;}
   
A.menufont2:hover {
   text-decoration : none;
	font-weight: normal;
   color : #ffffff; 
	background-color : #B1F94F;	}

.menufont3 {
	font-family: Verdana,Arial;
	font-size: 12px;
	font-weight: normal;
	color: #818181;}
	
A.menufont3:link {
   text-decoration : none;
	font-weight: normal;
   color : #818181;   }
   
A.menufont3:visited {
   text-decoration : none;
	font-weight: normal;
   color : #818181;}
   
A.menufont3:active {
   text-decoration : none;
	font-weight: normal;
   color : #818181;}
   
A.menufont3:hover {
   text-decoration : none;
	font-weight: normal;
   color : #ffffff; 
	background-color : #B1F94F;}

.menufontsml {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;}
	
A.menufontsml:link {
   text-decoration : none;
	font-weight: normal;
   color : #000000;   }
   
A.menufontsml:visited {
   text-decoration : none;
	font-weight: normal;
   color : #000000;}
   
A.menufontsml:active {
   text-decoration : none;
	font-weight: normal;
   color : #000000;}
   
A.menufontsml:hover {
   text-decoration : none;
	font-weight: normal;
   color : #ffffff; 
	background-color : #B1F94F;	}


.textsm1, A.textsm1:link, A.textsm1:visited, A.textsm1:active, .textsm3 {
	white-space: nowrap;
	font-family: Arial, Geneva, Helvetica;
	font-size: 11px;
	color: #3E3E3E;
	text-decoration: none;
}   
	.textsm3 {color: #000000;}
	.textsm3 b {font-weight: bold;}
A.textsm1:hover, A.textsm3:hover  {
   	text-decoration : none;
   	color : #000000; }
   	A.textsm3:hover {color: #ffffff;}
   	
.textsm2, A.textsm2:link, A.textsm2:visited, A.textsm2:active
 {
	white-space: nowrap;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;}  
	 
A.textsm2:hover  {
   	text-decoration : none;
   	color : #000000; }


.copyright {
	font-family: verdana;
	font-size: 8px;
	color: #000000;}
	
A.copyright:link 	{
   text-decoration : none;
   color : #000000;   }
   
A.copyright:visited {
   text-decoration : none;
   color : #000000;}
   
A.copyright:active  {
   text-decoration : underline;
   color : #000000;}
   
A.copyright:hover  {
   text-decoration : underline;
   color : #000000; }

.developer {
	font-family: Arial, Verdana, Geneva;
	font-size: 8px;
	color: #cc0000;}
	
A.developer:link {
	text-decoration: none;
	color:#cc0000;}
A.developer:visited {
	text-decoration: none;
	color: #cc0000;}
A.developer:active	{
	text-decoration: none;
	color: #cc0000;}
A.developer:hover	{
	text-decoration: underline;
	color: #cc0000;}


/* Scroll Bar Master Styling Starts Here */

.scrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.vscrollerbase, .vscrollerbar {
width: 15px;
top: 0px;
}

.vscrollerbar {
left: 0px;
}

.hscrollerbase, .hscrollerbar {
height: 15px;
left: 0px;

}


.hscrollerbar {
top: 0px;
}

.hscrollerbar {
top: 20px important;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 5px;
z-index: 2;
}

.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(images/vscroller.png) 0px -10px;
width: 15px;
height: auto;
top: 0px;
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(images/vscroller.png);
width: 15px;
height: 10px;
}

.hscrollerbarbeg {
background: url(images/hscroller.png) -10px 0px;
height: 15px;
width: auto;
left: 0;
}

.hscrollerbarend {
background: url(images/hscroller.png);
height: 15px;
width: 10px;
}

/* Following are OPTIONAL */

.vscrollerbase, .hscrollerbase {
background-color: #D1DDCB;
background-image: url(images/scrollbaseback.png);

}

.hscrollerbasebeg {
left: 0px;
top: 0px;
height: 15px;
background: url(images/scrollbases.png) -22px 0px no-repeat;
}

.hscrollerbaseend {
top: 0px;
height: 15px;
width: 7px;
background: url(images/scrollbases.png) 0% 0% no-repeat;
}

.vscrollerbasebeg {
top: 0px;
width: 15px;
background: url(images/scrollbases.png) -7px -8px no-repeat;
}

.vscrollerbaseend {
height: 7px;
width: 15px;
background: url(images/scrollbases.png) -7px 0px no-repeat;
}

.scrollerjogbox {
width: 15px;
height: 15px;
bottom: 0px;
right: 0px;
background: white url(images/scrolljog.png) 50% 50%;
}


/* Scroll Bar Master Styling Ends Here */
