/* body attributes */
body
	{
	margin:0 ;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	background-image: url('../images/background/background-square.jpg');
	background-repeat: repeat;
	}
	
.dircontainer
	{
	margin-left: 8px;
	}

p.reg
	{
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	}

span.red14
	{
	color: #ff0000;
	font-size: 14px;
	}
	
span.red12
	{
	color: #ff0000;
	font-weight: bold;
	font-size: 12px;
	}	

span.red9
	{
	color: #ff0000;
	font-size: 9px;
	}	
	
span.footer 
	{
	color: #666666;
	font-size: 11px; 
	}

span.headlinewhite18
	{
	line-height: 32px;
	color: #ffffff;
	font-size: 18px;
	}
	
span.headlinewhite17
	{
	line-height: 32px;
	color: #ffffff;
	font-size: 17px;
	}
	
span.headlinewhite16
	{
	line-height: 32px;
	color: #ffffff;
	font-size: 16px;
	}

span.headlinewhite14
	{
	line-height: 18px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	}
	
span.headlinewhite12
	{
	line-height: 32px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	}

span.headlinegrey18
	{
	color: #333333;
	font-size: 18px;
	line-height: 18px;
	}

span.headlinegrey24
	{
	color: #333333;
	font-size: 24px;
	line-height: 26px;
	}	
	
span.headlinegrey40
	{
	color: #333333;
	font-size: 40px;
	line-height: 36px;
	}

span.headlinegrey32
	{
	color: #333333;
	font-size: 32px;
	line-height: 30px;
	}


span.headlinegrey12
	{
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	}
	
span.headlinegreysm
	{
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	}	
	
