html{ overflow: auto; }
html, body{
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   font-family: Helvetica, Arial, sans-serif;
}

body{
   min-width: 1024px;
   min-height: 768px; 
   overflow: hidden;
}

sup{ vertical-align: baseline; font-size: 0.8em; font-family: verdana; position: relative; top: -0.4em; }

.floatLeft{ float: left; display: inline; }
.clearLeft{ clear: left;}
.clearRight{ clear: right; }
.clearBoth{ clear: both;}
.valignTop{ vertical-align: top; }
.valignBot{ vertical-align: bottom; }

.remove{ display: none; }
.hide{ visibility: hidden; }

.toUpper{ text-transform: uppercase; }
.noWhite{ white-space: nowrap; }

/*No Outlines FF*/
a:active, a:focus { outline: 0;}

/* Preloader DIV */
#loading{
     background-color: #fff;
     width: 6120px;
     height: 5962px;
     z-index:9998;
     position:relative;
     left:0;
     top:0;
     font-size: 14px;
}

#tracking{
     width: 1px;
     height: 1px;
     z-index:0;
     position:absolute;
     left:0;
     top:0;  
}

#nav{
     width: 100%;
     min-width: 910px;
     height: 38px;
     z-index: 60;
     background: transparent url('../images/nav-tall-bg.gif') repeat-y 0px 0px;
     overflow-y: hidden;
}

#navLeft, #moreSites{
     position: relative;
     width: 665px;
     float: left;
     display: inline;
}

#moreSites{
     width: 800px;
}

#navArrow{
     position: relative;
     top: 2px;
     left: -6px;
}

#nav div .floatLeft{
     width: 179px;
}

div.navLink{
     float: left;
     display: inline;
     padding: 17px 14px 0px 0px;
     font-size: 10px;
     height: 10px;
     line-height: 10px;
}

div.navLink a{
     font-size: 10px;
     color: #00aeef;
     text-decoration: none;
}

div.navLink a:hover{
     color: #000;
     text-decoration: none;
}    

#nav #navLeft div.navLink a.sel{
     color: #000;
}

#nav #navRight{
     position: relative;
     width: 235px;
     float: right;
     display: inline;
     padding-right: 10px;
     text-align: right;
}

#nav #navRight div.navLink{
     float: left;
     display: inline;
     padding: 17px 0px 0px 12px;
     font-size: 10px;
     color: #333;
     text-decoration: none;
}

#nav #navRight div a{
     font-size: 10px;
     color: #333;
     text-decoration: none;
}

#nav #navRight div a:hover{
     color: #000;
     text-decoration: none;
}

#moreSites{
     visibility: hidden;
}

#moreSites div.navLink div{
     position: relative;
     top: -26px;
     padding-top: 10px;
}

#moreSites div.navLink div img{
     vertical-align: baseline;
}

#navBtm{
     position: relative;
     width: 100%;
     height: 7px;
     z-index: 60;
     background: url('../images/nav-btm.png') repeat-x 0 0;
     overflow: hidden;
}

div.pane{
   position: relative;
   top: -7px;
   width: 100%;
   height: 100%;
   min-width: 1024px;
   min-height: 730px;
   overflow: hidden;
}

#paneViewable{
   position: absolute;
   left: 0;
   top: 30px;
   width: 1024px;
   height: 730px;
   /* overflow: scroll; */
   visibility: hidden;
}

#grid{
   position: absolute;
   top: -7px;
   left: 0;
   z-index: 1;
   width: 6120px;
   height: 6000px;
}

.loadImage, .loadImageIE6{
   width: 1020px;
   height: 1000px;
   float: left;
   display: inline;
   z-index: 1;
}

.prev{
   position: absolute;
   left: -3px;
   top: 255px;
   width: 100px;
   height: 100px;
   z-index: 200;
}

.prev2{
   position: absolute;
   left: -3px;
   top: 289px;
   width: 85px;
   height: 80px;
   z-index: 200;
}

.prev3{
   position: absolute;
   left: 40px;
   top: 370px;
   width: 60px;
   height: 50px;
   z-index: 220;
}

.next{
   position: absolute;
   right: -3px;
   top: 255px;
   width: 100px;
   height: 100px;
   z-index: 200;
}

.logo{
   position: absolute;
   top: 0px;
   left: 70px;
}

