Mark Maestrone | Internet solutions for a global community

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Mark Maestrone | Internet solutions for a global community</title> <link type="text/css" rel="stylesheet" media="all" href="css/book.css" /> <link type="text/css" rel="stylesheet" media="all" href="css/node.css" /> <link type="text/css" rel="stylesheet" media="all" href="css/defaults.css" /> <link type="text/css" rel="stylesheet" media="all" href="css/system.css" /> <link type="text/css" rel="stylesheet" media="all" href="css/system-menus.css" /> <link type="text/css" rel="stylesheet" media="all" href="css/block_edit.css" /> <link type="text/css" rel="stylesheet" media="all" href="css/content-module.css" /> <link type="text/css" rel="stylesheet" media="all" href="css/nice_menus/nice_menus.css" /> <link type="text/css" rel="stylesheet" media="all" href="css/nice_menus/nice_menus_default.css" /> <link type="text/css" rel="stylesheet" media="all" href="css/panels.css" /> <link type="text/css" rel="stylesheet" media="all" href="css/contrib/views_slideshow_singleframe/views_slideshow.css" /> <link type="text/css" rel="stylesheet" media="all" href="css/contrib/views_slideshow_thumbnailhover/views_slideshow.css" /> <link type="text/css" rel="stylesheet" media="all" href="css/video.css" /> <link type="text/css" rel="stylesheet" media="all" href="css/fieldgroup.css" /> <link type="text/css" rel="stylesheet" media="all" href="css/views.css" /> <link type="text/css" rel="stylesheet" media="all" href="css/reset.css" /> <link type="text/css" rel="stylesheet" media="all" href="css/style.css" />  <script type="text/javascript" src="js/js_17ddaf2cf481676f36651e4cf86e8532.js"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script> <script type="text/javascript" src="js/jquery.hoverIntent.minified.js"></script> <script type="text/javascript" src="js/jquery.dcjqaccordion.2.7.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#region-top-next-to-logo-lower ul.menu ul.menu').dcAccordion({ eventType: 'hover', autoClose: true, saveState: false, disableLink: false, showCount: false, menuClose: false }); }); </script>  </head> <body class="front not-logged-in page-node node-type-story no-sidebars i18n-en page- page-node-267"> <div id="page-wrapper"> <div id="header"> <div id="logo-and-next-to-logo-region-wrapper" class="centered-container"> <div id="logo-container"> <a href="/"><img src="images/logo05.png" alt="Internet solutions for a global community" /></a> </div> <div id="region-top-next-to-logo-upper"> <div id="block-search_by_page-1" class="clear-block block block-search_by_page"> <div class="content"><div class="container-inline"> </div></div> </div> </div> <div id="region-top-next-to-logo-lower"> <div id="block-menu-menu-site-header-menu" class="clear-block block block-menu"> <h2>Header Menu</h2> <div class="content"> <ul class="menu"> <li class="leaf"><a href="about.html" class="link-menu-site-header-menu-52067">About Us</a></li> <li class="expanded"><a href="solutions.html" class="link-menu-site-header-menu-52069">Solutions</a><ul class="menu"> <li class="leaf first"><a href="website-dev.html" class="link-menu-site-header-menu-53435">Website Development</a></li> <li class="leaf"><a href="content-management.html" class="link-menu-site-header-menu-53678">Content Management</a></li> <li class="leaf"><a href="responsive-web-design.html" class="link-menu-site-header-menu-53626">Responsive Web Design</a></li> <li class="leaf"><a href="social-media.html" class="link-menu-site-header-menu-53626">Social Media</a></li> <li class="leaf last"><a href="e-commerce.html" class="link-menu-site-header-menu-53626">E-Commerce</a> </li></ul> <li class="expanded"><a href="work.html" class="link-menu-site-header-menu-52070">Our Work</a><ul class="menu"> <li class="leaf first"><a href="non-profit.html" class="link-menu-site-header-menu-55769 active">Non-Profit</a></li> <li class="leaf"><a href="retail.html" class="link-menu-site-header-menu-55744">Retail</a></li> <li class="leaf"><a href="collectors.html" class="link-menu-site-header-menu-55745">Collectors</a></li> <li class="leaf last"><a href="organizations.html" class="link-menu-site-header-menu-55745">Organizations</a> </li></ul> <li class="leaf"><a href="contact.html" class="link-menu-site-header-menu-52067">Contact</a></li> </ul> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function () { var skip_to_slideshow = true; var v = document.createElement("video"); // Are we dealing with a browser that supports <video>? if (!v.play || skip_to_slideshow) { // If no, use Flash. if (swfobject.hasFlashPlayerVersion("9.0") && !skip_to_slideshow ) { $('body').prepend('<div id="player"></div>'); $f("player", { src:"", wmode:"transparent", loop: true },{ playlist:[{url:""}], plugins: { controls: null, play: null }, onBeforePause: function() { return false; } }); $f("player").playlist("div.clips:first", {loop:true}); $f("player").onStart(function () {$(window).trigger('resize');}); var sxsw = { ratio: 0, full_bleed: function(boxWidth, boxHeight, imgWidth, imgHeight) { var initW = imgWidth; var initH = imgHeight; imgWidth = boxHeight * this.ratio; imgHeight = boxHeight - 176; return { width: imgWidth, height: imgHeight }; }, init: function() { var browserHeight = Math.round(jQuery(document).height()); var browserWidth = Math.round(jQuery(document).width()); var videoHeight = jQuery('#player').height(); var videoWidth = jQuery('#player').width(); var videoHeight = 800; var videoWidth = 540; this.ratio = videoHeight / videoWidth; this.videoHeight = 800; var new_size = sxsw.full_bleed(browserWidth, browserHeight, videoWidth, videoHeight); jQuery('#player object') .width(new_size.width) .height(new_size.height); } }; sxsw.init(); $(window).resize(function() { var browserHeight = Math.round($(document).height()); var browserWidth = Math.round($(document).width()); var videoHeight = $('#player object').height(); var videoWidth = $('#player object').width(); var new_size = sxsw.full_bleed(browserWidth, browserHeight, videoWidth, videoHeight); $('#player object') .width(new_size.width) .height(new_size.height); if (document.readyState === "completed") { resizeBg(); } }); } else { // No Flash or HTML 5 $('.slideshow-wrapper').show(); $('.item-list > ul').cycle({ fx: 'fade', speed: 2500, width: '100%', height: '100%', prev: '.prev', next: '.next', delay: 2500, pager: $('.pager-list'), pagerAnchorBuilder: function(idx, slide) { return '<div class="pager-item"><a href="#"><img src="images/pager-spacer.png" /></a></div>'; } }); } } else { // HTML5 is available //this is all you need to run a nice video background. $(function () { $(window).resize(function () { var height = $(document).height(); if ((height - 176) < window.videoHeight) { $('.video-background video').height(window.videoHeight); } else { $('.video-background video').height((height - 176) + 'px'); } // makes chrome work correctly $('.video-background video').css('display', 'inline'); }); $('body').prepend('<div class="video-background"></div>'); var video_bg = $('.video-background').videobackground({ autoplay: false, videoSource: [ ], poster: '', controlPosition: '#body', loadedCallback: function () { window.aspectRatio = $('video').height() / $('video').width(); window.videoHeight = $('video').height(); window.videoWidth = $('video').width(); $('a.ui-icon-volume-on').click(function () { if ($(this).html() == 'Mute') { $(this).removeClass(); $(this).addClass('ui-icon-volume-on mute'); } else if ($(this).html() == 'Unmute') { $(this).removeClass(); $(this).addClass('ui-icon-volume-on unmute'); } }); $(window).trigger('resize'); }, loop:false, resize: false }); }); } }); </script> <div id="body"> <div class="slideshow-wrapper" style="display: block;"> <div class="pager-list"></div> <div class="view view-homepage-slideshow-new view-id-homepage_slideshow_new view-display-id-block_1 view-dom-id-4"> <div class="view-content"> <div class="item-list"> <ul> <li class="views-row views-row-1 views-row-odd views-row-first"> <div class="views-field-field-slidshow-image-fid"> <span class="field-content"> <a href="" style="height: 100%; width: 100%; display:block;background: url('images/home&headers/markindex01.jpg') no-repeat center 0;"> <div class="nav-wrapper"> <div class="nav-inner"> <div class="prev"></div> </div> <div class="nav-inner-next"> <div class="next"></div> </div> </div>  </a> </span> </div> <div class="views-field-field-slideshow-new-window-value"> <span class="field-content">off</span> </div> </li> <li class="views-row views-row-2 views-row-even"> <div class="views-field-field-slidshow-image-fid"> <span class="field-content"> <a href="" rel="external" style="height: 100%; width: 100%; display:block;background: url('images/home&headers/markindex02.jpg') no-repeat center 0;"> <div class="nav-wrapper"> <div class="nav-inner"> <div class="prev"></div> </div> <div class="nav-inner-next"> <div class="next"></div> </div> </div>  </a> </span> </div> <div class="views-field-field-slideshow-new-window-value"> <span class="field-content">off</span> </div> </li> <li class="views-row views-row-3 views-row-odd"> <div class="views-field-field-slidshow-image-fid"> <span class="field-content"> <a href="" style="height: 100%; width: 100%; display:block;background: url('images/home&headers/markindex03.jpg') no-repeat center 0;"> <div class="nav-wrapper"> <div class="nav-inner"> <div class="prev"></div> </div> <div class="nav-inner-next"> <div class="next"></div> </div> </div>  </a> </span> </div> <div class="views-field-field-slideshow-new-window-value"> <span class="field-content">off</span> </div> </li> <li class="views-row views-row-4 views-row-even"> <div class="views-field-field-slidshow-image-fid"> <span class="field-content"> <a href="" style="height: 100%; width: 100%; display:block;background: url('images/home&headers/markindex04.jpg') no-repeat center 0;"> <div class="nav-wrapper"> <div class="nav-inner"> <div class="prev"></div> </div> <div class="nav-inner-next"> <div class="next"></div> </div> </div>  </a> </span> </div> <div class="views-field-field-slideshow-new-window-value"> <span class="field-content">off</span> </div> </li> <li class="views-row views-row-5 views-row-odd"> <div class="views-field-field-slidshow-image-fid"> <span class="field-content"> <a href="" style="height: 100%; width: 100%; display:block;background: url('images/home&headers/markindex05.jpg') no-repeat center 0;"> <div class="nav-wrapper"> <div class="nav-inner"> <div class="prev"></div> </div> <div class="nav-inner-next"> <div class="next"></div> </div> </div>  </a> </span> </div> </li> </ul> </div> </div> </div> </div> </div> <div id="footer"> <div class="holder"> <ul class="menu"><li class="leaf first active-trail"><a href="/" class="show-footer show-footer-ie7 link-menu-footer-top-level-54153 active">Show Footer</a></li> <li class="leaf"><a href="solutions.html" class="about-us-ie7 link-menu-footer-top-level-54154">Solutions</a></li> <li class="leaf"><a href="contact.html" class="contact-ie7 link-menu-footer-top-level-54155">Contact</a></li> <li class="leaf"><a href="privacy-policy.html" class="privacy-policy-ie7 link-menu-footer-top-level-54156">Privacy Policy</a></li> <li class="leaf"><a href="" class="for-customers-ie7 link-menu-footer-top-level-55698">Links</a></li> </ul> </div> <div class="footer-main"> <div class="footer-2nd-level"><span class="footer-link expanded first"><a href="/" class="no-title link-secondary-links-51815 active">Show Footer</a><div class="footer-2nd-level"><span class="footer-link leaf first"><a href="/work" class="link-secondary-links-51821">Our Work</a></span> <span class="footer-link leaf"><a class="spi" href="non-profit.html"><img src="images/work/spi-small.jpg" alt="" width="39" height="39" /></a></span> <span class="footer-link leaf"><a class="dfe" href="organizations.html"><img src="images/work/dfe-small.jpg" alt="" width="39" height="39" /></a></span> <span class="footer-link leaf"><a class="olympin" href="collectors.html"><img src="images/work/olympin-small.jpg" alt="" width="39" height="39" /></a></span> <span class="footer-link leaf"><a class="mets" href="retail.html"><img src="images/work/mets-small.jpg" alt="" width="39" height="39" /></a></span> <span class="footer-link leaf"><a class="view-all link-secondary-links-53979 active"></a></span> <span class="footer-link leaf"><a href="awards.html" class="bold link-secondary-links">Awards &<br/>Accolades</a></span> <span class="footer-link leaf last"><span class="nolink">Copyright © 2014 Mark Maestrone. All Rights Reserved</span></span> <div style="clear:both"></div></div></span> <span class="footer-link expanded"><a href="solutions.html" class="no-title link-secondary-links-51816">Solutions</a><div class="footer-2nd-level"> <span class="footer-link leaf first"><a href="website-dev.html" class="normal-title link-secondary-links">Website<br/>Development</a></span> <span class="footer-link leaf"><a href="content-management.html" class="normal-title link-secondary-links">Content<br/>Management</a></span> <span class="footer-link leaf"><a href="responsive-web-design.html" class="normal-title link-secondary-links">Responsive Web<br/>Design</a></span> <span class="footer-link leaf"><a href="social-media.html" class="normal-title link-secondary-links">Social Media</a></span> <span class="footer-link leaf last"><a href="e-commerce.html" class="normal-title link-secondary-links">E-Commerce</a></span> <div style="clear:both"></div></div></span> <span class="footer-link expanded"><a href="/contact" class="no-title link-secondary-links-51817">Contact</a> <div class="footer-2nd-level"> <span class="footer-link leaf first"><a href="contact.html" class="normal-title link-secondary-links">Please use the <br/>contact form for<br/>all inquiries.</a></span> <div style="clear:both"></div></div></span> <span class="footer-link expanded"><a href="privacy-policy.html" class="no-title link-secondary-links">Privacy Policy</a><div class="footer-2nd-level"><span class="footer-link leaf first"><a href="privacy-policy-overview.html" title="Overview of Privacy Policy" class="normal-title link-secondary-links">Overview</a></span> <span class="footer-link leaf last"><a href="privacy-policy-full" class="link-secondary-links">Full Privacy Policy</a></span><div style="clear:both"></div></div></span> <span class="footer-link expanded"><a href="" class="no-title link-secondary-links-55673">Links</a><div class="footer-2nd-level"><span class="footer-link leaf first"><a href="http://olympic.org" target="_blank" class="normal-title link-secondary-links">International Olympic<br/>Committee</a></span> <span class="footer-link leaf"><a href="http://www.teamusa.org/" target="_blank" class="normal-title link-secondary-links">United States<br/>Olympic Committee</a></span> <span class="footer-link leaf"><a href="http://www.stamps.org" target="_blank" class="normal-title link-secondary-links">American Philatelic<br/>Society</a></span> <span class="footer-link leaf last"><a href="http://www.americantopicalassn.org" target="_blank" class="normal-title link-secondary-links">American Topical<br/>Association</a></span> <div style="clear:both"></div></div></span> <div style="clear:both"></div></div></span> <div style="clear:both"></div></div> </div> </div> <script type="text/javascript" src="js_74d32d29f0365cef486bec475b485cee.js"></script> <script type="text/javascript"> $('a.show-footer').click(function (e) { /* Drupal 6 is using jQuery 1.2 so we can't use live() or delegate() */ var name = $(this).html(); if (name == 'Show Footer') { $(this).html('Hide Footer'); $(this).removeClass("show-footer"); $(this).addClass("hide-footer"); /*$('#footer .footer-main').height('100%'); */ $('#footer .footer-main').css('display', 'block'); /*$('#footer ul.menu ul.menu').each(function () { $(this).css('display', 'block'); });*/ } else if (name == 'Hide Footer') { $(this).removeClass("hide-footer"); $(this).addClass("show-footer"); $(this).html('Show Footer'); /* $('#footer .footer-main').height('0px');*/ $('#footer .footer-main').css('display', 'none'); /*$('#footer ul.menu ul.menu').each(function () { $(this).css('display', 'none'); });*/ } e.preventDefault(); }); </script> </body> </html>

CINXE.COM

Mark Maestrone | Internet solutions for a global community