body{margin:0px;background: url(../imgs/hm_bgnd.jpg) #FCF89E top left repeat-x; color:#042129; font:normal 11px Verdana ;}
h2{color:#005063; font:normal 18px Verdana; font-weight:bold; }
/*p{color:#005063; font:normal 11px Verdana; font-weight:bold; }*/
td {color:#042129; font:normal 11px Verdana, sans serif;}
a, a:link, a:visited, a:active { font-weight:bold; color:#333399; text-decoration:underline;}
a:hover{ font-weight:bold; color:#A33E7E; text-decoration:underline;}

#content {width:800px; height:700px;}
#mainpanel {width:800px; height:700px; position: relative; align:left;}
#btn-backtonick { position:absolute;    left:4px;    top:0px;}
#nav {            position:absolute;    left:56px;    top:218px;    width:202px;    height:353px;}


#logo-magnapacifichome {
    position:absolute;
    left:30px;
    top:420px;
}

#logo-magnapacificsub {
    position:absolute;
    left:76px;
    top:578px;
}

#united-sponsor-hm {
  position:absolute;
  left:100px;
  top:535px;
}

#united-sponsor-sm {
  position:absolute;
  left:180px;
  top:630px;
}



/* text */

.black10B{ font-weight:bold; color:#000000; font-size:10px;}
.black10{ font-weight:normal; color:#000000; font-size:10px;}
.black11B{ font-weight:bold; color:#000000; font-size:11px;}
.black12B{ font-weight:bold; color:#000000; font-size:12px;}
.black16B { font-weight:bold; color:#000000; font-size:16px;}

.greenblue11B{ font-weight:bold; color:#005063; font-size:11px;}
.greenblue12{ font-weight:normal; color:#005063; font-size:12px;}
.greenblue12B{ font-weight:bold; color:#005063; font-size:12px;}
.greenblue16B{ font-weight:bold; color:#005063; font-size:16px;}
.orange11B { font-weight:bold; color:#E95403; font-size:11px;}
a.orange11B , a.orange11B:link, a.orange11B:visited, a.orange11B:active { font-weight:bold; color:#E95403; font-size:11px; text-decoration:none;}
a.orange11B:hover{ font-weight:bold; color:#E95403; font-size:11px; text-decoration:underline;}
.orangedark11B { font-weight:bold; color:#914400; font-size:11px;}
.orangedark13B { font-weight:bold; color:#914400; font-size:13px;}
.orangedark16B { font-weight:bold; color:#914400; font-size:16px;}
.lemon11B { font-weight:bold; color:#FCF89E; font-size:11px;}
.lemon12B { font-weight:bold; color:#FCF89E; font-size:12px;}
.lemon16B { font-weight:bold; color:#FCF89E; font-size:16px;}



.blue16B { font-weight:bold; color:#005063; font-size:16px;}
.blue14B { font-weight:bold; color:#005063; font-size:14px;}
.blue12B { font-weight:bold; color:#005063; font-size:12px;}



.bluewhitebg11B { font-weight:bold; color:#005063; font-size:11px; background-color: #FFFFFF;}


.bluesky11B { font-weight:bold; color:#AEE2F1; font-size:11px;}
a.bluesky11B , a.bluesky11B:link, a.bluesky11B:visited,a.bluesky11B:active { font-weight:bold; color:#AEE2F1; font-size:11px; text-decoration:none;}
a.bluesky11B:hover{ font-weight:bold; color:#C4E340; font-size:11px; text-decoration:underline;}


.red10B { font-weight:bold; color:#CC3300; font-size:10px;}
a.red10B , a.red10B:link, a.red10B:visited,a.red10B:active { font-weight:bold; color:#CC3300; font-size:10px; text-decoration:none;}
a.red10B:hover{ font-weight:bold; color:#005063; font-size:10px; text-decoration:underline;}

.white10 { font-weight:normal; color:#FFFFFF; font-size:10px;}
.white11 { font-weight:normal; color:#FFFFFF; font-size:11px;}
.white11B { font-weight:bold; color:#FFFFFF; font-size:11px;}
.white12B { font-weight:bold; color:#FFFFFF; font-size:12px;}
a.white12B , a.white12B:link, a.white12B:visited,a.white12B:active { font-weight:bold; color:#FFFFFF; font-size:12px; text-decoration:none;}
a.white12B:hover{ font-weight:bold; color:#C4E340; font-size:12px; text-decoration:underline;}
.white14B { font-weight:bold; color:#FFFFFF; font-size:14px;}

.white16B { font-weight:bold; color:#FFFFFF; font-size:16px;}

/* common */

#toonimg1 { position:absolute; left:637px; top:9px;}
#toonimg2 { position:absolute; left:580px; top:0px;}
#toonimg3 { position:absolute; left:580px; top:0px;}
#toonimg4 { position:absolute; left:640px; top:0px;}
#toonimg5 { position:absolute; left:633px; top:0px;}
#toonimg6 { position:absolute; left:633px; top:0px;}
#toonimg7 { position:absolute; left:631px; top:0px;}
#toonimg8 { position:absolute; left:633px; top:0px;}
#toonimg9 { position:absolute; left:633px; top:0px;}



/* homepage */
#bgnd-green {   position:absolute; left:172px; top:0px;}
#hm-ntlogo {    position:absolute; left:234px; top:0px;}
#hm-top-orng {  position:absolute; left:517px; top:0px;}
#hm-txt1 {      position:absolute; left:517px; top:44px;}
#hm-house {     position:absolute; left:517px; top:202px;}
#hm-cloud-crn { position:absolute; left:517px; top:132px;}
#hm-btm-cloud { position:absolute; left:288px; top:318px;}
#hm-txt2 {      position:absolute; left:317px; top:360px;}
#hm-btm-cloud { position:absolute; left:288px; top:318px;}
#hm-arrow {     position:absolute; left:786px; top:239px;}
#hm-rrchars {   position:absolute; left:558px; top:423px;}
#hm-prizes {    position:absolute; left:265px; top:496px;}
#hm-copy1 {     position:absolute; left:583px; top:158px; width:185px; height:44px;    text-align: right;}
#hm-copy2 {     position:absolute; left:546px; top:364px; width:199px; height:49px;    text-align: left;}
#hm-copy3 {     position:absolute; left:261px; top:409px; width:246px; height:82px;    text-align: right;}
#hm-nav {       position:absolute; left:33px;  top:60px;  width:201px; height:353px;}
#btn-hm-enter { position:absolute; left:673px; top:202px;}
#hm-cta1 { position:absolute; left:33px; top:413px;}
#hm-cta2 { position:absolute; left:33px; top:517px;}
#hm-cta2-2 { position:absolute; left:553px; top:587px;}
#hm-cta1-copy { position:absolute; left:60px; top:440px; width:148px; text-align: left;}
#hm-cta2-copy { position:absolute; left:50px; top:530px; width:162px; text-align: left;}
#hm-cta2-copy-2 { position:absolute; left:570px; top:600px; width:162px; text-align: left;}

/*template1 */
#t1-top2 {      position:absolute; left:539px; top:0px;}
#t1-top3 {      position:absolute; left:668px; top:127px;}

/* template2 */
#ntlogo {       position:absolute; left:54px;  top:0px;}
#top1 {         position:absolute; left:257px; top:0px;}
#t2-top2 {      position:absolute; left:540px; top:0px;}
#rght-brdr {    position:absolute; left:757px; top:127px;}
#btm-trngl {    position:absolute; left:257px; top:547px;}
#t2-content {   position:absolute; left:257px; top:127px;    width:500px;    height:420px;    background-color: #FF7800;    text-align: left;}

/* competition */
#comp-content {   padding: 0 0 0 20px;}

#comp-intro { position:absolute; left:20px;  top:10px;  width:400px;  height:27px;  text-align: left;}
#comp-enter { width:400px; text-align: left;}
#bgnd-mustard1 { position:absolute; left:0px; top:47px;}
#bgnd-brown1 { position:absolute; left:12px; top:252px;}
#bgnd-blue1 { position:absolute; left:240px; top:265px; }

#bgnd-comp-result { position:absolute; left:0px; top:47px;}

#ttl-enternow { position:absolute; left:257px; top:15px;}
#ttl-myentry { position:absolute; left:237px; top:9px;}
#btn-tandcs {   position:absolute; left:22px; top:112px;}
#btn-grownup {  position:absolute; left:60px; top:194px;}
#btn-pdfentry { position:absolute; left:40px; top:358px;}
#btn-prizes { position:absolute; left:300px; top:364px;}
#btn-enternow { position:absolute;  left:309px;  top:66px;}
#btn-comphome {position:absolute; left:75px; top:443px;}

#btn-all { position:absolute; left:0; top:380px; width:510px}
#btn-all2 { position:absolute; left:0; top:405px; width:510px}

#compcopy1{ position:absolute;  left:20px;  top:86px;  width:237px;  height:27px;  text-align: left;}
#compcopy2{ position:absolute;  left:20px;  top:150px;  width:237px;  height:56px;  text-align: left;}
#compcopy3 { position:absolute;  left:28px;  top:280px;  width:190px;  height:44px;  text-align: left;}
#compcopy4 { position:absolute;  left:260px;  top:295px;  width:190px;  height:44px;  text-align: left;}
#compcopy9 { position:absolute;  left:20px;  top:120px;  width:346px;  height:44px;  text-align: left;}

#compcopy-result { position:absolute;  left:40px;  top:120px;  width:300px;  height:44px;  text-align: left;}

#comp-prize-copy{ position:absolute; left:20px;  top:40px; width:400px;  height:27px; text-align:left;}


#compbtnchange { padding:4px 0 4px 24px;}
#compbtnchange2 {  position:absolute; left:346px;  top:420px;}
.formheader {  color: #042129;  font-size:11px;  font-weight: bold;  font-family: Verdana;}
.forminput1 {  width:80px; height:18px; color: #042129; font-size:10px; font-family: Verdana;}
.forminput2 {  width:160px;height:18px; color: #042129; font-size:10px; font-family: Verdana;}
.forminput3 {  width:20px; height:18px; color: #042129; font-size:10px; font-family: Verdana;}
.formdropdown {width:70px; height:18px; color: #042129; font-size:10px; font-family: Verdana;}
#formstory { width:430px;  height:100px;  color: #042129;  font-size:10px;  font-family: Verdana;}
.famupload { width:10px;  height:18px;  color: #042129;  font-size:10px;  font-family: Verdana;}
#compbtnzapit{  position:absolute;  left:360px;  top:370px;}
#familyupload { position:absolute;  left:390px;  top:92px;  width:110px;}
#storydiv {     position:absolute;  left:20px;  top:350px;  width:310px;  padding: 5px 5px 20px 5px; background-color:#E56D03;}
#namediv1 {     position:absolute; left:80px; top:40px; width:200px; height:44px; text-align:center; z-index:2}
#namediv2 {     position:absolute; left:145px; top:54px; width:200px; height:44px; text-align:center; z-index:2}
#namediv3 {     position:absolute; left:1px; top:56px; width:200px; height:44px; text-align:center; z-index:2}
#namediv4 {     position:absolute; left:210px; top:15px; width:200px; height:44px; text-align:center; z-index:2}
#namediv5 {     position:absolute; left:240px; top:76px; width:200px; height:44px; text-align:center; z-index:2}
#namediv6 {     position:absolute; left:-35px; top:110px; width:200px; height:44px; text-align:center; z-index:2}
#namediv7 {     position:absolute; left:45px; top:90px; width:200px; height:44px; text-align:center; z-index:2}
#namediv8 {     position:absolute; left:195px; top:130px; width:200px; height:44px; text-align:center; z-index:2}
#namediv9 {     position:absolute; left:60px;top:155px; width:200px; height:44px; text-align:center; z-index:2}
#namediv10 {    position:absolute; left:150px;top:165px; width:200px; height:44px; text-align:center; z-index:2}

#persondiv1 {   position:absolute; left:135px; top:50px;}
#persondiv2 {   position:absolute; left:200px; top:64px;}
#persondiv3 {   position:absolute; left:56px; top:66px;}
#persondiv4 {   position:absolute; left:260px; top:25px;}
#persondiv5 {   position:absolute; left:290px; top:86px;}
#persondiv6 {   position:absolute; left:20px; top:120px;}
#persondiv7 {   position:absolute; left:100px; top:100px;}
#persondiv8 {   position:absolute; left:250px; top:140px;}
#persondiv9 {   position:absolute; left:115px; top:165px;}
#persondiv10 {  position:absolute; left:195px; top:175px;}

#bgnd-family { position:absolute; left:0px; top:0px;}
#bgnd-story { position:absolute; left:370px; top:71px;}
#bgnd_comp_result { position:absolute; left:370px; top:71px;}

/* bikini name **/
#bikini-content {position:absolute; left:40px;  top:60px;  width:500px;}
#bgnd-mustard2 {position:absolute;  left:5px;  top:25px;}
#ttl-bikinibtm  {position:absolute; left:225px; top:4px;}
#bikini-intro   {position:absolute; left:20px;  top:10px;  width:237px;  height:27px;  text-align: left;}
#bb_result{position:absolute; visibility:hidden; background-color: #FF7800; width:440px;  height:400px;}
#bb_name {font-size: 18px; }
#bikinizap {position:absolute; left:10px; top:318px;}

#bgnd-bikini {position:absolute;  left:0px;  top:33px;}
#bikini-snail {position:absolute;  left:146px;  top:-38px;}
#bikini-nameheading {position:absolute;  left:57px;  top:81px;}
#btn-doitagain {position:absolute;  left:333px;  top:300px;}
#bikini-name {position:absolute;  left:0px; top:186px; text-align: center; width: 440px;}

#bikini-chars {position:absolute; left:60px; top:240px;}


.formbikini {  width:80px; height:18px; color: #042129; font-size:11px; font-family: Verdana;}
.formbikiniddown {width:100px; height:18px; color: #042129; font-size:11px; font-family: Verdana;}



/* games **/
#game-content { position:absolute;  left:40px;  top:44px;  width:500px;}
#bgnd-yellow {position:absolute;  left:5px;  top:5px; }


#ttl-games { position:absolute; left:247px; top:10px;}

#ttl-playnow {
    position:absolute;
    left:351px;
    top:79px;
}


/* home winning family  **/
#fam-content { position:absolute;  left:40px;  top:44px;  width:500px;}

#home-cloud {position:absolute; left:291px; top:117px;}
#hm-familypic {position:absolute; left:506px; top:147px;}
#hm-txt-winner { position:absolute; left:498px; top:68px;}

#btn-home-checkout {position:absolute; left:591px; top:310px;}

#home-housemagni { position:absolute; left:323px; top:310px;}

#ttl-winfam { position:absolute; left:247px; top:10px;}

#pannel-sm {position:absolute;left:292px;top:471px;}

#hm-txt-ecard {position:absolute; left:320px; top:488px; width:199px; text-align: left;}

#btn-readprof {position:absolute; left:540px; top:465px;}


#fam-prof1 { position:absolute;  left:40px;  top:44px;  width:500px;}
#fam-prof2 { position:absolute;  left:40px;  top:44px;  width:500px;}
#fam-prof3 { position:absolute;  left:40px;  top:44px;  width:500px;}
#fam-prof4 { position:absolute;  left:40px;  top:44px;  width:500px;}


/* family page */

#pannel-yellow {
  position:absolute;
  left:255px;
  top:162px;
}

#ttl-winfam { position:absolute; left:246px; top:4px;}
#star1 {position:absolute; left:464px; top:0px;}
#star2 { position:absolute; left:444px; top:49px;}
#ttl-meetfam {position:absolute; left:270px; top:124px;}

#winfam-pics {
  position:absolute;
  left:260px;
  top:330px;
}

#ttl-meetfam {
  position:absolute;
  left:270px;
  top:124px;
}

#fam-txt {position:absolute; left:280px; top:202px; width:436px; text-align: left;}

/* family profiles */

#pannel-yellow2 {
  position:absolute;
  left:257px;
  top:162px;
}
#fam-kids {
  position:absolute;
  left:262px;
  top:351px;
}

#fam-pannel-parents {
  position:absolute;
  left:563px;
  top:338px;
}


#fam-txt-parents {position:absolute; left:593px; top:362px; width:170px; text-align: left;}

#btn-tom {
  position:absolute;
  left:506px;
  top:483px;
}
#btn-jes {
  position:absolute;
  left:338px;
  top:488px;
}
#btn-mat {
  position:absolute;
  left:261px;
  top:449px;
}
#btn-dan {
  position:absolute;
  left:421px;
  top:441px;
}



#div-mat {position:absolute; left:284px; top:170px; width:425px; text-align: left; visibility: hidden;}
#div-jes {position:absolute; left:284px; top:170px; width:425px; text-align: left; }
#div-dan {position:absolute; left:284px; top:170px; width:425px; text-align: left; visibility: hidden;}
#div-tom {position:absolute; left:284px; top:170px; width:425px; text-align: left; visibility: hidden;}

#ttl-profname {
  position:absolute;
  left:310px;
  top:4px;
}

#txt-prof-inst {position:absolute; left:270px; top:558px; width:200px; text-align: left;}

#btn-back {
  position:absolute;
  left:593px;
  top:141px;
}

/* flipside */

#ttl-flipcards { position:absolute; left:241px; top:8px; }
#bgnd-yellowflip {position:absolute;  left:5px;  top:5px; }
#flipside-content {  position:absolute;  left:40px;  top:20px;  width:500px;}
#flip-intro-copy {position:absolute;  left:40px;  top:80px; width:220px; }
#flipside-logo {position:absolute;  left:260px;  top:20px; }
#snt-logo {position:absolute; left:260px; top:90px; }
#flipcards {position:absolute; left:26px; top:215px; }
#btn-collect {position:absolute; left:260px; top:350px; }


/* e-card */
#bgnd-brown2 {position:absolute;  left:5px;  top:5px;}
#ttl-ecard { position:absolute; left:243px; top:4px; }
#ttl_star { position:absolute;  left:336px;  top:52px;}

#ecard-copy1 {position:absolute; left:50px; top:60px; width:360px;}
#ecard-flash {position:absolute; left:0px; top:0px; width:440px; height:420px; background-color: #FF7800;}
#redwhitebg { position:absolute; left:50px; top:30px; width:360px; font-weight:bold; color:#C4181E; font-size:12px; padding:4px; background-color: #FFFFFF;}


/* Create NickToon Family */

#ttl-createfamily {
    position:absolute;
    left:235px;
    top:8px;
}

/* Trivia Game*/

#ttl-triva { position:absolute; left:237px; top:9px;}

#dl-intro {position:absolute;  left:40px;  top:34px; width:400px}
#dl-instructions {position:absolute;  left:22px;  top:55px; width:402px }