/* ------------------------------------------------------------------
Document: CSS 2.1
For: The Seasons (www.seasonsnh.com) 
Created: June/July 2009
Author: Owen Buckley
Email: owen@analogstudios.net
--------------------------------------------------------------------*/


/*Slideshow Code-----------------------------------------------------
2 Bedroom-----------------------------------------------------------*/
#holder2br 
{
	position:relative;
	background-color: #CCCCCC;
	background:transparent url(images/lodging/2bedroom/2br_pic1.jpg);
	background-repeat: no-repeat;
	background-position: 55px 0px;
	margin-bottom:10px;
	margin-left: 25px;
	z-index:1;
	width: 600px;
	height: 500px;
}

#scrollbox2br 
{
	width:565px; 
	height:80px; 
	background:#f4f4f4; 
	overflow:auto; border:1px solid #aaa; 
	margin-left:20px;
}

a.gallery2br, a.gallery2br:visited 
{
	display:block; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #000; 
	width:75px; 
	height:42px; 
	margin:3px; 
	float:left; 
	font-size:11px;
}

a.slidea2br {background:url(images/lodging/2bedroom/2br_thumb1.gif);}
a.slideb2br {background:url(images/lodging/2bedroom/2br_thumb2.gif);}
a.slidec2br {background:url(images/lodging/2bedroom/2br_thumb3.gif);}
a.slided2br {background:url(images/lodging/2bedroom/2br_thumb4.gif);}
a.slidee2br {background:url(images/lodging/2bedroom/2br_thumb5.gif);}
a.slidef2br {background:url(images/lodging/2bedroom/2br_thumb6.gif);}
a.slideg2br {background:url(images/lodging/2bedroom/2br_thumb7.gif);}
a.slideh2br {background:url(images/lodging/2bedroom/2br_thumb8.gif);}
a.slidei2br {background:url(images/lodging/2bedroom/2br_thumb9.gif);}
a.slidej2br {background:url(images/lodging/2bedroom/2br_thumb10.gif);}

a.gallery2br span 
{
	display:block; 
	position:absolute; 
	left:150px; 
	top:175px; 
	width:1px; 
	height:1px; 
	overflow:hidden; 
	background:#efedec; 
	z-index:100; 
	font-size:11px;
}

