/***************************************************
  Body
 ***************************************************/
body {
	background-color: #071531;
	margin: 0px;
}

#header {
	background-image:url(images/bgdirectory.gif);
	background-repeat:repeat-x;
	height:80px;
}
#content {
	margin: 0 auto 0 auto;
	width: 800px;
	height:auto;
	overflow:auto;
}
#footer {
	background-image: url(images/bgdirectory.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	height:100px;
}
#main {
	width:712px;
	height:auto;
	float:right;
	border: 0px solid red;
	padding: 20px 0 0 0;
}
#main img {
 border:4px solid #9eb4c2;
}
#main img:hover {
 border:4px solid #ffffff;
}
/***************************************************
  Directory Index
 ***************************************************/
#dirIndexTitle{
	color:#9eb4c2;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin: 0 0 5px 116px;
	width:480px;
	float:left;
}
#backto {
	width:116px;
	float:right;
	color:#9eb4c2;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
#backto a {
	color:#9eb4c2;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
}
#backto a:hover {
	color:#710000;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
}
#dirIndexDesc{
	color:#9eb4c2;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin: 0 0 20px 0;
	clear:both;
}
#dirIndexLeft{
	width:308px;
	float:left;
	margin: 0 0 0 20px;
}
#dirIndexRight{
	width:308px;
	float:right;
	margin: 0 20px 0 0;
}
/***************************************************
  Directory
 ***************************************************/
.directory_item {
	width:168px;
	height:auto;
	float:left;
	padding:5px;
}
.directory_item_full {
	height:auto;
	overflow:auto;
	padding:0 0 15px 0;
	border-bottom:1px dotted #9eb4c2;
	margin-bottom:15px;
}
.directory_item_full a{
	text-decoration:none;
	color:#9eb4c2;
}
.directory_row {
	clear:both;
}
.directory_name {
	color:#9eb4c2;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:5px 0 0 0;
}
.noList {
	color:#9eb4c2;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:100px 0 0 0;
}
.directory_name_full {
	color:#9eb4c2;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:350px;
	float:left;
}
.directory_contact {
	width:200px;
	float:right;
	color:#9eb4c2;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.directory_image_full{
	width:120px;
	float:left;
}
.directory_item_full p{
	padding:2px;
	margin:0;
}
h3{
	clear:both;
	color:#9eb4c2;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:15px 0 10px 0;
	padding:10px 0 10px 0;
}
h4{
	color:#9eb4c2;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
	padding:0 0 2px 0;
}
h5{
	color:#9eb4c2;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
	padding:0;
}
/***************************************************
  Header Menu
 ***************************************************/

#menu {
	width: 800px;
	text-align: left;
	padding-top: 51px;
	text-decoration: none;
	color: #710000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-left: 60px;
	margin: 0 auto 0 auto;
}

#menu a {
	text-decoration: none;
	color: #071531;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#menu a:hover {
	text-decoration: none;
	color: #710000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.menuDividers {
	text-decoration: none;
	color: #071531;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

/***************************************************
  Footer Logo
 ***************************************************/

#footerlogo {
	position:absolute;
	left:549px;
	top:534px;
	width:222px;
	height:26px;
	z-index:0;
	background-image:url(images/ridgelogo.gif);
	background-repeat:no-repeat;
}

/***************************************************
  Homepage Content
 ***************************************************/

#HPlogo{
	width:62px;
	height:424px;
	float:left;
	background-image:url(images/Interior_logo.gif);
	background-repeat:no-repeat;
	background-position:right;
}

#welcometext {
	position:absolute;
	left:379px;
	top:152px;
	width:393px;
	height:246px;
	z-index:0;
	color: #9EB4C2;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

#welcometext h1 {
	color: #9EB4C2;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

#HPflash {
	position:absolute;
	left:72px;
	top:149px;
	width:280px;
	height:310px;
	z-index:0;
	background-color: #071531;
}

