Hi, I am using jquery, easy rotater for my 4 slideshows on my dreamweaver page, however, everything is overlapping when I put it in live view. Here is my code.
<div class="Gallery" id="1">
<p> </p>
<!-- Begin DWUser_EasyRotator -->
<script type="text/javascript" src="
http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
<div class="dwuserEasyRotator" style="width: 500px; height: 400px; position:relative; text-align: left;" data-erconfig="{autoplayEnabled:true, lpp:'102-105-108-101-58-47-47-47-72-58-47-69-97-115-121-82-111-116-97-116-111-114-80-114-101-118-105-101-119-47-112-114-101-118-105-101-119-95-115-119-102-115-47', wv:1, autoplayDelay:3000, autoplayStopOnInteraction:false, autoplayPauseOnHover:false}" data-ername="countertops" data-ertid="{75bajn636b2190144366931}" >
<div data-ertype="content" style="display: none;">
<ul data-erlabel="Main Category">
<li> <img class="main" src="assets/countertops22/photo 24.JPG" /> <img class="thumb" src="assets/countertops22/photo 24.JPG" /> </li>
<li> <img class="main" src="assets/countertops22/photo 25.JPG" /> <img class="thumb" src="assets/countertops22/photo 25.JPG" /> </li>
<li> <img class="main" src="assets/countertops22/photo 13.JPG" /> <img class="thumb" src="assets/countertops22/photo 13.JPG" /> </li>
<li> <img class="main" src="assets/countertops22/photo 14.JPG" /> <img class="thumb" src="assets/countertops22/photo 14.JPG" /> </li>
<li> <img class="main" src="assets/countertops22/photo 6.JPG" /> <img class="thumb" src="assets/countertops22/photo 6.JPG" /> </li>
<li> <img class="main" src="assets/countertops22/b456eb24b2b111e385be122f6f4f6846_6.jpg" /> <img class="thumb" src="assets/countertops22/b456eb24b2b111e385be122f6f4f6846_6.jpg" /> </li>
<li> <img class="main" src="assets/countertops22/16d5b4a4b2af11e3bd8d0e47711d78e6_6.jpg" /> <img class="thumb" src="assets/countertops22/16d5b4a4b2af11e3bd8d0e47711d78e6_6.jpg" /> </li>
<li> <img class="main" src="assets/countertops22/1545972_255030357994980_767113021_n.jpg" /> <img class="thumb" src="assets/countertops22/1545972_255030357994980_767113021_n.jpg" /> </li>
<li> <img class="main" src="assets/countertops22/e36dc890b2ae11e3b7fe12bbc166bfff_6.jpg" /> <img class="thumb" src="assets/countertops22/e36dc890b2ae11e3b7fe12bbc166bfff_6.jpg" /> </li>
<li> <img class="main" src="assets/countertops22/1545547_255031051328244_1351354968_n.jpg" /> <img class="thumb" src="assets/countertops22/1545547_255031051328244_1351354968_n.jpg" /> </li>
<li> <img class="main" src="assets/countertops22/1544465_255030251328324_141194049_n.jpg" /> <img class="thumb" src="assets/countertops22/1544465_255030251328324_141194049_n.jpg" /> </li>
<li> <img class="main" src="assets/countertops22/86b23b66b2b011e3a63112f56a54141d_6.jpg" /> <img class="thumb" src="assets/countertops22/86b23b66b2b011e3a63112f56a54141d_6.jpg" /> </li>
<li> <img class="main" src="assets/countertops22/1521322_255030981328251_1058197858_n.jpg" /> <img class="thumb" src="assets/countertops22/1521322_255030981328251_1058197858_n.jpg" /> </li>
<li> <img class="main" src="assets/countertops22/02cf22a0b2b011e382b312ce70f87122_6.jpg" /> <img class="thumb" src="assets/countertops22/02cf22a0b2b011e382b312ce70f87122_6.jpg" /> </li>
<li> <img class="main" src="assets/countertops22/1010462_255031197994896_992015561_n.jpg" /> <img class="thumb" src="assets/countertops22/1010462_255031197994896_992015561_n.jpg" /> </li>
<li> <img class="main" src="assets/countertops22/d2f0589ab2b111e3ae51126993c4de79_8.jpg" /> <img class="thumb" src="assets/countertops22/d2f0589ab2b111e3ae51126993c4de79_8.jpg" /> </li>
<li> <img class="main" src="assets/countertops22/photo 21.JPG" /> <img class="thumb" src="assets/countertops22/photo 21.JPG" /> </li>
<li> <img class="main" src="assets/countertops22/1502589_255031317994884_741996815_o.jpg" /> <img class="thumb" src="assets/countertops22/1502589_255031317994884_741996815_o.jpg" /> </li>
<li> <img class="main" src="assets/countertops22/1495437_255030667994949_1765772662_n.jpg" /> <img class="thumb" src="assets/countertops22/1495437_255030667994949_1765772662_n.jpg" /> </li>
<li> <img class="main" src="assets/countertops22/7ed29192b2b111e3b2f70a3cc63667c9_6.jpg" /> <img class="thumb" src="assets/countertops22/7ed29192b2b111e3b2f70a3cc63667c9_6.jpg" /> </li>
<li> <img class="main" src="assets/countertops22/b64d4550b07b11e3b7f812595175ceb2_8.jpg" /> <img class="thumb" src="assets/countertops22/b64d4550b07b11e3b7f812595175ceb2_8.jpg" /> </li>
<li> <img class="main" src="assets/countertops22/17a1d92eb2b111e3b0d90e7dda01b3a5_6.jpg" /> <img class="thumb" src="assets/countertops22/17a1d92eb2b111e3b0d90e7dda01b3a5_6.jpg" /> </li>
<li> <img class="main" src="assets/countertops22/1f6280c6ab8311e3abf8121c25a38fa2_6.jpg" /> <img class="thumb" src="assets/countertops22/1f6280c6ab8311e3abf8121c25a38fa2_6.jpg" /> </li>
</ul>
</div>
<div data-ertype="layout" data-ertemplatename="NONE" style="">
<div class="erimgMain" style="position: absolute; left:0;right:0;top:0;bottom:25px;" data-erconfig="{___numTiles:3, scaleMode:'fillArea', imgType:'main', alwaysPreviousButton:true, __loopNextButton:false, __arrowButtonMode:'rollover'}">
<div class="erimgMain_slides erFixCSS3" style="position: absolute; left:15px; top:0; bottom:0; right:15px;">
<div class="erimgMain_slide">
<div class="erimgMain_img" style="position: absolute; left:0;right:0;top:0;bottom:0;"></div>
</div>
</div>
<div class="erimgMain_arrowLeft" style="position:absolute; left: 0; top: 50%; margin-top: -15px;" data-erconfig="{image:'circleCozy', image2:'circleCozy'}"></div>
<div class="erimgMain_arrowRight" style="position:absolute; right: 0; top: 50%; margin-top: -15px;" data-erconfig="{image:'circleCozy', image2:'circleCozy'}"></div>
</div>
<div class="erdots" style="overflow: hidden; margin: 0; font-size: 10px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, _sans; color: #FFF; position: absolute; left:0; right:0; bottom:5px;" data-erconfig="{showText:false}" align="center">
<div class="erdots_wrap" style="wasbackground-color: #CFC; float: none;" align="left">
<!-- modify the float on this element to make left/right/none=center aligned. -->
<span class="erdots_btn_selected" style="padding-left: 0; width: 12px; height: 12px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 6px; cursor: default; background: url(
http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/12_8_666empty.png) top left no-repeat;"> </span> <span class="erdots_btn_normal" style="padding-left: 0; width: 12px; height: 12px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 6px; cursor: pointer; background: url(
http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/12_8_666.png) top left no-repeat;"> </span> <span class="erdots_btn_hover" style="padding-left: 0; width: 12px; height: 12px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 6px; cursor: pointer; background: url(
http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/12_8_CCC.png) top left no-repeat;"> </span> </div>
</div>
<div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;"> This <a style="color:#FFF;" href="
http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="
http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com. <br />
<br />
Use WordPress? The free <a style="color:#FFF;" href="
http://www.dwuser.com/easyrotator/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="
http://www.dwuser.com/easyrotator/wordpress/" target="_blank">WordPress sliders</a> in seconds. <br />
<br />
<a style="color:#FFF;" href="#" class="erabout_ok">OK</a> </div>
<noscript>
Rotator powered by <a href="
http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com. Please enable JavaScript to view.
</noscript>
<script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="
http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
</div>
</div>
<!-- End DWUser_EasyRotator -->
</div>
<div class="Gallery">
<!-- Begin DWUser_EasyRotator -->
<script type="text/javascript" src="
http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
<div class="dwuserEasyRotator" style="width: 500px; height: 400px; position:relative; text-align: left;" data-erconfig="{autoplayEnabled:true, lpp:'102-105-108-101-58-47-47-47-72-58-47-69-97-115-121-82-111-116-97-116-111-114-80-114-101-118-105-101-119-47-112-114-101-118-105-101-119-95-115-119-102-115-47', wv:1, autoplayDelay:3000, autoplayStopOnInteraction:false, autoplayPauseOnHover:false}" data-ername="islands" data-ertid="{nlakspr243427084366931}">
<div data-ertype="content" style="display: none;">
<ul data-erlabel="Main Category">
<li> <img class="main" src="assets/islands/a17239dab2ae11e38a0e126fcda6bbed_6.jpg" /> <img class="thumb" src="assets/islands/a17239dab2ae11e38a0e126fcda6bbed_6.jpg" /> </li>
<li> <img class="main" src="assets/islands/6eabd074b2ae11e3b4f3120cafa3e51b_8.jpg" /> <img class="thumb" src="assets/islands/6eabd074b2ae11e3b4f3120cafa3e51b_8.jpg" /> </li>
<li> <img class="main" src="assets/islands/501bf90cb07b11e3a531121870f29001_6.jpg" /> <img class="thumb" src="assets/islands/501bf90cb07b11e3a531121870f29001_6.jpg" /> </li>
<li> <img class="main" src="assets/islands/482542_255030717994944_1910713715_n.jpg" /> <img class="thumb" src="assets/islands/482542_255030717994944_1910713715_n.jpg" /> </li>
<li> <img class="main" src="assets/islands/45660_255030854661597_966960506_n.jpg" /> <img class="thumb" src="assets/islands/45660_255030854661597_966960506_n.jpg" /> </li>
<li> <img class="main" src="assets/islands/1538710_255030631328286_1491905819_n.jpg" /> <img class="thumb" src="assets/islands/1538710_255030631328286_1491905819_n.jpg" /> </li>
<li> <img class="main" src="assets/islands/ba45b04eb2af11e3bc6c0a0f0cfeba95_6.jpg" /> <img class="thumb" src="assets/islands/ba45b04eb2af11e3bc6c0a0f0cfeba95_6.jpg" /> </li>
<li> <img class="main" src="assets/islands/1489179_255031257994890_258038684_n.jpg" /> <img class="thumb" src="assets/islands/1489179_255031257994890_258038684_n.jpg" /> </li>
<li> <img class="main" src="assets/islands/543124_102908796540471_1709179662_n.jpg" /> <img class="thumb" src="assets/islands/543124_102908796540471_1709179662_n.jpg" /> </li>
<li> <img class="main" src="assets/islands/296c1422b2b011e39121127e80be23a8_8.jpg" /> <img class="thumb" src="assets/islands/296c1422b2b011e39121127e80be23a8_8.jpg" /> </li>
<li> <img class="main" src="assets/islands/6084685cad1911e3a14e1213d068326b_6.jpg" /> <img class="thumb" src="assets/islands/6084685cad1911e3a14e1213d068326b_6.jpg" /> </li>
<li> <img class="main" src="assets/islands/1527091_255030524661630_1223613297_n.jpg" /> <img class="thumb" src="assets/islands/1527091_255030524661630_1223613297_n.jpg" /> </li>
<li> <img class="main" src="assets/islands/148111_102907556540595_576486258_n.jpg" /> <img class="thumb" src="assets/islands/148111_102907556540595_576486258_n.jpg" /> </li>
<li> <img class="main" src="assets/islands/150262_102909143207103_1104922913_n.jpg" /> <img class="thumb" src="assets/islands/150262_102909143207103_1104922913_n.jpg" /> </li>
</ul>
</div>
<div data-ertype="layout" data-ertemplatename="NONE" style="">
<div class="erimgMain" style="position: absolute; left:0;right:0;top:0;bottom:25px;" data-erconfig="{___numTiles:3, scaleMode:'fillArea', imgType:'main', alwaysPreviousButton:true, __loopNextButton:false, __arrowButtonMode:'rollover'}">
<div class="erimgMain_slides erFixCSS3" style="position: absolute; left:15px; top:0; bottom:0; right:15px;">
<div class="erimgMain_slide">
<div class="erimgMain_img" style="position: absolute; left:0;right:0;top:0;bottom:0;"></div>
</div>
</div>
<div class="erimgMain_arrowLeft" style="position:absolute; left: 0; top: 50%; margin-top: -15px;" data-erconfig="{image:'circleCozy', image2:'circleCozy'}"></div>
<div class="erimgMain_arrowRight" style="position:absolute; right: 0; top: 50%; margin-top: -15px;" data-erconfig="{image:'circleCozy', image2:'circleCozy'}"></div>
</div>
<div class="erdots" style="overflow: hidden; margin: 0; font-size: 10px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, _sans; color: #FFF; position: absolute; left:0; right:0; bottom:5px;" data-erconfig="{showText:false}" align="center">
<div class="erdots_wrap" style="wasbackground-color: #CFC; float: none;" align="left">
<!-- modify the float on this element to make left/right/none=center aligned. -->
<span class="erdots_btn_selected" style="padding-left: 0; width: 12px; height: 12px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 6px; cursor: default; background: url(
http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/12_8_666empty.png) top left no-repeat;"> </span> <span class="erdots_btn_normal" style="padding-left: 0; width: 12px; height: 12px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 6px; cursor: pointer; background: url(
http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/12_8_666.png) top left no-repeat;"> </span> <span class="erdots_btn_hover" style="padding-left: 0; width: 12px; height: 12px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 6px; cursor: pointer; background: url(
http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/12_8_CCC.png) top left no-repeat;"> </span> </div>
</div>
<div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;"> This <a style="color:#FFF;" href="
http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="
http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com. <br />
<br />
Use WordPress? The free <a style="color:#FFF;" href="
http://www.dwuser.com/easyrotator/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="
http://www.dwuser.com/easyrotator/wordpress/" target="_blank">WordPress sliders</a> in seconds. <br />
<br />
<a style="color:#FFF;" href="#" class="erabout_ok">OK</a> </div>
<noscript>
Rotator powered by <a href="
http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com. Please enable JavaScript to view.
</noscript>
<script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="
http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
</div>
</div>
<!-- End DWUser_EasyRotator -->
</div>
<div class="Gallery">
<!-- Begin DWUser_EasyRotator -->
<script type="text/javascript" src="
http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
<div class="dwuserEasyRotator" style="width: 500px; height: 400px; position:relative; text-align: left;" data-erconfig="{autoplayEnabled:true, autoplayDelay:3000, autoplayStopOnInteraction:false, autoplayPauseOnHover:false, lpp:'102-105-108-101-58-47-47-47-72-58-47-69-97-115-121-82-111-116-97-116-111-114-80-114-101-118-105-101-119-47-112-114-101-118-105-101-119-95-115-119-102-115-47', wv:1}" data-ername="cabinets" data-ertid="{mr3z51dmk33698025366931}">
<div data-ertype="content" style="display: none;">
<ul data-erlabel="Main Category">
<li> <img class="main" src="assets/cabinets/photo 2.JPG" /> <img class="thumb" src="assets/cabinets/photo 2.JPG" /> </li>
<li> <img class="main" src="assets/cabinets/kitchen8.JPG" /> <img class="thumb" src="assets/cabinets/kitchen8.JPG" /> </li>
<li> <img class="main" src="assets/cabinets/kitchen2.jpg" /> <img class="thumb" src="assets/cabinets/kitchen2.jpg" /> </li>
<li> <img class="main" src="assets/cabinets/kitchen7.JPG" /> <img class="thumb" src="assets/cabinets/kitchen7.JPG" /> </li>
<li> <img class="main" src="assets/cabinets/kitchen4.JPG" /> <img class="thumb" src="assets/cabinets/kitchen4.JPG" /> </li>
<li> <img class="main" src="assets/cabinets/kitchen5.JPG" /> <img class="thumb" src="assets/cabinets/kitchen5.JPG" /> </li>
</ul>
</div>
<div data-ertype="layout" data-ertemplatename="NONE" style="">
<div class="erimgMain" style="position: absolute; left:0;right:0;top:0;bottom:25px;" data-erconfig="{___numTiles:3, scaleMode:'fillArea', imgType:'main', alwaysPreviousButton:true, __loopNextButton:false, __arrowButtonMode:'rollover'}">
<div class="erimgMain_slides erFixCSS3" style="position: absolute; left:15px; top:0; bottom:0; right:15px;">
<div class="erimgMain_slide">
<div class="erimgMain_img" style="position: absolute; left:0;right:0;top:0;bottom:0;"></div>
</div>
</div>
<div class="erimgMain_arrowLeft" style="position:absolute; left: 0; top: 50%; margin-top: -15px;" data-erconfig="{image:'circleCozy', image2:'circleCozy'}"></div>
<div class="erimgMain_arrowRight" style="position:absolute; right: 0; top: 50%; margin-top: -15px;" data-erconfig="{image:'circleCozy', image2:'circleCozy'}"></div>
</div>
<div class="erdots" style="overflow: hidden; margin: 0; font-size: 10px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, _sans; color: #FFF; position: absolute; left:0; right:0; bottom:5px;" data-erconfig="{showText:false}" align="center">
<div class="erdots_wrap" style="wasbackground-color: #CFC; float: none;" align="left">
<!-- modify the float on this element to make left/right/none=center aligned. -->
<span class="erdots_btn_selected" style="padding-left: 0; width: 12px; height: 12px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 6px; cursor: default; background: url(
http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/12_8_666empty.png) top left no-repeat;"> </span> <span class="erdots_btn_normal" style="padding-left: 0; width: 12px; height: 12px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 6px; cursor: pointer; background: url(
http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/12_8_666.png) top left no-repeat;"> </span> <span class="erdots_btn_hover" style="padding-left: 0; width: 12px; height: 12px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 6px; cursor: pointer; background: url(
http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/12_8_CCC.png) top left no-repeat;"> </span> </div>
</div>
<div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;"> This <a style="color:#FFF;" href="
http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="
http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com. <br />
<br />
Use WordPress? The free <a style="color:#FFF;" href="
http://www.dwuser.com/easyrotator/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="
http://www.dwuser.com/easyrotator/wordpress/" target="_blank">WordPress sliders</a> in seconds. <br />
<br />
<a style="color:#FFF;" href="#" class="erabout_ok">OK</a> </div>
<noscript>
Rotator powered by <a href="
http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com. Please enable JavaScript to view.
</noscript>
<script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="
http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
</div>
</div>
<!-- End DWUser_EasyRotator -->
</div>
<div class="Gallery">
<!-- Begin DWUser_EasyRotator -->
<script type="text/javascript" src="
http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
<div class="dwuserEasyRotator" style="width: 500px; height: 400px; position:relative; text-align: left;" data-erconfig="{autoplayEnabled:true, autoplayDelay:3000, autoplayStopOnInteraction:false, autoplayPauseOnHover:false, lpp:'102-105-108-101-58-47-47-47-72-58-47-69-97-115-121-82-111-116-97-116-111-114-80-114-101-118-105-101-119-47-112-114-101-118-105-101-119-95-115-119-102-115-47', wv:1}" data-ername="projects" data-ertid="{rpzg1whnk18594045366931}">
<div data-ertype="content" style="display: none;">
<ul data-erlabel="Main Category">
<li> <img class="main" src="assets/projects/e3e30a5eb2b011e3b82e12f68ff3b993_6.jpg" /> <img class="thumb" src="assets/projects/e3e30a5eb2b011e3b82e12f68ff3b993_6.jpg" /> </li>
<li> <img class="main" src="assets/projects/8d7304aeb2af11e39e681238a13d6b31_6.jpg" /> <img class="thumb" src="assets/projects/8d7304aeb2af11e39e681238a13d6b31_6.jpg" /> </li>
<li> <img class="main" src="assets/projects/photo 8.JPG" /> <img class="thumb" src="assets/projects/photo 8.JPG" /> </li>
<li> <img class="main" src="assets/projects/photo 26.JPG" /> <img class="thumb" src="assets/projects/photo 26.JPG" /> </li>
<li> <img class="main" src="assets/projects/photo 16.JPG" /> <img class="thumb" src="assets/projects/photo 16.JPG" /> </li>
<li> <img class="main" src="assets/projects/69541_255031504661532_1388630713_n.jpg" /> <img class="thumb" src="assets/projects/69541_255031504661532_1388630713_n.jpg" /> </li>
<li> <img class="main" src="assets/projects/1546461_255030457994970_977575846_n.jpg" /> <img class="thumb" src="assets/projects/1546461_255030457994970_977575846_n.jpg" /> </li>
<li> <img class="main" src="assets/projects/1537524_255031394661543_495734623_o.jpg" /> <img class="thumb" src="assets/projects/1537524_255031394661543_495734623_o.jpg" /> </li>
</ul>
</div>
<div data-ertype="layout" data-ertemplatename="NONE" style="">
<div class="erimgMain" style="position: absolute; left:0;right:0;top:0;bottom:25px;" data-erconfig="{___numTiles:3, scaleMode:'fillArea', imgType:'main', alwaysPreviousButton:true, __loopNextButton:false, __arrowButtonMode:'rollover'}">
<div class="erimgMain_slides erFixCSS3" style="position: absolute; left:15px; top:0; bottom:0; right:15px;">
<div class="erimgMain_slide">
<div class="erimgMain_img" style="position: absolute; left:0;right:0;top:0;bottom:0;"></div>
</div>
</div>
<div class="erimgMain_arrowLeft" style="position:absolute; left: 0; top: 50%; margin-top: -15px;" data-erconfig="{image:'circleCozy', image2:'circleCozy'}"></div>
<div class="erimgMain_arrowRight" style="position:absolute; right: 0; top: 50%; margin-top: -15px;" data-erconfig="{image:'circleCozy', image2:'circleCozy'}"></div>
</div>
<div class="erdots" style="overflow: hidden; margin: 0; font-size: 10px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, _sans; color: #FFF; position: absolute; left:0; right:0; bottom:5px;" data-erconfig="{showText:false}" align="center">
<div class="erdots_wrap" style="wasbackground-color: #CFC; float: none;" align="left">
<!-- modify the float on this element to make left/right/none=center aligned. -->
<span class="erdots_btn_selected" style="padding-left: 0; width: 12px; height: 12px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 6px; cursor: default; background: url(
http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/12_8_666empty.png) top left no-repeat;"> </span> <span class="erdots_btn_normal" style="padding-left: 0; width: 12px; height: 12px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 6px; cursor: pointer; background: url(
http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/12_8_666.png) top left no-repeat;"> </span> <span class="erdots_btn_hover" style="padding-left: 0; width: 12px; height: 12px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 6px; cursor: pointer; background: url(
http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/12_8_CCC.png) top left no-repeat;"> </span> </div>
</div>
<div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;"> This <a style="color:#FFF;" href="
http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="
http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com. <br />
<br />
Use WordPress? The free <a style="color:#FFF;" href="
http://www.dwuser.com/easyrotator/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="
http://www.dwuser.com/easyrotator/wordpress/" target="_blank">WordPress sliders</a> in seconds. <br />
<br />
<a style="color:#FFF;" href="#" class="erabout_ok">OK</a> </div>
<noscript>
Rotator powered by <a href="
http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com. Please enable JavaScript to view.
</noscript>
<script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="
http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
</div>
</div>
<!-- End DWUser_EasyRotator -->
</div>
