/* Stylesheet for Jackson's Landing web site */
/* http://www.jacksonslandingbb.com/ */


/* GENERAL STYLES */
/*----------------------------------------------------*/

body {
	color: #393a57;
	background-color: #464763;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	}

h1, h2, h3, h4, h5 {
	margin-top: 1.5em;
	color: #393a57;
	background-color: transparent;
	font-family: "book antiqua", georgia, "times new roman", serif;
	}

a:link, a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #78799E;
	border: none;
	}

a:hover {
	/*color: #393a57; */
	color: #BCBDE5;
	border: none;
	}

a:active {
	color: #393a57;
	border: none;
	}

li p.links {
	margin: 5px 0 0 0;
	padding: 5px 0 0 4px;
	border-top: 1px dotted #88866e;
	font-size: 10px;
	}

#maincontent .links {
	color: #8a8ba7;
	}



/* PAGE STRUCTURE & GENERIC STYLES */
/*----------------------------------------------------*/

#pageheader {
	width: 748px;
	margin: 15px auto;
	padding: 0;
	height: 50px;
	}

#pageheader h1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 289px;
	height: 53px;
	text-indent: -5000px;
	background: transparent url(/i/logo.gif) 0 0 no-repeat;
	}

#pageheader h1 a {
	display: block;
	height: 53px;
	text-decoration: none;
	border: none;
	}

#pagemain {
	width: 751px;
	margin: 15px auto 0;
	padding: 0;
	}

#maincontent {
	position: relative;
	margin: 6px 0 0 0;
	padding: 27px 0 0 0;
	border: 1px solid #8b8ca3;
	background-color: #edeacf;
	}

#mainbody {
	margin: 0 200px 0 0;
	padding: 25px 0 0 0;
	min-height: 300px;
	}

#mainbody p {
	margin: 0;
	padding: 3px 0 3px 204px;
	}
#mainbody h4 a:link, #mainbody h4 a:visited, #mainbody h4 a:active {
	color: #78799E;
	border: none;
}
#mainbody h4 a:hover {
	color: #BCBDE5
}
#mainbody img {
	margin-bottom: 10px;
	padding: 0;
	border: 1px solid #000;
	}

#mainbody h2, #mainbody h3, #mainbody h4 {
	color: #777;
	padding: 20px 0 2px;
	margin: 0 0 0 204px;
	}

#mainbody h2 {
	padding: 0;
	margin: 0 0 0 200px;
	text-indent: -5000px;
	height: 24px;
	background: transparent url(none) 0 0 no-repeat;
	}


#mainbody ul, #mainbody ol, #mainbody hr {
	margin: 5px 0 5px 204px;
	}

#mainbody ul ul {
	margin: 5px 15px;
	}

#mainbody ul {
	list-style-type: square;
	}

#mainbody table {
	margin: 5px 0 5px 204px;
	width: 330px;
	}

#mainbody table th, table td.first {
	padding: 6px;
	border: 1px solid #bbb;
	background-color: #f5f5f5;
	font-weight: bold;
	}

#mainbody table td {
	padding: 6px 10px;
	text-align: right;
	border: 1px solid #bbb;
	border-collapse: collapse;
	background-color: #fff;
	white-space: nowrap;
	}

#mainbody table td.only {
	text-align: center;
	}


/* contact bar at bottom */

#maincontent #contact {
	clear: both;
	margin-top: 30px;
	padding: 3px 0 4px;
	background-color: #88866e;
	color: #fff;
	border-top: 10px solid #eceacf;
	}

#maincontent #contact p {
	margin: 5px auto 0 auto;
	padding: 0;
	width: 652px;
	height: 28px;
	text-indent: -5000px;
	background: transparent url(/i/contact_info.gif) 0 0 no-repeat;
	}

#maincontent #contact p a {
	display: block;
	margin: -10px 0 0 360px;
	padding: 0;
	width: 290px;
	height: 25px;
	text-decoration: none;
	border: none;
	}

#maincontent #contact p:hover {
	background: transparent url(/i/contact_info.gif) 0 -28px no-repeat;
	text-decoration: none;
	border: none;
	}


/* picture lists styles */

#maincontent h4 a {
	white-space: nowrap;
	position: relative;
	color: #393A57;
	
	}