#HPcurrentlinktext {
	position:absolute;
	left: 379px;
	top: 409px;
	width: 393px;
	height: 45px;
	color: #9EB4C2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	padding-top: 15px;
}

#HPcurrentlinktext a {
	color: #9EB4C2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	text-decoration:none;
}

#HPcurrentlinktext a:hover {
	color: #710000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	text-decoration:none;
}

/***************************************************
  Current Publication Catalogue
 ***************************************************/

#PUBissue {
	position:absolute;
	width: 600px;
	height: 350px;
	top: 125px;
	left: 110px;
}

#Psignup {
	position:absolute;
	top: 491px;
	left: 301px;
	height: 20px;
	width: 367px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9EB4C2;
	font-weight: bold;
	text-decoration:none;
}

#Psignup a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9EB4C2;
	font-weight: bold;
	text-decoration:none;
}

#Psignup a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #710000;
	font-weight: bold;
	text-decoration:none;
}

/***************************************************
  Inside Current Publication
 ***************************************************/
 
#details {
	position:absolute;
	left:123px;
	top:135px;
	width:313px;
	height:283px;
	z-index:0;
}

#details h1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #9EB4C2; 
	font-weight: lighter;  
}

#details p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9EB4C2;
	font-weight: lighter;
	vertical-align: top;
}

#details a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #94A9B8;
}

#details a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #710000;
}

#article_image {
	position:absolute;
	left:444px;
	top:142px;
	width:307;
	height:281;
	border: 2px solid #9EB4C2;
}

.drop {
	color: #9EB4C2;
	background-color: #071531;
	border: 1px solid #9EB4C2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#PageNavigation {
	position:absolute;
	left:123px;
	top:97px;
	width:260px;
	height:21px;
}

#pageIndex {
	position:absolute;
	left:484px;
	top:83px;
	width:269px;
	height:36px;
}

.pageNumber {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #9EB4C2; 
	font-weight: lighter;
	text-align:right;
}

#pageIndex p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9EB4C2;
	font-weight: lighter;
	text-align:right;
}

#Thumb1 {
	position:absolute;
	height: 50px;
	width: 50px;
	top: 462px;
	left: 701px;
	border: 2px solid #9EB4C2;
}

#Thumb2 {
	position:absolute;
	height: 50px;
	width: 50px;
	top: 462px;
	left: 641px;
	border: 2px solid #9EB4C2;
}

#Thumb3 {
	position:absolute;
	height: 50px;
	width: 50px;
	top: 462px;
	left: 581px;
	border: 2px solid #9EB4C2;
}

#Thumb4 {
	position:absolute;
	height: 50px;
	width: 50px;
	top: 462px;
	left: 521px;
	border: 2px solid #9EB4C2;
}

#Thumb5 {
	position:absolute;
	height: 50px;
	width: 50px;
	top: 462px;
	left: 461px;
	border: 2px solid #9EB4C2;
}

#Thumb6 {
	position:absolute;
	height: 50px;
	width: 50px;
	top: 462px;
	left: 401px;
	border: 2px solid #9EB4C2;
}

#Thumb7 {
	position:absolute;
	height: 50px;
	width: 50px;
	top: 462px;
	left: 341px;
	border: 2px solid #9EB4C2;
}

#Thumb8 {
	position:absolute;
	height: 50px;
	width: 50px;
	top: 462px;
	left: 281px;
	border: 2px solid #9EB4C2;
}

#Thumb9 {
	position:absolute;
	height: 50px;
	width: 50px;
	top: 462px;
	left: 221px;
	border: 2px solid #9EB4C2;
}

#Thumb10 {
	position:absolute;
	height: 50px;
	width: 50px;
	top: 462px;
	left: 161px;
	border: 2px solid #9EB4C2;
}

#CatButton {
	position:absolute;
	height: 50px;
	width: 50px;
	top: 472px;
	left: 101px;
}

