/* ------------------------- */
/* Hobbit House - stylesheet */
/* ------------------------- */

body {font-family: Tempus sans ITC, Georgia, Verdana, sans-serif; background: #c99863; color: #000000; font-size: 13px; margin: 0; padding: 0;}

#frame  {position: absolute; width: 800px; margin-left: -400px; left: 50%; height: 600px; margin-top: -300px; top: 50%; background: #ffffff;}
#frame2 {width: 800px; margin: auto; background: #ffffff;}
#insideframe {width: 792px; margin-left: 8px;}
#rightframe {margin: 0; padding: 0;}

a {text-decoration: none; color: #177908;}
a:hover {color: #915308;}
a img {border: none;}

.left {float:left; margin: 0; padding: 0; width: 392px;}
.left2 {float:left; margin: 0 20px 0 10px; padding: 0;}
.right img {float:right;}
img.del {margin: 5px 5px 5px 5px;}
.greenline {width: 784px; background: #ffffff; margin-top: 10px; margin-bottom: 10px; border-top:2px solid #177908;}
.center {text-align:center;}
.credits {margin: auto;}
.leftcredits {float: left; margin-right:30px;}
a.gallery img {
margin: 5px 5px 5px 5px; border: 1px solid #666666;
filter: Alpha(opacity=100); /* IE */
-moz-opacity: 1.0; /* Mozilla */
}
a.gallery:hover, a.gallery:hover img {
filter: Alpha(opacity=50);
-moz-opacity: 0.5;
}

h1 {font-size: 1.5em; margin: 0; padding: 0;}
h2 {font-size: 1.2em; margin: 0; padding: 0;}
h3 {font-size: 1.75em; margin: 0; padding: 0;}
p {margin-left: 15px; margin-right: 15px;}
p.nextimage {margin-left: 0px; margin-right: 15px;}
span.bold {font-weight:bold;}

#menu_introduction  {width: 392px; height: 30px; margin-top: 35px;}
ul#nav {margin: 0 0 0 0px; padding: 0 0 0 4px; list-style: none; text-align: left;}
ul#nav li {margin: 0; padding: 0; list-style: none;}
ul#nav li a {display: block; width: 392px; height: 30px; text-indent: -9999px;}
#nav_introduction {background: url(images/introduction.png) 0px 0px no-repeat;}
a#nav_introduction:hover {background-position: -392px 0px}

#menu_oakdoor  {width: 392px; height: 55px; margin-top: 20px;}
ul#nav2 {margin: 0 0 0 0px; padding: 0 0 0 4px; list-style: none; text-align: left;}
ul#nav2 li {margin: 0; padding: 0; list-style: none;}
ul#nav2 li a {display: block; width: 392px; height: 55px; text-indent: -9999px;}
#nav_oakdoor {background: url(images/oakdoor.png) 0px 0px no-repeat;}
a#nav_oakdoor:hover {background-position: -392px 0px}

#menu_carpentry  {width: 392px; height: 55px; margin-top: 20px;}
ul#nav3 {margin: 0 0 0 0px; padding: 0 0 0 4px; list-style: none; text-align: left;}
ul#nav3 li {margin: 0; padding: 0; list-style: none;}
ul#nav3 li a {display: block; width: 392px; height: 55px; text-indent: -9999px;}
#nav_carpentry {background: url(images/carpentry.png) 0px 0px no-repeat;}
a#nav_carpentry:hover {background-position: -392px 0px}

#menu_wood  {width: 392px; height: 55px; margin-top: 15px;}
ul#nav4 {margin: 0 0 0 0px; padding: 0 0 0 4px; list-style: none; text-align: left;}
ul#nav4 li {margin: 0; padding: 0; list-style: none;}
ul#nav4 li a {display: block; width: 392px; height: 55px; text-indent: -9999px;}
#nav_wood {background: url(images/wood.png) 0px 0px no-repeat;}
a#nav_wood:hover {background-position: -392px 0px}

#menu_order  {width: 392px; height: 50px; margin-top: 11px;}
ul#nav5 {margin: 0 0 0 0px; padding: 0 0 0 0px; list-style: none; text-align: left;}
ul#nav5 li {margin: 0; padding: 0; list-style: none;}
ul#nav5 li a {display: block; width: 392px; height: 50px; text-indent: -9999px;}
#nav_order {background: url(images/order.png) 0px 0px no-repeat;}
a#nav_order:hover {background-position: -392px 0px}

#menu_housesale  {width: 392px; height: 50px; margin-top: 2px;}
ul#nav6 {margin: 0 0 0 0px; padding: 0 0 0 0px; list-style: none; text-align: left;}
ul#nav6 li {margin: 0; padding: 0; list-style: none;}
ul#nav6 li a {display: block; width: 392px; height: 50px; text-indent: -9999px;}
#nav_housesale {background: url(images/housesale.png) 0px 0px no-repeat;}
a#nav_housesale:hover {background-position: -392px 0px}

/* This is not used */
span.menu_homepage  {width: 53px; height: 53px;}
ul#nav7 {margin: 0 0 0 0px; padding: 0 0 0 0px; list-style: none; text-align: left;}
ul#nav7 li {margin: 0; padding: 0; list-style: none;}
ul#nav7 li a {display: block; width: 53px; height: 53px; text-indent: -9999px;}
#nav_homepage {background: url(images/homepage.png) 0px 0px no-repeat;}
a#nav_homepage:hover {background-position: -53px 0px}

/* This is not used, it was only to fix a layout problem */
#menu_order2  {width: 392px; height: 107px; margin-top: 21px;}
ul#nav8 {margin: 0 0 0 0px; padding: 0 0 0 4px; list-style: none; text-align: left;}
ul#nav8 li {margin: 0; padding: 0; list-style: none;}
ul#nav8 li a {display: block; width: 392px; height: 107px; text-indent: -9999px;}
#nav_order2 {background: url(images/order2.png) 0px 0px no-repeat;}
a#nav_order2:hover {background-position: -392px 0px}