body{margin-left:auto;margin-right:auto;margin-top:0px; margin-bottom:0px}
body{ background-image:none; background-position:left top; background-color:#f4f4f4}
body{ font-family:Trebuchet MS, arial; font-size:12px; color:#000000}


.gray-btn{width:152px; height:32px; float:left; text-align:center; background-image:url(../images/learn-more-btn.png); background-repeat:no-repeat}
.gray-btn a{width:152px; height:26px; padding-top:6px; float:left;color:transparent; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; text-align:none; font-weight:bold; text-decoration:none; font-size:0.01px}
.gray-btn a:hover{color:transparent;background-image:url(../images/learn-more-btn-over.png); background-repeat:no-repeat}


.learn-more{padding-right:15px; background-image:url(../images/learn_more_btn_arrow.png); background-repeat:no-repeat; background-position:right top; color:#003d79; text-decoration:none; font-size:16px; font-weight:bold; cursor:pointer}
.learn-more:hover{color:#145fa9}

.learn-more14{padding-right:15px; background-image:url(../images/learn_more_btn_arrow-s.png); background-repeat:no-repeat; background-position:right top; color:#003d79; text-decoration:none; font-size:14px; font-weight:bold; cursor:pointer}
.learn-more14:hover{color:#145fa9}

.learn-more13-b{padding-right:15px; background-image:url(../images/learn_more_btn_arrow-s.png); background-repeat:no-repeat; background-position:right top; color:#003d79; text-decoration:none; font-size:13px; font-weight:bold; cursor:pointer}
.learn-more13-b:hover{color:#145fa9}


.learn-more-r{padding-right:15px; background-image:url(../images/learn_more_btn_arrow.png); background-repeat:no-repeat; background-position:right top; color:#003d79; text-decoration:none; font-size:16px; font-weight:normal; cursor:pointer}
.learn-more-r:hover{color:#145fa9}


.learn-more14-r{padding-right:15px; background-image:url(../images/learn_more_btn_arrow-s.png); background-repeat:no-repeat; background-position:right top; color:#003d79; text-decoration:none; font-size:14px; font-weight:normal; cursor:pointer}
.learn-more14-r:hover{color:#145fa9}

.learn-more-w{padding-right:15px; background-image:url(../images/learn_more_btn_arrow-w.png); background-repeat:no-repeat; background-position:right top; color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold; cursor:pointer}
.learn-more-w:hover{color:#f2f2f2}

.learn-more16{padding-right:16px; background-image:url(../images/learn_more_btn_arrow.png); background-repeat:no-repeat; background-position:right top; color:#003d79; text-decoration:none; font-size:16px; font-weight:bold; cursor:pointer}
.learn-more16:hover{color:#145fa9}

.learn-more-r16{padding-right:16px; background-image:url(../images/learn_more_btn_arrow.png); background-repeat:no-repeat; background-position:right top; color:#003d79; text-decoration:none; font-size:16px; font-weight:normal; cursor:pointer}
.learn-more-r16:hover{color:#145fa9}




/****************************MAP CSS*******************/

#mapContainer {
	width:549px; height:340px;background-image:url(../images/key-system-map-bg.jpg); background-repeat:no-repeat; position:relative; }
#mapContainer #key_sys_map {
	position: absolute;
	top: 0;
	left: 0;
}
#mapContainer div {
	display: none;
	position: absolute; border-top:1px #000000 dotted; border-right:1px #000000 dotted; 
}

#mapContainer div span {
	 width:108px; float:right; margin-right:-145px; margin-top:-15px; background-color:#fafafa; font-size:14px; line-height:17px; color:#404040; padding:5px
}

/* /////// content-div /////// */
#mapcontent1{left:2px; top:58px; width:303px; height:279px}
#mapcontent2{left:2px; top:73px; width:365px; height:263px}
#mapcontent3{left:2px; top:54px; width:381px; height:283px}
#mapcontent4{left:2px; top:73px; width:331px; height:264px}
#mapcontent5{left:2px; top:96px; width:310px; height:241px}
#mapcontent6{left:2px; top:94px; width:348px; height:243px}
#mapcontent7{left:2px; top:107px; width:385px; height:231px}
#mapcontent8{left:2px; top:116px; width:309px; height:221px}
#mapcontent9{left:2px; top:120px; width:343px; height:217px}
#mapcontent10{left:2px; top:147px; width:360px; height:188px}
#mapcontent11{left:2px; top:161px; width:293px; height:174px}
#mapcontent12{left:2px; top:163px; width:323px; height:171px}
#mapcontent13{left:2px; top:206px; width:329px; height:129px}
#mapcontent14{left:2px; top:206px; width:357px; height:129px}
#mapcontent15{left:2px; top:222px; width:165px; height:113px}
#mapcontent16{left:2px; top:249px; width:109px; height:85px}
#mapcontent17{left:2px; top:255px; width:231px; height:79px}
#mapcontent18{left:2px; top:278px; width:143px; height:56px}

/***********GLOBE***************/
#globe{ width:493px; height:554px; position:relative; z-index:1 }
#globe2{ width:493px; height:554px; position:absolute; z-index:2 ; background-color:#000000}


#globepos1{top:72px; left:245px;position: absolute; z-index:101 }
#globepos2{top:143px; left:98px;position: absolute;z-index:102 }
#globepos3{top:133px; left:330px;position: absolute; z-index:103}
#globepos4{top:294px; left:103px;position: absolute; z-index:104}
#globepos5{top:367px; left:251px;position: absolute; z-index:105}


.globe-main-img{ position:absolute; z-index:3; cursor:pointer;}
.globe-main-content {
    background-image: url("../images/transparent-bg-gray.png");
    background-repeat: repeat;
    height: 140px;
    padding: 0px 10px 0px 10px;
    position: absolute;
    width: 120px;
    z-index: 400;cursor:pointer; margin:3px 0px 0px 3px; color:#ffffff; text-decoration:none
}

.globe-main-content .title{ font-size:20px; font-weight:bold; width:120px; position:relative; height:40px; padding-top:20px}
.globe-main-content .link{ font-size:14px; font-weight:normal;border-top:1px #ffffff solid;width:120px; float:left; padding-top:10px;position:relative;}

.globe-main-content a{  color:#FFFFFF; text-decoration:none}