/* =Format is setup this way - element {color, position , width, height, margin, padding, border, background, text-align, font-size, font-family}

/* Universal elements
These rules are applied to all elements unless otherwise specified below. */
* { margin : 0; padding : 0; }
html {overflow:scroll;font-size: small;font-family:"Trebuchet MS",sans;}
body {background-color: #FFCC66;}
div#containerSmall {margin:0 auto;width: 768px;height: 490px;background: #FFCC66 url(../images/background.jpg) no-repeat;}
div#containerLarge {margin: 0 auto;width: 768px;height: 1050px;background: #FFCC66 url(../images/background_large.jpg) no-repeat;}
div#containerLargeContact {margin: 0 auto;width: 768px;height: 1050px;background: #FFCC66 url(../images/background_large_contact.jpg) no-repeat;}
div#containerLargeGuestbook {margin: 0 auto;width: 768px;height: 1050px;background: #FFCC66 url(../images/background_large_guestbook.jpg) no-repeat;}

a:hover {display: block;}
img {border-style: none;}

/* Branding Section */ 
	div#branding h1,div#branding h2,div#branding h3 {text-indent: -9999px;}
	div#branding {position: relative;top: 5px;background: transparent url(../images/branding.gif) no-repeat center;z-index: 1011;}


/* Navigation Section */
	div#navMain ul li {position: absolute;list-style: none;text-indent: -9999px;z-index: 1010;}
	div#navMain ul li a {position: absolute;left: 65px;}
	div#navMain ul li a#home:link,div#navMain ul li a#home:visited {top: 5px;width: 109px;height: 15px;background: transparent url(../images/homepage.gif) no-repeat center;}
	div#navMain ul li a#stuff:link,div#navMain ul li a#stuff:visited {top: 25px;width: 109px;height: 40px;background: transparent url(../images/information_stuff.gif) no-repeat center;}
	div#navMain ul li a#gallery:link,div#navMain ul li a#gallery:visited {top: 75px;width: 109px;height: 15px;background: transparent url(../images/picture_gallery.gif) no-repeat center;}
	div#navMain ul li a#contact:link,div#navMain ul li a#contact:visited {top: 105px;width: 109px;height: 40px;background: transparent url(../images/contacts_reservations.gif) no-repeat center;}
	div#navMain ul li a#guestbook:link,div#navMain ul li a#guestbook:visited {top: 145px;width: 109px;height: 40px;background: transparent url(../images/guestbook.gif) no-repeat center;}
	
		/* Navigation Hover - Buy dropping the px a few points on the hover it gives the illusion of pushing a button */
			div#navMain ul li a#home:hover {top: 8px;}
			div#navMain ul li a#stuff:hover {top: 28px;}
			div#navMain ul li a#gallery:hover {top: 78px;}
			div#navMain ul li a#contact:hover {top: 108px;}
			div#navMain ul li a#guestbook:hover {top: 148px;}
			
				/* Navigation Active - Active State */
					div#navMain ul li a#stuffActive {top: 25px;width: 109px;height: 50px;background: transparent url(../images/information_stuff_on.gif);}
					div#navMain ul li a#contactActive {top: 105px;width: 118px;height: 50px;background: transparent url(../images/contacts_reservations_on.gif) center;}
					div#navMain ul li a#guestbookActive {top: 145px;left: 55px;width: 119px;height: 50px;background: transparent url(../images/guestbook_on.gif) center;}
					
/* Content Container */
	
/* MainContent section */
	div#mainContent p {position: relative;top: 10}
	div#mainContent img#largePic {position: absolute;top: -25px;right: 65px;z-index: 1009;}
	div#mainContent img#smallPic {position: absolute;top: 165px;left: 95px;z-index: 1009;}
	.paddleLarge h4,.paddleLarge p {text-indent: -9999em;}
	
	/* General formatting for all elements */
	
	/* Custom content layouts */
		div#imageBorders {position: relative;}
		ul#imageBordersLeft li {position: relative;top: 135px;left: 57px;padding: 7px 0px;height: 150;list-style: none;}
		ul#imageBordersRight li {position: relative;top: -640px;left: 577px;padding: 7px 0px;list-style: none;}

		/* Contact us Content Settings */
		
	


/* SiteInformation section - Where the copyrights and the like go */
	div#siteInfoSmall,div#siteInfoLarge {position: relative;font-size: 75%;margin: 1em;text-align: center;}
	div#siteInfoSmall h5 {position: relative;top: 330px;left: 215px;}
	div#siteInfoLarge h5 {position: relative;top: -540px;left: 215px;}
	
	
	
	

