@charset "utf-8";
/*====================================================================== Globle OuterDiv Head and buttons Divs ==================================================================*/

/*===========================================================================Text styles for Jo Naden ===========================================================================*/

p {
	font-weight: bold;
	font-size: 13px;
	color: #333;
}
h1 {
	font-size: 20px;
	color: #333333;
}

h2{
	font-size: 15px;
	color: #333333;
	padding: 0px;
	margin: 0px;
}

/*=====================================================================This is were all of the contaner starts====================================================================*/
#outerDiv {
	width: 100%;
}
#outerheader{
	width: 100%;
	background-image:url(../images/main_bg.jpg);
	background-repeat: repeat;
	border-bottom-style:solid;
	border-bottom-width: 2px;
	border-bottom-color: #666666;	
}

#header {
	width: 750px;
	margin:auto;
}

#mainButtons {
	width: 750px;
	margin:auto;
	height: 30px;
}
/*=================================================================== This is were the begining for the content div ============================================================*/
#outerDiv #content {
	width: 750px;
	clear:both;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
}
/*================================================================== miscellaneous styles float div fix =====================================================================*/
.clear {clear:both}
#footer{
	width: 750px;
	margin: auto
}
/* =================================================================All the the above covers the template ================================================================== */ 



/* ========================================================================This is the index page============================================================================*/

#outerDiv #floatfix #content #indexleft { /* This is the index left box */
	float: right;
	margin-top: 90px;
	margin-bottom: 20px;
	width: 410px;
	height: 276px;
}
#outerDiv #floatfix #content #indexright { /* This is the index right box */
	float: left;
	width: 285px;
	margin-top: 15px;
	margin-bottom: 30px;
}
#floatfix #content #indexleft #slideshow {
	width: 401px;
	position: relative;
	height: 425px;
	background-color: #FFFFFF;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #indexleft #slideshow .active {
	z-index: 10;
	opacity:1.0;
	position: absolute;
}

#outerDiv #floatfix #content #indexleft #slideshow IMG {
	position:absolute;
	left:0;
	z-index:8;
	opacity:0.0;
	
	}
	
#outerDiv #slideshow IMG.last-active {
    z-index:9;
}
/*==================================================================== This is the latest page=============================================================================*/

#outerDiv #floatfix #content #latestleft { /* Left content */
	float: left;
	width: 380px;
	padding-top: 125px;
	margin-bottom: 150px;
	padding-left: 70px;
}


#outerDiv #floatfix #content #latestright { /* Right content */
	float: right;
	position: relative;
	width: 290px;
	top: 10px;
	height: 575px;
}
#outerDiv #floatfix #content #latestright #block1 {
	position: absolute;
	border: 2px solid #666666;
	top: 100px;
	right: 80px;
	
}
#outerDiv #floatfix #content #latestright #block2 {
	position: absolute;
	top: 265px;
	border: 2px solid #666666;
	right: 80px;
}
#outerDiv #floatfix #content #latestright #block3 {
	position: absolute;
	top: 330px;
	border: 2px solid #666666;
}

#outerDiv #floatfix #content #latestright #block4 {
	border: 2px solid #666;
	position: absolute;
	top: 590px;
}

#outerDiv #floatfix #content #latestright #block5 {
	border: 2px solid #666;
	position: absolute;
	top: 470px;
}
/* ==============================================================This is the Public Commissions page===================================================================*/

#outerDiv #content #moonbowltext {
	float: left;
	width: 300px;
	padding-bottom: 20px;
	margin-top: 80px;
}
#outerDiv #floatfix #content #moonBowlrollover {
	position: relative;
	float: right;
	border: 1px solid #666666;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	height: 600px;
	padding-right: 0px;
	padding-left: 0px;
	width: 354px;
	margin-bottom: 20px;
}
#outerDiv #floatfix #content #moonBowlrollover #moonBowllarge {
	position: absolute;
	top: 2px;
	border: 2px solid #666666;
	margin-right: 2px;
	margin-left: 2px;
}
#outerDiv #floatfix #content #moonBowlrollover #moonBowllarge0 {
	position: absolute;
	left: 102px;
	top: 219px;
	z-index: 0;
}
#outerDiv #floatfix #content #moonBowlrollover #moonBowllarge1 {
	position: absolute;
	top: 219px;
	left: 102px;
	height: 374px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	visibility: hidden;
	z-index: 1;
}
#outerDiv #floatfix #content #moonBowlrollover #moonBowllarge2 {
	position: absolute;
	top: 219px;
	left: 102px;
	visibility: hidden;
	z-index: 2;
	height: 372px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
}
#outerDiv #floatfix #content #moonBowlrollover #moonBowlthumb {
	position: absolute;
	top: 276px;
	left: 5px;
}
#outerDiv #floatfix #content #moonBowlrollover #moonBowlthumb1 {
	position: absolute;
	top: 220px;
	left: 5px;
}