h1{
   font-family: Helvetica, Arial, sans-serif;
   font-size: 27px;
   line-height: 31px;
   color: #333;
   font-weight: bold;
}

h2{
   font-family: Helvetica, Arial, sans-serif;
   font-size: 20px;
   line-height: 24px;
   color: #333;
   font-weight: normal;
   text-align: center;
   margin: 0px;
   padding: 0px;
}


/**************** BEGIN QUESTIONS ****************/
#questions{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 10;
   width: 6120px;
   height: 6000px;
}

.qRel{
   position: relative;
   width: 100%;
   height: 100%;
}  

.qContent{
   position: absolute;
   text-align: center;
   width: 350px;
   font-family: Helvetica, Arial, sans-serif;
   color: #000;  
   font-size: 14px;
   line-height: 16px;
}

.qContent h2{
   font-family: Helvetica, Arial, sans-serif;
   font-size: 20px;
   line-height: 24px;
   color: #333;
   font-weight: normal;
   text-align: center;
   margin: 0px;
   padding: 0px;
}

.qContent table.header{
   margin: 0 auto;
}

.headerCase2{ display: none; }

/**************** QUESTION 1 *****************/

#question1{
   position: absolute;
   left: 114px;
   top: 89px;
   width: 633px;
   height: 629px;
   z-index: 10;   
}

#qc1{
   left: 183px;
   top: 180px;
   width: 365px;
   text-align: left;
   line-height: 22px;
}

/*************** END QUESTION 1 ***************/


/**************** QUESTION 2 *****************/
#question2{
   position: absolute;
   left: 1501px;
   top: 864px;
   width: 623px;
   height: 581px;
   z-index: 10;
}

#qc2{
   left: 150px;
   top: 183px;
}

#days-week{
   float: left; 
   display: inline;
   width: 120px;
   padding-top: 17px;
   position: relative;
   left: 10px;
   z-index: 200;
}

#days-week div{
   font-family: Helvetica, Arial, sans-serif;
   color: #333;  
   font-size: 10px;
   height: 20px;
   font-weight: bold;
   text-align: right;
   padding-bottom: 4px;
}

#days-week div.beakerSel{font-size: 14px; padding-bottom: 0px; height: 30px;}

#beaker{
   float: left;
   display: inline;
   width: 99px;
   height: 235px;
   position: relative;
   z-index: 110;
}

.beakerClick{
   position: absolute;
   width: 55px;
   height: 25px;
   left: 17px;
   z-index: 111;
}
#beakerClick0{ top: 207px; height: 21px; }
#beakerClick1{ top: 187px; }
#beakerClick2{ top: 162px; }
#beakerClick3{ top: 138px; }
#beakerClick4{ top: 114px; }
#beakerClick5{ top: 90px; }
#beakerClick6{ top: 66px; }
#beakerClick7{ top: 32px; }
#beakerClick8{ top: 16px; }

#beaker-controls{
   float: left;
   display: inline;
   width: 30px;
   margin: 59px 0px 0px 0px;
   text-align: center;
   font-size: 10px;
}
#beaker-controls div{
   padding: 5px 0px 5px 5px;
}

#beaker-shadow{
   width: 240px;
   height: 32px;
   position: relative;
   top: -15px;
   z-index: 115;
   clear: both;
   text-align: left;
   float: left;
   padding-left: 25px;
}

#beaker-ans{
   width: 240px;
   height: 32px;
   position: relative;
   top: -15px;
   z-index: 215;
   clear: left;
   float: left;
   padding-left: 46px;
   text-align: center;
   font-size: 14px;
   color: #333;
   font-weight: bold;
   text-transform: uppercase;
}

/*************** END QUESTION 2 ***************/


/**************** QUESTION 3 *****************/

#question3{
   position: absolute;
   left: 2873px;
   top: 285px;
   width: 623px;
   height: 581px;
   z-index: 10;
   color: #333;
   font-size: 14px;
}

#qc3{
   left: 125px;
   top: 183px;
   width: 370px;
}

#sliderPos{
   width: 305px;
   height: 95px;
   position: relative;
   top: 385px;
   left: 160px;
   z-index: 200;
   background: url('../images/cSlider/bg2.gif') no-repeat 0 0;
}

