/* Main Page*/



body{ margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; background-color:#000; background-image: url(../images/back1.jpg); background-repeat:no-repeat;}

#page {width:780px; vertical-align:top;}

#topNav {display:block; position: relative; background-image:url(../images/bns1.jpg); background-repeat:no-repeat;  height:181px; width:780px;}

#bMain {display:block; position: absolute; width: 116px; height: 20px; background-image:url(../images/bMainD.gif); background-repeat:no-repeat; margin:46px 0px 0px 653px; float:left; padding: 0px 0px 0px 0px;} 

#exLabel {position: absolute; width: 74px; height: 12px; background-image:url(../images/exLabel.gif); background-repeat:no-repeat; margin:  72px 0px 0px 501px;  padding: 0px; z-index: 100;}
#bCromwell {position: absolute; width: 178px; height: 20px; background-image:url(../images/bCromwellOn.gif); background-repeat:no-repeat; float:left;  margin:  81px 0px 0px 403px;  padding: 0px 0px 0px 0px; } 
.bCromwellRoll { display:block; background-image:url(../images/bCromwell.gif); background-repeat:no-repeat; width: 178px; height: 20px; float:left;}
a:hover.bCromwellRoll {background-image:url(../images/bCromwellOn.gif); background-repeat:no-repeat;}


#bAunt {position: absolute; width: 178px; height: 20px; background-image:url(../images/AuntOn.gif); background-repeat:no-repeat; float:left;  margin: 81px 0px 0px 215px;  padding: 0px 0px 0px 0px; } 

.bAuntRoll { display:block; background-image:url(../images/bAunt.gif); background-repeat:no-repeat; width: 178px; height: 20px; float:left;}

a:hover.bAuntRoll {background-image:url(../images/bAuntOn.gif); background-repeat:no-repeat;}


#bCove {position: absolute; width: 178px; height: 20px; background-image:url(../images/CoveOn.gif); background-repeat:no-repeat; float:left;  margin: 81px 0px 0px 27px;  padding: 0px 0px 0px 0px; } 

.bCoveRoll { display:block; background-image:url(../images/bCove.gif); background-repeat:no-repeat; width: 178px; height: 20px; float:left;}

a:hover.bCoveRoll {background-image:url(../images/bCoveOn.gif); background-repeat:no-repeat;}



#bPoint {position: absolute; width: 178px; height: 20px; background-image:url(../images/PointOn.gif); background-repeat:no-repeat; float:left;  margin: 81px 0px 0px 591px;  padding: 0px 0px 0px 0px; } 

.bPointRoll { display:block; background-image:url(../images/bPoint.gif); background-repeat:no-repeat; width: 178px; height: 20px; float:left;}

a:hover.bPointRoll {background-image:url(../images/bPointOn.gif); background-repeat:no-repeat;}



#bGlovertown {position: absolute; width: 178px; height: 20px; background-image:url(../images/GlovertownOn.gif); background-repeat:no-repeat; float:left;  margin: 115px 0px 0px 215px;  padding: 0px 0px 0px 0px; } 

.bGlovertownRoll { display:block; background-image:url(../images/bGlovertown.gif); background-repeat:no-repeat; width: 178px; height: 20px; float:left;}

a:hover.bGlovertownRoll {background-image:url(../images/bGlovertownOn.gif); background-repeat:no-repeat;}



#bVillage {position: absolute; width: 178px; height: 20px; background-image:url(../images/VillageOn.gif); background-repeat:no-repeat; float:left;  margin: 115px 0px 0px 403px;  padding: 0px 0px 0px 0px; } 

.bVillageRoll { display:block; background-image:url(../images/bVillage.gif); background-repeat:no-repeat; width: 178px; height: 20px; float:left;}

a:hover.bVillageRoll {background-image:url(../images/bVillageOn.gif); background-repeat:no-repeat;}


#bEmail {position: absolute; width: 205px; height: 22px; background-image:url(../images/bEmailOn.gif); background-repeat:no-repeat; float:left;  margin: 152px 0px 0px 105px;  padding: 0px 0px 0px 0px; } 

.bEmailRoll { display:block; background-image:url(../images/bEmail.gif); background-repeat:no-repeat; width: 205px; height: 22px; float:left;}

a:hover.bEmailRoll {background-image:url(../images/bEmailOn.gif); background-repeat:no-repeat;}

#logoBlock {position: relative; background-image:url(../images/bns2.jpg); height:197px; width:780px;}

.logo {position: relative; padding: 20px 0px 0px 55px;}

#mainBlock {position: relative; background-image:url(../images/bns3.jpg); height:445px; width:780px;}


#highBlock {position: relative; background-image:url(../images/bns4.jpg); height:350px; width:780px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; }


#footer{position: relative; background-image:url(../images/bns6Main.jpg); background-repeat:no-repeat; padding-bottom:50px; height:320px; width:780px;}


h1 {position: relative; padding: 0px 0px 0px 137px; font-family:serif; font-weight:bold; color:#FFFFFF; font-size:24px; margin:0px 0px 0px 0px;}

.vacationText {position: relative; padding: 0px 0px 0px 140px; margin: 5px 0px 0px 0px;}


#sideNav {position: relative; height:300px; width:190px; float:left;  padding: 7px 0px 0px 30px; }

#bAbout {width: 178px; height: 20px; background-image:url(../images/bAboutOn.gif); background-repeat:no-repeat; float:left; margin-bottom:3px; } 

.bAboutRoll { display:block; background-image:url(../images/bAbout.gif); background-repeat:no-repeat; width: 178px; height: 20px; float:left;}

a:hover.bAboutRoll {background-image:url(../images/bAboutOn.gif); background-repeat:no-repeat;}

#bArea {width: 178px; height: 20px; background-image:url(../images/bAreaOn.gif); background-repeat:no-repeat; float:left; margin-bottom:3px; } 

.bAreaRoll { display:block; background-image:url(../images/bArea.gif); background-repeat:no-repeat; width: 178px; height: 20px; float:left;}

a:hover.bAreaRoll {background-image:url(../images/bAreaOn.gif); background-repeat:no-repeat;}

#bPackages {width: 178px; height: 20px; background-image:url(../images/bPackagesOn.gif); background-repeat:no-repeat; float:left; margin-bottom:3px; } 

.bPackagesRoll { display:block; background-image:url(../images/bPackages.gif); background-repeat:no-repeat; width: 178px; height: 20px; float:left;}

a:hover.bPackagesRoll {background-image:url(../images/bPackagesOn.gif); background-repeat:no-repeat;}

#bRates {width: 178px; height: 20px; background-image:url(../images/bRatesOn.gif); background-repeat:no-repeat; float:left; margin-bottom:3px; } 

.bRatesRoll { display:block; background-image:url(../images/bRates.gif); background-repeat:no-repeat; width: 178px; height: 20px; float:left;}

a:hover.bRatesRoll {background-image:url(../images/bRatesOn.gif); background-repeat:no-repeat;}

#bLocation {width: 178px; height: 20px; background-image:url(../images/bLocationOn.gif); background-repeat:no-repeat; float:left; margin-bottom:3px; } 

.bLocationRoll { display:block; background-image:url(../images/bLocation.gif); background-repeat:no-repeat; width: 178px; height: 20px; float:left;}

a:hover.bLocationRoll {background-image:url(../images/bLocationOn.gif); background-repeat:no-repeat;}

#bPhoto {width: 178px; height: 20px; background-image:url(../images/bPhotoOn.gif); background-repeat:no-repeat; float:left;  margin-bottom:3px; } 

.bPhotoRoll { display:block; background-image:url(../images/bPhoto.gif); background-repeat:no-repeat; width: 178px; height: 20px; float:left;}

a:hover.bPhotoRoll {background-image:url(../images/bPhotoOn.gif); background-repeat:no-repeat;}

#bNewsletter {width: 178px; height: 20px; background-image:url(../images/bNewsletterOn.gif); background-repeat:no-repeat; float:left; margin-bottom:3px; } 

.bNewsletterRoll { display:block; background-image:url(../images/bNewsletter.gif); background-repeat:no-repeat; width: 178px; height: 20px; float:left;}

a:hover.bNewsletterRoll {background-image:url(../images/bNewsletterOn.gif); background-repeat:no-repeat;}

#bContact {width: 178px; height: 20px; background-image:url(../images/bContactOn.gif); background-repeat:no-repeat; float:left;  } 

.bContactRoll { display:block; background-image:url(../images/bContact.gif); background-repeat:no-repeat; width: 178px; height: 20px; float:left;}

a:hover.bContactRoll {background-image:url(../images/bContactOn.gif); background-repeat:no-repeat;}











#mainText{position: relative;  height:300px; width:460px; float:left; margin:5px 0px 0px 0px;}

p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height: 16px; color:#000000; margin: 0px 0px 20px 0px; vertical-align:top; }





#highBack { width:764px; height:332px; background-image:url(../images/highBack.gif); position:absolute; z-index:1000; margin-top:20px;}


.gallerycontainer{
position: relative;
height:332px;
}


.thumbPosition{
position: relative;
height:240px;
vertical-align:top;
left:200px;

}


.thumbnail img{position: relative; float:left;
margin: 0px 0px 0px 0px; padding: 35px 0px 0px 5px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{ padding-top: 28px;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
font-size:11px;
text-align:center;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px 0px 0px 20px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible; width: 200px;

left: 270px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail2 img{position: relative; float:left; clear:left;
margin: 0px 0px 0px 0px; padding: 10px 0px 0px 5px;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{ padding-top: 3px;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
top: 25px;
visibility: hidden;
color: black;
font-size:11px;
text-align:center;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px 0px 0px 20px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible; width: 200px;

left: 270px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


.thumbnail3 img{position: relative; float:left; 
margin: 0px 0px 0px 0px; padding: 10px 0px 0px 5px;
}

.thumbnail3:hover{
background-color: transparent;
}

.thumbnail3:hover img{ padding-top: 3px;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
top: 25px;
visibility: hidden;
color: black;
font-size:11px;
text-align:center;
text-decoration: none;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px 0px 0px 20px;
}

.thumbnail3:hover span{ /*CSS for enlarged image*/
visibility: visible; width: 200px;

left: 270px; /*position where enlarged image should offset horizontally */
z-index: 50;
}



a { display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  text-decoration:none; line-height: 14px; color:#993300; margin: 0px 0px 0px 0px;}

a:hover {color:#1b2972;}