a.gallery2br:hover {white-space:normal; border:1px solid #fff;}
a.gallery2br:hover img {border:1px solid #000; z-index:100;}
a.gallery2br:active img, a.gallery2br:focus img {border:1px solid #000; z-index:50;}

a.gallery2br:hover span 
{
	display:block; 
	position:absolute; 
	width:500px; 
	height:281px; 
	top:0px; 
	left:55px; 
	padding:0px; 
	font-style:italic; 
	color:#000; 
	background:#fff; 
	z-index:100; 
	font-size:11px;
}

a.gallery2br:active {border:1px solid #eee;}

a.gallery2br:active span, a.gallery2br:focus span 
{
	display:block; 
	position:absolute; 
	width:500px; 
	height:281px; 
	top:0px; 
	left:55px; 
	padding:0px; 
	font-style:italic; 
	color:#000; 
	background:#fff; 
	z-index:50;
}

#thumbs2br {width:850px; height:60px;}

#pad2br 
{
	height:300px; 
	width:10px;
}

/*Townhouse-----------------------------------------------------------*/
#holdertown 
{
	position:relative;
	background:transparent url(images/lodging/townhouse/town_pic1.jpg);
	background-repeat: no-repeat;
	background-position: 55px 0px;
	margin-bottom:10px;
	margin-left: 20px;
	z-index:1;
	width: 600px;
	height: 500px;
}

#scrollboxtown 
{
	width:565px; 
	height:80px; 
	background:#f4f4f4; 
	overflow:auto; border:1px solid #aaa; 
	margin-left:20px;
}

a.gallerytown, a.gallerytown:visited 
{
	display:block; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #000; 
	width:75px; 
	height:42px; 
	margin:3px; 
	float:left; 
	font-size:11px;
}

a.slideatown {background:url(images/lodging/townhouse/town_thumb1.gif);}
a.slidebtown {background:url(images/lodging/townhouse/town_thumb2.gif);}
a.slidectown {background:url(images/lodging/townhouse/town_thumb3.gif);}
a.slidedtown {background:url(images/lodging/townhouse/town_thumb4.gif);}
a.slideetown {background:url(images/lodging/townhouse/town_thumb5.gif);}
a.slideftown {background:url(images/lodging/townhouse/town_thumb6.gif);}
a.slidegtown {background:url(images/lodging/townhouse/town_thumb7.gif);}
a.slidehtown {background:url(images/lodging/townhouse/town_thumb8.gif);}
a.slideitown {background:url(images/lodging/townhouse/town_thumb9.gif);}
a.slidejtown {background:url(images/lodging/townhouse/town_thumb10.gif);}


a.gallerytown span 
{
	display:block; 
	position:absolute; 
	left:150px; 
	top:175px; 
	width:1px; 
	height:1px; 
	overflow:hidden; 
	background:#efedec; 
	z-index:100; 
	font-size:11px;
}

a.gallerytown:hover {white-space:normal; border:1px solid #fff;}
a.gallerytown:hover img {border:1px solid #000; z-index:100;}
a.gallerytown:active img, a.gallerytown:focus img {border:1px solid #000; z-index:50;}

a.gallerytown:hover span 
{
	display:block; 
	position:absolute; 
	width:500px; 
	height:281px; 
	top:0px; 
	left:55px; 
	padding:0px; 
	font-style:italic; 
	color:#000; 
	background:#fff; 
	z-index:100; 
	font-size:11px;
}

a.gallerytown:active {border:1px solid #eee;}

a.gallerytown:active span, a.gallerytown:focus span 
{
	display:block; 
	position:absolute; 
	width:500px; 
	height:281px; 
	top:0px; 
	left:55px; 
	padding:0px; 
	font-style:italic; 
	color:#000; 
	background:#fff; 
	z-index:50;
}

#thumbstown {width:850px; height:60px;}

#padtown
{
	height:300px; 
	width:10px;
}

/*Penthouse-----------------------------------------------------------*/
#holderpent 
{
	position:relative;
	background:transparent url(images/lodging/penthouse/pent_pic1.jpg);
	background-repeat: no-repeat;
	background-position: 55px 0px;
	margin-bottom:10px;
	margin-left: 20px;
	z-index:1;
	width: 600px;
	height: 500px;
}

#scrollboxpent
{
	width:565px; 
	height:80px; 
	background:#f4f4f4; 
	overflow:auto; border:1px solid #aaa; 
	margin-left:20px;
}

a.gallerypent, a.gallerypent:visited 
{
	display:block; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #000; 
	width:75px; 
	height:42px; 
	margin:3px; 
	float:left; 
	font-size:11px;
}

a.slideapent {background:url(images/lodging/penthouse/pent_thumb1.gif);}
a.slidebpent {background:url(images/lodging/penthouse/pent_thumb2.gif);}
a.slidecpent {background:url(images/lodging/penthouse/pent_thumb3.gif);}
a.slidedpent {background:url(images/lodging/penthouse/pent_thumb4.gif);}
a.slideepent {background:url(images/lodging/penthouse/pent_thumb5.gif);}
a.slidefpent {background:url(images/lodging/penthouse/pent_thumb6.gif);}
a.slidegpent {background:url(images/lodging/penthouse/pent_thumb7.gif);}
a.slidehpent {background:url(images/lodging/penthouse/pent_thumb8.gif);}
a.slideipent {background:url(images/lodging/penthouse/pent_thumb9.gif);}
a.slidejpent {background:url(images/lodging/penthouse/pent_thumb10.gif);}

a.gallerypent span 
{
	display:block; 
	position:absolute; 
	left:150px; 
	top:175px; 
	width:1px; 
	height:1px; 
	overflow:hidden; 
	background:#efedec; 
	z-index:100; 
	font-size:11px;
}

a.gallerypent:hover {white-space:normal; border:1px solid #fff;}
a.gallerypent:hover img {border:1px solid #000; z-index:100;}
a.gallerypent:active img, a.gallerypent:focus img {border:1px solid #000; z-index:50;}

a.gallerypent:hover span 
{
	display:block; 
	position:absolute; 
	width:500px; 
	height:281px; 
	top:0px; 
	left:55px; 
	padding:0px; 
	font-style:italic; 
	color:#000; 
	background:#fff; 
	z-index:100; 
	font-size:11px;
}

a.gallerypent:active {border:1px solid #eee;}

a.gallerypent:active span, a.gallerypent:focus span 
{
	display:block; 
	position:absolute; 
	width:500px; 
	height:281px; 
	top:0px; 
	left:55px; 
	padding:0px; 
	font-style:italic; 
	color:#000; 
	background:#fff; 
	z-index:50;
}

#thumbspent {width:850px; height:60px;}

#padpent
{
	height:300px; 
	width:10px;
}

/*Image Map Code-----------------------------------------------------------
2 Bedroom-----------------------------------------------------------------*/
#map2br 
{
	display:block; 
	width:600px; 
	height:200px; 
	position:relative; 
	margin:0 auto 2em auto;
	background:url(images/lodging/2br_description.png); 
}

.trans_pic
{
	position: relative; z-index: 1;
}

#map2br a#title2br 
{
	display:block; 
	width:600px; 
	height:0; 
	padding-top:200px; 
	overflow:hidden; 
	position:absolute; 
	left:0; 
	top:0; 
	background:transparent;
	cursor:default;
}

* html #map2br a#title2br {height:240px; he\ight:0;}

a#floor2br 
{
	display:block; 
	width:110px; 
	height:60px; 
	padding-top: 50px; 
	overflow:hidden; 
	position:absolute; 
	left:480px; 
	top:50px; 
	background:transparent;
}

/*a#floor2br:hover {background:#ffffff;}*/

a#book2br
{
	display:block; 
	width:280px; 
	height:0; 
	padding-top:40px; 
	overflow:hidden; 
	position:absolute;
}

a#book2br {left:165px; top:150px; background:transparent;}
/*a#book:hover {background:#fff;}*/

* html a#floor2br, * html a#book {height:80px; he\ight:0;}

/*Townhouse-----------------------------------------------------------------*/
#maptown 
{
	display:block; 
	width:600px; 
	height:200px; 
	position:relative; 
	margin:0 auto 2em auto;
	background:url(images/lodging/town_description.png); 
}

#maptown a#titletown
{
	display:block; 
	width:600px; 
	height:0; 
	padding-top:200px; 
	overflow:hidden; 
	position:absolute; 
	left:0; 
	top:0; 
	background:transparent;
	cursor:default;
}

* html #maptown a#titletown {height:240px; he\ight:0;}

a#floortown 
{
	display:block; 
	width:110px; 
	height:60px; 
	padding-top: 50px; 
	overflow:hidden; 
	position:absolute; 
	left:480px; 
	top:50px; 
	background:transparent;
}

/*a#floortown:hover {background:#ffffff;}*/

a#booktown
{
	display:block; 
	width:280px; 
	height:0; 
	padding-top:40px; 
	overflow:hidden; 
	position:absolute;
}

a#booktown {left:165px; top:150px; background:transparent;}
/*a#booktown:hover {background:#fff;}*/

* html a#floortown, * html a#booktown {height:80px; he\ight:0;}

/*Penthouse-----------------------------------------------------------------*/
#mappent 
{
	display:block; 
	width:600px; 
	height:200px; 
	position:relative; 
	margin:0 auto 2em auto;
	background:url(images/lodging/pent_description.png); 
}

#mappent a#titlepent
{
	display:block; 
	width:600px; 
	height:0; 
	padding-top:200px; 
	overflow:hidden; 
	position:absolute; 
	left:0; 
	top:0; 
	background:transparent;
	cursor:default;
}

* html #mappent a#titlepent {height:240px; he\ight:0;}

a#floorpent 
{
	display:block; 
	width:110px; 
	height:60px; 
	padding-top: 50px; 
	overflow:hidden; 
	position:absolute; 
	left:480px; 
	top:50px; 
	background:transparent;
}

/*a#floorpent:hover {background:#ffffff;}*/

a#bookpent
{
	display:block; 
	width:280px; 
	height:0; 
	padding-top:40px; 
	overflow:hidden; 
	position:absolute;
}

a#bookpent {left:165px; top:150px; background:transparent;}
/*a#bookpent:hover {background:#fff;}*/

* html a#floorpent, * html a#bookpent {height:80px; he\ight:0;}