/* ==============================================================This is the  Theobroma food of the gods page===================================================================*/

#outerDiv #floatfix #content #theobromaText {
	float: left;
	width: 350px;
	margin-top: 80px;
}
#outerDiv #floatfix #content #theobromaIMGrollover {
	float: right;
	width: 350px;
	position: relative;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	border: 1px solid #666666;
	height: 640px;
	margin-bottom: 20px;
}
#outerDiv #floatfix #content #theobromaIMGrollover #theobromaLarge {
	position: absolute;
	z-index: 0;
	top: 5px;
	left: 98px;
}
#outerDiv #floatfix #content #theobromaIMGrollover #theobromaLarge1 {
	position: absolute;
	z-index: 1;
	top: 5px;
	left: 98px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	height: 594px;
	visibility: hidden;
}
#outerDiv #floatfix #content #theobromaIMGrollover #theobromaLarge2 {
	position: absolute;
	z-index: 2;
	top: 5px;
	left: 98px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	height: 596px;
	visibility: hidden;
}
#outerDiv #floatfix #content #theobromaIMGrollover #theobromaLarge3 {
	position: absolute;
	z-index: 3;
	left: 98px;
	top: 5px;
	height: 598px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	visibility: hidden;
}
#outerDiv #floatfix #content #theobromaIMGrollover #theobromaLarge4 {
	position: absolute;
	z-index: 4;
	left: 98px;
	top: 5px;
	height: 592px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	visibility: hidden;
}
#outerDiv #floatfix #content #theobromaIMGrollover #theobromaLarge5 {
	position: absolute;
	z-index: 5;
	left: 98px;
	top: 5px;
	height: 594px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	visibility: hidden;
}
#outerDiv #floatfix #content #theobromaIMGrollover #theobromaLarge6 {
	position: absolute;
	z-index: 6;
	left: 98px;
	top: 5px;
	height: 598px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	visibility: hidden;
}

#outerDiv #floatfix #content #theobromaIMGrollover #theobromaThumb1 {
	position: absolute;
	left: 13px;
	top: 5px;
}
#outerDiv #floatfix #content #theobromaIMGrollover #theobromaThumb2 {
	position: absolute;
	left: 14px;
	top: 102px;
}

#outerDiv #floatfix #content #theobromaIMGrollover #theobromaThumb3 {
	position: absolute;
	left: 14px;
	top: 180px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #theobromaIMGrollover #theobromaThumb4 {
	position: absolute;
	left: 14px;
	top: 280px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #theobromaIMGrollover #theobromaThumb5 {
	position: absolute;
	left: 14px;
	top: 390px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #theobromaIMGrollover #theobromaThumb6 {
	position: absolute;
	left: 14px;
	top: 530px;
	border: 2px solid #666666;
}
/* ==============================================================This is the  A ring for Baldur page===================================================================*/

#outerDiv #floatfix #content #baldurtext {
	float: left;
	width: 350px;
	margin-top: 50px;
}
#outerDiv #floatfix #content #baldurIMGrollover {
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	float: right;
	width: 350px;
	border: 1px solid #666666;
	position: relative;
	height: 400px;
	margin-bottom: 20px;
}
#outerDiv #floatfix #content #baldurIMGrollover #baldurLarge {
	position: absolute;
	z-index: 0;
	left: 98px;
	top: 5px;
}
#outerDiv #floatfix #content #baldurIMGrollover #baldurLarge1 {
	position: absolute;
	z-index: 1;
	left: 98px;
	top: 5px;
	visibility: hidden;
}
#outerDiv #floatfix #content #baldurIMGrollover #baldurLarge2 {
	position: absolute;
	z-index: 2;
	left: 98px;
	top: 5px;
	visibility: hidden;
	height: 352px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
}
#outerDiv #floatfix #content #baldurIMGrollover #baldurLarge3 {
	position: absolute;
	z-index: 3;
	left: 98px;
	top: 5px;
	visibility: hidden;
}
#outerDiv #floatfix #content #baldurIMGrollover #baldurThumb1 {
	width: 75px;
	position: absolute;
	left: 5px;
	top: 5px;
}
#outerDiv #floatfix #content #baldurIMGrollover #baldurThumb2 {
	width: 75px;
	position: absolute;
	left: 5px;
	top: 115px;
}
#outerDiv #floatfix #content #baldurIMGrollover #baldurThumb3 {
	width: 75px;
	position: absolute;
	left: 5px;
	top: 171px;
}

