/* ================================================================ 
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/gallery/simple.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.
=================================================================== */

/* The outer container with a relative position */
#gallery {
	width:783px;
	height:470px;
	position:relative;
	background-color: #FFFFFF;
	padding: 0px;
	float: left;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 56px;
}

/* Float the ul to the right with a width to give 3 thumbnail images per row */
#gallery ul {
	list-style:none;
	width:180px;
	float:right;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
}

/* Place the list items inline using display:inline for IE and float:left */
#gallery ul li {
	display:inline;
	width:50px;
	height:50px;
	float:left;
	border:1px solid #fff;
	cursor:pointer;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 8px;
}
#gallery table {
	width:100%;
	padding: 0em;
	float: right;
	clear: both;
	margin: 0px;
}

/* Set up the thumbnail images as the background images */
#gallery ul li.tb1 {
	background-image: url(../images/illustration/book2/kulusdream/kulu_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb2 {
	background-image: url(../images/illustration/book2/kulusdream/kulu_th02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 1px solid #999933;
}
#gallery ul li.tb3 {
	background-image: url(../images/illustration/book2/kulusdream/kulu_th03.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb4 {
	background-image: url(../images/illustration/book2/kulusdream/kulu_th04.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb5 {
	background-image: url(../images/illustration/book2/kulusdream/kulu_th05.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb6 {
	background-image: url(../images/illustration/book2/kulusdream/kulu_th06.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery  ul  li.tb7 {
	background-image: url(../images/illustration/book2/whysnowiswhite/whitesnow_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb8 {
	background-image: url(../images/illustration/book2/whysnowiswhite/whitesnow_th02.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb9 {
	background-image: url(../images/illustration/book2/whysnowiswhite/whitesnow_th03.jpg);
	border: 1px solid #999933;
	background-repeat: no-repeat;
}
#gallery ul li.tb10 {
	background-image: url(../images/illustration/book2/whysnowiswhite/whitesnow_th04.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb11 {
	background-image: url(../images/illustration/book2/jasonsluckyday/jason_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb12 {
	background-image: url(../images/illustration/book2/jasonsluckyday/jason_th02.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb13 {
	background-image: url(../images/illustration/book2/jasonsluckyday/jason_th03.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb14 {
	background-image: url(../images/illustration/book2/jasonsluckyday/jason_th04.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb15 {
	background-image: url(../images/illustration/book2/felipesprayer/felipe_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb16 {
	background-image: url(../images/illustration/book2/felipesprayer/felipe_th02.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb17 {
	background-image: url(../images/illustration/book2/felipesprayer/felipe_th03.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb18 {
	background-image: url(../images/illustration/book2/felipesprayer/felipe_th04.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

/* Illustration Page 2 images start */

#gallery ul li.tb19 {
	background-image: url(../images/illustration/book2/kahani/monkey_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb20 {
	background-image: url(../images/illustration/book2/kahani/monkey_th02.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb21 {
	background-image: url(../images/illustration/book2/kahani/indu_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb22 {
	background-image: url(../images/illustration/book2/kahani/indu_th02.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb23 {
	background-image: url(../images/illustration/book2/kahani/indu_th03.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb24 {
	background-image: url(../images/illustration/book2/shyboy/shyboy_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb25 {
	background-image: url(../images/illustration/book2/shyboy/shyboy_th02.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb26 {
	background-image: url(../images/illustration/book2/theasures/treasures_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb27 {
	background-image: url(../images/illustration/book2/theasures/treasures_th02.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

/* Illustration Page 2 images end */

#gallery ul li.more {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #999933;
	text-decoration: none;
	text-align: right;
	margin: 0px;
	padding: 0px;
}


#container #secondaryNav li {
	text-decoration: none;
}

/* Hide the full size images */
#gallery ul li span i img {display:none;}

/* set up the .click style which will be added using javascript */

/* Change the li border to white */
#gallery ul li.click {border-color:#000; cursor:default;}

/* Position the span using an absolute position and specify the width and height */
#gallery ul li.click span {
	position:absolute;
	left:0;
	top:0;
	width:573px;
	height:463px;
	padding-top: 1px;
}

/* Set up the i so that it is the same size as the span BUT this has a static position so that the image can be both vertically and horizontally centered in all browsers except IE using display:table-cell */
#gallery ul li.click span i {
	width:573px;
	height:463px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding-top: 1px;
} 

/* Make the image actual size using auto width and height */
#gallery ul li.click span i img {display:block; width:auto; height:auto; border:1px solid #fff; margin:0 auto;}

/* set up the default image */
#gallery ul li.default {
	width:0;
	height:0;
	border:0;
	padding-top: 0px;
	margin: 0px;
}
#gallery ul li.default span {
	position:absolute;
	left:0px;
	top:0px;
	width:573px;
	height:463px;
	padding-top: 0px;
}
#gallery ul li.default span i {
	width:573px;
	height:463px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding-top: 1px;
} 
/* specify the image width and height for IE6 */
#gallery ul li.default span i img {
	display:block;
	width:573px;
	height:463px;
	border:1px solid #fff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 1px;
}
#gallery ul li.off {display:none;}

/* Graphic Design images start */
#gallery ul li.tb1a {
	background-image: url(../images/design/graphicdesign/worldcollec/japanese_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb2a {
	background-image: url(../images/design/graphicdesign/worldcollec/tropical_th.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 1px solid #999933;
}
#gallery ul li.tb3a {
	background-image: url(../images/design/graphicdesign/worldcollec/tuscan_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb4a {
	background-image: url(../images/design/graphicdesign/worldcollec/australian_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb5a {
	background-image: url(../images/design/graphicdesign/floralcollec/magnolia_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb6a {
	background-image: url(../images/design/graphicdesign/floralcollec/freesia_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb7a {
	background-image: url(../images/design/graphicdesign/frenchcountry/vanbean_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb8a {
	background-image: url(../images/design/graphicdesign/frenchcountry/honeyblssm_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb9a {
	background-image: url(../images/design/graphicdesign/frenchcountry/gentlerain_th.jpg);
	border: 1px solid #999933;
	background-repeat: no-repeat;
}
#gallery ul li.tb10a {
	background-image: url(../images/design/graphicdesign/sweetsassy/sweetsassy01_th.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb11a {
	background-image: url(../images/design/graphicdesign/sweetsassy/sweetsassy02_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb12a {
	background-image: url(../images/design/graphicdesign/3in1_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb13a {
	background-image: url(../images/design/graphicdesign/glowingcandle_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb14a {
	background-image: url(../images/illustration/book2/jasonsluckyday/jason_th04.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb15a {
	background-image: url(../images/illustration/book2/felipesprayer/felipe_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

/* Graphic Design images end */

/* Packaging Illustration images start */
#gallery ul li.tb1b {
	background-image: url(../images/illustration/packaging/sommerset_th02.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb2b {
	background-image: url(../images/illustration/packaging/sommerset_th01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 1px solid #999933;
}
#gallery ul li.tb3b {
	background-image: url(../images/illustration/packaging/sommerset_th02.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb4b {
	background-image: url(../images/illustration/packaging/barnyardhdr_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb5b {
	background-image: url(../images/illustration/packaging/catalogue_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb6b {
	background-image: url(../images/illustration/packaging/happytrails_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb7b {
	background-image: url(../images/illustration/packaging/hopebear_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb8b {
	background-image: url(../images/illustration/packaging/nativity_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb9b {
	background-image: url(../images/illustration/packaging/fairy_th01.jpg);
	border: 1px solid #999933;
	background-repeat: no-repeat;
}
#gallery ul li.tb10b {
	background-image: url(../images/illustration/packaging/fairy_th02.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb11b {
	background-image: url(../images/illustration/packaging/fairy_th03.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb12b {
	background-image: url(../images/illustration/packaging/ghostcandles_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb13b {
	background-image: url(../images/illustration/packaging/pecanpie_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb14b {
	background-image: url(../images/illustration/packaging/bythesea_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb15b {
	background-image: url(../images/illustration/packaging/bythesea_th02.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb16b {
	background-image: url(../images/illustration/packaging/bythesea_th03.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb17b {
	background-image: url(../images/illustration/packaging/bythesea_th04.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb18b {
	background-image: url(../images/illustration/packaging/bythesea_th04.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

/* Packaging Illustration images end */

/* Other Illustration images start */
#gallery ul li.tb1c {
	background-image: url(../images/illustration/illusother/chrstmscard01_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb2c {
	background-image: url(../images/illustration/illusother/chrstmscard02_th.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 1px solid #999933;
}
#gallery ul li.tb3c {
	background-image: url(../images/illustration/illusother/background01_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb4c {
	background-image: url(../images/illustration/illusother/background02_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb5c {
	background-image: url(../images/illustration/illusother/background03_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb6c {
	background-image: url(../images/illustration/illusother/watercolors01_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb7c {
	background-image: url(../images/illustration/illusother/watercolors02_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb8c {
	background-image: url(../images/illustration/illusother/layout01_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb9c {
	background-image: url(../images/illustration/illusother/cokeillus_th.jpg);
	border: 1px solid #999933;
	background-repeat: no-repeat;
}
#gallery ul li.tb10c {
	background-image: url(../images/illustration/illusother/thumblina_th.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb11b {
	background-image: url(../images/illustration/packaging/fairy_th03.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb12b {
	background-image: url(../images/illustration/packaging/ghostcandles_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb13b {
	background-image: url(../images/illustration/packaging/pecanpie_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb14b {
	background-image: url(../images/illustration/packaging/bythesea_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb15b {
	background-image: url(../images/illustration/packaging/bythesea_th02.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb16b {
	background-image: url(../images/illustration/packaging/bythesea_th03.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb17b {
	background-image: url(../images/illustration/packaging/bythesea_th04.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb18b {
	background-image: url(../images/illustration/packaging/bythesea_th04.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

/* Other Illustration images end */

/* Product Design images start */
#gallery ul li.tb1d {
	background-image: url(../images/design/productdesign/fireplace01_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb2d {
	background-image: url(../images/design/productdesign/fireplace02_th.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 1px solid #999933;
}
#gallery ul li.tb3d {
	background-image: url(../images/design/productdesign/sandcastle01_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb4d {
	background-image: url(../images/design/productdesign/lighthouse01_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb5d {
	background-image: url(../images/design/productdesign/gardenwaxburner_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb6d {
	background-image: url(../images/design/productdesign/teapotdesign_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb7d {
	background-image: url(../images/design/productdesign/snugglyslippers_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb8d {
	background-image: url(../images/design/productdesign/snowmanornmnts_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb9d {
	background-image: url(../images/design/productdesign/carcharms_th.jpg);
	border: 1px solid #999933;
	background-repeat: no-repeat;
}
#gallery ul li.tb10d {
	background-image: url(../images/design/productdesign/scntdcharms01_th.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb11d {
	background-image: url(../images/design/productdesign/scntdcharms02_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb12b {
	background-image: url(../images/illustration/packaging/ghostcandles_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb13b {
	background-image: url(../images/illustration/packaging/pecanpie_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb14b {
	background-image: url(../images/illustration/packaging/bythesea_th01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb15b {
	background-image: url(../images/illustration/packaging/bythesea_th02.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb16b {
	background-image: url(../images/illustration/packaging/bythesea_th03.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb17b {
	background-image: url(../images/illustration/packaging/bythesea_th04.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

#gallery ul li.tb18b {
	background-image: url(../images/illustration/packaging/tuscanorange01_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

/* Product Design images end */

/* Concepts images start */

#gallery ul li.tb1e {
	background-image: url(../images/design/concepts/bejelweled01_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb2e {
	background-image: url(../images/design/concepts/bejelweled02_th.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 1px solid #999933;
}
#gallery ul li.tb3e {
	background-image: url(../images/design/concepts/bejelweled03_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb4e {
	background-image: url(../images/design/concepts/swtsassyconcept01_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb5e {
	background-image: url(../images/design/concepts/swtsassyconcept02_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb6e {
	background-image: url(../images/design/concepts/swtsassyconcept03_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}
#gallery ul li.tb7e {
	background-image: url(../images/design/concepts/beeswaxconcepts01_th.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999933;
}

/* Concepts images end */