/* ############# Resets  ###############*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/* ############# Globals  ###############*/

body {background-color: #b99f77; font-family:  helvetica, sans-serif;}

h1, h2, h3 { font-size: normal; display: inline;}

.bigbright {font-size: 130%; color: #f2d16a; }
.lessbigbright {font-size: 110%; color: #f2d16a; }
p {padding: 5px 0px 15px 0px; }

a { color: #f2d16a; text-decoration: none;}
a:hover { color: yellow; text-decoration: none;}
a:active { color: orange; text-decoration: none;}


.clearboth {clear: both;}
.textleft {text-align: left; }
.textright {text-align: right; }
.textcenter {text-align: center; }
.hide {display:none;}



/* ############# Global Layout and homepage  ###############*/

div#header { width: 860px;  
                  padding: 0 20px 0 20px;
                  margin: 10px auto 10px auto; 
                   color: #5f3922;
                  border: 0px solid grey;}



div#pagewrap {
       width: 900px; height: 750px; 
       margin: 10px auto 5px auto;  
       box-shadow: 7px 3px 20px rgba(0, 0, 0, 0.80);
      -moz-box-shadow: 7px 3px 20px rgba(0, 0, 0, 0.80);
      -webkit-box-shadow: 7px 3px 20px rgba(0, 0, 0, 0.80);
       background-color: #40312a;
       border: 1px solid black;
       }
    
.homepage { background-image: url(images/homepagebg.jpg); background-repeat: no-repeat; }
.insidepage { background-image: url(images/pagebg62.jpg); background-repeat: no-repeat; }    
    
    
    
    
div#content{position: relative;} 

div.textboxintro { position: absolute; right: 30px; top: 5px; 
						  width: 395px; 
						  border: 0px solid white;
						  color: white;
						  line-height: 120%;
						  letter-spacing: 1px;
						  text-shadow: 1px 1px 2px #000000;
						  filter: dropshadow(color=#000000, offx=1, offy=1); 
					  
							}	
							

							
							
							
div.textboxhouse {   position: absolute; left: 70px; top: 670px; 
							  width: 250px; 
							  border: 0px solid white;
							  color: white;
							  line-height: 120%;
							  letter-spacing: 1px;
							  text-shadow: 1px 1px 2px #000000;
							  filter: dropshadow(color=#000000, offx=1, offy=1); 
							  
							}								
							
#copyright { width: 860px;  
                  padding: 0 20px 0 20px;
                  margin: 10px auto 30px auto; 
                   color: #967b52;
                  border: 0px solid grey;
                  font-size: 70%; text-align: center; }

#copyright a { color: #967b52; text-decoration: none;}
#copyright a:hover { color: yellow; text-decoration: none;}

                 /* ############# Navigation  ###############*/

                             /* #####   Homepage  Navigation  ###*/


							div.nav1 {position: absolute; top:355px; left:100px; 
										   height: 200px; width: 425px; padding: 15px; border: 0px solid red; }
							
							div.nav1 img {float: left; clear: left; }
							div.nav1 a.lodging img, a.events img { margin-left: 30px; }
							
							a.dining>img:hover { background-image: url(images/diningglow.png);  }  
							a.lodging>img:hover{ background-image: url(images/lodgingglow.png);  }  
							a.events>img:hover{ background-image: url(images/eventsglow.png);  }  
							a.booking>img:hover{ background-image: url(images/bookingglow.png);  }  
			
                          
                          /* #####   Inside Pages  Navigation  ###*/


							div.nav2 {position: absolute; top:325px; left:1px; 
										   height: 200px; width: 425px; padding: 15px; border: 0px solid red; }
							
							div.nav2 img {float: left; clear: left; }
							
							a.home2>img:hover { background-image: url(images/home2glow.png);  }  
							a.dining2>img:hover { background-image: url(images/dining2glow.png);  }  
							a.lodging2>img:hover{ background-image: url(images/lodging2glow.png);  }  
							a.events2>img:hover{ background-image: url(images/events2glow.png);  }  
							a.booking2>img:hover{ background-image: url(images/booking2glow.png);  }  
			

         
/* ############# Inside Pages  ###############*/

				/*Text Boxes */
				
				div.textboxdining, div.textboxlodging, div.textboxevents, div.textboxbooking, div.textboxcabin 
											{  font-size: 130%;
				                              position: absolute; right: 30px; top: 25px; 
											  width: 435px; 
											  border: 0px solid white;
											  color: white;
											  line-height: 120%;
											  letter-spacing: 1px;
											  text-shadow: 1px 1px 2px #000000;
											  filter: dropshadow(color=#000000, offx=1, offy=1); 
									      }								
		
							
				  div.textboxbooking, div.textboxcabin, div.textboxevents{  font-size: 110%; }
				  
				  div.textboxbooking { position: absolute; right: 30px; top: 5px; }
				  
				  div.imagesdining { 
											  position: absolute; right: 30px; top: 325px; 
											  width: 500px; 
											  border: 0px solid white;
														  }	
														  
				  div.imageslodging { 
											  position: absolute; right: 30px; top: 430px; 
											  width: 400px; 
											  border: 0px solid white;
														  }										  
														  
	          			
	          div.imagesbooking { 
											  position: absolute; right: 30px; top: 465px; 
											  width: 435px; 
											  border: 0px solid white;
														  }		
														  
			  div.imagesevents { 
											  position: absolute; right: 30px; top: 315px; 
											  width: 500px; 
											  border: 0px solid white;
				
				                         }																  
	
		        div.imagescabin { 
											  position: absolute; right: 30px; top: 345px; 
											  width: 500px; 
											  border: 0px solid white;
														  }			  
		         
		         
		         
/* ############# Don't put big ugly blue borders on every picture that's a link.  ###############*/
/* ############# I'm talking to YOU, Internet Explorer ###############*/

a>img {border: none; }

.nodecor a:link {  text-decoration:none !important; 
	 border-style: none !important; border: 0px !important; }

.nodecor a:visited { text-decoration:none !important; 
	 border-style: none !important; border: 0px !important; }

.nodecor a:hover { text-decoration:none !important; 
	 border-style: none !important; border: 0px !important; }	       

.nodecor a:active {  text-decoration:none !important; 
	 border-style: none !important; border: 0px !important; }

/* ..but what if its an im... NO, NO, NO! */
.nodecor img {  border-style: none !important; border: 0px !important; }