/* CSS Document */

*				{padding: 0;
			 	margin: 0;
			 	}

/* TO HIDE HEADING 1 */
h1 em			{
				position: absolute;
				left: -1000px;
				width: 900px;
				}

			 
body			{background: #911927 url("images/background.gif") repeat fixed;
				margin-top: -10px;
				padding-top: 0px;}

					
#wrap			{height: 600px;
				width: 860px;
				margin: 50px auto 7px auto;
				background: #652E36 url("images/treebground.jpg") no-repeat bottom right;
				}
				
#wrapcontact	{height: 600px;
				width: 860px;
				margin: 50px auto 7px auto;
				background-color: #652E36
				}
			
/* background for rooms page */
				
#wraprooms		{height: 600px;
				width: 860px;
				margin: 50px auto 7px auto;
				background: #652E36 url("images/treebground2.jpg") no-repeat bottom left;
				}
				
						
/* Backgound for Gordon Child page */

#wraproom		{height: 600px;
				width: 860px;
				margin: 50px auto 7px auto;
				background: #652E36 url("images/door_gc_bg.jpg") no-repeat 60px 283px;
				}


/* Background for Charles Darwin page */

#wraproom2		{height: 600px;
				width: 860px;
				margin: 50px auto 7px auto;
				background: #652E36 url("images/door_cd_bg.jpg") no-repeat 60px 280px;
				}

/* Background for Paul Sorensen Page */

#wraproom3		{height: 600px;
				width: 860px;
				margin: 50px auto 7px auto;
				background: #652E36 url("images/door_ps_bg.jpg") no-repeat 60px 287px;
                        }

					
#wrapgarden			{height: 600px;
				width: 860px;
				margin: 50px auto 7px auto;
				background: #652E36 url("images/backgroundpicg.jpg") no-repeat bottom left;
				}
					
#wrapbook			{height: 600px;
				width: 860px;
				margin: 50px auto 7px auto;
				background: #652E36 url("images/guestbook.jpg") no-repeat bottom left;
				}				


/* LOGO AT TOP OF PAGE */

.homelogodiv	{position: absolute;
				margin: -54px auto 0px 70px;
				padding-top: 10px;
				}	
						
			

				/* Border at top of the page */
				
.topborder		{background-color: #C17B43;
				margin: 50px auto -43px auto;
				height: 7px;
				font-size: 5px;  /* For IE */
				width: 860px;
				
				}
				
				/* Border at bottom */
				
.bottomborder		{background-color: #C17B43;
				margin: 0px auto 0px auto;
				width: 860px;
				font-size: 7px;  /* For IE */
				height: 7px;
				}
											
				
.banner			{margin-top: 7px;
				}


.leaf			{float: left;
				margin-top: 40px;
				height: 330px;
				}		

/* Environs and History Buttons in Home.html*/

.introbutton		{float: right;
				background: url("images/listbg.gif") repeat;
                        width: 100px;
				padding: 3px;
				color: #652E36;
				margin-top: 0px;
                        text-align: center;
                        font-size:14px;
				}
				
a.introbutton:hover	{background: #652E36;
				color: white;
                        text-decoration:none;
				text-transform:uppercase;
				font-size: 12px;
                        }				





/* SLideshow or home page */

.slideshow		{float: left;
				margin: -330px 0 0 -20px;
				}

/* Slideshow for Environs  */

.slideshow2		{float: left;
				margin: -340px 0 0 -40px;
				border-left: #EEC57D 5px solid;
				border-right: #EEC47D 5px solid;
				border-top: #C17B43 5px solid;
				border-bottom: #C17B43 5px solid;
				}
				
				
/* Slideshow for History  */

.slideshow3		{float: left;
				margin: -320px 0 0 0px;
				border-left: #EEC57D 5px solid;
				border-right: #EEC47D 5px solid;
				border-top: #C17B43 5px solid;
				border-bottom: #C17B43 5px solid;
				
				}
									
/* Positioning for gallery in room pages*/
	
		
.mouseoverslideshow   {float: left;
				margin: -390px 0 -12px 10px;
				}


.thumbnails		{float: left;
				}

/* Tags for word images on room pages */

.tagcd			{float: right;	
				margin: -12px 20px 0 0;
				height: 10px;
				}
	
	
.taggc			{float: right;	
				margin: -12px 0px 0 0;
				height: 10px;
				}
				
.tagps			{float: right;	
				margin: -12px 0px 0 0;
				height: 10px;
				}
				
/* For opening page */
				
.title			{float: left;
				margin: 0px 0 0 -20px}				

/* Title for room pages, History, Contact and Environs page*/