#maincontent h4 a span {
	text-indent: 3px;
	padding: 3px;
	font-size: 9px;
	font-weight: normal;
	color: #fff;
	position: absolute;
	top: 0px;
	left: -165px;
	width: 135px;
	height: 87px;
	cursor: pointer;
	}





/* HOME PAGE STYLES */
/*----------------------------------------------------*/

#mainhero1 {
	height: 271px;
	border: 1px solid #8b8ca3;
	background: #fff url(/i/hero_img01.jpg) 0 0 no-repeat;
	}

#mainhero2 {
	height: 271px;
	border: 1px solid #8b8ca3;
	background: #fff url(/i/hero_img02.jpg) 260px 0 no-repeat;
	}

#mainhero3 {
	height: 271px;
	border: 1px solid #8b8ca3;
	background: #fff url(/i/hero_img03.jpg) 0 0 no-repeat;
	}

#mainhero1 h2 {
	float: right;
	margin: 0;
	padding: 0;
	width: 260px;
	height: 271px;
	text-indent: -5000px;
	background: #fff url(/i/hero_blurb01.gif) 0 0 no-repeat;
	}

#mainhero2 h2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 260px;
	height: 271px;
	text-indent: -5000px;
	background: #fff url(/i/hero_blurb02.gif) 0 0 no-repeat;
	}

#mainhero3 h2 {
	float: right;
	margin: 0;
	padding: 0;
	width: 260px;
	height: 271px;
	text-indent: -5000px;
	background: #fff url(/i/hero_blurb03.gif) 0 0 no-repeat;
	}

#mainhero1 p, #mainhero2 p, #mainhero3 p {
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	}

#home #maincontent {
	background: #edeacf url(/i/home_photos.gif) 10px 40px no-repeat;
	}

#maincontent #homecopy {
	margin: 25px 200px 0 210px;
	padding: 0;
	}

#maincontent #homecopy p {
	margin: 0;
	padding: 5px 0;
	}

#maincontent #homecopy h3 {
	margin: 0;
	padding: 0;
	width: 325px;
	height: 26px;
	text-indent: -5000px;
	background: transparent url(/i/home_content_title.gif) 0 0 no-repeat;
	}



/* NAVIGATION STYLES */
/*----------------------------------------------------*/


/* tools/pipe nav */

#toolnav {
	margin-right: 0;
	margin-left: auto;
	padding: 20px 0 0 0;
	text-align: right;
	color: #8a8ba7;
	}

#toolnav a {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 9px;
	text-decoration: none;
	border: none;
	}

#toolnav a:link{
	text-decoration: none;
	color: #fff;
	}

#toolnav a:visited{
	text-decoration: none;
	color: #fff;
	}

#toolnav a:hover{
	text-decoration: none;
	color: #babcea;
	}

#toolnav a:active{
	text-decoration: none;
	color: #ccf;
	}

/* main and sub nav */

#mainnav, #subnav {
	position: absolute;
	top: 0;	left: 0;
	width: 100%;
	margin: 0;
	padding: 5px 0 8px 0;
	color: #adab90;
	background-color: #32334d;
	border-bottom: 1px solid #91908c;
	}

#subnav {
	top: 28px;
	background-color: #54556f;
	}

#mainnav p, #subnav p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 14px;
	}

#subnav p {
	font-size: 12px;
	}

#mainnav a:link, #subnav a:link {
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	border: none;
	}

#mainnav a:visited, #subnav a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	border: none;
	}

#mainnav a:hover, #subnav a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #babcea;
	}

#mainnav a:active, #subnav a:active {
	font-weight: normal;
	text-decoration: none;
	color: #ccf;
	}

/* left side nav */

#maincontent #subsubnav {
	position: absolute;
	top: 75px;
	margin: 100px 0;
	width: 180px;
	}

#subsubnav ul {
	margin: 30px 20px;
	padding: 0;
	border-top: 1px dotted #88866e;
	}

#subsubnav ul li {
	padding: 3px 0;
	list-style-type: none;
	border-bottom: 1px dotted #88866e;
	}


/* buckets */

#maincontent #buckets {
	float: right;
	width: 180px;
	}

#buckets {
	margin: 35px 0 0 0;
	padding: 0;
	}

#buckets p {
	margin: 0;
	padding: 0;
	border-top: 1px solid transparent;
	text-decoration: none;
	border: none;
	}

#buckets p a {
	text-decoration: none;
	border: none;
	}

#buckets p a:hover {
	background-position: 0 -100px;
	}

