/* The Basics
---------------------------------------------------------------*/

body{ background: #E3D2B4 url('images/body_bg.gif') repeat top left;}
span{ display: none; }
h1{ color: #B59D75; margin: 0; padding: 0; font-size: 12pt;}


/* Anchors
---------------------------------------------------------------*/
a:link, a:active {text-decoration: none; color:#B59D75;}
a:visited {text-decoration: none;color:#140B04;}	
a:hover {text-decoration: none;color:#140B04;} 
a img {border-width: 0; border-style: none;}


/* Basic Page Structure
---------------------------------------------------------------*/

#container{
   width: 700px;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   }

#logo{
   width: 350px;
   height: 50px;
   background-color: transparent;
   padding-top: 50px;
   }

#main-body{
   width: 700px;
   height: 450px;
   background: transparent url('images/main_bg.gif') no-repeat top left;
   }

#main-about{
   width: 700px;
   height: 450px;
   background: transparent url('images/about_bg.jpg') no-repeat top left;
   }

#main-gallery{
   width: 700px;
   min-height: 450px;
   background-color: transparent;
   }

/* Navigation Bar
----------------------------------------------------------------*/

#nav {
   width: 700px;
   float: left;
   height: 25px;
   padding: 0 0 0 0;
   margin: 0;
   }

#nav ul {
   margin: 0;
   padding: 0;
   list-style: none;
   float: right;
   }

#nav li {
   float: left;
   margin: 0;
   padding: 0;
   }

#nav li a {
   float: left;
   font-size: 110%;
   font-weight: normal;
   text-decoration: none;
   color: #332312;
   padding: 5px 10px 0px 5px;
   }

#nav li a:hover {
   color: #140B04;
   text-decoration: none;
   }

#nav li a.selected {
   color: #140B04;
   padding: 5px 10px 0px 5px;
   font-weight: bold;
   text-decoration: none;
   }


/* Footer
----------------------------------------------------------------*/
#footer{
   position: fixed;
   width: 700px;
   bottom: 0;
   font-size: 70%;
   }

#footer a{
   color: #140B04;
   }

#footer-left{
   width: 350px;
   float: left;
   text-align: left;
   }

#footer-right{
   width: 350px;
   float: right;
   text-align: right;
   }


/* Contact Information
----------------------------------------------------------------*/

#contact{
   width: 660px;
   height: 300px;
   padding: 232px 0 0 20px;
   }

#contact p{
   margin: 0;
   padding: 0;
   color: #fff7ea;
   }


/* About Me Information
----------------------------------------------------------------*/

#about{
   width: 660px;
   height: 300px;
   padding: 346px 0 0 20px;
   }

#about p{
   margin: 0;
   padding: 0;
   line-height: 110%;
   font-size: 0.96em;
   color: #fff7ea;
   }