/*********************************************
    LAYOUT RULES
*********************************************/
/* Sets the height for content box*/
#content{
	width: 766px;
	height : 1100px;
	position : relative;}
	
/* Sets the location position for image clicking info*/
#clickimage {
	position: absolute;
	top:135px;
	left: 0px;
	height: auto;
	padding:0px 0px 0px 0px;
	border: 0px solid red;
	margin: 0px 0px 0px 0px;
	width: 766px;
	text-align:center;
	font: normal bold 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;}

/* Creates box for text following image displays*/
#maintext {
	top : 660px;
	left: 0px;
	width: 705px;
	position : absolute;
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
/* Sets position for main title and image titles*/
#chevaltitle {
	position: absolute;
	top : 105px;
	left: 0px;
	visibility: visible;
	z-index: 100;}
	
/* Sets location and styles for main title and image titles*/
.name  {
	top : 105px;
	left: 0px;
	width: 766px;
	height: auto;
	padding:0px 0px 0px 0px;
	border: 0px solid red;
	margin: 0px 0px 0px 0px;
	width: 766px;
	text-align:center;
	font: italic bold 24px/36px Georgia, serif;}
	
/* Identifies objects for image name visibility changes*/	
#dancingname, #dreamname, #reddressname, #royaltyname, #windofspiritname, #imagesname, #emotionname, #totherescuename, #horsesname, #seahorsename, #majesticname, #runningname, #angelname, #knightstallionname, #flylikethewindname, #runningnewname, #peekabooname, #lookoflovename, #beautyname, #reflectionsname, #runningnotreename {     
	position : absolute;
	visibility: hidden;
	z-index: 50;}
	
/* Sets position for image info display*/
#imageinfo {
	position : absolute;
	visibility: visible;
	z-index: 100;}
	
/* Sets location and styles for image info displays*/
.info  {
	top : 155px;
	left: 0px;
	width: 766px;
	height : 20px;
	color : Maroon;
	overflow : hidden;
	font : bold 12px/110% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : center;}
	
/* Identifies objects for image info visibility changes*/		
#dancinginfo, #dreaminfo, #reddressinfo, #royaltyinfo, #windofspiritinfo, #imagesinfo, #emotioninfo, #totherescueinfo, #horsesinfo, #seahorseinfo, #majesticinfo, #runninginfo, #angelinfo, #knightstallioninfo, #flylikethewindinfo, #runningnewinfo, #peekabooinfo, #lookofloveinfo, #beautyinfo, #reflectionsinfo, #runningnotreeinfo {
	position : absolute;
	visibility: hidden;
	z-index: 50;}

/* Creates box for image displays*/
#mainimagethumbs {

	position : absolute;
	top:155px;
	background-color: #B22222;
	color: #87CEEB;
	border-bottom: 5px solid #002443;
	border-top: 5px solid #002443;
	border-right: 5px solid #002443;
	border-left: 5px solid #002443;
	text-align: left;
	visibility: visible;
	z-index: 100;}
	
/* Sets styles for mainimagethumbs box*/
.mainstage  {
	padding: 12px 0px 0px 0px;
	border:0px none;
	margin : 0px 0px 0px 0px;
	top : 175px;
	left: 7px;
	width: 741px;
	height: 450px;
	overflow : scroll;}
	
/* Sets location and styles for large image displays*/
/* Image row 1 fullview*/
.dancing{top: 170px;left: 200px;padding: 0px;border: 20px groove Maroon;margin:0px;}
.dream{top: 170px;left: 240px;padding: 0px;border: 20px groove Maroon;margin:0px;}
.reddress{top: 170px;left: 60px;padding:0px;border: 20px groove Maroon;margin:0px; }
.royalty{top: 170px;left: 240px;padding: 0px;border: 20px groove Maroon;margin:0px;}
.windofspirit{top: 170px;left: 90px;padding: 0px;border: 20px groove Maroon;margin:0px;}

/* Image row 2 fullview*/
.image{top: 170px;left: 60px;padding: 0px;border: 20px groove Maroon;margin:0px;}
.emotion {top: 170px;left: 160px;padding: 0px;border: 20px groove Maroon;margin:0px;}
.totherescue {top: 170px;left: 10px;padding: 0px;border: 20px groove Maroon;margin:0px;}

/* Image row 3 fullview*/
.horses {top: 170px;left: 105px;padding: 0px;border: 20px groove Maroon;margin:0px;}
.seahorse {top: 170px;left: 235px;padding: 0px;border: 20px groove Maroon;margin:0px;}
.majestic {top: 170px;left: 275px;padding: 0px;border: 20px groove Maroon;margin:0px;}
.running {top: 170px;left:110px;padding: 0px;border: 20px groove Maroon;margin:0px;}

/* Image row 4 fullview*/
.angel {top: 170px;left: 75px;padding: 0px;border: 20px groove Maroon;margin:0px;}
.knightstallion {top: 170px;left: 235px;padding: 0px;border: 20px groove Maroon;margin:0px;}
.flylikethewind {top: 170px;left: 125px;padding: 0px;border: 20px groove Maroon;margin:0px;}

