/*
The Apple Inn

Screen Style Sheet

Created by: WickedRun Designs
Last Updated on: 07/19/2008

*/

html {text-align: center;}

body {font-size: small; padding: 0px; margin: 0px auto;
	background-color: #4F543E; /* default background color*/
	color: #000000; /*  default text color*/
	font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em; border: 0px; min-width: 1000px; position: relative; text-align: left;}
	
h1, h2, h3, h4, h5, h6 {color: #451B1C; line-height: 1.3em;}

a:link {color: #451B1C;}
a:visited {color: #451B1C;}
a:active {color: #4F543E;}
a:hover {color: #4F543E; text-decoration:none;}


/* Page Setup */
div#wrapper {margin: 0 auto; border: 0px; border-top: 45px solid #451B1C;}
	
/* header setup*/
div#headerContainer {margin: 0px auto; background-color: #E2E2C0;	background-image: url(../images/applebackground_sm.gif);
	background-repeat: no-repeat; background-position: right -60px; border: 0px; width: 950px; width: 74em; position: relative;	height: 207px; height: 192px; z-index: 5;}

div#header {background-color: #E2E2C0; position: relative;}	
	
img#AppleInnLogo {border-style: none; height: 135px; margin: 0px; position: absolute; top: 10px; left: 10px; 	width: 225px; z-index: 15;}
img#AppleWords {border-style: none; height: 49px; margin: 0px; position: absolute; right: 48%; top: 25px; width: 250px; z-index: 10;}
img#AppleContact {border-style: none; height: 34px; margin: 0px; position: absolute; right: 220px; top: 26px; width: 162px; z-index: 10;}
img#AppleAvail {border-style: none;	height: 38px;	height: 41px;	margin: 0px; position: absolute; right: 5px; top: 21px; width: 213px; z-index: 10;}

a#Book_Now {position: relative; margin: 0px; padding: 0px; height: 100px; display: block;}
a#Book_Now {background-image: url(../images/book_now_button.gif); top: -30px; left: 700px; width: 150px; height: 51px;}
a#Book_Now:hover {background: transparent url(../images/book_now_button.gif) 0 -51px no-repeat;}


div#navBar {background-color: #909A75; border: none; height: 2.0em; margin: 0px; padding: 0px; position: absolute; right: 0px; top: 80px; width: 100%;}

div#navigation {position: relative; top: 0px; z-index: 50; padding: 0px;}
div#navigation ul {padding: 0px; margin: 0px; list-style-type: none; position: absolute; right: 0px; float: right; z-index: 100;}	
		
div#navigation a:link, div#navigation a:visited, div#navigation a:active {
	color: #451B1C; background-color: #909A75; text-decoration: none; text-align: center; display: block; font-size: small;
	/*width: 145px;*/
	/* for smaller page*/
	/*width: 80px;*/
	height: 1.4em; border: 1px solid #451B1C; border-width: 0px 0px 0px 1px; padding: .3em 10px;}
	
div#navigation a#activeState {color: #4F543E; background-color: #CDD1C0; text-decoration: none; text-align: center; display: block; font-size: small;
	/*width: 145px;*/
	/* for smaller page*/
	/*width: 80px;*/
	height: 1.4em; border: 1px solid #451B1C; border-width: 0px 0px 0px 1px; padding: .3em 10px;}
	
div#navigation ul li {float: left; padding: 0px; position: relative; white-space: nowrap;}	
div#navigation ul li ul li {float: right; padding: 0px; position: relative; right: -1px;}	
div#navigation li:hover {position: relative;}
div#navigation li:hover > a, div#navigation ul li ul li:hover > a {background-color: #CDD1C0; color: #4F543E;}
	
* html div#navigation li a:hover, * html div#navigation ul li ul li a:hover {position: relative; background-color: #CDD1C0; color: #4F543E;}
	
* html div#navigation a, * html div#navigation a:visited {width: 4.0em; padding: .3em 6px;}
	
/* dropdown navigation */	
div#navigation li ul {display: none;}

div#navigation li:hover > ul {display: block; position: absolute; top: 2.0em; right: 0px; z-index: 1000;
	/*left: 0;*/
	/*right: 0px; 
	left: 0px;*/}
	
div#navigation > li:hover > ul {/*left: 0px;*/ /*right: 0px;*/ top: 2.0em;}	

div#navigation table {position: absolute; top: 0px; right: 0px;}
	
div#navigation ul ul a:link, div#navigation ul ul a:visited, div#navigation ul ul a:active {background-color: #909A75;
	/*border-color:#909A75;
	border-style:solid;
	border-width: 0px 1px 1px 1px;*/
	color: #451B1C; display: block; font-size: small; font-weight: normal; height: auto; line-height: normal; padding: 3px 0.5em 3px;
	text-align: left; text-decoration: none; width: 14em;
	/*border: none;*/
	border-color:#451B1C; border-style:solid; border-width: 1px 1px 0px 1px;}
	
* html div#navigation li ul {visibility:hidden; display:block; position:absolute; top: 2.0em;}	
	
div#navigation li a:hover ul {
	visibility: visible; 
	/*left: 0px; */
	right: 0px;
	top: 2.0em;  
	/*lef\t: 0px; */
	righ\t: 0px;
	to\p: 2.0em;}	
		

/* start of the main Content */
div#mainContentWrapper {margin: 0 auto; background-color: #E2E2C0; border: none; width: 950px; width: 74em; position: relative;
	/*top: 207px;*/  /* this moves the container down below the apple background */
	z-index: 1;}
	

div#mainContainer {margin: 0px auto; position: relative; width: 95%; /*border: 1px solid #000000;*/}
div#mainContainer p {font-weight: normal;}
div#mainContainer img.header {width: 389px; height: 40px;}	

div#leftColumn {float: left; width: 45%; padding: 5px 0px;}
div#leftContent {margin: 0 auto; width: 90%;	}
div#rightColumn {float: right; width: 50%; padding: 0px;}
div#rightContent {margin: 0 auto; width: 90%;}


div#rightContent img.AppleInnHP {width: 430px; height: 336px;}

/****************************************************/
/*this is the start of the room pic bar */	
div#room_bar {position: relative; background-image: url(../images/room_background.jpg); width: 684px; height: 100px;
	margin: 20px auto; padding: 0px;}