/* ==============================================================This is the MARKING TIME page===================================================================*/

#outerDiv #floatfix #content #markingtimeText {
	float: left;
	width: 350px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#outerDiv #floatfix #content #markingtimerollover {
	float: right;
	width: 350px;
	position: relative;
	background-image: url(../images/BG_rollover.jpg);
	border: 1px solid #666666;
	padding-top: 0px;
	height: 385px;
	top: 90px;
}
#outerDiv #floatfix #content #markingtimerollover #markingtimelarge {
	position: absolute;
	z-index: 0;
	left: 90px;
	top: 5px;
	overflow: hidden;
}
#outerDiv #floatfix #content #markingtimerollover #markingtimethumb1 {
	width: 75px;
	position: absolute;
	left: 5px;
	top: 5px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #markingtimerollover #markingtimethumb2 {
	width: 75px;
	position: absolute;
	left: 5px;
	border: 2px solid #666666;
	top: 127px;
}
#outerDiv #floatfix #content #markingtimerollover #markingtimethumb3 {
	width: 75px;
	left: 5px;
	position: absolute;
	top: 213px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #markingtimerollover #markingtimethumb4 {
	width: 75px;
	left: 5px;
	position: absolute;
	top: 300px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #markingtimerollover #markingtimelarge1 {
	z-index: 1;
	position: absolute;
	visibility: hidden;
	left: 90px;
	top: 5px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #markingtimerollover #markingtimelarge2 {
	position: absolute;
	visibility: hidden;
	left: 90px;
	top: 5px;
	z-index: 2;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #markingtimerollover #markingtimelarge3 {
	position: absolute;
	z-index: 3;
	left: 90px;
	top: 5px;
	visibility: hidden;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #markingtimerollover #markingtimelarge4 {
	position: absolute;
	z-index: 4;
	left: 90px;
	top: 5px;
	visibility: hidden;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	height: 261px;
}

/* ==============================================================This is the BOAT FORM page===================================================================*/

#outerDiv #floatfix #content #boatformtext {
	float: left;
	width: 350px;
	margin-top: 120px;
}
#outerDiv #floatfix #content #boatformrollover {
	float: right;
	width: 350px;
	position: relative;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	border: 1px solid #666666;
	height: 635px;
	margin-bottom: 20px;
}
#outerDiv #floatfix #content #boatformrollover #boatformlarge {
	position: absolute;
	left: 90px;
	top: 5px;
	z-index: 0;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #boatformrollover #boatformlarge1 {
	position: absolute;
	visibility: hidden;
	z-index: 1;
	left: 90px;
	top: 5px;
}
#outerDiv #floatfix #content #boatformrollover #boatformlarge2 {
	position: absolute;
	visibility: hidden;
	z-index: 2;
	left: 90px;
	top: 5px;
	height: 590px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
}
#outerDiv #floatfix #content #boatformrollover #boatformlarge3 {
	position: absolute;
	visibility: hidden;
	z-index: 3;
	left: 90px;
	top: 5px;
	height: 591px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
}
#outerDiv #floatfix #content #boatformrollover #boatformlargethumb1 {
	position: absolute;
	left: 5px;
	top: 5px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #boatformrollover #boatformlargethumb2 {
	position: absolute;
	left: 5px;
	top: 195px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #boatformrollover #boatformlargethumb3 {
	position: absolute;
	left: 5px;
	top: 308px;
	border: 2px solid #666666;
}
/* ==============================================================This is the WISH page===================================================================*/

#outerDiv #floatfix #content #wishtext {
	float: left;
	width: 350px;
	padding-top: 50px;
}
#outerDiv #floatfix #content #wishrollover {
	float: right;
	padding-top: 80px;
	margin-bottom: 20px;
}

/* ==============================================================This is the FOSSILS page===================================================================*/