.title2			{float: left;
				margin: 0px 0 0 81px
				}				


/* Div for main content section */

#content		{float: right; 
				width: 750px;
				height: 327px;
				margin-top: -20px;
			}
			
							
/* Div for paragraph content */
				
#content2		{margin-top: 60px;

				}				
 /* Dive for paragraph contect on Environs page */
 
#content4		{margin: 60px 0 0 78px;}

	
/* Div for pages with gallery to take away falling leaf space */

#content3		{float: right; 
				height: 327px;
				margin-top: -30px;
				margin-left: 10px;
				}

/* Content Div for Tariff page */

#contenttariff		{margin-top: 20px;}				

		
/* content for rooms page */
			
#contentrooms	{float: left; 
				height: 327px;
				margin-top: -30px;
				padding-left: 60px;
				width: 800px;
				}			
			
			
			
			
/* ---------------CONTACT PAGE  -------------*/

				
/* content div for contact page */
				
#contentcontact		{float: left; 
				width: 750px;
				height: 327px;
				margin-top: 0px;
				}

/* Scroll for Contact page */
				
.scrollcontact	{height: 330px;
				float: left;
				margin: 20px 10px -10px 0px;
				padding: 0 10px 0 0;
				width: 830px;
				}	
/* content div for guestbook page */				
.bookdiv             {height:270px; width: 370px;
                        margin: 75px auto auto 430px;
                        padding-right: 0px;
                        overflow: auto;
                        }			

/* content div for restoration page */				
.restdiv             {height:330px; 
                        margin: 40px auto auto 450px;
                        overflow: auto;
                        }												
/* Image of the falls on contact page */


.fallsimage		{float: right;
				margin: -200px -10px 0px 10px;

				}
				