#InsideThumbText {
	position:absolute;
	left:444px;
	top:440px;
	width:307px;
	height:24px;
	z-index:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9EB4C2;
	font-weight: lighter;
	text-align:right;
}

/***************************************************
  Response Card
 ***************************************************/
 
#Rtext {
	position:absolute;
	left:77px;
	top:104px;
	width:680px;
	height:59px;
	z-index:0;
}

#Rtext p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9EB4C2;
	font-weight: lighter;
}

#Rtable {
	position:absolute;
	left:75px;
	top:193px;
	width:683px;
	height:143px;
	z-index:0;
}

#Rtable h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9EB4C2;
	font-weight: bold;
}

#Rtable p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9EB4C2;
	font-weight: lighter;
}

#Rtable a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9EB4C2;
	font-weight: lighter;
}

#Rtable a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #710000;
	font-weight: lighter;
}

.responsecarddiv {
	background-color:#071531;
	padding-left:10px;
	padding-right:10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #9EB4C2;
}

#ContinueBrowsing {
	position:absolute;
	top: 491px;
	left: 96px;
	height: 20px;
	width: 155px;
}

#ContinueBrowsing a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9EB4C2;
	font-weight: bold;
	text-decoration:none;
}

#ContinueBrowsing a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #710000;
	font-weight: bold;
	text-decoration:none;
}

#SendRequest {
	position:absolute;
	top: 491px;
	left: 630px;
	height: 20px;
	width: 128px;
	text-align:center;
}

#SendRequest a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9EB4C2;
	font-weight: bold;
	text-decoration:none;
}

#SendRequest a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #710000;
	font-weight: bold;
	text-decoration:none;
}

/***************************************************
  Response Card Form
 ***************************************************/
 
 #RFormtext {
	position:absolute;
	left:172px;
	top:124px;
	width:394px;
	height:31px;
	z-index:0;
}

#RFormtext p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9EB4C2;
	font-weight: lighter;
	text-align:center;
}

.input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #071531;
	background-color: #90A5B2;
	height: 15px;
	width: 200px;
	border: 1px solid #071531;
	text-align:left;
}

.inputsubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #071531;
	background-color: #9EB4C2;
	height: 20px;
	width: 60px;
	border: 1px solid #071531;
	font-weight:bold;
}

.inputtextarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #071531;
	background-color: #90A5B2;
	height: 70px;
	width: 200px;
	border: 1px solid #071531;
	text-align:left;
}

#Personal {
	position:absolute;
	left:206px;
	top:181px;
	width:325px;
	height:284px;
	z-index:1;
	background-color: #9EB4C2;
	border: 1px solid #FFFFFF;
}

.contactlabel {
	color: #071531;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.submitpadding {
	color: #071531;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	padding-right: 29px;
}

#Thankyoutext {
	position:absolute;
	left:80px;
	top:256px;
	width:680px;
	height:59px;
	z-index:0;
}

#Thankyoutext p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9EB4C2;
	font-weight: lighter;
	text-align:center;
}

/***************************************************
  Archive
 ***************************************************/
 
#archive {
	position:absolute;
	left:110px;
	top:171px;
	width:648px;
	height:179px;
	z-index:0;
}

#archive p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9EB4C2;
	font-weight: lighter;
	text-align:left;
}

#archive a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9EB4C2;
	font-weight: lighter;
}

.archiveSeason {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #9EB4C2;
	font-weight: bold;
}

#archiveTitle {
	position:absolute;
	left:80px;
	top:116px;
	width:680px;
	height:37px;
	z-index:0;
}

#archiveTitle p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9EB4C2;
	font-weight: lighter;
	text-align:center;
}

/***************************************************
  Rates
 ***************************************************/
 
 #ratesTitle {
	position:absolute;
	left:75px;
	top:114px;
	width:680px;
	height:59px;
	z-index:0;
}

#ratesTitle p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9EB4C2;
	font-weight: lighter;
	text-align:center;
}

