@charset "UTF-8";

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/photo_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/*Websites*/
#gallery1 {width:640px; height:405px; position:relative; border:1px solid #ddd; background:#f8f8f8; margin:0 0 0 23px;}
#gallery1 ul {list-style:none; padding:10px 5px 5px 5px; margin:15px 0 0 0; width:210px; float:right; height:355px; overflow:auto;}
#gallery1 ul li {display:inline; width:190px; height:110px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery1 ul li img {display:block; width:190px; height:110px;}
#gallery1 ul li span {display:none; position:absolute; left:22px; top:320px; width:350px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery1 ul li span b {color:#444;}
#gallery1 a { color:#444; text-decoration:underline;}
#gallery1 a:hover { color:#444; text-decoration:none;}


/* required for IE5.x and IE6 to display the start image size correctly */
#gallery1 ul li.click1 i img.default {margin:60px auto 0 auto; width:380px; height:225px; border:1px solid #fff;}

#gallery1 ul li.off {display:none;}

#gallery1 ul li.click1 {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery1 ul li.click1 i {position:absolute; left:0; top:0; width:430px; height:305px;}

#gallery1 ul li.click1 i img {margin:60px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery1 ul li.click1 span {display:block;}



/*Speaker Sites*/
#gallery2 {width:640px; height:405px; position:relative; border:1px solid #ddd; background:#f8f8f8; margin:0 0 0 23px;}
#gallery2 ul {list-style:none; padding:10px 5px 5px 5px; margin:15px 0 0 0; width:210px; float:right; height:355px; overflow:auto;}
#gallery2 ul li {display:inline; width:190px; height:110px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery2 ul li img {display:block; width:190px; height:110px;}
#gallery2 ul li span {display:none; position:absolute; left:22px; top:320px; width:350px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery2 ul li span b {color:#444;}
#gallery2 a { color:#444; text-decoration:underline;}
#gallery2 a:hover { color:#444; text-decoration:none;}


/* required for IE5.x and IE6 to display the start image size correctly */
#gallery2 ul li.click2 i img.default {margin:60px auto 0 auto; width:380px; height:225px; border:1px solid #fff;}

#gallery2 ul li.off {display:none;}

#gallery2 ul li.click2 {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery2 ul li.click2 i {position:absolute; left:0; top:0; width:430px; height:305px;}

#gallery2 ul li.click2 i img {margin:60px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery2 ul li.click2 span {display:block;}



/*Custom Blogs*/
#gallery3 {width:640px; height:405px; position:relative; border:1px solid #ddd; background:#f8f8f8; margin:0 0 0 23px;}
#gallery3 ul {list-style:none; padding:10px 5px 5px 5px; margin:15px 0 0 0; width:210px; float:right; height:355px; overflow:auto;}
#gallery3 ul li {display:inline; width:190px; height:110px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery3 ul li img {display:block; width:190px; height:110px;}
#gallery3 ul li span {display:none; position:absolute; left:22px; top:320px; width:350px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery3 ul li span b {color:#444;}
#gallery3 a { color:#444; text-decoration:underline;}
#gallery3 a:hover { color:#444; text-decoration:none;}


/* required for IE5.x and IE6 to display the start image size correctly */
#gallery3 ul li.click3 i img.default {margin:60px auto 0 auto; width:380px; height:225px; border:1px solid #fff;}

#gallery3 ul li.off {display:none;}

#gallery3 ul li.click3 {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery3 ul li.click3 i {position:absolute; left:0; top:0; width:430px; height:305px;}

#gallery3 ul li.click3 i img {margin:60px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery3 ul li.click3 span {display:block;}


/*Joomla Sites*/
#gallery4 {width:640px; height:405px; position:relative; border:1px solid #ddd; background:#f8f8f8;  margin:0 0 0 23px;}
#gallery4 ul {list-style:none; padding:10px 5px 5px 5px; margin:15px 0 0 0; width:210px; float:right; height:355px; overflow:auto;}
#gallery4 ul li {display:inline; width:190px; height:110px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery4 ul li img {display:block; width:190px; height:110px;}
#gallery4 ul li span {display:none; position:absolute; left:22px; top:320px; width:350px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery4 ul li span b {color:#444;}
#gallery4 a { color:#444; text-decoration:underline;}
#gallery4 a:hover { color:#444; text-decoration:none;}