.map			{float:left;
				height: 301px;
				margin: 0px 20px 10px 70px;
				padding: 0 0px 0 0px;
				outline: none;
				border: #C17B43;}
				
/*  H7 Words for click map on location page */				
.mapfont		{float: left;
				margin: -25px 0 5px 0px;
				padding-left: 70px;
				color: #FFCC99;
				font-family: arial, arial-narrow, helvetica, sans-serif;
				font-size: 12px;

				}	
				
				
				
				
															
		
				
/* General scroll page setting */
				
.scroll			{height: 325px;
				overflow: auto;
				margin: 50px 10px 0px 170px;
				padding: 0 10px 0 0;
				}
				

/* For pages with gallery */
				
.scroll2		{height: 330px;
				overflow: auto;
				margin: 100px 10px -2px 300px;
				padding: 0 10px 0 0;}

.scrollgarden	{height: 318px;
				overflow: auto;
				margin: 100px 10px 10px 300px;
				padding: 0px 10px 0 0;
				}


/* For History page */

.scroll3		{height: 310px;
				overflow: auto;
				margin: 0px 20px 0 360px;
				padding: 0 0px 0 0;
	
				}
			
/* For Environs page */	
			
.scroll4		{height: 330px;
				overflow: auto;
				margin: 40px 0px 0px 300px;
				padding: 0 10px 0 0;
				}				
				
h2				{color: #C17B43;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size: 1.5em;
				margin: -30px 30px 10px 0;
				}

h3				{color: #C17B43;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size: 1.5em;
				margin: 0 30px 10px 0;
				line-height: 27px;
				}

h4				{color: #C17B43;
				font-family: Arial-Narrow, Helvetica, Arial, sans-serif;
				font-size: 1.3em;
				margin: -20px 30px 20px 0;
				}
				
h5				{color: white;
				font-family: arial, arial-narrow;
				float: right;
				margin-right: 20px;
				margin-top: -24px;
				}

h6				{color:#FFFFCC;
				font-family: arial, arial-narrow;
				font-size: 14px;}		
	
				
								
p				{color: #FFFFCC;
				font-family: Arial, "Arial Narrow", Helvetica, sans-seriff;
				font-size:.9em;
				font-weight: bold;
				margin: 20px 30px 20px 0;}



/* Table on Tariff page */

table		    {margin-bottom: 20px;
				width: 430px}

td			      {color:#FFFFCC;
				font-family: arial, arial-narrow;
				font-size: 14px;
				padding-bottom: 10px;
				}
				
						
.subtitle		{color: white;

				}
				
				


			



/* Words on the rooms page wher the slide show appears */

.roomssidewords		{float: left;
				width: 150px;
				margin: 70px 0 0px;
				}
		/* font for links on room pages */
		
.roomfont		{color:#FFFFCC;
				font-family: arial, arial-narrow, geneva, times, sans-seriff;
				font-size: 15px;
				width: 500px;
				}
		/* Room font for paragraph words to do with spacing for the word images*/
				
.roomfont2		{color:#FFFFCC;
				font-family: arial, arial-narrow, geneva, times, sans-seriff;
				font-size: 15px;
				width: 500px;
				margin-top: 50px;
				}

.gardenfont3		{color:#eec57d;
				font-family: arial, arial-narrow, geneva, times, sans-seriff;
				font-size: 15px;
				width: 200px;
				margin-left: 300px;
				}

p.book                  {color:#652e36;
				font-family:"Times New Roman", Times, serif;
				font-style:italic; font-size: 14px;
				}
			
				
 
 /* Position of doors on Rooms page*/
 
.doors			{
				margin-top: 44px;
				margin-right: 40px;}

.door1 			{float: left;
				height: 350px;
				margin-left:25px;
				border: none;
				}
.door3 			{float: left;
				height: 370px;
				margin-left:20px;
				border: none;
				}				
.door2 			{float: left;
				border: none;
				}				




/* Links - emails hovers etc */

a				{text-decoration: none;
				color: #C17B43;
				font-weight: bold;
				font-family: Arial;}
				
a:hover			{color: white;
				text-transform: uppercase;
				}


.email			{text-decoration: none;
				color: #C17B43;}
				
a.email:hover 	{color: white;
				text-transform: none; 
				text-decoration: underline}		

		
		
				
/* Navigation Bar  color and height */	
							 
.navbar			{background-color: #EEC57D;
				height: 40px;
				}
		
		
		
			
/* NAVBAR */
				
ul#navlist
{
font-family: arial, sans-serif, helvetica;
font-size: 14px;
list-style-type: none;
padding-bottom: 20px;
margin: 0px;
}

ul#navlist li
{
float: right;
height: 25px;
width: 82px;
line-height: 7px;
background: url("images/listbg.gif") repeat;
color: white;
/* background-color: #C17B43;  */
text-align: center;
margin: 15px 10px 0 2px;
}

li#active a
{
border-bottom: 2px solid #652E36;
background-color: #fff;
}

li#active a { color: #000; }

#navlist a
{
display: block;
color: #652E36;
text-decoration: none;
text-align: center;
padding: 8px 5px 8px 4px;
}

#navlist a:hover { 	background: #652E36;
					color: white;
					width: 66px;
					height: 4px;
					line-height: 4px;
					padding: 8px 7px 8px 9px;
					text-transform:uppercase;
					font-size: 12px;
				}



/* buttons on tariff */


ul#navlist2
{
font-family: arial, helvetica, sans-serif;
font-size: 13px;
list-style-type: none;
padding-top: 20px;
padding-bottom: 10px;
margin: 0px;

}

ul#navlist2 li
{
float: left;
height: 25px;
width: 222px;
line-height: 7px;
background: url("images/listbg.gif") repeat;
color: white;
text-align: center;
margin: 15px 10px 0 2px;
}

#navlist2 a
{
display: block;
color: #652E36;
text-decoration: none;
text-align: center;
padding: 8px 0px 8px 0px;
width: 222px;
}

#navlist2 a:hover {	background: #652E36;
					color: white;
					width: 222px;
					height: 4px;
					line-height: 4px;
					padding: 8px 0px 8px 0px;
					text-align: center;}



/* FOOTER INFO */



div#footer			{
					background-color: #652E36;
					padding: 0px 0 0 0;
					width: 860px;
					height: 20px;
					margin: 0 auto 0 auto;
					}

/* Word on footer */

div#footer p		{
					color: #999999;
					font-size: 60%;
					font-weight: 300;
					margin: 0px 0 0 20px;
					padding: 4px 0 0 0;
					text-align: center;
					
					
					}



			
.xhtml	 			{color: #CCCCCC;
					font-size: 90%;
					font-weight: 300;}
				
a.xhtml:hover 		{text-decoration: underline;
					border: none;
					color: #FFFFFF;}
	
	
	
	/* PG LOGO */
	

a.pgtag  {
    margin: -2px 10px 0px 3px;
    width: 105px;
    height: 15px;
    background: url(images/pgbutton.gif) 0px 0px no-repeat;
	position: absolute;
	outline: none;
}

a.pgtag:hover
{
    border: 0;
    background:  url(images/pgbutton.gif) 0px -19px no-repeat;
	outline: none;

}

a.pgtag:active
{
    border: 0;
    background: url(images/pgbutton.gif) 0px -38px no-repeat;
	outline: none;

} 

/* To move the words Paramount Graphics away from the logo */

#paramountwords	{position: absolute;
				left: -2000px;}