/* NAV */



#colRight .row2 ul li a { font-size: 0px; display: block; line-height: 44px;vertical-align: bottom; text-decoration: none; }



.row2 #link1 {list-style: none; float: left; margin: 0px;width: 207px; height: 44px;background: url(../img/nav/pro_engage_nav_03.jpg) right;overflow: hidden;}

.row2 #link4 {list-style: none; float: left;margin: 0px; width: 207px; height: 44px;background: url(../img/nav/pro_connect_nav_03.jpg) right;overflow: hidden;}

.row2 #link7 {list-style: none; float: left;margin: 0px; width: 207px; height: 44px;background: url(../img/nav/pro_measure_nav_03.jpg) right;overflow: hidden;}



.row2 #link2 {list-style: none; float: left; margin: 0px;width: 217px; height: 44px;background: url(../img/nav/pro_engage_nav_04.jpg) left;overflow: hidden;}

.row2 #link5 {list-style: none; float: left;margin: 0px; width: 217px; height: 44px;background: url(../img/nav/pro_connect_nav_04.jpg) left;overflow: hidden;}

.row2 #link8 {list-style: none; float: left;margin: 0px; width: 217px; height: 44px;background: url(../img/nav/pro_measure_nav_04.jpg) left;overflow: hidden;}



.row2 #link3 {list-style: none; float: left;margin: 0px; width: 206px; height: 44px;background: url(../img/nav/pro_engage_nav_05.jpg) left;overflow: hidden;}

.row2 #link6 {list-style: none; float: left;margin: 0px; width: 206px; height: 44px;background: url(../img/nav/pro_connect_nav_05.jpg) left;overflow: hidden;}

.row2 #link9 {list-style: none; float: left;margin: 0px; width: 206px; height: 44px;background: url(../img/nav/pro_measure_nav_05.jpg) left;overflow: hidden;}




/* COPY AND CONTENT PANES */

#how {width: 688px; height: 324px;clear: both; display: none;}
#image {width: 688px; height: 324px;clear: both; display: none;}
#compare {width: 688px; height: 324px;clear: both; display: none;}
#video {width: 688px; height: 324px;clear: both; display: none;}
#partner {width: 688px; height: 324px;clear: both; display: none;}
#location {width: 688px; height: 324px;clear: both; display: none;}
#report {width: 688px; height: 324px;clear: both; display: none;}

#how #engage .copyIntro {width: 225px; height: 324px; float: left;background: url(../img/hm_engage_08.jpg) no-repeat;}
#how #connect .copyIntro {width: 225px; height: 324px; float: left;background: url(../img/hm_connect_08.jpg) no-repeat;}
#how #measure .copyIntro {width: 225px; height: 324px; float: left;background: url(../img/hm_measure_08.jpg) no-repeat;}

#image #engage .copyIntro {width: 225px; height: 324px; float: left;background: url(../img/hm_engage_08.jpg) no-repeat;}
#compare #connect .copyIntro {width: 225px; height: 324px; float: left;background: url(../img/hm_connect_08.jpg) no-repeat;}

#video #engage .copyIntro {width: 225px; height: 324px; float: left;background: url(../img/hm_engage_08.jpg) no-repeat;}


#partner #connect .copyIntro {width: 225px; height: 324px; float: left;background: url(../img/hm_connect_08.jpg) no-repeat;}

#location #measure .copyIntro {width: 225px; height: 324px; float: left;background: url(../img/hm_measure_08.jpg) no-repeat;}

#report #measure .copyIntro {width: 225px; height: 324px; float: left;background: url(../img/hm_measure_08.jpg) no-repeat;}





#how #engage #engageContent {width: 405px; height: 324px; float: left;background: url(../img/en_engagecontent_06.jpg) no-repeat;}
#how #engage #mobile {width: 405px; height: 324px; float: left;background: url(../img/en_mobilepane_06.jpg) no-repeat;display: none;}
#how #engage #gesture {width: 405px; height: 324px; float: left;background: url(../img/en_gesturepane_06.jpg) no-repeat;display: none;}
#how #engage #sound {width: 405px; height: 324px; float: left;background: url(../img/en_soundpane_06.jpg) no-repeat;display: none;}

#how #connect .connectContent {width: 405px; height: 324px; float: left;background: url(../img/pro_connect_why.jpg) no-repeat;}
#how #measure .measureContent {width: 405px; height: 324px; float: left;background: url(../img/pro_measure_how.jpg) no-repeat;}

#image #engage #enimageContent {width: 405px; height: 324px; float: left;background: url(../img/en_engageImage.jpg) no-repeat;}