#outerDiv #floatfix #content #fossilsText {
	float: left;
	width: 350px;
	margin-top: 30px;
	margin-bottom: 20px;
}
#outerDiv #floatfix #content #fossilsrollover {
	float: right;
	width: 350px;
	position: relative;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	border: 2px solid #666666;
	height: 565px;
	top: 50px;
}
#outerDiv #floatfix #content #fossilsrollover #fossilslarge {
	left: 90px;
	top: 90px;
	position: absolute;
}
#outerDiv #floatfix #content #fossilsrollover #fossilslarge1 {
	width: 250px;
	position: absolute;
	visibility: hidden;
	z-index: 1;
	left: 90px;
	top: 90px;
	height: 386px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
}
#outerDiv #floatfix #content #fossilsrollover #fossilslarge2 {
	width: 250px;
	position: absolute;
	visibility: hidden;
	z-index: 2;
	left: 90px;
	top: 90px;
	height: 383px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
}
#outerDiv #floatfix #content #fossilsrollover #fossilslarge3 {
	width: 250px;
	visibility: hidden;
	z-index: 3;
	left: 90px;
	top: 90px;
	position: absolute;
	height: 386px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
}
#outerDiv #floatfix #content #fossilsrollover #fossilslarge4 {
	width: 250px;
	position: absolute;
	visibility: hidden;
	z-index: 4;
	left: 90px;
	top: 90px;
	height: 384px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
}
#outerDiv #floatfix #content #fossilsrollover #fossilslarge5 {
	width: 250px;
	position: absolute;
	visibility: hidden;
	z-index: 5;
	left: 90px;
	top: 90px;
	height: 400px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
}
#outerDiv #floatfix #content #fossilsrollover #fossilthumb1 {
	position: absolute;
	left: 5px;
	top: 5px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #fossilsrollover #fossilthumb2 {
	left: 5px;
	top: 115px;
	position: absolute;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #fossilsrollover #fossilthumb3 {
	position: absolute;
	left: 5px;
	top: 220px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #fossilsrollover #fossilthumb4 {
	position: absolute;
	left: 5px;
	top: 330px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #fossilsrollover #fossilthumb5 {
	position: absolute;
	left: 5px;
	top: 450px;
	border: 2px solid #666666;
}

/* ==============================================================This is the SHENSTONE page===================================================================*/

#outerDiv #floatfix #content #shenstonetext {
	float: left;
	width: 350px;
	margin-top: 100px;
}
#outerDiv #floatfix #content #shenstonerolloverimages {
	float: right;
	width: 355px;
	border: 1px solid #666666;
	position: relative;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	height: 450px;
	padding-left: 3px;
	margin-bottom: 20px;
}
#outerDiv #floatfix #content #shenstonerolloverimages #shenstonelarge1 {
	position: absolute;
	visibility: hidden;
	z-index: 1;
	top: 5px;
	height: 321px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
}
#outerDiv #floatfix #content #shenstonerolloverimages #shenstonelarge {
	position: absolute;
	z-index: 0;
	top: 5px;
	height: 315px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
}
#outerDiv #floatfix #content #shenstonerolloverimages #shenstonelarge2 {
	position: absolute;
	z-index: 2;
	top: 5px;
	visibility: hidden;
}
#outerDiv #floatfix #content #shenstonerolloverimages #shenstonelarge3 {
	width: 350px;
	position: absolute;
	visibility: hidden;
	top: 5px;
	height: 318px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	z-index: 3;
}
#outerDiv #floatfix #content #shenstonerolloverimages #shenstonelarge4 {
	width: 350px;
	position: absolute;
	visibility: hidden;
	z-index: 4;
	top: 5px;
	height: 318px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
}
#outerDiv #floatfix #content #shenstonerolloverimages #shenstonethumb1 {
	position: absolute;
	left: 5px;
	top: 330px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #shenstonerolloverimages #shenstonethumb2 {
	border: 2px solid #666666;
	position: absolute;
	left: 90px;
	top: 330px;
}
#outerDiv #floatfix #content #shenstonerolloverimages #shenstonethumb3 {
	position: absolute;
	left: 171px;
	top: 330px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #shenstonerolloverimages #shenstonethumb4 {
	position: absolute;
	left: 253px;
	top: 330px;
	border: 2px solid #666666;
}

/* ==============================================================This is the HOT WATER page===================================================================*/