#sliderNum {
	font-weight: bold; 
	font-size: 100px; 
	left: 247px; 
	width: 110px;
	height: 110px; 
	color: #333; 
	font-family: Helvetica, Arial, sans-serif; 
	position: absolute; 
	top: 260px; 
	text-align: center;
}

#sliderNum2{
	font-weight: bold; 
	font-size: 40px; 
	left: 260px; 
	width: 100px;
	height: 50px; 
	color: #333; 
	font-family: Helvetica, Arial, sans-serif; 
	position: absolute; 
	top: 260px; 
	text-align: center;
}

#sliderNum2Txt{
	font-weight: bold; 
	font-size: 12px; 
	left: 260px; 
	width: 100px;
	height: 50px; 
	color: #333; 
	font-family: Helvetica, Arial, sans-serif; 
	position: absolute; 
	top: 300px; 
	text-align: center;
}

#sliderNumTxt{
	font-weight: bold; 
	font-size: 12px; 
	left: 247px; 
	width: 110px; 
	color: #333; 
	font-family: Helvetica, Arial, sans-serif; 
	position: absolute; 
	top: 356px; 
	text-align: center;
}

#sliderPos #lt{
     position: absolute;
     left: 17px;
     top: -5px;
     width: 15px;
     height: 22px;
}

#sliderPos #rt{
     position: absolute;
     right: 17px;
     top: -5px;
     width: 15px;
     height: 22px;

}


    /* 
      REST OF SLIDER STYLES IN slider.css 
    */
        
/*************** END QUESTION 3 ***************/


/**************** QUESTION 4 *****************/
#question4{
   position: absolute;
   left: 4328px;
   top: 1125px;
   width: 623px;
   height: 581px;
   z-index: 10;
}

#qc4{
   left: 145px;
   top: 183px;
   z-index: 201;
}

#swfSheep{
   position: absolute;
   left: 117px;
   top: 203px;
   width: 450px;
   height: 244px;
   /* z-index: 100; */
}

#radioPos{
   width: 420px;
   height: 192px;
   position: relative;
   top: 265px;
   left: 139px;
   z-index: 200;
   background: url('../images/radioSheep/bg.gif') no-repeat -5px 100px;
}

#radioPos div.radioSheep{
   margin: 85px 10px 0px 0px;
   float: left; 
   display: inline;
   width: 84px;
   height: 75px;
   position: relative;
}

#radioPos div div.radioAns{
   margin: 5px 0px 0px 0px;
   width: 100%;
   text-align: center;
   font-size: 10px;
   line-height: 11px;
   color: #333;
   font-weight: bold;
   font-family: Helvetica, Arial, sans-serif;
}

#radioPos div div.radioDiv{
   position: relative;
   background-image: url('../images/radioSheep/radio.gif');
   width: 41px; 
   height: 41px;
   margin: 0 auto; 
   padding: 0;
   z-index: 201;
   cursor: pointer;
}

.radioS{
   width: 41px; 
   height: 41px;
}

/*************** END QUESTION 4 ***************/


/**************** QUESTION 5 *****************/

#question5{
   position: absolute;
   left: 3476px;
   top: 2250px;
   width: 623px;
   height: 581px;
   z-index: 10;
}

#qc5{
   left: 105px;
   top: 183px;
   width: 400px;
}

#qc5 h2{
   font-family: Helvetica, Arial, sans-serif;
   font-size: 20px;
   line-height: 24px;
   color: #333;
   font-weight: normal;
   margin: 0px;
   padding: 0px;
}

#checkWear{
   position: absolute;
   top: 242px;
   left: 91px;
   z-index: 210;
}

#check1, #check2, #check3, #check4, #check5, #check6{
   width: 78px;
   position: relative;
   z-index: 210;
}

#check1{
   left: 5px;
   top: 0px;
}

#check2{
   left: 78px;
   top: 0px;
}

#check3{
   left: 146px;
   top: 0px;
}

#check4{
   left: 219px;
   top: 0px;
}


#check5{
   left: 289px;
   top: 0px;
}

#check6{
   left: 355px;
   top: 0px;
}

.picture{
   width: 78px;
   height: 127px;
   position: absolute;
   top: 0px;
   left: 0px;
   background: transparent url('../images/checkWear/pic-bg.gif') no-repeat center bottom;
   z-index: 220;
}