#compare #connect #concompareContent {width: 405px; height: 324px; float: left;background: url(../img/pro_connect_compare.jpg) no-repeat;}

#video #engage #envideoContent {width: 405px; height: 324px; float: left;background: url(../img/en_engageVideo.jpg) no-repeat;}

#partner #connect .conpartnerContent {width: 405px; height: 324px; float: left;background: url(../img/pro_connect_partners.jpg) no-repeat;}

#location #measure .mealocationContent {width: 405px; height: 324px; float: left;background: url(../img/pro_venuecontent_06.jpg) no-repeat;}

#report #measure .meareportContent {width: 405px; height: 324px; float: left;background: url(../img/pro_measure_reporting.jpg) no-repeat;}



#image .copyIntro img{padding-left: 40px;}

#image #img01{display: none;width: 405px; height: 324px; float: left;background: url(../img/engage_image_scion.jpg) no-repeat;overflow: hidden;}
#image #img02{display: none;width: 405px; height: 324px; float: left;background: url(../img/engage_image_md.jpg) no-repeat;overflow: hidden;}
#image #img03{display: none;width: 405px; height: 324px; float: left;background: url(../img/engage_image_jose.jpg) no-repeat;overflow: hidden;}
#image #img04{display: none;width: 405px; height: 324px; float: left;background: url(../img/engage_image_chomper.jpg) no-repeat;overflow: hidden;}

#image #img05{display: none;width: 405px; height: 324px; float: left;background: url(../img/engage_image_holo.jpg) no-repeat;overflow: hidden;}
#image #img06{display: none;width: 405px; height: 324px; float: left;background: url(../img/engage_image_saw.jpg) no-repeat;overflow: hidden;}
#image #img07{display: none;width: 405px; height: 324px; float: left;background: url(../img/engage_image_ironman.jpg) no-repeat;overflow: hidden;}
#image #img08{display: none;width: 405px; height: 324px; float: left;background: url(../img/engage_image_roadrunner.jpg) no-repeat;overflow: hidden;}

#image #img01Thumb {float: left;margin-top: 20px;margin-left: 40px;width: 78px;height: 64px;background: url(../img/engage_thumb_scion.png) no-repeat left;overflow: hidden;}
#image #img01Thumb a{display: block;width: 78px;height: 64px;}

#image #img02Thumb {float: left;margin-top: 20px;margin-left: 20px;width: 78px;height: 64px;background: url(../img/engage_thumb_md.png) no-repeat left;overflow: hidden;}
#image #img02Thumb a{display: block;width: 78px;height: 64px;}

#image #img03Thumb {float: left;margin-left: 40px;width: 78px;height: 64px;background: url(../img/engage_thumb_jose.png) no-repeat left;overflow: hidden;}
#image #img03Thumb a{display: block;width: 78px;height: 64px;}

#image #img04Thumb {float: left;margin-left: 20px;width: 78px;height: 64px;background: url(../img/engage_thumb_chomper.png) no-repeat left;overflow: hidden;}
#image #img04Thumb a{display: block;width: 78px;height: 64px;}

#image #img05Thumb {float: left;margin-left: 40px;width: 78px;height: 64px;background: url(../img/engage_thumb_holo.png) no-repeat left;overflow: hidden;}
#image #img05Thumb a{display: block;width: 78px;height: 64px;}

#image #img06Thumb {float: left;margin-left: 20px;width: 78px;height: 64px;background: url(../img/engage_thumb_saw.png) no-repeat left;}
#image #img06Thumb a{display: block;width: 78px;height: 64px;}

#image #img07Thumb {float: left;margin-left: 40px;width: 78px;height: 64px;background: url(../img/engage_thumb_ironman.png) no-repeat left;overflow: hidden;}
#image #img07Thumb a{display: block;width: 78px;height: 64px;}

#image #img08Thumb {float: left;margin-left: 20px;width: 78px;height: 64px;background: url(../img/engage_thumb_roadrunner.png) no-repeat left;overflow: hidden;}
#image #img08Thumb a{display: block;width: 78px;height: 64px;}