#outerDiv #floatfix #content #hotwatertext {
	float: left;
	width: 350px;
	margin-top: 80px;
}
#outerDiv #floatfix #content #hotwaterimagerollover {
	float: right;
	width: 350px;
	position: relative;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	border: 1px solid #666666;
	height: 420px;
	margin-bottom: 20px;
}
#outerDiv #floatfix #content #hotwaterimagerollover #hotwaterlarge {
	position: absolute;
	z-index: 0;
	top: 5px;
	left: 90px;
}
#outerDiv #floatfix #content #hotwaterimagerollover #hotwaterlarge1 {
	position: absolute;
	visibility: hidden;
	z-index: 1;
	left: 90px;
	top: 5px;
}
#outerDiv #floatfix #content #hotwaterimagerollover #hotwaterlarge2 {
	width: auto;
	position: absolute;
	left: 90px;
	top: 5px;
	visibility: hidden;
	z-index: 2;
}

#outerDiv #floatfix #content #hotwaterimagerollover #hotwaterlarge3 {
	position: absolute;
	left: 90px;
	top: 5px;
	visibility: hidden;
	z-index: 3;
}

#outerDiv #floatfix #content #hotwaterimagerollover #hotwaterlarge4 {
	position: absolute;
	left: 90px;
	top: 5px;
	height: 393px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	visibility: hidden;
	z-index: 4;
}
#outerDiv #floatfix #content #hotwaterimagerollover #hotwaterthumb1 {
	left: 5px;
	top: 5px;
	border: 2px solid #666666;
	position: absolute;
}

#outerDiv #floatfix #content #hotwaterimagerollover #hotwaterthumb2 {
	position: absolute;
	left: 5px;
	top: 116px;
	border: 2px solid #666666;
}

#outerDiv #floatfix #content #hotwaterimagerollover #hotwaterthumb3 {
	position: absolute;
	left: 5px;
	top: 229px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #hotwaterimagerollover #hotwaterthumb4 {
	position: absolute;
	left: 5px;
	top: 353px;
	border: 2px solid #666666;
}

/* ==============================================================This is the KINDLE page===================================================================*/

#outerDiv #floatfix #content #kindleText {
	float: left;
	width: 350px;
	padding-top: 100px;
}
#outerDiv #floatfix #content #kindlerollover {
	float: right;
	width: 350px;
	position: relative;
	z-index: 0;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	border: 1px solid #666666;
	height: 580px;
	margin-bottom: 20px;
}
#outerDiv #floatfix #content #kindlerollover #largekindle {
	z-index: 1;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	position: absolute;
	left: 90px;
}
#outerDiv #floatfix #content #kindlerollover #kindlethumb1 {
	position: absolute;
	left: 5px;
	top: 5px;
}
#outerDiv #floatfix #content #kindlerollover #kindlethumb2 {
	position: absolute;
	top: 60px;
	left: 5px;
}
#outerDiv #floatfix #content #kindlerollover #kindlethumb3 {
	position: absolute;
	top: 233px;
	left: 5px;
}
#outerDiv #floatfix #content #kindlerollover #kindlethumb4 {
	position: absolute;
	top: 290px;
	left: 5px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #kindlerollover #kindlelarge1 {
	width: 250px;
	position: absolute;
	left: 90px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	z-index: 1;
	height: 561px;
	padding-top: 5px;
	padding-right: 5px;
	visibility: hidden;
}
#outerDiv #floatfix #content #kindlerollover #kindlelarge2 {
	width: 250px;
	position: absolute;
	left: 90px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	z-index: 2;
	height: 560px;
	padding-top: 5px;
	padding-right: 5px;
	visibility: hidden;
}
#outerDiv #floatfix #content #kindlerollover #kindlelarge3 {
	width: 250px;
	position: absolute;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	left: 90px;
	z-index: 3;
	height: 559px;
	padding-top: 5px;
	padding-right: 5px;
	visibility: hidden;
}
#outerDiv #floatfix #content #kindlerollover #kindlelarge4 {
	width: 250px;
	position: absolute;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	left: 90px;
	z-index: 3;
	height: 570px;
	padding-top: 5px;
	padding-right: 5px;
	visibility: hidden;
}



/* ==============================================================This is the SMALL SCHOOL page===================================================================*/