ul#room_strip {list-style-type: none; position: relative; margin: 0; padding: 0;}
ul#room_strip li {margin: 0;	padding: 0; position: absolute; top: 10px;}
ul#room_strip li, ul#room_strip a {height: 82px; display: block;}

/*Macintosh image*/	
li#mac_room {background-image: url(../images/mac_small.gif); left: 13px; width: 105px; height: 82px;}
li#mac_room a:hover {background: transparent url(../images/mac_small.gif) 0 -83px no-repeat;}

/*GrannySmith image*/	
li#grannysmith_room {background-image: url(../images/grannysmith_small.gif); left: 125px; width: 105px; height: 82px;}
li#grannysmith_room a:hover {	background: transparent url(../images/grannysmith_small.gif) 0 -82px no-repeat;}
	
/*Cortland image*/	
li#cortland_room {background-image: url(../images/cortland_small.gif); left: 235px; width: 104px; height: 82px;}
li#cortland_room a:hover {background: transparent url(../images/cortland_small.gif) 0 -82px no-repeat;}

/*Empire image*/	
li#empire_room {background-image: url(../images/empire_small.gif); left: 347px; width: 105px; height: 82px;}
li#empire_room a:hover {	background: transparent url(../images/empire_small.gif) 0 -82px no-repeat;}

/*York image*/	
li#york_room {background-image: url(../images/york_small.gif); left: 457px; width: 104px; height: 82px;}
li#york_room a:hover {background: transparent url(../images/york_small.gif) 0 -82px no-repeat;}

/*Cottage image image*/	
li#cottage_room {background-image: url(../images/cottage_small.gif); left: 568px; width: 105px; height: 82px;}
li#cottage_room a:hover {background: transparent url(../images/cottage_small.gif) 0 -83px no-repeat;}

/*York Suite */	
li#york_suite_room {background-image: url(../images/york_suite_small.gif); left: 681px; width: 105px; height: 82px;}
li#york_suite_room a:hover {background: transparent url(../images/york_suite_small.gif) 0 -82px no-repeat;}

/*this is the end of the room pic bar */	
/****************************************************/


/****************************************************/
/*this is the start of the Inn page */	
div#rightContent img.WinterInn {width: 430px; height: 336px;}
/*this is the end of the Inn page */
/****************************************************/

/****************************************************/
/*this is the start of the History page */
div#HistoryleftColumn {float: left; width: 70%; padding: 5px 0px;}
div#HistoryleftContent {margin: 0 auto; width: 90%;}
div#HistoryrightColumn {float: right; width: 25%; padding: 0px;}
div#HistoryrightContent {	margin: 0 auto; width: 90%;	}
div#HistoryrightContent img.lawyer {width: 128px; height: 202px; margin-top: 20px;}	
/*this is the end of the History page */
/****************************************************/


/****************************************************/
/*this is the start of the Rooms area */
div#leftColumnOnly {float: left; width: 100%; padding: 5px 0px;}