#video #vid01{display: none;width: 405px; height: 324px; float: left;background: url(../img/engage_vidbkg.jpg) no-repeat;overflow: hidden;}
#video #vid02{display: none;width: 405px; height: 324px; float: left;background: url(../img/engage_vidbkg.jpg) no-repeat;overflow: hidden;}
#video #vid03{display: none;width: 405px; height: 324px; float: left;background: url(../img/engage_vidbkg.jpg) no-repeat;overflow: hidden;}
#video #vid04{display: none;width: 405px; height: 324px; float: left;background: url(../img/engage_vidbkg.jpg) no-repeat;overflow: hidden;}
#video #vid05{display: none;width: 405px; height: 324px; float: left;background: url(../img/engage_vidbkg.jpg) no-repeat;overflow: hidden;}
#video #vid06{display: none;width: 405px; height: 324px; float: left;background: url(../img/engage_vidbkg.jpg) no-repeat;overflow: hidden;}
#video #vid07{display: none;width: 405px; height: 324px; float: left;background: url(../img/engage_vidbkg.jpg) no-repeat;overflow: hidden;}
#video #vid08{display: none;width: 405px; height: 324px; float: left;background: url(../img/engage_vidbkg.jpg) no-repeat;overflow: hidden;}

#vid01 #vidWin01{margin: 20px;}
#vid02 #vidWin02{margin: 20px;}
#vid03 #vidWin03{margin: 20px;}
#vid04 #vidWin04{margin: 20px;}
#vid05 #vidWin05{margin: 20px;}
#vid06 #vidWin06{margin: 20px;}
#vid07 #vidWin07{margin: 20px;}
#vid08 #vidWin08{margin: 20px;}

#vidMarker01{display: block;width: 18px;height: 18px; margin-top: 24px;margin-left: 40px;background: url(../img/vid_icon.png) no-repeat top;}
#vidMarker01 a{display: block;padding-left: 22px;width: 140px;height: 24px; font-size: 14px;line-height: 17px;color: #fff;text-decoration: none;}


#vidMarker02{display: block;width: 18px;height: 18px; margin-left: 40px;background: url(../img/vid_icon.png) no-repeat top;}
#vidMarker02 a{display: block;padding-left: 22px;width: 140px;height: 24px; font-size: 14px;line-height: 17px;color: #fff;text-decoration: none;}

#vidMarker03{display: block;width: 18px;height: 18px; margin-left: 40px;background: url(../img/vid_icon.png) no-repeat top;}
#vidMarker03 a{display: block;padding-left: 22px;width: 140px;height: 24px; font-size: 14px;line-height: 17px;color: #fff;text-decoration: none;}

#vidMarker04{display: block;width: 18px;height: 18px; margin-left: 40px;background: url(../img/vid_icon.png) no-repeat top;}
#vidMarker04 a{display: block;padding-left: 22px;width: 140px;height: 24px; font-size: 14px;line-height: 17px;color: #fff;text-decoration: none;}

#vidMarker05{display: block;width: 18px;height: 18px; margin-left: 40px;background: url(../img/vid_icon.png) no-repeat top;}
#vidMarker05 a{display: block;padding-left: 22px;width: 140px;height: 24px; font-size: 14px;line-height: 17px;color: #fff;text-decoration: none;}

#vidMarker06{display: block;width: 18px;height: 18px; margin-left: 40px;background: url(../img/vid_icon.png) no-repeat top;}
#vidMarker06 a{display: block;padding-left: 22px;width: 140px;height: 24px; font-size: 14px;line-height: 17px;color: #fff;text-decoration: none;}

#vidMarker07{display: block;width: 18px;height: 18px; margin-left: 40px;background: url(../img/vid_icon.png) no-repeat top;}
#vidMarker07 a{display: block;padding-left: 22px;width: 140px;height: 24px; font-size: 14px;line-height: 17px;color: #fff;text-decoration: none;}

#vidMarker08{display: block;width: 18px;height: 18px; margin-left: 40px;background: url(../img/vid_icon.png) no-repeat top;}
#vidMarker08 a{display: block;padding-left: 22px;width: 140px;height: 24px; font-size: 14px;line-height: 17px;color: #fff;text-decoration: none;}





/* COPY BLOCK */



.copyBlock img{padding-right: 10px;}