span.headlinegrey11 { color: #333333; font-size: 11px; font-weight: bold; line-height: 18px; }

span.bodylite11 { color: #999; font-size: 11px; line-height: 14px; }

span.bodylite14 { color: #ccc; font-size: 14px; line-height: 14px; }


span.headlinegrey14
	{
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px
	}

span.headlinegrey14nb2
	{
	color: #333333;
	font-size: 14px;
	}
	
span.headlinegrey14nb
	{
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	}
	
div.specialfooter
	{
	width: 100%;
	vertical-align: bottom;
	z-index: 0;
	position: fixed;
	bottom: 0px;
	}

span.blue18
	{
	color: #012449;
	line-height: 22px;
	font-size: 18px;
	}
	
span.blue12
	{
	color: #012449;
	line-height: 22px;
	font-size: 12px;
	}


/* link attributes for link class-white18 */
a:link.white18
	{
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 18px;
	}

	a:hover.white18 
		{
		color: #ffffff;
		font-size: 18px;
		font-weight: bold;
		text-decoration: underline; 
		}

	a:visited.white18 
		{
		color: #ffffff;
		font-size: 18px;
		font-weight: bold;
		text-decoration: underline; 
		}

	a:visited:hover.white18 
		{
		color: #ffffff;
		font-size: 18px;
		font-weight: bold;
		text-decoration: underline; 
		}

	a:active.white18
		{
		color: #ffffff;
		font-size: 18px;
		font-weight: bold;
		text-decoration: underline; 
		}

/* link attributes for link class-white18 */
a:link.white18nb
	{
	color: #ffffff;
	font-size: 18px;
	text-decoration: none;
	line-height: 32px;
	}

	a:hover.white18nb
		{
		color: #ffffff;
		font-size: 18px;
		text-decoration: none; 
		}

	a:visited.white18nb
		{
		color: #ffffff;
		font-size: 18px;
		text-decoration: none; 
		}

	a:visited:hover.white18nb
		{
		color: #ffffff;
		font-size: 18px;
		text-decoration: none; 
		}

	a:active.white18nb
		{
		color: #ffffff;
		font-size: 18px;
		text-decoration: none; 
		}



/* link attributes for link class-white11 */
a:link.white11
	{
	color: #ffffff;
	font-size: 11px;
	text-decoration: underline;
	line-height: 14px;
	}

	a:hover.white11 
		{
		color: #cccccc;
		font-size: 11px;
		text-decoration: underline; 
		}

	a:visited.white11 
		{
		color: #ffffff;
		font-size: 11px;
		text-decoration: underline; 
		}

	a:visited:hover.white11 
		{
		color: #cccccc;
		font-size: 11px;
		text-decoration: underline; 
		}

	a:active.white11
		{
		color: #ffffff;
		font-size: 11px;
		text-decoration: underline; 
		}

/* link attributes for link class-white10 */
a:link.white10
	{
	color: #ffffff;
	font-size: 10px;
	text-decoration: underline;
	line-height: 26px;
	}

	a:hover.white10 
		{
		color: #ffffff;
		font-size: 10px;
		text-decoration: underline; 
		}

	a:visited.white10 
		{
		color: #ffffff;
		font-size: 10px;
		text-decoration: underline; 
		}

	a:visited:hover.white10 
		{
		color: #ffffff;
		font-size: 10px;
		text-decoration: underline; 
		}

	a:active.white10
		{
		color: #ffffff;
		font-size: 10px;
		text-decoration: underline; 
		}


/* link attributes for link class-white11 */
a:link.white11cont
	{
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
	line-height: 14px;
	}

	a:hover.white11cont 
		{
		color: #ffffff;
		font-size: 11px;
		text-decoration: none; 
		}

	a:visited.white11cont 
		{
		color: #ffffff;
		font-size: 11px;
		text-decoration: none; 
		}

	a:visited:hover.white11cont 
		{
		color: #ffffff;
		font-size: 11px;
		text-decoration: none; 
		}

	a:active.white11cont
		{
		color: #ffffff;
		font-size: 11px;
		text-decoration: none; 
		}

/* link attributes for link class-white11ft */
a:link.white11ft
	{
	color: #ffffff;
	font-size: 11px;
	text-decoration: underline;
	line-height: 14px;
	}

	a:hover.white11ft
		{
	color: #ffffff;
	font-size: 11px;
	text-decoration: underline;
		}

	a:visited.white11ft 
		{
	color: #ffffff;
	font-size: 11px;
	text-decoration: underline;
		}

	a:visited:hover.white11ft 
		{
	color: #ffffff;
	font-size: 11px;
	text-decoration: underline;
		}

	a:active.white11ft
		{
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
		}




	
/* link attributes for link class-red14 */
a:link.red14
	{
	color: #ff0000;  
	font-size: 14px; 
	text-decoration: none; 
	line-height: 20px;
	}

	a:hover.red14 
		{
		color: #ff0000;  
		font-size: 14px; 
		text-decoration: underline; 
		}

	a:visited.red14 
		{
		color: #ff0000;
		font-size: 14px;
		text-decoration: none; 
		}

	a:visited:hover.red14 
		{
		color: #ff0000;
		font-size: 14px;
		text-decoration: underline; 
		}

	a:active.red14
		{
		color: #ff0000;
		font-size: 14px;
		text-decoration: none; 
		}
		
/* link attributes for class red11 */
a:link.red11
	{
	color: #ff0000;  
	font-size: 11px; 
	text-decoration: none; 
	}

	a:hover.red11 
		{
		color: #ff0000;
		font-size: 11px;
		text-decoration: underline; 
		}

	a:visited.red11 
		{
		color: #ff0000;
		font-size: 11px;
		text-decoration: none; 
		}

	a:visited:hover.red11 
		{
		color: #ff0000;
		font-size: 11px;
		text-decoration: underline; 
		}

	a:active.red11
		{
		color: #ff0000;
		font-size: 11px;
		text-decoration: none; 
		}
		
/* link attributes for class red12 */
a:link.red12
	{
	color: #ff0000;  
	font-size: 12px; 
	text-decoration: none; 
	}

	a:hover.red12 
		{
		color: #ff0000;
		font-size: 12px;
		text-decoration: underline; 
		}

	a:visited.red12 
		{
		color: #ff0000;
		font-size: 12px;
		text-decoration: none; 
		}

	a:visited:hover.red12 
		{
		color: #ff0000;
		font-size: 12px;
		text-decoration: underline; 
		}

	a:active.red12
		{
		color: #ff0000;
		font-size: 12px;
		text-decoration: none; 
		}		
		
/* link attributes for class blue16 */
a:link.blue16
	{
	color: #012449;  
	font-size: 16px; 
	text-decoration: none; 
	}
	
	a:hover.blue16 
		{
		color: #012449;
		font-size: 16px;
		text-decoration: none; 
		}

	a:visited.blue16 
		{
		color: #012449;
		font-size: 16px;
		text-decoration: none; 
		}

	a:visited:hover.blue16 
		{
		color: #012449;
		font-size: 16px;
		text-decoration: none; 
		}

	a:active.blue16
		{
		color: #012449;
		font-size: 16px;
		text-decoration: none; 
		}
		
/* link attributes for class blue16 */
a:link.blue12
	{
	color: #012449;  
	font-size: 12px; 
	text-decoration: none; 
	}
	
	a:hover.blue12 
		{
		color: #012449;
		font-size: 12px;
		text-decoration: underline; 
		}

	a:visited.blue12 
		{
		color: #012449;
		font-size: 12px;
		text-decoration: none; 
		}

	a:visited:hover.blue12 
		{
		color: #012449;
		font-size: 12px;
		text-decoration: underline; 
		}

	a:active.blue12
		{
		color: #012449;
		font-size: 12px;
		text-decoration: none; 
		}
		
/* link attributes for class grey1 */
a:link.grey1
	{
	color: #333333;  
	font-size: 11px; 
	text-decoration: none;
	line-height: 12px;
	}

	a:hover.grey1 
		{
		color: #333333;
		font-size: 11px;
		text-decoration: underline; 
		}

	a:visited.grey1 
		{
		color: #333333;
		font-size: 11px;
		text-decoration: none; 
		}

	a:visited:hover.grey1 
		{
		color: #333333;
		font-size: 11px;
		text-decoration: underline; 
		}

	a:active.grey1
		{
		color: #333333;
		font-size: 11px;
		text-decoration: none; 
		}
		
/* link attributes for class grey2 */
a:link.grey2
	{
	color: #333333;  
	font-size: 11px; 
	text-decoration: underline;
	line-height: 14px;
	}

	a:hover.grey2 
		{
		color: #333333;
		font-size: 11px;
		text-decoration: none; 
		}

	a:visited.grey2 
		{
		color: #333333;
		font-size: 11px;
		text-decoration: underline; 
		}

	a:visited:hover.grey2 
		{
		color: #333333;
		font-size: 11px;
		text-decoration: none; 
		}

	a:active.grey2
		{
		color: #333333;
		font-size: 11px;
		text-decoration: underline; 
		}		
		
		/* link attributes for class grey3 */
a:link.grey3
	{
	color: #333333;  
	font-size: 11px; 
	text-decoration: underline;
	line-height: 14px;
	}

	a:hover.grey3
		{
		color: #333333;
		font-size: 11px;
		text-decoration: none; 
		}

	a:visited.grey3 
		{
		color: #333333;
		font-size: 11px;
		text-decoration: underline; 
		}

	a:visited:hover.grey3 
		{
		color: #333333;
		font-size: 11px;
		text-decoration: none; 
		}

	a:active.grey3
		{
		color: #333333;
		font-size: 11px;
		text-decoration: underline; 
		}

/* link attributes for class grey11lt */
a:link.grey11lt
	{
	color: #666666;  
	font-size: 11px; 
	text-decoration: underline;
	line-height: 14px;
	}

	a:hover.grey11lt 
		{
		color: #333333;
		font-size: 11px;
		text-decoration: none; 
		}

	a:visited.grey11lt 
		{
		color: #666666;
		font-size: 11px;
		text-decoration: underline; 
		}

	a:visited:hover.grey11lt
		{
		color: #333333;
		font-size: 11px;
		text-decoration: none; 
		}

	a:active.grey11lt
		{
		color: #666666;
		font-size: 11px;
		text-decoration: underline; 
		}
		
/* link attributes for class breadcrumb */
a:link.breadcrumb
	{
	color: #999999;  
	font-size: 11px; 
	text-decoration: underline;
	font-weight: bold;
	line-height: 12px;
	}

	a:hover.breadcrumb 
		{
		color: #999999;
		font-size: 11px; 
		text-decoration: underline;
		font-weight: bold;
		line-height: 12px; 
		}

	a:visited.breadcrumb
		{
		color: #999999;
		font-size: 11px; 
		text-decoration: underline;
		font-weight: bold;
		line-height: 12px; 
		}

	a:visited:hover.breadcrumb 
		{
		color: #999999;
		font-size: 11px; 
		text-decoration: underline;
		font-weight: bold;
		line-height: 12px; 
		}

	a:active.breadcrumb
		{
		color: #999999;
		font-size: 11px; 
		text-decoration: underline;
		font-weight: bold;
		line-height: 12px; 
		}		
		
/* link attributes for class grey12 */
a:link.grey12
	{
	color: #333333;  
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 18px;
	}

	a:hover.grey12
		{
		color: #333333;  
		font-size: 12px;
		font-weight: bold;
		text-decoration: underline;
		line-height: 18px;		}

	a:visited.grey12 
		{
		color: #333333;  
		font-size: 12px;
		font-weight: bold;
		text-decoration: underline;
		line-height: 18px;
		}

	a:visited:hover.grey12
		{
		color: #333333;  
		font-size: 12px;
		font-weight: bold;
		text-decoration: underline;
		line-height: 18px;
		}

	a:active.grey12
		{
		color: #333333;  
		font-size: 12px;
		font-weight: bold;
		text-decoration: underline;
		line-height: 18px;
		}
		
/* list attributes */	
ul
	{
	list-style: none;
	font-size: 11px;
	padding: 0;
	margin: 10px 14px 5px 5px;
	}

ul.circle
	{
	list-style: circle;
	font-size: 11px;
	}

ul.disc
	{
	list-style: disc;
	font-size: 11px;
	}

ul.disc2
	{
	list-style: disc;
	font-size: 10px;
	}
	
ul.history
	{
	list-style: none;
	font-size: 11px;
	line-height: 10px;
	}

li
	{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	}
	
	li a:link
		{
		color: #ff0000;
		}
		
	li a:hover
		{
		color: #999999;
		}
		
	li a:visited
		{
		color: #ff0000;
		}
		
	li a:visited:hover
		{
		color: #999999;
		}
		
.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px arial;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #cccccc;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #333333;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}