/* CSS Document */

body
	{
		background-image: url(Images/bg.png);
		background-repeat:repeat-x;
		background-color:#FFFFFF;
		margin: 0px;
	}
	
.logo
	{
		background-image: url(Images/iod_logo.png);
		background-repeat: no-repeat;
	}
.presentation {
	border: 1px double #000000;
}

	
.link_block
	{
		display: block;
		width: 14px;
		height: 12px;
		background-image:url(Images/link_block.png);
		background-repeat:no-repeat;
		background-position: center;
	}
	
.home {
	display: block;
	width: 40px;
	height: 12px;
	background-image: url(Images/home_up.png);
	background-repeat: no-repeat;
	background-position:center;
	float:none;
}
.home:hover {
background-image:url(images/home_over.png);
}

.inside_iod {
	display: block;
	width: 61px;
	height: 12px;
	background-image: url(Images/inside_up.png);
	background-repeat: no-repeat;
	background-position:center;
	float:none;
}
.inside_iod:hover {
background-image:url(images/inside_over.png);
}

.rac {
	display: block;
	width: 86px;
	height: 12px;
	background-image: url(Images/rac_up.png);
	background-repeat: no-repeat;
	background-position:center;
	float:none;
}
.rac:hover {
background-image:url(images/rac_over.png);
}

.iod_ad {
	display: block;
	width: 90px;
	height: 12px;
	background-image: url(Images/iod_ad_up.png);
	background-repeat: no-repeat;
	background-position:center;
	float:none;
}
.iod_ad:hover {
background-image:url(images/iod_ad_over.png);
}

.team_up {
	display: block;
	width: 105px;
	height: 12px;
	background-image: url(Images/team_up.png);
	background-repeat: no-repeat;
	background-position:center;
	float:none;
}
.team_up:hover {
background-image:url(images/team_over.png);
}

.esolutions {
	display: block;
	width: 70px;
	height: 12px;
	background-image: url(Images/solutions_up.png);
	background-repeat: no-repeat;
	background-position:center;
	float:none;
}
.esolutions:hover {
background-image:url(images/solutions_over.png);
}

.contact {
	display: block;
	width: 48px;
	height: 12px;
	background-image: url(Images/contact_up.png);
	background-repeat: no-repeat;
	background-position:center;
	float:none;
}
.contact:hover {
background-image:url(images/contact_over.png);
}

.payment {
	display: block;
	width: 52px;
	height: 12px;
	background-image: url(Images/payment_up.png);
	background-repeat: no-repeat;
	background-position:center;
	float:none;
}
.payment:hover {
background-image:url(images/payment_over.png);
}

.employees {
	display: block;
	width: 70px;
	height: 12px;
	background-image: url(Images/employees_up.png);
	background-repeat: no-repeat;
	background-position:center;
	float:none;
}
.employees:hover {
background-image:url(images/employees_over.png);
}

.clients {
	display: block;
	width: 45px;
	height: 12px;
	background-image: url(Images/client_up.png);
	background-repeat: no-repeat;
	background-position:center;
	float:none;
}
.clients:hover {
background-image:url(images/client_over.png);
}

.news {
	display: block;
	width: 35px;
	height: 12px;
	background-image: url(Images/news_up.png);
	background-repeat: no-repeat;
	background-position:center;
	float:none;
}
.news:hover {
background-image:url(images/news_over.png);
}

.careers {
	display: block;
	width: 50px;
	height: 12px;
	background-image: url(Images/careers_up.png);
	background-repeat: no-repeat;
	background-position:center;
	float:none;
}
.careers:hover {
background-image:url(images/careers_over.png);
}

.print {
	display: block;
	width: 70px;
	height: 20px;
	background-image: url(Images/print_up.png);
	background-repeat: no-repeat;
	background-position:right;
	float:none;
}
.print:hover {
background-image:url(images/print_over.png);
}
	
.personal
	{
		display: block;
		width: 122px;
		height: 33px;
		background-image: url(Images/personal.png);
		background-repeat: no-repeat;
		background-position:center;
		float:none;
	}
	
.flexible
	{
		display: block;
		width: 112px;
		height: 33px;
		background-image: url(Images/flexible.png);
		background-repeat: no-repeat;
		background-position:center;
		float:none;
	}
	
.efficient
	{
		display: block;
		width: 115px;
		height: 33px;
		background-image: url(Images/efficient.png);
		background-repeat: no-repeat;
		background-position:center;
		float:none;
	}
	
.secure
	{
		display: block;
		width: 108px;
		height: 33px;
		background-image: url(Images/secure.png);
		background-repeat: no-repeat;
		background-position:center;
		float:none;
	}
	
.style1 {
	font-family: "Century Gothic";
	font-size: 9px;
	color: #CCCCCC;
}

.style2 {font-size: 10px}

.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002649;
}

.style13 {color: #CCCCCC;}
.style15 {font-family: "Century Gothic";}
.style16 {color: #CCCCCC; font-size: 9px;}
.style11 {	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #002649;
}
.style12 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #002649;
	font-weight: bold;
	}
	
.style20 {color: #002649; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

.style9 {	font-size: 11px;
	font-weight: bold;
}

.style22 {	font-size: 22px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #002649;
}
	
a:link {
	font-family: "Century Gothic";
	font-size: 10px;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
}

a.nav:link {
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #002649;
	text-decoration: none;
}
a.nav:visited {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #002649;
}
a.nav:hover {
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
}
a.nav:active {
font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #002649;
	text-decoration: none;
}

a.email:link {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #002649;
	text-decoration: underline;
}
a.email:visited {
	text-decoration: underline;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #002649;
}
a.email:hover {
	text-decoration: underline;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
}
a.email:active {
font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #002649;
	text-decoration: underline;
}

.hand
	{
		cursor:pointer;
		}