#bgallery {
	margin: 0;
	padding: 0;
	}

#bgallery a {
	display: block;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 100px;
	text-indent: -5000px;
	background: transparent url(/i/icon_gallery.gif) 0 0 no-repeat;
	text-decoration: none;
	}

#battrac {
	margin: 0;
	padding: 0;
	}

#battrac a {
	display: block;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 100px;
	text-indent: -5000px;
	background: transparent url(/i/icon_attractions.gif) 0 0 no-repeat;
	}

#bfind {
	margin: 0;
	padding: 0;
	}

#bfind a {
	display: block;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 100px;
	text-indent: -5000px;
	background: transparent url(/i/icon_findus.gif) 0 0 no-repeat;
	}

#returnhome {
	margin: 0;
	padding: 0;
	}

#breturnhome a {
	display: block;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 100px;
	text-indent: -5000px;
	background: transparent url(/i/icon_returnhome.gif) 0 0 no-repeat;
	}



/* PAGE & SECTION SPECIFIC STYLES */
/*----------------------------------------------------*/


/* about section */

#hosts #mainbody img {
	margin: 0 10px 10px 10px;
	}

#house #greatroom {
	height: 100px;
	background: transparent url(/i/house_great.jpg) 0 0 no-repeat;
	}

#house #diningroom {
	height: 100px;
	background: transparent url(/i/house_dining.jpg) 0 0 no-repeat;
	}

#house #library {
	height: 100px;
	background: transparent url(/i/house_library.jpg) 0 0 no-repeat;
	}

#house #conservatory {
	height: 100px;
	background: transparent url(/i/house_conservatory.jpg) 0 0 no-repeat;
	}

#about #mainbody h3 {
	font-size: 16px;
	color: #393a57;
	padding-top: 20px;
	border-top: 1px dotted #88866e;
	}

#about #mainbody h3 a:link {
	border: none;
	cursor: default;
	text-decoration: none;
}

#about #mainbody h3 a:hover {
	text-decoration: none;
	color: #393a57;
}


/* rooms section */

#rooms #mainbody ul, #house #mainbody ul, #packages #mainbody ul {
	margin: 35px 0 0 0;
	background-color: transparent;
	}

#rooms #mainbody ul li, #house #mainbody ul li, #packages #mainbody ul li {
	clear: left;
	float: left;
	margin: 15px 0 0 0;
	padding: 0 0 0 164px;
	list-style-type: none;
	}

#rooms #mainbody ul h4, #house #mainbody ul h4, #packages #mainbody ul h4 {
	clear: left;
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	}
	
#rooms #mainbody li p, #house #mainbody li p, #packages li p {
	padding: 0;
	}

#weddings #mainbody ul, #rates #mainbody ul {
	margin: 0 0 0 204px;
	}

#packages #weddingpkg {
	height: 100px;
	background: transparent url(/i/pkg_wedding.jpg) 0 0 no-repeat;
	}

#packages #specialpkg {
	height: 100px;
	background: transparent url(/i/pkg_special.jpg) 0 0 no-repeat;
	}

#packages #retreatpkg {
	height: 100px;
	background: transparent url(/i/pkg_retreat.jpg) 0 0 no-repeat;
	}


#rooms #mainbody #terrace {
	background: transparent url(/i/room_terrace.jpg) 0 0 no-repeat;
	}

#rooms #mainbody #king {
	background: transparent url(/i/room_king.jpg) 0 0 no-repeat;
	}
#rooms #mainbody #queen {
	background: transparent url(/i/room_queen.jpg) 0 0 no-repeat;
	}

#rooms #mainbody #twin {
	background: transparent url(/i/room_twin.jpg) 0 0 no-repeat;
	}
	
#rooms #mainbody #suite{
	margin-top:30px;
	background:transparent url(/i/room_suite.jpg) 0 0 no-repeat;
}

/* accolades section */

#accolades #mainbody p {
	margin-left: 204px;
	padding-left: 0;
	font-family: "book antiqua", georgia, "times new roman", serif;
	font-size: 13px;
	line-height: 18px;
	border-top: 1px dotted #88866e;
	}

#accolades #mainbody p.from {
	color: #999;
	text-align: right;
	border: 0 none;
	padding-bottom: 10px;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	}
	
#accolades #subsubnav {
	margin-left: 20px;
	}

/* sitemap section */