.redLinkSP a {color: #E44044; text-decoration: none;}
.redLinkSP a:visited {color: #E44044;}
.redLinkSP a:hover {color: #E44044;}

.greenLinkSP a {color: #80b341; text-decoration: none;}
.greenLinkSP a:visited {color: #80b341;}
.greenLinkSP a:hover {color: #80b341; }

.blueLinkSP a {color: #108098; text-decoration: none;}
.blueLinkSP a:visited {color: #108098; }
.blueLinkSP a:hover {color: #108098;}



/* WINDOW COPY */


.copyIntro p {padding-left: 20px; padding-right: 20px; margin-top: 12px; font-size: 12px;line-height: 16px;color: #fff;}
.copyIntro h2 {margin-top: 20px;padding-left: 20px; padding-right: 20px; font-size: 20px;line-height: 20px;color: #fff;}







#colRight p{font-size: 12px;}

#mobile p{margin-left: 20px;margin-right: 8px;line-height: 13px; font-size: 12px;color: #333;}
#mobile h2{margin-left: 20px;margin-right: 8px;margin-top: 238px;font-size: 13px;font-weight: bold;color: #333;}

#gesture p{margin-left: 20px;margin-right: 8px;line-height: 13px; font-size: 12px;color: #333;}
#gesture h2{margin-left: 20px;margin-right: 8px;margin-top: 238px;font-size: 13px;font-weight: bold;color: #333;}

#sound p{margin-left: 20px;margin-right: 8px;line-height: 13px; font-size: 12px;color: #333;}
#sound h2{margin-left: 20px;margin-right: 8px;margin-top: 238px;font-size: 13px;font-weight: bold;color: #333;}




#mobileIcon {float: left;margin-left: 70px;width: 78px;height: 52px;background: url(../img/en_mobileicon.png) no-repeat left;display: inline;}
#mobileIcon a {float: left;width: 80px;display: block;text-align: center;font-size: 11px;color: #FFF;text-decoration: none;margin-top: 50px;}

#gestureIcon {float: left;;margin-top: 18px;margin-left: 70px;width: 78px;height: 52px;background: url(../img/en_gestureicon.png) no-repeat left;display: inline;}
#gestureIcon a{float: left;width: 80px; display: block;text-align: center;font-size: 11px;color: #FFF;text-decoration: none;margin-top: 50px;}

#soundIcon {float: left;margin-top: 18px;margin-left: 70px;width: 78px;height: 52px;background: url(../img/en_soundicon.png) no-repeat left;display: inline;}
#soundIcon a {float: left;width: 80px;display: block;text-align: center;font-size: 11px;color: #FFF;text-decoration: none;margin-top: 50px;}

#pageForward {position: absolute;top: 480px;margin-left: 40px;margin-top: 20px;display: block;width: 162px;height: 45px;}

#pageForward #engageLink a {float: left;width: 46px;height: 45px;margin: 4px;display: block;background: url(../img/page_icons.png) no-repeat left;}
#pageForward #engageLink a:visited {float: left;width: 46px;height: 45px;margin: 4px;display: block;background: url(../img/page_icons.png) no-repeat left;}
#pageForward #engageLink a:hover {float: left;width: 46px;height: 45px;margin: 4px;display: block;background: url(../img/page_icons.png) no-repeat right;}
#pageForward #engageLinkSelect a{float: left;width: 46px;height: 45px;margin: 4px;display: block;background: url(../img/page_icons.png) no-repeat right;}

#pageForward #connectLink a{float: left;width: 46px;height: 45px;margin: 4px;display: block;background: url(../img/page_icons2.png) no-repeat left;}
#pageForward #connectLink a:visited{float: left;width: 46px;height: 45px;margin: 4px;display: block;background: url(../img/page_icons2.png) no-repeat left;}
#pageForward #connectLink a:hover{float: left;width: 46px;height: 45px;margin: 4px;display: block;background: url(../img/page_icons2.png) no-repeat right;}
#pageForward #connectLinkSelect a{float: left;width: 46px;height: 45px;margin: 4px;display: block;background: url(../img/page_icons2.png) no-repeat right;}

#pageForward #measureLink a{float: left;width: 46px;height: 45px;margin: 4px;display: block;background: url(../img/page_icons3.png) no-repeat left;}
#pageForward #measureLink a:visited{float: left;width: 46px;height: 45px;margin: 4px;display: block;background: url(../img/page_icons3.png) no-repeat left;}
#pageForward #measureLink a:hover{float: left;width: 46px;height: 45px;margin: 4px;display: block;background: url(../img/page_icons3.png) no-repeat right;}

#pageForward #meaJumpSelect a{float: left;width: 46px;height: 45px;margin: 4px;display: block;background: url(../img/page_icons3.png) no-repeat right;}

#pageForward #meaJump a{float: left;width: 46px;height: 45px;margin: 4px;display: block;background: url(../img/page_icons3.png) no-repeat left;}
#pageForward #meaJump a:visited{float: left;width: 46px;height: 45px;margin: 4px;display: block;background: url(../img/page_icons3.png) no-repeat left;}
#pageForward #meaJump a:hover{float: left;width: 46px;height: 45px;margin: 4px;display: block;background: url(../img/page_icons3.png) no-repeat right;}

#pageForward #meaJumpSelect a{float: left;width: 46px;height: 45px;margin: 4px;display: block;background: url(../img/page_icons3.png) no-repeat right;}