/* required for IE5.x and IE6 to display the start image size correctly */
#gallery4 ul li.click4 i img.default {margin:60px auto 0 auto; width:380px; height:225px; border:1px solid #fff;}

#gallery4 ul li.off {display:none;}

#gallery4 ul li.click4 {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery4 ul li.click4 i {position:absolute; left:0; top:0; width:430px; height:305px;}

#gallery4 ul li.click4 i img {margin:60px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery4 ul li.click4 span {display:block;}



/*Teleseminar Sites*/
#gallery5 {width:640px; height:405px; position:relative; border:1px solid #ddd; background:#f8f8f8; margin:0 0 0 23px;}
#gallery5 ul {list-style:none; padding:10px 5px 5px 5px; margin:15px 0 0 0; width:210px; float:right; height:355px; overflow:auto;}
#gallery5 ul li {display:inline; width:190px; height:110px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery5 ul li img {display:block; width:190px; height:110px;}
#gallery5 ul li span {display:none; position:absolute; left:22px; top:320px; width:350px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery5 ul li span b {color:#444;}
#gallery5 a { color:#444; text-decoration:underline;}
#gallery5 a:hover { color:#444; text-decoration:none;}


/* required for IE5.x and IE6 to display the start image size correctly */
#gallery5 ul li.click5 i img.default {margin:60px auto 0 auto; width:380px; height:225px; border:1px solid #fff;}

#gallery5 ul li.off {display:none;}

#gallery5 ul li.click5 {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery5 ul li.click5 i {position:absolute; left:0; top:0; width:430px; height:305px;}

#gallery5 ul li.click5 i img {margin:60px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery5 ul li.click5 span {display:block;}


/*ASK Campaigns*/
#gallery6 {width:640px; height:405px; position:relative; border:1px solid #ddd; background:#f8f8f8; margin:0 0 0 23px;}
#gallery6 ul {list-style:none; padding:10px 5px 5px 5px; margin:15px 0 0 0; width:210px; float:right; height:355px; overflow:auto;}
#gallery6 ul li {display:inline; width:190px; height:110px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery6 ul li img {display:block; width:190px; height:110px;}
#gallery6 ul li span {display:none; position:absolute; left:22px; top:320px; width:350px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery6 ul li span b {color:#444;}
#gallery6 a { color:#444; text-decoration:underline;}
#gallery6 a:hover { color:#444; text-decoration:none;}


/* required for IE5.x and IE6 to display the start image size correctly */
#gallery6 ul li.click6 i img.default {margin:60px auto 0 auto; width:380px; height:225px; border:1px solid #fff;}

#gallery6 ul li.off {display:none;}

#gallery6 ul li.click6 {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery6 ul li.click6 i {position:absolute; left:0; top:0; width:430px; height:305px;}

#gallery6 ul li.click6 i img {margin:60px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery6 ul li.click6 span {display:block;}


/*Membership Sites*/
#gallery7 {width:640px; height:405px; position:relative; border:1px solid #ddd; background:#f8f8f8; margin:0 0 0 23px;}
#gallery7 ul {list-style:none; padding:10px 5px 5px 5px; margin:15px 0 0 0; width:210px; float:right; height:355px; overflow:auto;}
#gallery7 ul li {display:inline; width:190px; height:110px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery7 ul li img {display:block; width:190px; height:110px;}
#gallery7 ul li span {display:none; position:absolute; left:22px; top:320px; width:350px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery7 ul li span b {color:#444;}
#gallery7 a { color:#444; text-decoration:underline;}
#gallery7 a:hover { color:#444; text-decoration:none;}


/* required for IE5.x and IE6 to display the start image size correctly */
#gallery7 ul li.click7 i img.default {margin:60px auto 0 auto; width:380px; height:225px; border:1px solid #fff;}

#gallery7 ul li.off {display:none;}

#gallery7 ul li.click7 {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery7 ul li.click7 i {position:absolute; left:0; top:0; width:430px; height:305px;}

#gallery7 ul li.click7 i img {margin:60px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery7 ul li.click7 span {display:block;}