#ratesMailinglist {
	position:absolute;
	left:73px;
	top:210px;
	width:292px;
	height:239px;
	z-index:0;
}

#ratesMailinglist h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #9EB4C2;
	font-weight: bold;
	text-align:center;
}

#ratesMailinglist p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9EB4C2;
	font-weight: lighter;
	text-align:center;
}

#Rates {
	position:absolute;
	left:466px;
	top:210px;
	width:291px;
	height:27px;
	z-index:0;
}

#Rates h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #9EB4C2;
	font-weight: bold;
	text-align:center;
}

#Rates td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9EB4C2;
	font-weight: lighter;
	text-align:left;
}

/***************************************************
  Contact
 ***************************************************/

#ContactForm {
	position:absolute;
	left:291px;
	top:60px;
	width:333px;
	height:170px;
	z-index:0;
	background-color: #9EB4C2;
}

#ContactForm td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #071531;
	vertical-align:top;
}

#ContactBg {
	position:absolute;
	left:103px;
	top:182px;
	width:633px;
	height:266px;
	z-index:0;
	background-color: #9EB4C2;
	border: 1px solid #FFFFFF;
}

#ContactAddress {
	position:absolute;
	left:22px;
	top:38px;
	width:217px;
	height:199px;
	z-index:0;
}

#ContactAddress p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #071531;
}

#ContactFormTitle {
	position:absolute;
	left:332px;
	top:16px;
	width:290px;
	height:24px;
	z-index:0;
	text-align: center;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #071531;
}

#ContactTitle {
	position:absolute;
	left:213px;
	top:115px;
	width:395px;
	height:51px;
	z-index:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9EB4C2;
	font-weight: lighter;
	text-align:center;
}

/***************************************************
  Publication Sign Up
 ***************************************************/

#Psignuptitle {
	position:absolute;
	left:209px;
	top:108px;
	width:396px;
	height:65px;
	z-index:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9EB4C2;
	font-weight: lighter;
	text-align:center;
}

#PSignupheader {
	position:absolute;
	left:208px;
	top:184px;
	width:395px;
	height:24px;
	z-index:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #9EB4C2;
	font-weight: lighter;
	text-align:center;
}

#Porderform {
	position:absolute;
	left:252px;
	top:224px;
	width:299px;
	height:246px;
	z-index:0;
	background-color: #9EB4C2;
	border: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #071531;
	font-weight: lighter;
}

/***************************************************
  Inside Publication Full Page
 ***************************************************/

#article_image_full {
	position:absolute;
	left:163px;
	top:199px;
	width:558px;
	height:281;
	z-index:0;
}

#web {
	position:absolute;
	left:161px;
	top:144px;
	width:562px;
	height:20px;
	z-index:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px; 
	color: #9EB4C2; 
	font-weight: lighter; 
	vertical-align: top;
}

#web a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	color: #9EB4C2; 
	font-weight: lighter; 
	vertical-align: top;
}

#web a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	color: #710000; 
	font-weight: lighter; 
	vertical-align: top;
}

.web {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	color: #9EB4C2; 
	font-weight: lighter; 
	vertical-align: top;
}

/***************************************************
  ThumbIndex page
 ***************************************************/

#ThumbIndex1of2 {
	position:absolute;
	left:181px;
	top:199px;
	width:192px;
	height:188px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex2of2 {
	position:absolute;
	left:461px;
	top:199px;
	width:192px;
	height:188px;
	border: 2px solid #9EB4C2;
} /* two thumbnails*/

