/* CSS Document */

body {
	margin: 0;
	background-color:#999999; 
	background-image: url(../Images/pg_bk_outer.png);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
/* ID Styles */

#container {	/*style the png background*/
	position: absolute;
	width: 700px;
	height: 900px;
	background-image:url(../Images/apro_main-bkg.jpg);
	background-repeat: no-repeat;
	left: 50%;
	top: 40px;
	margin-left: -350px;
	padding-bottom: 40px;	
	}

#content {	/*position all content in the container*/
	margin: 90px 10px 10px 10px;
	width: 675px;
	height: 800px;
	}
	
#LogoNavBarLt {
	position: absolute; top: 5px; left: 595px;
	width: 60px;
	height: 30px;
	border: 0px;
}
#LogoNavBarRt {
	position: absolute; top: 5px; left: 654px;
	width: 30px;
	height: 30px;
	border: 0px;
}
	
#flash {
	position: absolute; top: 190px; left: 20px;
	margin 10px; 10px; 10px; 10px;
	width: 440px;
	height: 250px;
	background-color:#CCCCCC;
}
#interfacePic {
	position: absolute;
	top: 180px;
	left: 13px;
	margin 10px; 10px; 10px; 10px;
	width: 450px;
	height: 318px;
	background-color:#CCCCCC;
	border: solid #000 10px;
}
#flashChart {
	position: absolute; top: 200px; left: 20px;
	margin 10px; 10px; 10px; 10px;
	width: 440px;
	height: 216px;
	background-color:#CCCCCC;
}

#formFX {
	position: absolute; top: 470px; left: 503px;
	width: 170px;
	height: 290px;
	font-size: x-small;
	background-color:#CCCCCC;
}

#TabNavBar {
	position: absolute; top: 90px; left: 3px;
	width: 694px; height: 85px;

}
	
#blog {
	position: absolute;
	top: 18px;
	left: 445px;
	width: 50px;
	height: 26px;
	font-size: 16px;	
	}	
	
#blog a {
	color: #fff;	
	letter-spacing: 3px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	}
#blog a:hover {
	color:#FFFF00;
	font-size: 16px;
	font-weight: bold;
	}	

#ForexButton {
	position: absolute;
	top: 152px;
	left: 542px;
	width: 141px;
	height: 41px;	
	}
#MoviePic {
	position: absolute;
	top: 270px;
	left: 518px;
	width: 140px;
	height: 100px;
}

#scrollText {
	position: absolute;
	top: 483px;
	left: 35px;
	width: 400px;
	height: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	overflow: auto;
	font-size: 12px;
	border: solid #000 3px;	
}	
	
#ViewHere {
	position: absolute;
	top: 390px;
	left: 570px;
	width: 100px;
	height: 28px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

#ViewHere a {
	color:#FFF;
	text-decoration: none;	
}

#ViewHere a:hover {
	color:#FFFF00;
}

#tradeKast {
	position: absolute;
	top: 528px;
	left: 721px;
	width: 100px;
	height: 28px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

#tradeKast a {
	color:#FFF;
	text-decoration: none;
	
}

#tradeKast a:hover {
	color:#FFFF00;
}

#fileShare {
	position: absolute;
	top: 471px;
	left: 604px;
	width: 100px;
	height: 28px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

#fileShare a {
	color:#FFF;
	text-decoration: none;
	
}

#fileShare a:hover {
	color:#FFFF00;
}

#upperChinese {
	position: absolute;
	top: 9px;
	left: 447px;
	width: 100px;
	height: 28px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

#upperChinese a {
	color:#FFF;
	text-decoration: none;
	
}

#upperChinese a:hover {
	color:#FFFF00;
}

#heading h4 {
	position: absolute; top: 470px; left: 30px;
	width: 424px;
	height: 284px;
	
	color: #000;
}

#mainText  {
	position: absolute; top: 460px; left: 30px;
	width: 425px;
	height: 320px;
	font-size: 12px;
	color: #000;

}
#contactText  {
	position: absolute; top: 180px; left: 30px;
	width: 425px;
	height: 640px;
	font-size: 12px;
	color: #000;

}

#lownav {
	position: absolute;
	top: 855px;
	left: 16px;
	width: 662px;
	height: 35px;
	font-size: 12px;
	color: #333333;
	
	}	
	
#lownav a {
	color: #999;
	line-height:35px;
	letter-spacing: 3px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	
	}
#lownav a:hover {
	color:#000;
	font-size: 12px;
	font-weight: bolder;
	}
	
