﻿/*
	ITCard Styles
*/

* {
	margin: 0;
	padding: 0;
}

html
{ 
	height: 100%;
}

#top_bgr
{
	background-color: #eae4d6;
	width: 100%;
	height: 530px;
	z-index: -10;
	/* border: 1px dashed #ccc; */
}

#logo
{
	height: 43px;
	width: 300px;
	background-image: url('../images/itlogo_home.jpg');
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-top: 50px;
}

#container
{
	position: relative;
	top: -530px;
	margin-bottom: 530px;
	height: 100%;
	width: 998px;
	margin: 0 auto;
	font: 11px tahoma, sans-serif;
	/* border: 1px dashed green; */
}


#map_continent
{
	margin: 0 auto;
	margin-top: 37px;
	width: 719px;
	height: 349px;
	background-image: url('../images/home_world.gif');
	background-repeat: no-repeat;
}

#map_hover
{
	position: relative;
	width: 719px;
	height: 349px;
	margin: 0 0 -349px 0px;
	background-repeat: no-repeat;
	top: -349px;
	left: 139px;
}

.ct1{ background-image:  url('../images/home_africa.gif'); }
.ct2{ background-image:  url('../images/home_asia.gif'); }
.ct3{ background-image:  url('../images/home_europe.gif'); }
.ct4{ background-image:  url('../images/home_north_am.gif'); }
.ct5{ background-image:  url('../images/home_south_am.gif'); }
.ct6{ background-image:  url('../images/home_oceania.gif'); }



#sub_menu
{
	margin: 0 auto;
	margin-top: 21px;
	_margin-bottom: -19px;
	width: 717px; 
	vertical-align: middle;
	height: 30px;
	color: #d5ccba;
	background-color: #d4ccbb;
	font: bold 16px arial,helvetica, sans-serif;
	/* border: 1px solid green;  */
}

#sub_menu a
{
	position: relative;
	color: black;
	/* width: 120px; */
	padding: 6px 25px 0 25px;
	height: 24px;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
}

#country_container
{
	margin: 0 auto;
	width: 697px;
	padding: 20px 0 20px 20px;
	background-color: #e0dcd1;
	font: normal 10px arial,helvetica, sans-serif;
}

#country_container a
{
	position: relative;
	color: black;
	width: 96px;
	padding: 0 20px 0 0;
	display: block;
	float: left;
	text-decoration: none;
}

#country_container a:active 
{  
	color: #f7931e; 
}

#country_container a:hover
{ 
	color: #f7931e;
}

.clr{ clear: both; }

#sub_menu a:active {  color: white; background-color: #dd612d; }
#sub_menu a:hover {  color: white; background-color: #dd612d; }