#sitemap #mainbody ul {
	list-style: none;
	margin: 0;
	padding: 3px 10px 3px 204px;
	}

#sitemap #mainbody ul ul, #sitemap #mainbody ul li {
	list-style: none;
	margin: 0;
	padding: 3px 10px;
	}



/* gallery section */
/* slideshow styles are at bottom */

#mainbody.gallery {
	margin: 0;
	padding: 25px 0 0 0;
	}

/* PAGE BACKGROUNDS AND TITLES */
/*----------------------------------------------------*/


/* backgrounds */

#about #mainbody, .aboutbody #mainbody {
	padding-top: 50px;
	background: #edeacf url(/i/about_bg.jpg) 0 0 no-repeat;
	}

#rooms #mainbody, .roomsbody {
	background: #edeacf url(/i/rooms_bg.jpg) 0 0 no-repeat;
	}

#rates #mainbody, .rates #mainbody {
	padding-top: 50px;
	background: #edeacf url(/i/house_bg.jpg) 0 0 no-repeat;
	}

#thingstodo #mainbody {
	background: #edeacf url(/i/things_bg.jpg) 0 0 no-repeat;
	}

#accolades #mainbody {
	background: #edeacf url(/i/accolades_bg.jpg) 0 0 no-repeat;
	}

#webcams #maincontent {
	background: #edeacf url(/i/webcam_bg.jpg) 0 0 no-repeat;
	}

#contact #mainbody {
	background: #edeacf url(/i/contact_bg.jpg) 0 0 no-repeat;
	}

#sitemap #mainbody, #sendfriend #mainbody {
	background: #edeacf url(/i/generic_bg.jpg) 0 0 no-repeat;
	}

#gallery #mainbody, body.gallery #mainbody {
	background: #edeacf url(/i/gallery_bg.jpg) 0 0 no-repeat;
	}

/* titles */

#about #mainbody h2 {
	width: 294px;
	height: 28px;
	background-image: url(/i/title_about.gif);
	}

#rooms #mainbody h2 {
	width: 159px;
	background: transparent url(/i/title_rooms.gif) 0 0 no-repeat;
	}

#hosts #mainbody h2 {
	width: 121px;
	background: transparent url(/i/title_hosts.gif) 0 0 no-repeat;
	}

#house #mainbody h2 {
	width: 145px;
	background: transparent url(/i/title_house.gif) 0 0 no-repeat;
	}

#thegreatroom #mainbody h2 {
	width: 193px;
	background: transparent url(/i/title_greatroom.gif) 0 0 no-repeat;
	}

#thediningroom #mainbody h2 {
	width: 210px;
	height: 28px;
	background: transparent url(/i/title_diningroom.gif) 0 0 no-repeat;
	}

#thelibrary #mainbody h2 {
	width: 141px;
	height: 28px;
	background: transparent url(/i/title_library.gif) 0 0 no-repeat;
	}

#theconservatory #mainbody h2 {
	width: 210px;
	height: 28px;
	background: transparent url(/i/title_conservatory.gif) 0 0 no-repeat;
	}

#theterrace #mainbody h2 {
	width: 243px;
	background: transparent url(/i/title_terrace.gif) 0 0 no-repeat;
	}

#theking #mainbody h2 {
	width: 169px;
	height: 28px;
	background: transparent url(/i/title_king.gif) 0 0 no-repeat;
	}

#galleryking #mainbody h2, #galleryterrace #mainbody h2, #galleryqueen #mainbody h2, #gallerytwin #mainbody h2 , #gallerysuite #mainbody h2 {
	width: 203px;
	height: 28px;
	background: transparent url(/i/title_gallery.gif) 0 0 no-repeat;
	}

#thequeen #mainbody h2 {
	width: 190px;
	height: 28px;
	background: transparent url(/i/title_queen.gif) 0 0 no-repeat;
	}

#thetwin #mainbody h2 {
	width: 221px;
	background: transparent url(/i/title_twin.gif) 0 0 no-repeat;
	}
	
#thesuite #mainbody h2{
	width: 221px;
	background: transparent url(/i/title_suite.gif) 0 0 no-repeat;

}

#accolades #mainbody h2 {
	width: 203px;
	height: 28px;
	background: transparent url(/i/title_accolades.gif) 0 0 no-repeat;
	}

#thingstodo #mainbody h2 {
	width: 203px;
	height: 28px;
	background: transparent url(/i/title_thingstodo.gif) 0 0 no-repeat;
	}

