#CircMenu {/* BORDER: 1px SOLID ORANGE; */ background:url(images/VGMenu/CircMenuBackgnd7.png) no-repeat 50% 50%;padding:0; margin:0 auto; list-style:none; position:relative; width:1000px; height:702px;}
#CircMenu ul {/* BORDER: 1px SOLID LIGHTBLUE; */ padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:400px; height:500px; background:url(trans.gif);}
#CircMenu li {/* BORDER: 1px SOLID PINK; */ display:block; width:300px; height:100px; position:absolute; text-decoration:none; color:#000;}

/* MAIN MENU Image Positions */
#CircMenu li a {display:block; width:300px; height:100px; text-decoration:none;}
#CircMenu li a b {/* BORDER: 1px SOLID GREEN; */ BACKGROUND:URL(images/VGMenu/CircVidGameMenuCenterBreakOut.png) POSITION -18px -19px; position:absolute; left:-9999px; display:block; width:150px; height:155px; text-align:center; font-family:arial, sans-serif; font-size:22px; color:#215983;}
#CircMenu li.home {background:url(images/VGMenu/VGhome2.png); left:350px; top:0;}
#CircMenu li.BtRL {background:url(images/VGMenu/Credits-BSG-BtRLBanner.jpg); left:625px; top:150px;}
#CircMenu li.STETCW {background:url(images/VGMenu/Credits-STETCWBanner.jpg); left:700px; top:300px;}
#CircMenu li.RiotAct {background:url(images/VGMenu/Credits-RiotActBanner.jpg); left:625px; top:450px;}
#CircMenu li.TNM {background:url(images/VGMenu/Credits-TNMBanner.jpg); left:350px; top:600px;}
#CircMenu li.VGO {background:url(images/VGMenu/Credits-VGOBanner.jpg); left:75px; top:450px;}
#CircMenu li.HFO {background:url(images/VGMenu/Credits-HALOFirstOffensiveBanner.jpg); left:0px; top:300px;}
#CircMenu li.Nightfall {background:url(images/VGMenu/Credits-NightfallBanner.jpg); left:75px; top:150px;}

#CircMenu li a:hover {/* BORDER:1PX SOLID BLACK; */ z-index:500;}


#CircMenu li.home a:hover ul, #CircMenu li.home:hover ul {left:-35px; top:65px;}
#CircMenu li.BtRL a:hover ul, #CircMenu li.BtRL:hover ul {left:-325px; top:-50px;}
#CircMenu li.STETCW a:hover ul, #CircMenu li.STETCW:hover ul {left:-400px; top:-200px;}
#CircMenu li.RiotAct a:hover ul, #CircMenu li.RiotAct:hover ul {left:-325px; top:-350px;}
#CircMenu li.TNM a:hover ul, #CircMenu li.TNM:hover ul {left:-50px; top:-500px;}
#CircMenu li.VGO a:hover ul, #CircMenu li.VGO:hover ul {left:225px; top:-350px;}
#CircMenu li.HFO a:hover ul, #CircMenu li.HFO:hover ul {left:300px; top:-200px;}
#CircMenu li.Nightfall a:hover ul, #CircMenu li.Nightfall:hover ul {left:225px; top:-50px;}

#CircMenu :hover ul li {/* BORDER: 1px SOLID PURPLE; */ width:40px; height:40px;}

/* SUB-MENU Icons Position */
#CircMenu :hover ul li a {/* BORDER: 1px SOLID RED; */ position:absolute; display:block; width:40px; height:40px;}

/* SUB-MENU Link Text Position - BIT IN RED BORDER */
#CircMenu li ul li a.p1 {left:95px; top:100px;}
#CircMenu li ul li a.p2 {left:175px; top:75px;}
#CircMenu li ul li a.p3 {left:255px; top:100px;}
#CircMenu li ul li a.p4 {left:315px; top:160px;}
#CircMenu li ul li a.p5 {left:335px; top:205px;}
#CircMenu li ul li a.p6 {left:315px; top:265px;}
#CircMenu li ul li a.p7 {left:265px; top:320px;}
#CircMenu li ul li a.p8 {left:175px; top:330px;}
#CircMenu li ul li a.p9 {left:95px; top:320px;}
#CircMenu li ul li a.p10 {left:35px; top:265px;}
#CircMenu li ul li a.p11 {left:17px; top:205px;}
#CircMenu li ul li a.p12 {left:35px; top:160px;}

