@font-face {
font-family: 'OpenSans-Light';
src: url('http://www.littlebeardesign.com/webfonts/OpenSans-Light.eot'); /* IE9 Compat Modes */
src: url('http://www.littlebeardesign.com/webfonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('http://www.littlebeardesign.com/webfonts/OpenSans-Light.woff') format('woff'), /* Modern Browsers */
url('http://www.littlebeardesign.com/webfonts/OpenSans-Light.ttf') format('truetype'), /* Safari, Android, iOS */
url('http://www.littlebeardesign.com/webfonts/OpenSans-Light.svg#svgFontName') format('svg'); /* Legacy iOS */}

@font-face {
font-family: 'OpenSans-Regular';
src: url('http://www.littlebeardesign.com/webfonts/OpenSans-Regular.eot'); /* IE9 Compat Modes */
src: url('http://www.littlebeardesign.com/webfonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('http://www.littlebeardesign.com/webfonts/OpenSans-Regular.woff') format('woff'), /* Modern Browsers */
url('http://www.littlebeardesign.com/webfonts/OpenSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('http://www.littlebeardesign.com/webfonts/OpenSans-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */}

@font-face {
font-family: 'OpenSans-Bold';
src: url('http://www.littlebeardesign.com/webfonts/OpenSans-Bold.eot'); /* IE9 Compat Modes */
src: url('http://www.littlebeardesign.com/webfonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('http://www.littlebeardesign.com/webfonts/OpenSans-Bold.woff') format('woff'), /* Modern Browsers */
url('http://www.littlebeardesign.com/webfonts/OpenSans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
url('http://www.littlebeardesign.com/webfonts/OpenSans-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */}

#open-popup {padding:2px;font-family:"OpenSans-Bold"; border-radius: 5px; width:100px; font-size: 12px; background-image:url(../photography/band/JoeyRocks.jpg); height:100px; padding-top:80px; color:#fff; font-weight:bold; }
#open-popup2 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../photography/portrait/Angela.jpg); height:100px; padding-top:80px; color:#fff; font-weight:bold;}
#open-popup3 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../photography/travel/Arenal.jpg); height:100px; padding-top:80px; color:#fff; font-weight:bold;}
#open-popup4 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../photography/underwater/underwater.jpg); height:100px; padding-top:80px; color:#000; font-weight:bold;}
#open-popup5 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../photography/wedding/Cole2.jpg); height:100px; padding-top:80px; color:#000; font-weight:bold;}
#open-popup6 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../photography/modeling/Lu2.jpg); height:100px; padding-top:80px; color:#000; font-weight:bold;}
#open-popup7 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../design/events/eventsThumb.jpg); height:100px; padding-top:80px; color:#000; font-weight:bold;}
#open-popup8 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../design/marketing/MarketingThumb.jpg); height:100px; padding-top:80px; color:#000; font-weight:bold;}
#open-popup9 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../design/logos/logos.jpg); background-repeat: no-repeat; height:100px; padding-top:80px; color:#fff; font-weight:bold;}
#open-popup10 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../design/websites/website.jpg);background-repeat: no-repeat; height:100px; padding-top:80px; color:#000; font-weight:bold;}
#open-popup11 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../design/social/social.jpg); height:100px; padding-top:80px; color:#fff; font-weight:bold;}
#open-popup12 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../design/other/other.jpg); height:100px; padding-top:80px; color:#fff; font-weight:bold;}
#open-popup13 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../painting/acrylic/acrylic.jpg);background-repeat: no-repeat; height:100px; padding-top:80px; color:#fff; font-weight:bold;}
#open-popup14 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../painting/watercolor/watercolor.jpg); height:100px; padding-top:80px; color:#000; font-weight:bold;}
#open-popup15 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../painting/oil/oil.jpg); height:100px; padding-top:80px; color:#fff; font-weight:bold;}
#open-popup16 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../fashion/jewelry/jewelry.jpg);background-repeat: no-repeat; height:100px; padding-top:80px; color:#fff; font-weight:bold;}
#open-popup17 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../fashion/handbags/handbags.jpg); height:100px; padding-top:80px; color:#000; font-weight:bold;}
#open-popup18 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../fashion/costumes/costumes.jpg); height:100px; padding-top:80px; color:#000; font-weight:bold;}
#open-popup19 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../content/reviews.jpg); height:100px; padding-top:80px; color:#000; font-weight:bold;}
#open-popup20 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../content/marketing.jpg); height:100px; padding-top:80px; color:#000; font-weight:bold;}
#open-popup21 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../content/blog.jpg); height:100px; padding-top:80px; color:#000; font-weight:bold;}
#open-popup22 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../content/academic.jpg); height:100px; padding-top:80px; color:#000; font-weight:bold;}
#open-popup23 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../content/trip.jpg); height:100px; padding-top:80px; color:#000; font-weight:bold;}
#open-popup24 {padding:2px;font-family:"OpenSans-Bold";  border-radius: 5px; width:100px; font-size: 12px; background-image:url(../content/about.jpg); height:100px; padding-top:80px; color:#000; font-weight:bold;}


.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 200px;
  margin: 10px auto;
  text-align: center;
}