#sitemap #mainbody h2 {
	width: 203px;
	height: 28px;
	background: transparent url(/i/title_sitemap.gif) 0 0 no-repeat;
	}

#contact #mainbody h2 {
	width: 203px;
	height: 28px;
	background: transparent url(/i/title_contact.gif) 0 0 no-repeat;
	}

#gallery #mainbody h2 {
	width: 203px;
	height: 28px;
	background: transparent url(/i/title_gallery.gif) 0 0 no-repeat;
	}

#sendfriend #mainbody h2 {
	width: 203px;
	height: 28px;
	background: transparent url(/i/title_sendfriend.gif) 0 0 no-repeat;
	}

#rates #mainbody h2 {
	width: 203px;
	height: 28px;
	background: transparent url(/i/title_rates.gif) 0 0 no-repeat;
	}

#weddings #mainbody h2 {
	width: 203px;
	height: 28px;
	background: transparent url(/i/title_weddings.gif) 0 0 no-repeat;
	}

#packages #mainbody h2 {
	width: 203px;
	height: 28px;
	background: transparent url(/i/title_packages.gif) 0 0 no-repeat;
	}

#specpkg #mainbody h2 {
	width: 203px;
	height: 28px;
	background: transparent url(/i/title_specpkg.gif) 0 0 no-repeat;
	}

#retreats #mainbody h2 {
	width: 203px;
	height: 28px;
	background: transparent url(/i/title_retreats.gif) 0 0 no-repeat;
	}

/*----------------------------------------------------*/

.caption {
	display: block;
	color: #999;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 9px;
	line-height: 15px;
	}
/*----------------------------------------------------*/


#footer {
	width: 748px;
	margin: 7px auto;
	padding: 0;
	}

#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #7E80B2;
	}
	
	
/* SLIDESHOW ELEMENTS */
/*----------------------------------------------------*/


#Container { 
	margin: 0;
	position: relative;
	width: 400px;
	height: 400px;
	background-color: #fff;
	border: 3px solid #CECEB5;
	overflow: hidden;
	}

#LoadContainer { 
	height: 25%;
	width: 50%;
	position: absolute;
	top: 40%;
	left: 25%;
	text-align: center;
	z-index: 1;
	}

#PhotoContainer { 
	visibility: hidden;
	}

#CaptionBlock { 
	width: 582px;
	text-align: left;
	margin: 0;
	padding-top:  20px;
	}

#Caption { 
	margin-top: 10px;
	color: #333;
	}

#License { 
	margin: 0 auto;
	padding-top: 10px;
	font-size: 10px;
	color: #666;
	text-align: left;
	}

#LinkContainer { 
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 200px;
	width: 200px;
	z-index: 100;
	background: url(/i/1p.gif) 50% 50% no-repeat
	}

#PrevLink { 
	z-index: 100;
	position: absolute;
	top: 0%;
	left: 0%;
	height: 200px;
	width: 50%;
	display: block;
	}

#NextLink { 
	z-index: 100;
	position: absolute;
	top: 0%;
	left: 50%;
	height: 200px;
	width: 50%;
	display: block;
	}

#PrevLink:hover, #NextLink:hover { 
	text-decoration: none;
	}

#PrevLink:hover { 
	background: transparent url(/i/prev_gallery.gif) left 50% no-repeat;
	}

#NextLink:hover { 
	background: transparent url(/i/next_gallery.gif) right 50% no-repeat;
	}

#PrevLink span,#NextLink span { 
	display: none;
	}
	
img { 
	border: 0 none;
	}

#LoadContainer #LoadImg {
	border: 0 none;
	}

img#Photo { 
	margin: 0;
	padding: 0;
	border: 0 none;
	}

p { 
	font-size: 11px;
	padding: 1em 0;
	}

#Wrapper { 
	margin: 0 0 0 205px;
	height: 460px;
	width: 515px;
	overflow: hidden;
	position: relative;
	}

#Wrapper[id] { 
	display: table;
	position: static;
	}

#InnerWrapper { 
	position: absolute;
	top: 50%;
	left: 0;
	}

#InnerWrapper[id] { 
	display: table-cell;
	position: inherit;
	}

#OuterContainer { 
	position: inherit;
	}

#OuterContainer p { 
	margin: 0;
	padding: 0;
	}
#popupText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin: 20px;
	padding-top: 10px;
}