.picture2{
   display: none;
   width: 78px;
   height: 127px;
   position: absolute;
   top: 0px;
   left: 0px;
   background: transparent url('../images/checkWear/pic-bg-lg.gif') no-repeat center bottom;
   z-index: 220;
}

.lyrRel{
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 210;
}

.picture .lyrRel img{
   position: absolute;
   left: 21px;
   bottom: 8px;
}
.picture2 .lyrRel img{
   position: absolute;
   left: 6px;
   bottom: 11px;
}

.check{
   position: absolute;
   top: 137px;
   left: 24px;
   width: 34px;
   height: 35px;
   z-index: 220;
   background-image: url('../images/checkWear/check.gif');
}

#shadows{
   position: relative;
   top: 198px;
   left: 2px;
}

.chkMsg{
   position: absolute;
   top: 175px;
   left: 0px;
   width: 78px;
   text-align: center;
   font-size: 10px;
   color: #333;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
}

#shadow1, #shadow2, #shadow3, #shadow4, #shadow5
{
   position: absolute;
   top: 210px;
   display: none;
}

#shadow1{
   left: -35px;
}

#shadow2{
   left: 34px;
}

#shadow3{
   left: 109px;
}

#shadow4{
   left: 174px;
}

#shadow5{
   left: 240px;
}


/*************** END QUESTION 5 ***************/


/**************** QUESTION 6 *****************/

#question6{
   position: absolute;
   left: 1842px;
   top: 2070px;
   width: 623px;
   height: 581px;
   z-index: 10;
}

#qc6{
   left: 145px;
   top: 183px;
   z-index: 200;
}


#smileyContainer{
	position: absolute; 
	top: 240px;
	left: 140px;
	width: 340px;
	height: 244px;
	padding-left: 15px;
}

#smileyContainerRel{
	position: relative; 
	width: 340px;
	height: 244px;
}

#sSlider{
	width: 306px;
	color: #fff; 
	position: absolute; 
	top: 100px;
	left: -15px;
}

#sSlider .sliderwrapper{
	width: 336px;
	height: 81px;
	background: url(../images/sSlider/bg.gif) no-repeat center center; 
	position: relative;
	top: 28px;
	left: 4px;
}

#smileyface{
   position: absolute;
   top: 10px;
   left: 120px;
	display: block; 
	width: 64px; 
	height: 64px; 
}

.smiley-1 {	background: url(../images/sSlider/smileys.gif) no-repeat 0px 0px; }
.smiley-2 {	background: url(../images/sSlider/smileys.gif) no-repeat 0px -64px; }
.smiley-3 {	background: url(../images/sSlider/smileys.gif) no-repeat 0px -64px; }
.smiley-4 {	background: url(../images/sSlider/smileys.gif) no-repeat 0px -128px; }

#answer {
   font-weight: bold; 
   font-size: 14px;
   color: #333; 
   font-family: Helvetica, Arial, sans-serif;
   text-align: center;
   width: 100%;
   position: absolute;
   /* bottom: -15px; underneath slider */
   bottom: 110px; /* above slider */
   left: 0px;
}

#slideLt{
   width: 22px;
   position: absolute;
   left: 32px;
   top: 0px;
   top: -4px;
}

#slideRt{
   width: 22px;
   position: absolute;
   right: 29px;
   top: -4px;
}

/*************** END QUESTION 6 ***************/


/**************** QUESTION 7 *****************/


#question7{
   position: absolute;
   left: 929px;
   top: 2799px;
   width: 623px;
   height: 581px;
   z-index: 10;
}

#qc7{
   left: 145px;
   top: 183px;
   z-index: 200;
}

#radioPos2{
   width: 220px;
   height: 170px;
   position: relative;
   top: 272px;
   left: 199px;
   z-index: 200;
   background: url('../images/radioAstigmatism/bg.gif') no-repeat left top;
}

.radioOvr{
   position: absolute;
   width: 70px;
   height: 64px;
   top: 13px;
}

#radioOvr1{ left: 14px; }
#radioOvr2{ left: 87px; }
#radioOvr3{ left: 165px; }

#radioPos2 div.radioAstig{
   margin: 80px 17px 0px 0px;
   float: left; 
   display: inline;
   width: 61px;
   height: 75px;
}

#radioPos2 div div.radioDiv2{
   width: 41px; 
   height: 41px;
   margin: 0 auto; 
   padding: 0;
   z-index: 201;
   background-image: url('../images/radioAstigmatism/radio.gif');
}