#outerDiv #floatfix #content #smallschooltext {
	float: left;
	width: 350px;
	margin-top: 100px;
}
#outerDiv #floatfix #content #smallschoolrollover {
	float: right;
	width: 350px;
	position: relative;
}
#outerDiv #floatfix #content #smallschooaslrollover #smallschoollarge0 {
	position: absolute;
	left: 90px;
	top: 5px;
	border: 2px solid #666666;
	z-index: 0;
}
#outerDiv #floatfix #content #smallschooaslrollover {
	background-image: url(../images/BG_rollover.jpg);
	float: right;
	width: 350px;
	border: 1px solid #666666;
	position: relative;
	height: 618px;
	margin-bottom: 20px;
}
#outerDiv #floatfix #content #smallschooaslrollover #smallschoollarge1 {
	position: absolute;
	left: 90px;
	top: 5px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	height: 605px;
	z-index: 1;
	visibility: hidden;
}
#outerDiv #floatfix #content #smallschooaslrollover #smallschoollarge2 {
	position: absolute;
	left: 90px;
	top: 5px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	height: 608px;
	z-index: 2;
	visibility: hidden;
}
#outerDiv #floatfix #content #smallschooaslrollover #smallschoollarge3 {
	position: absolute;
	left: 90px;
	top: 5px;
	z-index: 3;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	height: 605px;
	visibility: hidden;
}
#outerDiv #floatfix #content #smallschooaslrollover #smallschoollarge4 {
	position: absolute;
	left: 90px;
	top: 5px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	z-index: 4;
	height: 606px;
	visibility: hidden;
}
#outerDiv #floatfix #content #smallschooaslrollover #smallschoollarge5 {
	width: 250px;
	left: 90px;
	top: 5px;
	position: absolute;
	z-index: 5;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	height: 606px;
	visibility: hidden;
}

#outerDiv #floatfix #content #smallschooaslrollover #smallschoollarge6 {
	width: 250px;
	left: 90px;
	top: 5px;
	position: absolute;
	z-index: 6;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	height: 606px;
	visibility: hidden;
}
#outerDiv #floatfix #content #smallschooaslrollover #smallschoolthumb1 {
	position: absolute;
	left: 5px;
	top: 5px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #smallschooaslrollover #smallschoolthumb2 {
	position: absolute;
	left: 5px;
	top: 117px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #smallschooaslrollover #smallschoolthumb3 {
	position: absolute;
	left: 5px;
	top: 235px;
	border: 2px solid #666666;
}
#outerDiv #floatfix #content #smallschooaslrollover #smallschoolthumb4 {
	left: 5px;
	top: 292px;
	border: 2px solid #666666;
	position: absolute;
}
#outerDiv #floatfix #content #smallschooaslrollover #smallschoolthumb5 {
	position: absolute;
	left: 5px;
	top: 410px;
	border: 2px solid #666666;
}

#outerDiv #floatfix #content #smallschooaslrollover #smallschoolthumb6 {
	position: absolute;
	left: 5px;
	top: 500px;
	border: 2px solid #666666;
}

/* ==============================================================This is the INSTIRATION page===================================================================*/

#outerDiv #floatfix #content #inspirationText {
	width: 715px;
	background-image: url(../images/inspiration2.gif);
	background-repeat: no-repeat;
	padding-top: 320px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #666666;
	padding-bottom: 30px;
	padding-left: 35px;
}

/* ==============================================================This is the HIGHER EDUCATION page===================================================================*/
#outerDiv #floatfix #content #higherEducationText {
	width: 490px;
	float: left;
	padding-bottom: 20px;
	padding-top: 20px;
}
#outerDiv #floatfix #content #higherEducationIMG {
	float: right;
	margin-top: 110px;
	border: 2px solid #666666;
}

/* ==============================================================This is the SOLO EXHIBITIONS page===================================================================*/


#outerDiv #floatfix #content #Soloexhibitions #Soloexhibitionsleft {
	float: left;
	width: 300px;
	padding-left: 53px;
	margin-top: 20px;
}
#outerDiv #floatfix #content #Soloexhibitions #Soloexhibitionsright {
	float: right;
	width: 250px;
	padding-right: 53px;
	padding-top: 40px;
	margin-top: 20px;
}
#outerDiv #floatfix #content #exhibitionsimg {
	width: 750px;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
}
#outerDiv #floatfix #content #Groupexhibitions #Groupexhibitionsleft {
	float: left;
	width: 325px;
	padding-left: 53px;
}
#outerDiv #floatfix #content #Groupexhibitions #Groupexhibitionsright {
	float: right;
	width: 300px;
	padding-right: 53px;
	padding-top: 40px;
}

/*=====================================================================This is were STATEMENT starts====================================================================*/
#outerDiv #floatfix #content #statmentText {
	width: 725px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

#outerDiv #floatfix #content #statmentIMG {
	border: 2px solid #666666;
	width: 727px;
	margin-right: auto;
	margin-left: auto;
}

