html, body {
	height: 100%;
    width: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #16181F url(images/bg02.jpg) repeat left top;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
}

#wrapper{
    position:absolute;
    width: 100%;
}

#wrapper #title{
    text-align:center;
}

#wrapper #title .title {
	font-size: 37px;
	margin: 30px 0px;
	padding: 0px 0px 10px 0px;
	font-weight: normal;
	color: #1E212A;
}

#wrapper #title .title span {
	color: #007CD2;
	height: 45px;
	width: 510px;
}

/*-----------------------------------WorldMap------------------------------*/

#worldMap{
    clear: both; 
    position: relative; 
    top: 0px;
    width: 716px;  
    text-align: center;  
    height: 357px;  
    background: url(Images/worldmap.png) no-repeat;
}

/*Alaska*/

 #alaska{
    position: absolute;
    top: 59px; left: 0px;  
    height: 84px; width: 55px;
 }

 #alaska:hover{
    background: url(Images/AlaskaBlueFaded.png)  no-repeat;
    background-size: 100%;
}

/*Argentina*/

#argentina{
    z-index: 2;
    position: absolute;
    top: 273px; left: 184px;
    height: 95px; width: 40px;
}

#argentina:hover{
    background:url(Images/ArgentinaBlueFaded.png) no-repeat;
    background-size: 100%;
}

/*Africa*/

#africa{
    position: absolute;
    top: 146px; left: 296px;
    height: 160px; width: 164px; 
   }

#africa:hover{
   background:url(Images/AfricaBlueFaded.png) no-repeat;
   background-size: 100%;
}

/*Australia*/

#Australia{
    position: absolute;
    top: 248px; left: 553px;
    height: 93px; width: 85px; 
}
#Australia:hover{
    background:url(Images/AustraliaBlueFaded.png) no-repeat;
    background-size: 100%;
}

/*Brazil*/

#brazil{
    z-index: 1;
    position: absolute;
    top: 214px; left: 172px;
    height: 107px; width:93px; 
}

#brazil:hover{
    background:url(Images/BrazilBlueFaded.png) no-repeat;
    background-size: 100%;
}

/*Canada*/

#canada{
    position: absolute;
    top: -4px; left:54px;
    height: 144px; width: 180px;
}

#canada:hover{
    background:url(Images/CanadaBlueFaded.png) no-repeat;
    background-size: 100%;
}

/*China*/

#china{
    z-index:2;
    position: absolute;
    top: 80px; left: 450px;
    height: 110px; width: 160px;
   }

 #china:hover{
   background:url(Images/ChinaBlueFaded.png) no-repeat;
   background-size: 100%;
}

/*Greenland*/

#greenland{
    position: absolute;
    top: 0px; left: 200px;
    height: 110px; width: 110px; 
}
 #greenland:hover{
    background:url(Images/GreenlandBlueFaded.png) no-repeat;
    background-size: 100%;
}

/*India*/

#india{
    z-index: 3;
    position: absolute;
    top: 140px; left: 460px;
    height: 190px; width: 77px; 
}

#india:hover{
    background:url(Images/IndiaBlueFaded.png) no-repeat;
    background-size: 100%;
}

/*Mexico*/

#mexico{
    z-index: 10;
    position: absolute;
    top: 166px; left: 105px;
    height: 30px; width: 75px; 
}

 #mexico:hover{
    background:url(Images/MexicoBlueFaded.png) no-repeat;
    background-size: 100%;
}
 
/*Russia*/

#russia{
    z-index: 1;
    position: absolute;
    top: -10px; left: 389px;
    height: 180px; width: 320px; 
}
#russia:hover{
    background:url(Images/RussiaBlueFaded.png) no-repeat;
    background-size: 100%;
}

/*UnitedStates*/

#unitedStates{
    z-index:9;
    position: absolute;
    top: 110px; left: 78px;
    height: 90px; width: 130px; 
}

 #unitedStates:hover{
    background: url(Images/UnitedStatesBlueFaded.png)  no-repeat; 
    background-size: 100%;
}

 
 
#comingSoon{
    z-index: 1000; top: 245px; float: right; position: absolute; width: 100%; text-align: center;
}

#comingSoon #lblComingSoon{
    text-align: center; font-size: 36pt; font-weight: bold; color: Maroon;
}

#footer{
    clear: both;
    float: right;
    position: absolute;
    width: 100%;
}

#password{
    margin-top: 40px;
    clear: both;
   
}

#txtPassword{
    clear: both;
    border: 0px none #fff;  color: #fff;
    background-color: transparent;
    border: none;
    text-decoration: none;
}