#radioPos2 div div.radioAns2{
   margin: 5px 0px 0px 0px;
   text-align: center;
   font-size: 10px;
   color: #333;
   font-weight: bold;
   font-family: Helvetica, Arial, sans-serif;
}

/*************** END QUESTION 7 ***************/


/**************** QUESTION 8 *****************/
#question8{
   position: absolute;
   left: 455px;
   top: 3831px;
   z-index: 10;
   width: 623px;
   height: 581px;
}

#qc8{
   left: 145px;
   top: 183px;
   z-index: 200;
   width: 380px;
}

#ynSliderPos{
   position: relative;
   top: 300px;
   left: 190px;
   width: 270px;
   height: 89px;
   background: transparent url('../images/ynSlider/bgYellow.gif') no-repeat left top;
   z-index: 90;
}

#ynSliderPos #slideLt2{
   width: 22px;
   position: absolute;
   left: 20px;
   top: 8px;
}

#ynSliderPos #slideRt2{
   width: 22px;
   position: absolute;
   right: 10px;
   top: 8px;
}

/*************** END QUESTION 8 ***************/


/**************** QUESTION 9 *****************/
#question9{
   position: absolute;
   left: 2156px;
   top: 4652px;
   z-index: 10;
   width: 623px;
   height: 581px;
}

#qc9{
   left: 120px;
   top: 183px;
   z-index: 200;
   width: 380px;
}

#ynSliderPos2{
   position: relative;
   top: 300px;
   left: 170px;
   width: 270px;
   height: 89px;
   background: transparent url('../images/ynSlider/bgPurp.gif') no-repeat left top;
}

#ynSliderPos2 #slideLt3{
   width: 22px;
   position: absolute;
   left: 20px;
   top: 8px;
}

#ynSliderPos2 #slideRt3{
   width: 22px;
   position: absolute;
   right: 10px;
   top: 8px;
}

.ynSliderMsg{
   position: relative;
   top: 310px;
   color: #333;
   font-size: 11px;
   width: 100%;
   text-align: center;
}

.ynSliderMsg a{color: #333;}

/*************** END QUESTION 9 ***************/


/**************** QUESTION 10 *****************/

#question10{
   position: absolute;
   left: 4140px;
   top: 3716px;
   width: 623px;
   height: 581px;
   z-index: 10;
}

#result-img{
   position: absolute;
   left: 237px;
   top: 25px;
   z-index: 200;
   width: 247px;
   height: 140px;
}

#result-img-msg{
   position: absolute;
   left: 170px;
   top: 167px;
   width: 411px;
   text-align: center;
   color: #333;
   font-size: 12px;
}

#result-img-msg h2{
     font-weight: bold;
     font-size: 18px;
     line-height: 20px;
}

#result-print{
   position: absolute;
   left: 140px;
   top: 240px;
   width: 495px;
}

#print-text{
	float: left;
	display: inline;
	width: 220px;
	padding-right: 10px;
	font-weight: bold;
	font-size: 11px;
	color: #333;
}

#print-btn{
	float: left;
	display: inline;
	width: 249px;
}

#result-msg{
   position: absolute;
   left: 120px;
   top: 278px;
   width: 455px;
}

#result-msg table{
   width: 440px;
   margin-left: 15px;
}

#result-msg table td.td1 {
   vertical-align: top;
   width: 15px;
}

#result-msg table td.td2 {
   width: 445px;
   font-size: 11px;
   line-height: 14px;
   color: #333;
}

#result-msg table td.td3 {
   padding-left: 70px;
    font-size: 10px;
    color: #333;   
    line-height: 12px;
}

#result-msg table td {
     padding: 2px 0px 3px 3px;
     font-size: 11px;
     line-height: 13px;
     color: #333;
     text-align: left;
}

#result-msg table td img.rxlogo {
     margin-left: 140px;
}

#result-msg table td a.chngAswr img {
     margin-left: 2px;
     vertical-align: bottom;
}

#result-buttons{
     width: 129px;
     position: absolute;
     left: 600px;
     top: 300px;
     font-size: 11px;
     color: #fff;
     z-index: 200;
}

#btn2{padding-top: 7px;}

#clear-care{
     width: 332px;
     padding: 16px 0px 0px 60px;
}