/*=====================================================================This is were COMMISSIONS starts====================================================================*/



/*=====================================================================This is were YOUNG AT HEART starts====================================================================*/
#outerDiv #floatfix #content #youngrollover {
	float: right;
	width: 350px;
	position: relative;
	border: 1px solid #666666;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	height: 400px;
}
#outerDiv #floatfix #content #youngText {
	float: left;
	width: 350px;
	margin-top: 50px;
}
#outerDiv #floatfix #content #youngrollover #youngatHeartlarge {
	position: absolute;
	left: 90px;
	top: 5px;
	border: 2px solid #666666;
	z-index: 0;
}
#outerDiv #floatfix #content #youngrollover #youngatHeartlarge1 {
	position: absolute;
	border: 2px solid #666666;
	z-index: 1;
	left: 90px;
	top: 5px;
	height: 377px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	visibility: hidden;
}
#outerDiv #floatfix #content #youngrollover #youngatHeartlarge2 {
	position: absolute;
	z-index: 2;
	left: 90px;
	top: 5px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	height: 376px;
	border: 2px solid #666666;
	visibility: hidden;
}
#outerDiv #floatfix #content #youngrollover #youngatHeartThumb1 {
	position: absolute;
	border: 1px solid #666666;
	left: 5px;
	top: 5px;
}
#outerDiv #floatfix #content #youngrollover #youngatHeartThumb2 {
	position: absolute;
	left: 5px;
	top: 60px;
	border: 1px solid #666666;
}

/*=====================================================================This is were CONTACT starts====================================================================*/
#outerDiv #floatfix #content #contactText {
	width: 350px;
	margin-top: 190px;
	float: right;
	padding-left: 60px;
}
#outerDiv #floatfix #content #contactIMG {
	float: right;
	width: 300px;
	margin-top: 90px;
}


#outerDiv #floatfix #content #contactlowerText {
	float: left;
	width: 600px;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 20px;
}

/*================================================================    This is were EDITIONS starts      ===========================================================================*/ 

#outerDiv #floatfix #content #editionsblockHolder {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 590px;
}
#outerDiv #floatfix #content #editionsblockHolder #editionsblock1 {
	width: 125px;
	position: absolute;
	padding-top: 30px;
	left: 41px;
}

#outerDiv #floatfix #content #editionsblockHolder #editionsblock2 {
	width: 125px;
	position: absolute;
	left: 173px;
	padding-top: 30px;
}

#outerDiv #floatfix #content #editionsblockHolder #editionsblock3 {
	width: 125px;
	position: absolute;
	left: 305px;
	padding-top: 30px;
}

#outerDiv #floatfix #content #editionsblockHolder #editionsblock4 {
	width: 125px;
	position: absolute;
	left: 439px;
	padding-top: 30px;
}

#outerDiv #floatfix #content #editionsblockHolder #editionsblock1 #editionsblock1Thumb1 {
	width: 125px;
	padding-bottom: 12px;
}
#outerDiv #floatfix #content #editionsblockHolder #editionsblock1 #editionsblock1Thumb2 {
	width: 125px;
	padding-bottom: 11px;
}
#outerDiv #floatfix #content #editionsblockHolder #editionsblock1 #editionsblock1Thumb3 {
	width: 125px;
	padding-bottom: 10px;
}
#outerDiv #floatfix #content #editionsblockHolder #editionsblock2 #editionsblock2Thumb1 {
	width: 125px;
	padding-bottom: 11px;
}
#outerDiv #floatfix #content #editionsblockHolder #editionsblock2 #editionsblock2Thumb2 {
	width: 125px;
	padding-bottom: 10px;
}
#outerDiv #floatfix #content #editionsblockHolder #editionsblock2 #editionsblock2Thumb3 {
	width: 125px;
}
#outerDiv #floatfix #content #editionsblockHolder #editionsblock3 #editionsblock3Thumb1 {
	width: 125px;
	padding-bottom: 9px;
}
#outerDiv #floatfix #content #editionsblockHolder #editionsblock3 #editionsblock3Thumb2 {
	width: 125px;
	padding-bottom: 8px;
}
#outerDiv #floatfix #content #editionsblockHolder #editionsblock4 #editionsblock1Thumb1 {
	width: 125px;
	padding-bottom: 9px;
}
#outerDiv #floatfix #content #editionsblockHolder #editionsblock4 #editionsblock1Thumb2 {
	width: 125px;
	padding-bottom: 10px;
}
#outerDiv #floatfix #content #editionsblockHolder #editionsblock4 #editionsblock1Thumb3 {
	width: 125px;
	padding-bottom: 9px;
}