/* MAIN MENU Header Text Position */
#CircMenu li.home a:hover b, #CircMenu li.home:hover b {left:75px; top:255px;}
#CircMenu li.BtRL a:hover b, #CircMenu li.BtRL:hover b {left:-200px; top:105px;}
#CircMenu li.STETCW a:hover b, #CircMenu li.STETCW:hover b {left:-275px; top:-45px;}
#CircMenu li.RiotAct a:hover b, #CircMenu li.RiotAct:hover b {left:-200px; top:-195px;}
#CircMenu li.TNM a:hover b, #CircMenu li.TNM:hover b {left:75px; top:-345px;}
#CircMenu li.VGO a:hover b, #CircMenu li.VGO:hover b {left:350px; top:-195px;}
#CircMenu li.HFO a:hover b, #CircMenu li.HFO:hover b {left:425px; top:-45px;}
#CircMenu li.Nightfall a:hover b, #CircMenu li.Nightfall:hover b {left:350px; top:105px;}

#CircMenu li.home a:hover ul li a b,
#CircMenu li.BtRL a:hover ul li a b,
#CircMenu li.STETCW a:hover ul li a b,
#CircMenu li.RiotAct a:hover ul li a b,
#CircMenu li.TNM a:hover ul li a b,
#CircMenu li.VGO a:hover ul li a b,
#CircMenu li.HFO a:hover ul li a b,
#CircMenu li.Nightfall a:hover ul li a b,
#CircMenu li.home:hover ul li a b,
#CircMenu li.BtRL:hover ul li a b,
#CircMenu li.STETCW:hover ul li a b,
#CircMenu li.RiotAct:hover ul li a b,
#CircMenu li.TNM:hover ul li a b,
#CircMenu li.VGO:hover ul li a b,
#CircMenu li.HFO:hover ul li a b,
#CircMenu li.Nightfall:hover ul li a b{/* BORDER: 1px SOLID BLUE; */ WIDTH:200px; HEIGHT:80px;left:-9999px; background:#fff; font-size:12px; color: #AAA;}

#CircMenu li ul li a.BtRL1 {background:url(images/VGMenu/BtRL1.gif);}

#CircMenu li ul li a.STETCW1 {background:url(images/VGMenu/STETCW1.gif);}
#CircMenu li ul li a.STETCW2 {background:url(images/VGMenu/STETCW2.gif);}

#CircMenu li ul li a.RiotAct1 {background:url(images/VGMenu/RiotAct1.gif);}

#CircMenu li ul li a.TNM1 {background:url(images/VGMenu/TNM1.gif);}
#CircMenu li ul li a.TNM2 {background:url(images/VGMenu/TNM2.gif);}
#CircMenu li ul li a.TNM3 {background:url(images/VGMenu/TNM3.gif);}
#CircMenu li ul li a.TNM4 {background:url(images/VGMenu/TNM4.gif);}

#CircMenu li ul li a.VGO1 {background:url(images/VGMenu/VGO1.gif);}
#CircMenu li ul li a.VGO2 {background:url(images/VGMenu/VGO2.gif);}
#CircMenu li ul li a.VGO3 {background:url(images/VGMenu/VGO3.gif);}
#CircMenu li ul li a.VGO4 {background:url(images/VGMenu/VGO4.gif);}
#CircMenu li ul li a.VGO5 {background:url(images/VGMenu/VGO5.gif);}
#CircMenu li ul li a.VGO6 {background:url(images/VGMenu/VGO6.gif);}

#CircMenu li ul li a.HFO1 {background:url(images/VGMenu/HFO1.gif);}

#CircMenu li ul li a.Nightfall1 {background:url(images/VGMenu/Nightfall1.gif);}

/* SUB-MENU Icon Link - Text Position - BIT IN BLUE BORDER */
#CircMenu :hover ul li a.p1:hover b {left:0px; top:-100px;}
#CircMenu :hover ul li a.p2:hover b {left:-80px; top:-75px;}
#CircMenu :hover ul li a.p3:hover b {left:-160px; top:-100px;}
#CircMenu :hover ul li a.p4:hover b {left:-220px; top:-160px;}
#CircMenu :hover ul li a.p5:hover b {left:-240px; top:-205px;}
#CircMenu :hover ul li a.p6:hover b {left:-220px; top:125px;}
#CircMenu :hover ul li a.p7:hover b {left:-170px; top:70px;}
#CircMenu :hover ul li a.p8:hover b {left:-80px; top:60px;}
#CircMenu :hover ul li a.p9:hover b {left:0px; top:70px;}
#CircMenu :hover ul li a.p10:hover b {left:60px; top:125px;}
#CircMenu :hover ul li a.p11:hover b {left:78px; top:-205px;}
#CircMenu :hover ul li a.p12:hover b {left:60px; top:-160px;}