#clear-care div.floatLeft{
    width: 132px;
}

#clear-care div.clearCareText{
    float: left; 
     display: inline;
    width: 200px;
}

.clearCareTextWidth{
     padding-top: 35px;
     width: 165px;
     color: #333;
     line-height: 14px;
     font-size: 11px;
}

#cleanCareProd{
    font-weight: bold;
}

#sumCenter{
	width: 370px;
	text-align: center;
	font-size: 9px;
}

#footerRec{}

#photo-dailies, #photo-freshlook{
     position: absolute;
     left: 683px;
     top: 109px;
     width: 227px;
     height: 236px;
     z-index: 110;
}

#photo-dailies{
     background-image: url('../images/photo-dailies.jpg');
}

#photo-freshlook{
     background-image: url('../images/photo-freshlook.jpg');
}

/*************** END QUESTION 10 ***************/

#globe{
   position: absolute;
   left: 114px;
   top: 89px;
   width: 211px;
   height: 175px;
   z-index: 500;
}

#globeLink{
     position: absolute;
     left: 0px;
     bottom: 0px;
}

#globeProgress{
     position: absolute;
     width: 163px;
     height: 7px;
     background-color: #e3e3e3;
     right: 32px;
     top: 144px;
}

#arrow{
     position: absolute;
     bottom: 17px;
     left: 17px;
     width: 9px;
     height: 4px;
}

#match{
     position: absolute;
     top: 142px;
     left: 10px;
     width: 172px;
     height: 12px;
     display: none;
}

.footer{
    color: #333;
    font-size: 10px;
}

#footerAbs{
     position: absolute;
     left: 186px;
     top: 590px;  
}

#footer-btm{
     position: absolute;
     left: 4160px;
     top: 4376px;
     z-index: 2000;
     color: #333; 
     font-size: 10px; 
     text-align: center;
     line-height: 21px;
}
#footer-btm span{padding: 0px 6px 0px 6px;}
#footer-btm a{color: #333; font-size: 10px; text-decoration: none;}
#footer-btm a{color: #000;}


/***************** END QUESTIONS *****************/

#all-products{
     position: absolute;
     left: 0;
     top: 0;
     width: 1px;
     height: 1px;
     z-index: 0;
     background: transparent;
}

#quotes-facts{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
   width: 6120px;
   height: 6000px;
}

.quote{
     font-size: 18px;
     color: #000;
     font-weight: bold;
     width: 200px;
}

.quote .byLine{
     padding-top: 15px;
     font-size: 11px;
     font-weight: normal;
}

.quote .byLine2{
     padding-top: 15px;
     font-size: 11px;
     font-weight: normal;
     padding-left: 90px;
}

#quote1{
     position: absolute;
     left: 741px;
     top: 444px;
}

#quote2{
     position: absolute;
     left: 1440px;
     top: 1400px;
}

#quote3{
     position: absolute;
     left: 3397px;
     top: 333px;
}
#quote4{
     position: absolute;
     left: 3318px; 
     top: 2445px;
}
#quote5{
     position: absolute;
     left: 1712px; 
     top: 2177px;
}
#quote6{
     position: absolute;
     left: 434px; 
     top: 4323px;
}
#quote7{
     position: absolute;
     left: 2820px; 
     top: 4867px;
}

.fact{
     width: 147px;
     color: #333;
     font-size: 12px;
     text-align: center;
}

.factHdr{
     font-size: 14px;
     padding-bottom: 10px;
     font-weight: bold;
     text-transform: uppercase;
}

#fact1{
     position: absolute;
     left: 2087px;
     top: 1284px;
}

#fact2{
     position: absolute;
     left: 4351px;
     top: 1640px;
}

#fact3{
     position: absolute;
     left: 3914px;
     top: 2777px;
}

#fact4{
     position: absolute;
     left: 1884px;
     top: 2601px;
}

#fact5{
     position: absolute;
     left: 1370px;
     top: 3289px;
}

#fact6{
     position: absolute;
     left: 2248px;
     top: 5168px;
}

/*  SITE OVERLAY  */

div.site_overlay{
   position: absolute;
   left: 0; top: 0;
   background-image: url('../images/contentPattern.png');
   width: 100%; height: 100%;
   z-index: 200;
   overflow: hidden;
}