img { border: 0px none; }

body
{
	background: #7f8d87 url(images/bgbody.gif) repeat;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: small;
	line-height: 1.6em;
}

#navlisttop ul
{
	margin-left: 0;
	padding-right: 0;
	white-space: nowrap;
	width: 100;
}

#navlisttop li
{
	display: inline;
	list-style-type: none;
	float: right;
	border: .5px solid white;
}

#navlisttop a { padding: 3px 10px; }

#navlisttop a:link, 
#navlisttop a:visited
{
	color: #fff;
	background-color: #036;
	text-decoration: none;
}

#navlisttop a:hover
{
	color: #fff;
	background-color: #369;
	text-decoration: none;
}


#navlist
{
	float: left;
	clear: left;
	padding: 10px;
	margin-left: 0;
	margin-right: 10px;
	margin-bottom: 500px;
	font: 12px verdana, sans-serif;
	color: gray;
}

#navlist li
{
	list-style: none;
	margin: 0px;
	border-left: 1px #004080 solid;
	border-bottom: 1px gray solid;
	text-align: left;
	width: 100px;
}

#navlist li a
{
	display: block;
	padding: 0.7em 0.5em 0.7em 0.9em;
	text-decoration: none;
}

#navlist li a:link { color: #000; }
#navlist li a:visited { color: #006; }

#navlist li a:hover
{
	font-weight: bold;
	color: #fff;
	background: #369;
	border-left: 3px #004080 solid;
}

#main
{
	padding: 25px;
	margin: 10px 10px 10px 10px;
	text-align: left;
}

h1, h2 { font-weight: normal; }

h1
{
	font-size: 150%;
	font-color: #003366;
}

h2
{
	font-size: 110%;
	font-color: #808d86;
}

h3
{
	font-weight: bold;
	font-size: 110%;
	font-color: #a49188;
}

#pullout
{
	line-height: 1.9em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-color: white;
	border-width: 1px;
	border-style: dashed;
	background-color: #a7cece;
	padding: 25px;
	padding-left: 90px;
	margin: 30px;
	margin-right: 150px;
	background-image: url(images/background.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#quotes
{
	line-height: 1.9em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-color: #366;
	border-width: 1px;
	border-style: dashed;
	background-color: #ffffff;
	padding: 5px;
	padding-left: 60px;
	margin-left: 100px;
	margin-right: 50px;
	background-position: top left;
}

#footer
{
	font-size: 70%;
	text-align: center;
	font-color: #003366;
	margin-top: 30px;
}

a:link { color: #036; }
a:visited { color: gray; }
a:hover { color: none; }

#allcontent
{
	width: 728px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
}

ul.circle
{
	list-style-position: outside;
	list-style-type: circle;
	line-height: 1.9em;
}

/* needed for IE to make :active state work first time */
a, a:visited { color: #000; }

/* common styling for all galleries */
a.gallery, a.gallery:visited
{
	display: inline-block;
	color: #000;
	text-decoration: none;
	border: 1px solid #000;
	width: 75px;
	height: 47px;
	float: left;
	margin: 4px;
	z-index: 50;
}

a.slidea { background: url(images/frontbay.jpg); }
a.slideb { background: url(images/pool.jpg); }
a.slidec { background: url(images/ceiling.jpg); }
a.slided { background: url(images/stair.jpg); }
a.slidee { background: url(images/dining.jpg); }
a.slidef { background: url(images/french.jpg); }
a.slideg { background: url(images/living.jpg); }
a.slideh { background: url(images/family.jpg); }
a.slidei { background: url(images/deck.jpg); }
a.slidej { background: url(images/indeck.jpg); }
a.gallery em, a.gallery span { display: none; }
a.gallery:hover { border: 1px solid #fff; }

/* styling for BOTTOM gallery */
#container_bottom
{
	position: relative;
	width: 425px;
	height: 425px;
	background: #d1c8c3;
	border: 1px solid #a49188;
	margin: 1em auto;
}

#container_bottom img { border: 0; }

#container_bottom .thumbs
{
	position: absolute;
	left: 0;
	bottom: 0;
}

#container_bottom a.gallery:hover span
{
	display: block;
	position: absolute;
	width: 402px;
	height: 50px;
	top: -45px;
	left: 5px;
	padding: 5px;
	font-style: italic;
	color: #fff;
	z-index: 100;
}

#container_bottom a.gallery:hover span:first-line
{
	font-style: normal;
	font-weight: bold;
	font-size: 1.1em;
	color: #000;
}

#container_bottom a.gallery:active, #container_bottom a.gallery:focus { border: 1px solid #000; }

#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em
{
	display: block;
	position: absolute;
	width: 402px;
	height: 250px;
	top: -305px;
	left: 5px;
	padding: 5px;
	color: #000;
	border: 1px solid #3d330f;
	z-index: 50;
}

#container_bottom h1
{
	clear: both;
	margin: 0;
	padding-top: 80px;
	text-align: center;
	font-family: georgia, "times new roman", serif;
	font-size: 3em;
	font-weight: normal;
	color: #fff;
}

#container_bottom h1 em
{
	font-size: 0.6em;
	color: #000;
}