/* RESPONSIVE VERSION */

.body { background-color: #434343; }

a.nav3:link { font: bold 11px "Helvetica", "Arial", sans-serif; text-transform: lowercase; color: #CCFF66; text-decoration: none; }
a.nav3:hover { font: bold 11px "Helvetica", "Arial", sans-serif; text-transform: lowercase; color: #FF6600; text-decoration: none; }
a.nav3:visited { font: bold 11px "Helvetica", "Arial", sans-serif; text-transform: lowercase; color: #CCFF66; text-decoration: none; }

a.email:link { font: 11px/14px "Helvetica", "Arial", sans-serif; color: #ff6600; text-transform: lowercase; text-decoration: none; }
a.email:hover { font: 11px/14px "Helvetica", "Arial", sans-serif; color: #000000; text-transform: lowercase; text-decoration: none; }
a.email:visited { font: 11px/14px "Helvetica", "Arial", sans-serif; color: #ff6600; text-transform: lowercase; text-decoration: none; }

#content { margin-left: 20px; margin-top: 20px; margin-right: 10px; }
#content img { max-width: 100%; height: auto; } /* responsive logo and all other images */
.column { max-width: 100%; height: auto; } /* everything is in one column */
.logo { position: relative; z-index: 100; !important }

/* first group of images */

#confetti-one { margin-top: -16px; margin-left: 3%; }
.groupOne { position: relative; z-index: 0; }

/* second group of images */

#confetti-two { margin-top: 4px; margin-left: 3%; }
.groupTwo { position: relative; z-index: 0; }

/* third group of images */

#confetti-three { margin-top: 4px; margin-left: 3%; }
.groupThree { position: relative; z-index: 0; }

/* fourth group of images */

#confetti-four { margin-top: 4px; margin-left: 3%; }
.groupFour { position: relative; z-index: 0; }

/* group titles */

#groupTitle { font: 12px/15px "Helvetica", "Arial", sans-serif; text-transform: uppercase; color:#D6D6D6; margin-top: 20px; margin-left: 3%; }

/* text */

#contactInfo { margin-top: 40px; margin-left: 3%; }
.contact  { font: 12px/15px "Helvetica", "Arial", sans-serif; text-transform: uppercase; color:#D6D6D6; }
.contact2  { font: 12px/15px "Helvetica", "Arial", sans-serif; text-transform: uppercase; color:#D6D6D6; margin-top: 10px; }
.contact3  { font: 12px/15px "Helvetica", "Arial", sans-serif; text-transform: uppercase; color:#D6D6D6; margin-top: 10px; }
.contact4  { font: 12px/15px "Helvetica", "Arial", sans-serif; text-transform: uppercase; color:#D6D6D6; margin-top: 10px; }

#aboutPolly { margin-top: 40px; margin-left: 3%; font: 12px/15px "Helvetica", "Arial", sans-serif; text-transform: uppercase; color:#CCFF66; }
.about { margin-top: 0; }
.about2 { margin-top: 10px; }
.about3 { margin-top: 10px; }
.whiteHeading  { font: 12px/15px "Helvetica", "Arial", sans-serif; text-transform: uppercase; color:#ffffff; }

#selectedImages { margin-top: 40px; margin-left: 3%; font: 12px/15px "Helvetica", "Arial", sans-serif; text-transform: uppercase; color:#CCFF66; }
.selected { margin-top: 0; }
.selected2 { margin-top: 10px; }
.selected3 { margin-top: 10px; }
.selected4 { margin-top: 10px; }

#footer { margin-top: 60px; margin-bottom: 100px; margin-left: 3%; font: 10px/11px "Helvetica", "Arial", sans-serif; text-transform: none; color:#CCFF66; }

/* highslide */

.highslide { outline: none; }
.highslide img { border: none; margin-right: 2px; height: 40px; }
.highslide-image { border: 28px solid white; }

.highslide-caption { display: none; border: 2px solid white; border-top: none; font-family: "Helvetica Narrow", "Arial Narrow", sans-serif; font-size: 10px; letter-spacing: 3px; padding: 0px; margin-bottom: 10px; text-transform: uppercase; color:#808080; text-align: center; background-color: white; }
.highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black; }

.highslide-move { cursor: move; }
.highslide-overlay { display: none; }

.controlbar { background: url(highslide/graphics/controlbar4.gif); width: 167px; height: 34px; margin-top: -15px; }
a.controlbar {	display: block; float: left; height: 27px; }
a.controlbar:hover { background-image: url(highslide/graphics/controlbar4-hover.gif); }
.previous { width: 50px; }
.next { width: 40px; background-position: -50px 0; }
.highslide-move { width: 40px; background-position: -90px 0; }
.close { width: 36px; background-position: -130px 0; }

.highslide-display-block { display: block; }
.highslide-display-none { display: none; }


/*
Mobile Styles
================================================== */

@media only screen and (max-width: 767px) {

#confetti-one { margin-top: -8px; margin-left: 3%; }


}