div#room_info {width: 800px; height: 350px; margin: 5px auto;
	background: url(../images/rooms_more_info.jpg); background-repeat: no-repeat; background-position: right;}
	
a.room_gallery, a.room_gallery:visited {display: block; text-decoration: none; border: none; width: 150px; height: 50px; margin: 0px; padding: 0px; position: relative;}
	
a.slide_mac {background: url(../images/MacIntosh_large_hover.gif);}
a.slide_granny {background: url(../images/GrannySmith_large.gif);}
a.slide_cortland {background: url(../images/Cortland_large.gif);}
a.slide_empire {background: url(../images/Empire_large.gif);}
a.slide_york {background: url(../images/York_large.gif);}
a.slide_york_suite {background: url(../images/York_Suite_large.gif);}
a.slide_cottage {background: url(../images/Cottage_large.gif);}

a.room_gallery span {visibility: hidden; display: block; position: absolute; width: 625px; height: 350px; border: none;}

a.slide_mac span {left: 175px; top: 0px;}
a.slide_granny span {left: 175px; top: -50px;}
a.slide_cortland span {left: 175px; top: -100px;}
a.slide_empire span {left: 175px; top: -150px;}
a.slide_york span {left: 175px; top: -200px;}
a.slide_york_suite span {left: 175px; top: -250px;}
a.slide_cottage span {left: 175px; top: -300px;}

a.room_gallery:hover {background-position: 0 0;}  /*this fixes the IE6 issue*/
a.room_gallery:hover {z-index:1000; border: none; background: transparent url(../images/MacIntosh_large_hover.gif) 0 -50px no-repeat;}
a.room_gallery:hover span {visibility: visible; z-index:1000; border: none;}
a.room_gallery:hover span img {margin: 0px; position:relative; z-index:1000; border: none;}
a.room_gallery:active, a.room_gallery:focus {z-index:100;}
a.room_gallery:active span, a.room_gallery:focus span {visibility:visible; z-index:100;}
a.room_gallery:active span img, a.room_gallery:focus span img {position: relative; margin: 0px; z-index:100;}

div#rightContentTopMargin {margin-top: 5px;}

