/* CCS for 3D Carousel */ /* Copyright 2013 Mark A. Furr All Rights Reserved */ .wrapper{ position:relative; top: -9px; width: 1000px; height: 2170px; margin: 0 auto; padding: 0px; background-color: rgb(255,255,255); border-left: 0px solid silver; border-right: 0px solid silver; } html, body { height: 100%; } /* Carousel CSS Code */ .stage{ width:1000px; height:400px; margin:0em; /*float:left;*/ position:relative; top: -150px; left: 0px; background:#000000; overflow:hidden; } #myImage1 {position: absolute; top: -50px;} #myImage2 {position: absolute; top: -50px;} #myImage3 {position: absolute; top: -50px;} #myImage4 {position: absolute; top: -50px;} #myImage5 {position: absolute; top: -50px;} #myImage6 {position: absolute; top: -50px;} #controls {position: absolute; top: 200px;} #imageInformation {position: absolute; top: -250px;}/* Was -250 */ #description {position: absolute; top: 520px; left: 415px; background-color:#000000; color: white; width: 170px; table-layout:fixed; text-align:center}/* Bill type text */ #showmousexy {position: absolute; top: -70px; left: -150px} #instruction {position: absolute; top: 40px; left: 50px; line-height: 8px;} #imagelinks {position: absolute; top: 500px; left: 300px;} #nav {position: absolute; top: 530px; left: 450px;} /* End of Carousel Code */ body {font-family: 'arial', arial, verdana, sans-serif; font-size: 14px} /* Menu Code */ .menupositon1 {position:absolute; top: 70px; width: 120px; height: 25px; z-index: 1; border: 1px solid black; color: black; background-color: rgb(175,175, 255); text-align: center; font-size: 16px} .menupositon1 a {display: block; width: 120px; height: 25px; color: black} .menupositon1 a:hover {background-color: rgb(151, 151, 151); color: white} .menupositon2 {position:absolute; top: 70px; width: 142px; height: 25px; z-index: 3; border: 1px solid black; color: black; background-color: rgb(175,175, 255); text-align: center; font-size: 16px} .menupositon2 a {display: block; width: 142px; height: 25px; color: black} .menupositon2 a:hover {background-color: rgb(151, 151, 151); color: white} .menupositon3 {position:absolute; top: 70px; width: 160px; height: 25px; z-index: 3; border: 1px solid black; color: black; background-color: rgb(175,175, 255); text-align: center; font-size: 16px} .menupositon3 a {display: block; width: 160px; height: 25px; color: black} .menupositon3 a:hover {background-color: rgb(151, 151, 151); color: white} .menupositon4 {position:absolute; top: 70px; width: 140px; height: 25px; z-index: 3; border: 1px solid black; color: black; background-color: rgb(175,175, 255); text-align: center; font-size: 16px} .menupositon4 a {display: block; width: 140px; height: 25px; color: black} .menupositon4 a:hover {background-color: rgb(151, 151, 151); color: white} .menupositon5 {position:absolute; top: 70px; width: 140px; height: 25px; z-index: 3; border: 1px solid black; color: black; background-color: rgb(175,175, 255); text-align: center; font-size: 16px} .menupositon5 a {display: block; width: 140px; height: 25px; color: black} .menupositon5 a:hover {background-color: rgb(151, 151, 151); color: white} .menupositon6 {position:absolute; top: 70px; width: 154px; height: 25px; z-index: 3; border: 1px solid black; color: black; background-color: rgb(175,175, 255); text-align: center; font-size: 16px} .menupositon6 a {display: block; width: 154px; height: 25px; color: black} .menupositon6 a:hover {background-color: rgb(151, 151, 151); color: white} .menupositon7 {position:absolute; top: 70px; width: 141px; height: 25px; z-index: 3; border: 1px solid black; color: black; background-color: rgb(175,175, 255); text-align: center; font-size: 16px} .menupositon7 a {display: block; width: 141px; height: 25px; color: black} .menupositon7 a:hover {background-color: rgb(151, 151, 151); color: white} #menu1, #menu1List {left: 0px; background-color:rgb(120,255,120)} #menu2, #menu2List {left: 120px} #menu3, #menu3List {left: 261px} #menu4, #menu4List {left: 421px} #menu5, #menu5List {left: 561px} #menu6, #menu6List {left: 702px} #menu7, #menu6List {left: 857px} /* End of Menu Code */ #logoimage {position: relative; top: -95px; left: 10px} #logo {position: relative; top: -155px; left: 70px} #logotm {position: relative; top: -155px; left: 70px} #back {position: relative; top: -140px; text-align: center} h2 {position: relative; top: 0px; height: 120px; text-align: center} h3 {position: relative; top: -60px; text-align: center} h4 {position: relative; top: -100px; color:#000000; font-size: 30px; background-color:rgb(0,0,0)} #warning {color:#FF0000; font-size: 70px; text-align: center; background-color:rgb(0,0,0)} .warning1 {color:#FF0000; font-size: 30px; background-color:rgb(0,0,0)} #welcome {position: relative; top: -90px; left: -20px; width: 900px} #welcome1 {color:#0000FF; font-size:30px} #welcome2 {position: absolute; top: 85px; left: 580px; width: 790px} #welcome3 {position: relative; top: -30px; left: 0px; width: 790px} #video1 {position: relative; top: 5px; left: 350px} #how {color:#0000FF; font-size:18px; position: relative; top: -160px; left: 310px} #answer {color:#0000FF; font-size:18px; position: relative; top: -160px; left: 230px} #buy {color:#008800; font-size: 18px} #sell {color:#FF0000; font-size: 18px} .questions {color:#FF0000} #strategies {position: relative; top: -30px} #algorithm1 {color:#FF0000} #algorithm2 {color:#FF0000} #algorithm3 {color:#FF0000} #gain {color:#008800; font-size: 18px} #alltools {position: relative; top: -160px; font-size: 20px; color:#0000FF; text-align: center} #mafostitle {position: relative; top: -170px; left: 240px; color:#0000FF; font-size: 15px} #mafsrtitle {position: relative; top: -203px; left: 625px; color:#0000FF; font-size: 15px} #mafsrup {position: relative; top: -190px; left: 615px; color:#0000FF; font-size: 12px} #mafsrdown {position: relative; top: -115px; left: 605px; color:#0000FF; font-size: 12px} #fmatitle {position: relative; top: -290px; left: 830px; color:#0000FF; font-size: 15px} #enlarge1 {position: relative; top: -80px; left: 210px; color:#0000FF; font-size: 12px} #enlarge2 {position: relative; top: -110px; left: 800px; color:#0000FF; font-size: 12px} #makingmoney {position: relative; top: -160px; font-size: 20px; color:#0000FF; text-align: center} .makingmoneytext {position: relative; top: -80px; color:#008800; font-size: 18px; text-align: center} #makingmoneyvideo1 {position: relative; top: -100px; left: -150px;} #disclaimer {position: relative; top: 200px; left: 50px; width: 790px} .copyright {position: relative; top: 20px} .trademark {position: relative; top: 20px} h1 {position: relative; top: 190px; left: 0px; width: 1000px; font-size: 2em; color: blue; background-color: green} .siteseal {position: absolute; top: 10px; left: 860px} #verified {position: relative; top: 250px; left: 770px} #footer { position: relative; bottom: -10px; left: 0px; background-color: rgb(125,255,125); height: 20%; width: 100%; } #footerright { position: absolute; top: 2150px; left: -20px; background-color: rgb(125,255,125); height: 20%; width: 200%; } #djititle {position: relative; top: 300px; left: 50px; width: 1000px; height: 15px} #video2 {position: relative; top: 5px; left: 200px} #djiimg {position: relative; top: -140px; left: 80px} #firsttool {position: relative; top: 30px; left: 50px; width: 820px} #recommend {position: relative; top: 30px; left: 90px; width: 790px} #facebooklike {position: relative; top: 30px; left: 90px} #likeus {position: relative; top: 30px; left: 90px} #blogs {position: relative; top: 30px; left: 90px} #facebook { display: inline-block; width: 40px; height: 39px; background: url("https://www.maftrader.com/Images/btn-fb-twotone-blue.png") no-repeat 0 0; } #facebook:hover { background-position: 0 -38px; }