#footer {
	position: absolute;
	top: 855px;
	left: 550px;
	width: 140px;
	height: 35px;
	font-size: 12px;
	color: #333333;

}

/*  Forex Page ID */

#containerFX {	/*style the png background*/
	position: absolute;
	width: 700px;
	height: 1100px;
	background-image:url(../Images/fxpro_main-bkg.jpg);
	background-repeat: no-repeat;
	left: 50%;
	top: 40px;
	margin-left: -350px;
	padding-bottom: 40px;	
	}

#btnDownload {
	position: absolute;
	top: 360px;
	left: 525px;
	width: 127px;
	height: 58px;
	border-color: #FFFFFF;
}

#A1 {
	position: absolute; top: 320px; left: 30px;
	width: 113px;
	height: 120px;
}
#A2 {
	position: absolute; top: 320px; left: 180px;
	width: 113px;
	height: 120px;
}
#A3 {
	position: absolute; top: 320px; left: 330px;
	width: 113px;
	height: 120px;
}	
#B1 {
	position: absolute; top: 540px; left: 30px;
	width: 113px;
	height: 120px;
}
#B2 {
	position: absolute; top: 540px; left: 180px;
	width: 113px;
	height: 120px;
}
#B3 {
	position: absolute; top: 540px; left: 330px;
	width: 113px;
	height: 120px;
}
#C1 {
	position: absolute; top: 760px; left: 30px;
	width: 113px;
	height: 120px;
}
#C2 {
	position: absolute; top: 760px; left: 180px;
	width: 113px;
	height: 120px;
}
#C3 {
	position: absolute; top: 760px; left: 330px;
	width: 113px;
	height: 120px;
}

#bestValue {
	position: absolute;
	top: 977px;
	left: 17px;
	width: 400px;
	height: 50px;

}

#ThumbsPanel img:hover {
	border: outset #FF0000 1px;	
}

#A1Text {
	position: absolute;
	top: 450px;
	left: 30px;
	color: #000;
	font-size: small;
	width: 113px;
	text-align: center;
	font-weight: bold;	
}
#A2Text {
	position: absolute;
	top: 450px;
	left: 180px;
	color: #000;
	font-size: small;
	width: 113px;
	text-align: center;
	font-weight: bold;	
}
#A3Text {
	position: absolute;
	top: 450px;
	left: 330px;
	color: #000;
	font-size: small;
	width: 113px;
	text-align: center;
	font-weight: bold;	
}
#B1Text {
	position: absolute;
	top: 670px;
	left: 30px;
	color: #000;
	font-size: small;
	width: 113px;
	text-align: center;
	font-weight: bold;	
}
#B2Text {
	position: absolute;
	top: 670px;
	left: 180px;
	color: #000;
	font-size: small;
	width: 113px;
	text-align: center;
	font-weight: bold;	
}
#B3Text {
	position: absolute;
	top: 670px;
	left: 330px;
	color: #000;
	font-size: small;
	width: 113px;
	text-align: center;
	font-weight: bold;	
}
#C1Text {
	position: absolute;
	top: 890px;
	left: 30px;
	color: #000;
	font-size: small;
	width: 113px;
	text-align: center;
	font-weight: bold;	
}
#C2Text {
	position: absolute;
	top: 890px;
	left: 180px;
	color: #000;
	font-size: small;
	width: 113px;
	text-align: center;
	font-weight: bold;	
}
#C3Text {
	position: absolute;
	top: 890px;
	left: 330px;
	color: #000;
	font-size: small;
	width: 113px;
	text-align: center;
	font-weight: bold;	
}

#theVideos {
	position: absolute;
	top: 960px;
	left: 530px;
	width: 150px;
	height: 28px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

#theVideos a {
	color:#FFF;
	text-decoration: none;
	
}

#theVideos a:hover {
	color:#FFFF00;
}

#lownavFX {
	position: absolute;
	top: 1055px;
	left: 16px;
	width: 662px;
	height: 35px;
	font-size: 12px;
	color: #333333;	
	}	
	
#lownavFX a {
	color: #999;
	line-height:35px;
	letter-spacing: 3px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	
	}
#lownavFX a:hover {
	color:#000;
	font-size: 12px;
	font-weight: bolder;
	}
	
#footerFX {
	position: absolute;
	top: 1055px;
	left: 550px;
	width: 140px;
	height: 35px;
	font-size: 12px;
	color: #333333;

}