/*Lead Generation Sites*/
#gallery8 {width:640px; height:405px; position:relative; border:1px solid #ddd; background:#f8f8f8; margin:0 0 0 23px;}
#gallery8 ul {list-style:none; padding:10px 5px 5px 5px; margin:15px 0 0 0; width:210px; float:right; height:355px; overflow:auto;}
#gallery8 ul li {display:inline; width:190px; height:110px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery8 ul li img {display:block; width:190px; height:110px;}
#gallery8 ul li span {display:none; position:absolute; left:22px; top:320px; width:350px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery8 ul li span b {color:#444;}
#gallery8 a { color:#444; text-decoration:underline;}
#gallery8 a:hover { color:#444; text-decoration:none;}


/* required for IE5.x and IE6 to display the start image size correctly */
#gallery8 ul li.click8 i img.default {margin:60px auto 0 auto; width:380px; height:225px; border:1px solid #fff;}

#gallery8 ul li.off {display:none;}

#gallery8 ul li.click8 {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery8 ul li.click8 i {position:absolute; left:0; top:0; width:430px; height:305px;}

#gallery8 ul li.click8 i img {margin:60px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery8 ul li.click8 span {display:block;}


/*Newsletter*/
#gallery9 {width:640px; height:405px; position:relative; border:1px solid #ddd; background:#f8f8f8; margin:0 0 0 23px;}
#gallery9 ul {list-style:none; padding:10px 5px 5px 5px; margin:15px 0 0 0; width:210px; float:right; height:355px; overflow:auto;}
#gallery9 ul li {display:inline; width:190px; height:110px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery9 ul li img {display:block; width:190px; height:110px;}
#gallery9 ul li span {display:none; position:absolute; left:22px; top:320px; width:350px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery9 ul li span b {color:#444;}
#gallery9 a { color:#444; text-decoration:underline;}
#gallery9 a:hover { color:#444; text-decoration:none;}


/* required for IE5.x and IE6 to display the start image size correctly */
#gallery9 ul li.click9 i img.default {margin:60px auto 0 auto; width:380px; height:225px; border:1px solid #fff;}

#gallery9 ul li.off {display:none;}

#gallery9 ul li.click9 {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery9 ul li.click9 i {position:absolute; left:0; top:0; width:430px; height:305px;}

#gallery9 ul li.click9 i img {margin:60px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery9 ul li.click9 span {display:block;}


/*Sales Letter Sites*/
#gallery10 {width:640px; height:405px; position:relative; border:1px solid #ddd; background:#f8f8f8;}
#gallery10 ul {list-style:none; padding:10px 5px 5px 5px; margin:15px 0 0 0; width:210px; float:right; height:355px; overflow:auto;}
#gallery10 ul li {display:inline; width:190px; height:110px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery10 ul li img {display:block; width:190px; height:110px;}
#gallery10 ul li span {display:none; position:absolute; left:22px; top:320px; width:350px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery10 ul li span b {color:#444;}
#gallery10 a { color:#444; text-decoration:underline;}
#gallery10 a:hover { color:#444; text-decoration:none;}


/* required for IE5.x and IE6 to display the start image size correctly */
#gallery10 ul li.click10 i img.default {margin:60px auto 0 auto; width:380px; height:225px; border:1px solid #fff;}

#gallery10 ul li.off {display:none;}

#gallery10 ul li.click10 {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery10 ul li.click10 i {position:absolute; left:0; top:0; width:430px; height:305px;}

#gallery10 ul li.click10 i img {margin:60px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery10 ul li.click10 span {display:block;}


/*Redesigned Sites*/
#gallery11 {width:640px; height:405px; position:relative; border:1px solid #ddd; background:#f8f8f8;}
#gallery11 ul {list-style:none; padding:10px 5px 5px 5px; margin:15px 0 0 0; width:210px; float:right; height:355px; overflow:auto;}
#gallery11 ul li {display:inline; width:190px; height:110px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery11 ul li img {display:block; width:190px; height:110px;}
#gallery11 ul li span {display:none; position:absolute; left:22px; top:320px; width:350px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery11 ul li span b {color:#444;}
#gallery11 a { color:#444; text-decoration:underline;}
#gallery11 a:hover { color:#444; text-decoration:none;}


/* required for IE5.x and IE6 to display the start image size correctly */
#gallery11 ul li.click11 i img.default {margin:60px auto 0 auto; width:380px; height:225px; border:1px solid #fff;}

#gallery11 ul li.off {display:none;}

#gallery11 ul li.click11 {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery11 ul li.click11 i {position:absolute; left:0; top:0; width:430px; height:305px;}

#gallery11 ul li.click11 i img {margin:60px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery11 ul li.click11 span {display:block;}