#ThumbIndex1of3 {
	position:absolute;
	left:111px;
	top:199px;
	width:192px;
	height:188px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex2of3 {
	position:absolute;
	left:540px;
	top:199px;
	width:192px;
	height:188px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex3of3 {
	position:absolute;
	left:324px;
	top:199px;
	width:192px;
	height:188px;
	border: 2px solid #9EB4C2;
} /* three thumbnails*/

#ThumbIndex1of4 {
	position:absolute;
	left:201px;
	top:241px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex2of4 {
	position:absolute;
	left:365px;
	top:160px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex3of4 {
	position:absolute;
	left:529px;
	top:241px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex4of4 {
	position:absolute;
	left:365px;
	top:323px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
} /* four thumbnails*/

#ThumbIndex1of5 {
	position:absolute;
	left:201px;
	top:160px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex2of5 {
	position:absolute;
	left:365px;
	top:160px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex3of5 {
	position:absolute;
	left:529px;
	top:160px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex4of5 {
	position:absolute;
	left:201px;
	top:323px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex5of5 {
	position:absolute;
	left:365px;
	top:323px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
} /* five thumbnails*/

#ThumbIndex1of6 {
	position:absolute;
	left:201px;
	top:160px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex2of6 {
	position:absolute;
	left:365px;
	top:160px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex3of6 {
	position:absolute;
	left:529px;
	top:160px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex4of6 {
	position:absolute;
	left:201px;
	top:323px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex5of6 {
	position:absolute;
	left:365px;
	top:323px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex6of6 {
	position:absolute;
	left:529px;
	top:323px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
} /* six thumbnails*/

#ThumbIndex1of7 {
	position:absolute;
	left:140px;
	top:160px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex2of7 {
	position:absolute;
	left:304px;
	top:160px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex3of7 {
	position:absolute;
	left:468px;
	top:160px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex4of7 {
	position:absolute;
	left:636px;
	top:160px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex5of7 {
	position:absolute;
	left:140px;
	top:323px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex6of7 {
	position:absolute;
	left:304px;
	top:323px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex7of7 {
	position:absolute;
	left:468px;
	top:323px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
} /* seven thumbnails*/

#ThumbIndex1of8 {
	position:absolute;
	left:140px;
	top:160px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex2of8 {
	position:absolute;
	left:304px;
	top:160px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex3of8 {
	position:absolute;
	left:468px;
	top:160px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex4of8 {
	position:absolute;
	left:636px;
	top:160px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex5of8 {
	position:absolute;
	left:140px;
	top:323px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex6of8 {
	position:absolute;
	left:304px;
	top:323px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex7of8 {
	position:absolute;
	left:468px;
	top:323px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex8of8 {
	position:absolute;
	left:636px;
	top:323px;
	width:120px;
	height:120px;
	border: 2px solid #9EB4C2;
} /* eight thumbnails*/

#ThumbIndex1of9 {
	position:absolute;
	left:233px;
	top:160px;
	width:100px;
	height:100px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex2of9 {
	position:absolute;
	left:367px;
	top:160px;
	width:100px;
	height:100px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex3of9 {
	position:absolute;
	left:501px;
	top:160px;
	width:100px;
	height:100px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex4of9 {
	position:absolute;
	left:233px;
	top:274px;
	width:100px;
	height:100px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex5of9 {
	position:absolute;
	left:367px;
	top:274px;
	width:100px;
	height:100px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex6of9 {
	position:absolute;
	left:501px;
	top:274px;
	width:100px;
	height:100px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex7of9 {
	position:absolute;
	left:233px;
	top:388px;
	width:100px;
	height:100px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex8of9 {
	position:absolute;
	left:367px;
	top:388px;
	width:100px;
	height:100px;
	border: 2px solid #9EB4C2;
}
#ThumbIndex9of9 {
	position:absolute;
	left:501px;
	top:388px;
	width:100px;
	height:100px;
	border: 2px solid #9EB4C2;
} /* nine thumbnails*/

#thumbinstructions {
	position:absolute;
	left:103px;
	top:100px;
	width:634px;
	height:32px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	color: #9EB4C2; 
	font-weight: lighter;
	text-align:center;
}
.thumbspan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; 
	color: #9EB4C2; 
	font-weight: lighter;
	text-align:center;
}