/*============================================================= This is the start for SRING GARDENING ===========================================================================*/
#outerDiv #floatfix #content #gardenSpringtext {
	float: left;
	width: 375px;
	padding-top: 50px;
	padding-bottom: 30px;
}
#outerDiv #floatfix #content #gardenSpringRolloverimage {
	float: right;
	width: 350px;
	position: relative;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	border: 1px solid #666666;
	height: 400px;
}
#outerDiv #floatfix #content #gardenSpringRolloverimage #gardenfestlarge {
	position: absolute;
	left: 90px;
	top: 5px;
}
#outerDiv #floatfix #content #gardenSpringRolloverimage #gardenfestlarge1 {
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	width: 250px;
	position: absolute;
	visibility: hidden;
	left: 90px;
	top: 5px;
	height: 382px;
}
#outerDiv #floatfix #content #gardenSpringRolloverimage #gardenfestlargethumb {
	width: 71px;
	border: 2px solid #666666;
	position: absolute;
	left: 5px;
	top: 5px;
}

/* ==============================================================This is LINKS PAGE  ================================================================================ */ 
#outerDiv #floatfix #content #linktext {
	width: 530px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
	padding-top: 30px;
}
#outerDiv #floatfix #content #contactlinks {
	float: left;
	width: 500px;
	margin-top: 10px;
	margin-left: 40px;
}

/* ==============================================================This is Charm PAGE  ================================================================================ */

#outerDiv #floatfix #content #charmtext {
	float: left;
	width: 375px;
}
#outerDiv #floatfix #content #charmrollover {
	background-image: url(../images/BG_rollover.jpg);
	float: right;
	width: 350px;
	position: relative;
	border: 2px solid #666;
	height: 550px;
	top: 50px;
}
#outerDiv #floatfix #content #charmrollover #charmleftbox {
	position: absolute;
	z-index: 0;
	width: 250px;
	top: 5px;
	left: 90px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat-x;
	border: 2px solid #666;
}
#outerDiv #floatfix #content #charmrollover #charmthumb1 {
	position: absolute;
	height: 160px;
	width: 71px;
	clip: rect(auto,auto,auto,auto);
	z-index: auto;
	border: 2px solid #666;
	left: 5px;
	top: 5px;
}
#outerDiv #floatfix #content #charmrollover #charmthumb2 {
	position: absolute;
	height: 107px;
	width: 71px;
	clip: rect(auto,auto,auto,auto);
	border: 2px solid #666;
	left: 5px;
	top: 176px;
}
#outerDiv #floatfix #content #charmrollover #charmthumb3 {
	position: absolute;
	width: 71px;
	clip: rect(auto,auto,auto,auto);
	left: 5px;
	top: 296px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#outerDiv #floatfix #content #charmrollover #charmthumb4 {
	position: absolute;
	height: 99px;
	width: 71px;
	clip: rect(auto,auto,auto,auto);
	
	border: 2px solid #666;
	left: 5px;
	top: 380px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
}
#outerDiv #floatfix #content #charmrollover #charmthumb5 {
	position: absolute;
	height: 99px;
	width: 71px;
	clip: rect(auto,auto,auto,auto);
	z-index: auto;
	border: 2px solid #666;
	left: 5px;
	top: 495px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
}
#outerDiv #floatfix #content #charmrollover #charmlarge {
	position: absolute;
	left: 90px;
	top: 5px;
	border: 2px solid #666;
	z-index: 1;
	visibility: hidden;
}
#outerDiv #floatfix #content #charmrollover #charm1large2 {
	position: absolute;
	left: 90px;
	top: 5px;
	z-index: 2;
	visibility: hidden;
	border: 2px solid #666;
}
#outerDiv #floatfix #content #charmrollover #charmlarge3 {
	position: absolute;
	left: 90px;
	top: 5px;
	background-image: url(../images/BG_rollover.jpg);
	background-repeat: repeat;
	z-index: 3;
	visibility: hidden;
	border: 2px none #666;
	height: 500px;
	width: 254px;
}
#outerDiv #floatfix #content #leftcol_commissions {
	padding-top: 90px;
	padding-right: 70px;
	padding-left: 20px;
	float: left;
}




#outerDiv #floatfix #content #CommissionsMain_box {
	margin-left: 20px;
	margin-top: 30px;
}