/*
Font size is set at 62.5% so that 
1em = 10px.
*/
body {
   margin:0;
   padding:0;
   background:#bfa399 url(../images/pattern.jpg);
   font-family:Trebuchet MS, Georgia, Arial;
   font-size:62.5%;
   color:#682304
   }
   
h1,h2,h3,h4,p,ul,li {
   margin:0;
   padding:0
   } 
   
p  {		
   font-size:1.4em;
   line-height:1.4em
   }   
   
p a {
   text-decoration:none;
   color:#732306;
   font-weight:bold
   }   

ul {
   list-style-type:none;
   }
   
/* 
"margin: 0 auto" with a width will center the layout
in the browser window
*/ 

#wrap {
   margin:0 auto;
   margin-top:15px;
   padding:0;
   width:800px;
   background:#f2eed8;
   }
   
#masthead {
   margin:0 10px; 
   padding:0; 
   } 
   
#masthead h1 {
   padding:15px 0 0 0;  
   float:left;	
   font-size:3em;
   }	
   
#masthead h1 a {
   text-decoration:none;
   color:#f29f05
   }   	
   
#masthead span {
   color:#682304
   } 
   
#masthead h2 {
   padding:30px 0 0 3px; 
   float:left;
   font-size:1.5em;
   color:#732306;
   }
   
#nav {	
   float:right;	 
   list-style:none;
   margin:20px 0 0 0;
   font-size:1.4em;
   }

#nav li { 	  
   float:left
   }   

#nav li a{ 		
   padding:0 10px 0 20px;
   color:#732306;
   text-decoration:none
   }   

#nav li a:hover, #nav li a.active {
    background: url('../images/link_on.gif') no-repeat left center
	}

#header {
   clear:both;
   margin:0 10px;
   padding:0; 
   }
   
#footer {
   clear:both;
   margin:0 10px;
   padding:0; 
   }   

/*
Setting vert align to bottom eliminates gap after image
*/   
#header img {
   vertical-align:bottom
   }
      
#header h2 {  
   margin:0;
   padding:5px; 
   color:#732306;
   text-align:center;
   font-size:1.5em;
   line-height:1.4em; 
   letter-spacing:.1em;
   background:#f29f05
   }	      
   
#header span {
   color:#fff;
   }
   	  
#main {
   margin:0 10px;
   }
      
#content { 
   margin:0;
   padding:0 20px 20px 0;
   float:right;	 
   width:390px;
   } 

#error { 
   margin:50px 0 100px 0;
   padding:0 20px 20px 0;	
   float:right; 
   width:390px;
   }   
   

#content h3 {	
   padding:20px 0 0 0;
   font-size:1.9em;
   } 
   
#content p {
   padding:5px 0 0 0
   }   
   
#content h4 {	
   padding:20px 0 5px 0;
   font-size:1.6em
   } 
   
#content img { 
   margin:10px 0 0 22px;
   padding:2px;
   border:1px solid #732306;    
   background:#fff
   }
   
#content dl {
   margin:0 0 0 25px;	   
   }

#content dt {
   margin:0;
   padding:10px 0 0 0;
   font-size:1.4em;
   font-weight:bold	   
   } 
   
#content dd {
   margin:0;
   padding:0;
   font-size:1.4em;   
   }     
           
   
#sidebar { 
   margin:0; 
   padding:0 0 20px 32px;
   float:left;    
   width:318px;
   background:#e9e2bc
   }	
   
#sidebar h4 {  
   margin:0 28px 20px 0;	
   padding:20px 0 0 0;
   border-bottom:1px solid #732306;
   font-size:1.2em
   }  

#portfolio li {
   float:left; 
   margin:0; 
   padding:0 25px 25px 0;
   }     

#portfolio li img {   
   border:1px solid #732306;
   padding:2px;
   background:#fff
   }  
   
#footer {
   padding:6px 0;
   font-size:.8em;
   letter-spacing:.1em;
   text-align:center;
   background:#ede8c9;
   }   		
   
#footer a {
   text-decoration:none;	
   color:#732306;  
   font-weight:bold;
   }   

/* Hide from IE5/Mac \*/
* html #footer { height:1%;}
/* End hide from IE5/Mac */