/* Image row 5 fullview*/
.runningnew {top: 170px;left: 65px;padding: 0px;border: 20px groove Maroon;margin:0px;}
.peekaboo {top: 170px;left: 60px;padding: 0px;border: 20px groove Maroon;margin:0px;}
.lookoflove {top: 170px;left: 60px;padding: 0px;border: 20px groove Maroon;margin:0px;}

/* Image row 6 fullview*/
.beauty {top: 170px;left: 135px;padding: 0px;border: 20px groove Maroon;margin:0px;}
.reflections {top: 170px;left: 230px;padding: 0px;border: 20px groove Maroon;margin:0px;}
.runningnotree {top: 170px;left: 125px;padding: 0px;border: 20px groove Maroon;margin:0px;}

/* Sets objects for large image display visibility changes*/
#r1c1, #r1c2, #r1c3, #r1c4, #r1c5 {position: absolute;visibility: hidden;z-index: 50;}
#r2c1, #r2c2, #r2c3, #r2c4, #r2c5 {position: absolute;visibility: hidden;z-index: 50;}
#r3c1, #r3c2, #r3c3, #r3c4, #r3c5 {position: absolute;visibility: hidden;z-index: 50;}
#r4c1, #r4c2, #r4c3, #r4c4, #r4c5 {position: absolute;visibility: hidden;z-index: 50;}
#r5c1, #r5c2, #r5c3, #r5c4, #r5c5 {position: absolute;visibility: hidden;z-index: 50;}
#r6c1, #r6c2, #r6c3, #r6c4, #r6c5 {position: absolute;visibility: hidden;z-index: 50;}
#r7c1, #r7c2, #r7c3, #r7c4, #r7c5 {position: absolute;visibility: hidden;z-index: 50;}
#r8c1, #r8c2, #r8c3, #r8c4, #r8c5 {position: absolute;visibility: hidden;z-index: 50;}
#r9c1, #r9c2, #r9c3, #r9c4, #r9c5 {position: absolute;visibility: hidden;z-index: 50;}
#r10c1, #r10c2, #r10c3, #r10c4, #r10c5 {position: absolute;visibility: hidden;z-index: 50;}

/* Prevents borders around thumbnail links on hover*/
img {border: 0px none;vertical-align: middle;}

/* Sets the location position for image thumbnails*/
/* Image row 1 thumbs - sets the location position for image thumbnails*/
.dancingthumb {float:left;width:108px;height:143px;padding:0px 4px 8px 16px;}
.dreamthumb {float:left;width:83px;height:143px;padding:0px 4px 8px 4px;}
.reddressthumb {float:left;width:204px;height:143px;padding:0px 4px 8px 4px;}
.royaltythumb {float:left;width:83px;height:143px;padding:0px 4px 8px 4px;}
.windofspiritthumb {float:left;width:187px;height:143px;padding:0px 4px 8px 3px;}

/* Image row 2 thumbs*/	
/*.beautythumb {float:left;width:155px;height:143px;padding:0px 1px 8px 10px;}*/	
.imagethumb {float:left;width:203px;height:143px;padding:0px 15px 8px 30px;}
.emotionthumb {float:left;width:135px;height:143px;padding:0px 20px 8px 20px;}
.totherescuethumb {float:left;width:239px;height:143px;padding:0px 20px 8px 20px;}
/*.runningnewthumb {float:left;width:201px;height:143px;padding:0px 5px 8px 1px;}*/	

/* Image row 3 thumbs*/
/*.chariotthumb {float:left;width:199px;height:143px;padding:0px 10px 8px 30px;}*/
.horsesthumb {float:left;width:173px;height:143px;padding:0px 20px 8px 40px;}
.seahorsethumb {float:left;width:91px;height:143px;padding:0px 10px 8px 25px;}
#majesticthumb { position: absolute;top: 315px;left:385px; z-index: 100;}
.runningthumb {float:left;width:172px;height:143px;padding:0px 8px 8px 170px;}

/* Image row 4 thumbs*/
.angelthumb {float:left;width:193px;height:143px;padding:0px 30px 8px 30px;}
.knightstallionthumb {float:left;width:86px;height:143px;padding:0px 190px 8px 10px;}
.flylikethewindthumb {float: left;width:156px;height:143px;padding:0px 0px 8px 0px;}
/*.flylikethewindthumb {float:left;width:156px;height:143px;padding:0px 15px 8px 20px;}*/

/* Image row 5 thumbs*/
/*.totherescuethumb {float:left;width:239px;height:143px;padding:0px 15px 0px 18px;}*/
.runningnewthumb {float:left;width:201px;height:143px;padding:0px 15px 8px 25px;}
.peekaboothumb {float:left;width:203px;height:143px;padding:0px 15px 8px 15px;}
.lookoflovethumb {float:left;width:203px;height:143px;padding:0px 15px 8px 20px;}

/* Image row 6 thumbs*/
.beautythumb {float:left;width:155px;height:143px;padding:0px 20px 8px 110px;}
.reflectionsthumb {float:left;width:97px;height:143px;padding:0px 30px 8px 30px;}
.runningnotreethumb {float:left;width:156px;height:143px;padding:0px 15px 8px 20px;}