table.hundred {width: 100%; border: none;}
table td.day {background-color: #451B1C; width: 30%; color: #FFFFFF; text-align: center; height: 30px;}
table td.season {text-align: center; font-size: x-small; height: 25px;}
table td.color1 {background-color: #CDD1C0;}
table td.color2 {background-color: #909A75;}
table td.color3 {background-color: #AEB69B;}
table td.center {text-align: center;}
table td {padding: 10px;}


/*Individual Room pages*/
/******** The Cottage ********/
div#Cottage_Container {position: relative; background-image: url(../images/room_bg_lg.gif); width: 375px; height: 450px;
	margin: 20px auto; padding: 0px;}
div#Cottage_Info {background: url(../images/cottage_win_main.jpg) no-repeat; position: absolute; width: 325px; height: 250px; 
	top: 50px; left: 25px; z-index: 50;}
	
a.Cottage_gallery, a.Cottage_gallery:visited {display: inline; border: 1px solid #000000; width: 75px; height: 75px; margin: 310px 10px 0px 20px; padding: 0px; position: relative; float: left;}
a.slideCottagea {background: url(../images/Cottage_livingRm_sm.jpg);}
a.slideCottageb {background: url(../images/Cottage_queen_sm.jpg);}
a.slideCottagec {background: url(../images/Cottage_twins_sm.jpg);}

a.Cottage_gallery span {visibility: hidden; display: block; position: absolute; width: 335px; height: 335px; border: none;}

a.slideCottagea span {left: -28px; top: -350px;}
a.slideCottageb span {left: -135px; top: -350px;}
a.slideCottagec span {left: -240px; top: -350px;}

a.Cottage_gallery:hover {z-index:1000; border: 1px solid #4F543E;}
a.Cottage_gallery:hover span {visibility: visible; z-index:1000; border: none;}
a.Cottage_gallery:hover span img {margin: 5px; position:relative; z-index:1000; border: none;}
a.Cottage_gallery:active, a.Cottage_gallery:focus {z-index:100;}
a.Cottage_gallery:active span, a.Cottage_gallery:focus span {visibility:visible; z-index:100;}
a.Cottage_gallery:active span img, a.Cottage_gallery:focus span img {position: relative; margin: 5px; z-index:100; border: none;}


/******** York Suite ********/
div#YorkSuite_Container {position: relative; background-image: url(../images/room_bg_lg.gif); width: 375px; height: 425px;
	margin: 20px auto; padding: 0px;}
div#YorkSuite_Info {background: url(../images/yorksuite_main.jpg) no-repeat; position: absolute; width: 325px; height: 250px; 
	top: 50px; left: 25px; z-index: 50;}
	
a.YorkSuite_gallery, a.YorkSuite_gallery:visited {display: inline; border: 1px solid #000000; width: 75px; height: 75px; margin: 280px 10px 0px 50px; padding: 0px; position: relative; float: left;}
a.slideYorkSuitea {background: url(../images/yorksuite_thumb1.jpg);}
a.slideYorkSuiteb {background: url(../images/yorksuite_thumb3.jpg);}

a.YorkSuite_gallery span {visibility: hidden; display: block; position: absolute; width: 335px; height: 335px; border: none;}

a.slideYorkSuitea span {left: -60px; top: -300px;}
a.slideYorkSuiteb span {left: -195px; top: -300px;}

a.YorkSuite_gallery:hover {z-index:1000; border: 1px solid #4F543E;}
a.YorkSuite_gallery:hover span {visibility: visible; z-index:1000; border: none;}
a.YorkSuite_gallery:hover span img {margin: 5px; position:relative; z-index:1000; border: none;}
a.YorkSuite_gallery:active, a.YorkSuite_gallery:focus {z-index:100;}
a.YorkSuite_gallery:active span, a.YorkSuite_gallery:focus span {visibility:visible; z-index:100;}
a.YorkSuite_gallery:active span img, a.YorkSuite_gallery:focus span img {position: relative; margin: 5px; z-index:100; border: none;}


/******** York Room ********/
div#York_Container {position: relative; background-image: url(../images/room_bg_lg.gif); width: 375px; height: 425px;
	margin: 20px auto; padding: 0px;}
div#York_Info {background: url(../images/yorkroom_main.jpg) no-repeat; position: absolute; width: 325px; height: 250px; top: 50px; left: 25px; z-index: 50;}

a.YorkRoom_gallery, a.YorkRoom_gallery:visited {display: inline; border: 1px solid #000000; width: 75px; height: 75px; margin: 280px 10px 0px 50px; padding: 0px; position: relative; float: left;}

a.slideYorkRooma {background: url(../images/york_thumb1.jpg);}
a.slideYorkRoomb {background: url(../images/york_thumb2.jpg);}

a.YorkRoom_gallery span {visibility: hidden; display: block; position: absolute; width: 335px; height: 335px; border: none;}

a.slideYorkRooma span {left: -60px; top: -300px;}
a.slideYorkRoomb span {left: -195px; top: -300px;}

a.YorkRoom_gallery:hover {z-index:1000; border: 1px solid #4F543E;}
a.YorkRoom_gallery:hover span {visibility: visible; z-index:1000; border: none;}
a.YorkRoom_gallery:hover span img {margin: 5px; position:relative; z-index:1000; border: none;}
a.YorkRoom_gallery:active, a.YorkRoom_gallery:focus {z-index:100;}
a.YorkRoom_gallery:active span, a.YorkRoom_gallery:focus span {visibility:visible; z-index:100;}
a.YorkRoom_gallery:active span img, a.YorkRoom_gallery:focus span img {position: relative; margin: 5px; z-index:100; border: none;}


/******** Empire Room ********/
div#Empire_Container {position: relative; background-image: url(../images/room_bg_lg.gif); width: 375px; height: 425px;
	margin: 20px auto; padding: 0px;}
div#Empire_Info {background: url(../images/empire_main.jpg) no-repeat; position: absolute; width: 325px; height: 250px; 
	top: 50px; left: 25px; z-index: 50;}
	
a.Empire_gallery, a.Empire_gallery:visited {display: inline; border: 1px solid #000000; width: 75px; height: 75px; margin: 280px 10px 0px 120px; padding: 0px; position: relative; float: left;}
a.slideEmpirea {background: url(../images/empire_thumb1.jpg);}

a.Empire_gallery span {visibility: hidden; display: block; position: absolute; width: 335px; height: 335px; border: none;}

a.slideEmpirea span {left: -130px; top: -295px;}

a.Empire_gallery:hover {z-index:1000; border: 1px solid #4F543E;}
a.Empire_gallery:hover span {visibility: visible; z-index:1000; border: none;}
a.Empire_gallery:hover span img {margin: 5px; position:relative; z-index:1000; border: none;}
a.Empire_gallery:active, a.Empire_gallery:focus {z-index:100;}
a.Empire_gallery:active span, a.Empire_gallery:focus span {visibility:visible; z-index:100;}
a.Empire_gallery:active span img, a.Empire_gallery:focus span img {position: relative; margin: 5px; z-index:100; border: none;}


/******** Cortland Room ********/
div#Cortland_Container {position: relative; background-image: url(../images/room_bg_lg.gif); width: 375px; height: 425px;
	margin: 20px auto; padding: 0px;}
div#Cortland_Info {background: url(../images/cortland_main.jpg) no-repeat; position: absolute; width: 325px; height: 250px; 
	top: 50px; left: 25px; z-index: 50;}
	
a.Cortland_gallery, a.Cortland_gallery:visited {display: inline; border: 1px solid #000000; width: 75px; height: 75px; margin: 280px 10px 0px 120px; padding: 0px; position: relative; float: left;}
a.slideCortlanda {background: url(../images/cortland_thumb1.jpg);}

a.Cortland_gallery span {visibility: hidden; display: block; position: absolute; width: 335px; height: 335px; border: none;}

a.slideCortlanda span {left: -130px; top: -300px;}

a.Cortland_gallery:hover {z-index:1000; border: 1px solid #4F543E;}
a.Cortland_gallery:hover span {visibility: visible; z-index:1000; border: none;}
a.Cortland_gallery:hover span img {margin: 5px; position:relative; z-index:1000; border: none;}
a.Cortland_gallery:active, a.Cortland_gallery:focus {z-index:100;}
a.Cortland_gallery:active span, a.Cortland_gallery:focus span {visibility:visible; z-index:100;}
a.Cortland_gallery:active span img, a.Cortland_gallery:focus span img {position: relative; margin: 5px; z-index:100; border: none;}

/******** Granny Smith Room ********/
div#Granny_Container {position: relative; background-image: url(../images/room_bg_lg.gif); width: 275px; height: 350px;
	margin: 20px auto; padding: 0px;}
div#Granny_Info {width: 225px; height: 300px;}
div#Granny_Info img.Granny_gallery {position: absolute; width: 225px; height: 300px; top: 20px; left: 25px; }


/******** MacIntosh Room ********/
div#Mac_Container {position: relative; background-image: url(../images/room_bg_lg.gif); width: 375px; height: 290px;
	margin: 20px auto; padding: 0px;}
div#Mac_Info {width: 325px; height: 250px;}
div#Mac_Info img.Mac_gallery {position: absolute; width: 325px; height: 250px; top: 20px; left: 25px; }

table#rooms_nav {margin: 50px auto; padding: 50px 10px 10px 10px;}
table#rooms_nav td.center {text-align: center;}
table#rooms_nav td.padding {padding: 5px;}

/*this is the end of the Rooms area */
/****************************************************/


/****************************************************/
/*this is the start of the Area Activities */
div#leftContentOnly img.LookingGlass {width: 125px; height: 90px; position: relative; float: left; padding: 0px 10px 10px 10px;}
div#leftContentOnly img.BlueRidge {width: 200px; height: 300px; position: relative; float: right; padding: 10px 0px 10px 10px; margin-top: -20px;}
/*this is the end of the Area Activities */
/****************************************************/

/****************************************************/
/*this is the start of the Map & Directions area */
div#map {position: relative; float: right; padding: 0px; margin: 0px;}
div#leftContentOnly div#map iframe.google_map {position: relative; float: right; width: 350px; height: 350px; padding: 0px; margin: 0px; position: absolute; right: 0px; margin-top: 10px;}
div#leftContentOnly div#map a.map {position: relative; float: right;}
div#leftContentOnly p.map_area {width: 55%; position: relative;}


table.fifty {width: 50%; border: none;}
/*this is the end of the Map & Directions area */
/****************************************************/

.moveUp {margin-top: -25px;}
.noBottomPad {padding-bottom: 0px; margin-bottom: 0px;}
.noTopPad {padding-top: 0px; margin-top: 0px;}


/* used to clear both sides of a column */
.clearCols {clear: both;}
	
.clearCols {
	/* hide from IE/Mac \*/
	padding-bottom: 1px;
	margin-bottom: -1px;}


	
/* Footer*/
div#footer {border-top: 5px solid #451B1C; padding-bottom: 10px; font-size: x-small; text-align: center; width: 95%; margin: 0 auto;}
div#footer p {padding: 2px 0px;}

/* Photo Gallery */

#photos #container {
	text-align:center;
}
#photoGalTable, #photoGalDisplayTable, hr {
	margin:auto;
}
#photoGalTable td, #photoGalDisplayTable td {
	text-align:center;
}
#photoGalTable h2 {
	font-size:18px;
}
#photoGalDisplayTable tr td {
	width:175px;
	padding:5px;
}