/* CSS Document */

body{
  margin: 0 auto;
  text-align: center;
  background: #000 url(../images/main_bg.jpg) top center repeat-x;
  }



/*-- styles for the main pages of artifacts site--*/
#container{
  margin: 0 auto;
  width: 953px;
  }
  
#wrapper{
  width: 953px;
  background: url(../images/middle.gif) repeat-y center left;
  }
  
#top_box{
  width: 953px;
  background: url(../images/bottom.gif) no-repeat bottom left;
  padding-bottom: 27px;
  }
    
#main_nav{
  height: 150px;
  width: 953px;
  background: url(../images/logo.gif) no-repeat top left;
  }  

#main_nav ul{
  margin: 0px;
  padding: 100px 50px 0px 0px;
  float: right;
  list-style: none;
  }
  
#main_nav li{
  display: inline;
  margin: 0px 10px;
  }
  
#main_nav a{
  color: #f2d9aa;
  font-size: 14pt;
  text-decoration: none;
  }

#main_nav a:hover{
  color: #000;
  }


/*-- styles for home page--*/
#content{
  margin: 0 auto;
  width: 900px;
  }
  
#flash{
  float: right;
  margin: 20px 10px 30px 0px;
  width: 558px;
  }

#state{
  float: left;
  margin: 0px;
  width: 300px;
  }
  
#state p{
  text-align: justify;
  margin: 60px 0px 0px 0px;
  color: #f2d9aa;
  font-size: 18pt;
  }
  
    
  
  
/*-- sytles for store page--*/
#store{
  margin: 0 auto;
  text-align: center;
  width: 650px;
  }








/*-- styles for directions page --*/
#directions{
  width: 900px;
  height: 450px;
  margin: 0 auto;
  }

#place{
   margin: 0 auto;
   padding: 60px 0px 0px 0px;
   width: 800px;
   }
    
#place p{
  text-align: justify;
  margin: 0px;
  float: left;
  color: #f2d9aa;
  width: 400px;
  font-size: 14pt;
  }

.map{
  float: right;
  }
      
a .map{
  border: 2px solid #d7c24e;
  }

a:hover .map{
  border: 2px solid #fff;
  }
 
 
 
 
  
/*-- styles for contact page --*/
#formplacement{
  margin: 0px 0px 0px 50px;
  height: 400px; 
  width: 900px;
  text-align: left;
  }

.mask{
  margin: 50px 0px 0px 0px;
  float: left;
  }
    
#thisform{
  float: right;
  margin: 50px 20px 0px 0px;
  text-align: left;
  color: #f2d9aa;
  font-size: 14pt;
 }

#thisform p{
  width: 400px;
  color: #f2d9aa;
  }  
  
#times{
  float: left;
  margin: 70px 0px 0px 20px;
  }

#times p{
  text-align: left;
  color: #f2d9aa;
  font-size: 15pt;
  }

#times h3{
  color: #f2d9aa;
  font-size: 15pt;
  }
  
#submit{
  margin: 0px 0px 0px 200px;
  }

#clear{
  clear: both;
  }
  


/*-- styles for about page --*/ 
#about{
  width: 900px;
  margin: 0 auto;
  }
  
#statement{
  margin: 80px 0px 0px 80px;
  }

.stones{
  margin: 0px;
  padding: 0px 30px 0px 30px;
  float: left;
  }
    
#about p{
  text-align: justify;
  margin: 0 auto;
  color: #f2d9aa;
  width: 540px;
  font-size: 14pt;
  }  
  
#footer{
  margin: 0px 0px 30px 0px;
  }


/*-- uploads page--------------------------------------------*/
#tools{
  width: 900px;
  margin: 0 auto;
  padding: 20px 0px 0px 0px;
  }

#tools p{
  text-align: justify;
  color: #f2d9aa;
  font-size: 14pt;
  }
    
#crop{
  margin: 0px;
  width: 300px;
  float: left;
  }
  
#crop2{
  margin: 0px;
  width: 500px;
  float: right;
 }

#crop3{ 
  margin: 0px;
  width: 800px;
  }