/* CSS Document */

body { background: #fff url(images/purplewall2.jpg); font: 1em/1.2em Garamond, Palatino, Georgia, serif; }
body * { margin: 0; padding: 0; border: none; text-decoration: none; color: #000; }

#gestalt { position: relative; margin: 10% 5%; }
#header { width: 100%; border-bottom: 1px solid #fff; }
#header h1 { padding-top: 25px; color: #fff; padding-bottom: 10px; }

#nav { width: 13em; border-left: 1px solid #fff; position: absolute; right: 0; }
#nav ul { list-style-type: none; margin: 25px auto;  }
#nav ul li { height: 35px;  margin-left: -40px;padding: 2px 5px 2px 48px; font: .8em Optima, Geneva, Arial, Helvetica, sans-serif; text-align: left;}
#nav ul li.navHome { background: url(images/nav_leaf.gif) no-repeat left bottom; }
#nav ul li.navCer { background: url(images/nav_frond.gif) no-repeat left bottom; }
#nav ul li.navDir { background: url(images/nav_starfish.gif) no-repeat left bottom; }
#nav ul li.navLodgings { background: url(images/nav_berry.gif) no-repeat left bottom; }
#nav ul li.navTodo { background: url(images/nav_vine.gif) no-repeat left bottom; }
#nav ul li.navPhotos { background: url(images/nav_twinkle.gif) no-repeat left bottom; }
#nav ul li a { display: block; padding-top: 20px; text-transform: uppercase; letter-spacing: 1px; }
#nav ul li a:link, a:visited { color: #fc6; }
#nav ul li a:hover { color: #603; }
#nav ul li a:active { color: #f90; }

#maincontent { padding: .5em 20em 0 0; min-height: 300px; background: url(images/fallingleaves2.gif) no-repeat 100px 0; }
#maincontent h1 { margin-bottom: 2em; font:  1.3em Optima, Verdana, sans-serif; color: #171447; }
#maincontent h2 { font: 1.2em Optima, Verdana, sans-serif; color: #171447; }
#maincontent h2, #maincontent p, #maincontent ul { margin: 1em 0 0 25px; }
#maincontent ul, #maincontent ol { padding-left: 25px; }
#maincontent li { list-style-type:none; height: 28px; padding: 0 0 0 25px; margin-bottom: .5em;
	background: url(images/clamshell.gif) no-repeat left top; }
#maincontent a:link, #maincontent a:visited { color:#401 }
#maincontent a:hover { color: #fc6; }
#maincontent a:active { color: #66c; }

#footer { display: none; }