body{margin:auto;background:#F2F2F2;min-width:980px;width:100%;}
a img{border:0;  outline: 0; }
#header{max-height:150px;width:100%;height:auto;margin:auto;color:#ffffff;font-family: Helvetica, Arial, sans-serif;position:relative;display:block;clear:both;}
#header img{width:100%;max-height:150px;height:auto;z-index:0;}

.headertextarea{width:100%;height:100%;margin:auto;color:#ffffff;font-family: Helvetica, Arial, sans-serif;z-index:10;position:relative;margin-top:-150px;margin-bottom:140px;display:block;max-width:960px;}
.headertext{font-size:175%;width:45%;z-index:10;position:absolute;left:8%;margin-top:59px;}
.subheadertext{font-size:85%;width:54%;z-index:10;position:absolute;left:40%;padding-right:10px;margin-top:29px;}


@media screen and (-webkit-min-device-pixel-ratio:0) {

/* Safari and Chrome CSS here */
.headertext{margin-top:50px;}
.subheadertext{margin-top:20px;}

#breadcrumb a{line-height:17px;}
}


html,body{overflow-x:hidden;}
.invisible{visibility:hidden;}
.imginvisible, .displaynone{display:none;}


#footer{width:100%;height:100%;margin:auto;color:#ffffff;font-family: Helvetica, Arial, sans-serif;display:none;clear:both;text-align:center;margin-top:-40px;font-size:13px;overflow:hidden;}
#footer img{width:100%;z-index:0;}


.footertext{width:70%;text-align:left;padding-left:200px;padding-bottom:20px;z-index:200;overflow:hidden;}
.footertext .opener,.footertext .closingText, .footertext .rowtitle{font-weight:bold;font-size:14px;padding-bottom:10px;clear:both;display:block;line-height:17px;}
.row{clear:both; padding:15px 0 2px 0;}
.row .rowtitle a{background:url(../images/acc-triangle.png) 0 2px no-repeat;color:#ffffff;font-size:14px;font-weight:bold;cursor:pointer; padding-left:12px;height:50px;}
.row .rowtitle a.selected{background-position: 0 -15px;}
.row .rowtitle a:hover{color:#ffe14f;}
.content{padding-bottom:10px;}
.content a{color:#ffe14f;}

.startcollbuttonholder{width:145px;height:36px;display:block;margin-top:70px;position:absolute;left:50%;margin-left:-75px;}
.startcollaboratingbtn{width:145px;height:36px;display:block;cursor:pointer;z-index:50;background:url(../images/Start_button.png) no-repeat;color:#ffffff;font-family: Helvetica, Arial, sans-serif;text-align:center;line-height:38px;text-decoration:none;}
.startcollaboratingbtn:hover{background-position: 0 -38px;text-decoration:none;}
.submitmychoicebtn{display:none;}

.introanimgif{max-width:356px;max-height:356px;width:70%;height:auto;z-index:10;position:absolute;left:50%;}
.introanimimg{max-width:356px;max-height:356px;width:100%;height:100%;}
.unfoldinganimgif{max-width:560px;max-height:444px;width:70%;height:auto;z-index:10;position:absolute;left:50%;}
.scalingimage{display:block;height:auto;margin:auto;position:relative;padding-top:67px;}
.largesqimage{width:44%;height:100%;margin:auto;display:block;max-width:222px;max-height:222px;}

/*these divs are in html only to store these properties*/
.iconbtnholderimgstarting{max-width:85px;max-height:85px;margin-top:-9px;margin-right:0;}
.scalingimgfinal{max-width:354px;max-height:354px;visibility:hidden;}
.iconbtnholderimgfinal{max-width:112px;max-height:112px;margin-left:1px;margin-top:-23px;visibility:hidden;}
.headermaxheightfinal{max-height:25px;visibility:hidden;}
.bgimgoverlaytop{position:absolute;top:200px;visibility:hidden;}
.firstintroimgdata{margin-left:-3px;margin-top:-13px;max-width:447px;max-height:379px;}/*first rotating animated gif*/
.secondintroimgdata{margin-left:3px;margin-top:-47px;max-width:378px;max-height:449px;}/*second rotating animated gif*/
.unfoldingimgdata{margin-left:-3px;margin-top:-50px;max-width:560px;max-height:443px;}/*third rotating animated gif*/


.iconbtnholder{max-width:85px;max-height:85px;width:22%;height:auto;position:absolute;left:50%;top:50%;display:block;}
.one{z-index:200;width:22%;height:auto;}
.two{z-index:190;width:22%;height:auto;}
.three{z-index:180;width:22%;height:auto;}
.four{z-index:170;width:22%;height:auto;}
.five{z-index:160;width:22%;height:auto;}
.six{z-index:150;width:22%;height:auto;}
.seven{z-index:140;width:22%;height:auto;}
.eight{z-index:130;width:22%;height:auto;}
.nine{z-index:120;width:22%;height:auto;}
.blackcenter{z-index:110;width:22%;background:#000000;display:block;}
.exclude,.exclude a{cursor:default;}

.btn img, .btnover img{width:100%;height:auto;margin:auto;}
.btn, .btnover{width:100%;height:auto;margin:auto;display:block;cursor:pointer;position:absolute;}

.topimage{margin:auto;width:50%;height:34px;padding-top:0;margin-top:14px;text-align:center;}
.dottedtextarea{width:35%;font-size:125%;font-family: Helvetica, Arial, sans-serif;border:1px dotted #000000;margin:45px auto 0 auto;padding:20px;text-align:center;max-width:500px;clear:both;}
.redtext{color:#BD2A8B;}
.greentext{color:#46A040;}
.purpletext{color:#652D89;}

#toplinks{width:100%;height:0;background:#000000;color:#ffffff;padding-left:10px;}
#toplinks a.startover{float:right;}
#breadcrumb{float:left;}
#breadcrumb a{padding-top:1px;float:left;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#ffffff;text-decoration:none;line-height:16px;padding-left:10px;padding-right:12px;background:url(../images/breadcrumb_closebtn.gif) 100% 5px no-repeat;overflow:hidden;}
#breadcrumb a.disabled{cursor:default;color:#808080;}
a.startover{padding-top:1px;float:right;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#ffffff;text-decoration:none;line-height:16px;padding-right:20px;cursor:pointer;}
a.startover:hover{color:#ffe14f;overflow:hidden;}
#breadcrumb a.enabled:hover{background-position:100% -10px; color:#ffe14f;}

.bgimg{ height: auto; left: 50%;max-height: 444px;max-width: 560px; position: absolute; width: 70%; z-index: 20;}
.bgimgoverlay{max-width:358px;max-height:228px;left:50%; z-index: 30;}

#debug{position:absolute;z-index:1000;top:200px;left:50px;width:300px;}