* { 
     padding: 0;
     margin: 0;
} 

body { 
     font: 11px/160% verdana, arial, tahoma, verdana,sans-serif;
	 color: #665B59;
	 background: #57503E url(images/page_bg.jpg) repeat;
}

a {
     text-decoration: none; 
	 cursor: default;
} 


/*-- Skeleton --*/

#top_bg { 
     background: url(images/top_bg.jpg) top left repeat-x;
	 width: 100%;
} 

#layout { 
     width: 770px;
	 margin: 0 auto;
	 background: url(images/lay_bg.jpg) top left repeat-y;
}

#header { 
     width: 770px; 
	 height: 166px;
	 background: url(images/image_01.jpg) top left no-repeat; 
	 position: relative;
}

#container_bg { 
	 background: url(images/image_03.jpg) bottom left no-repeat; 
	 float: left;
}

#container { 
     width: 770px;
	 background: url(images/image_02.jpg) top left no-repeat; 
	 float: left;
}

#content { 
     float: left; 
	 width: 485px;
	 margin: 10px 0 0 38px;
}

#navigation { 
     float: right;
	 width: 185px;
	 margin: 70px 30px 0 0;
} 


#footer { 
         clear: both; 
	 width: 770px;
	 background: url(images/image_04.jpg) top left no-repeat; 
	 height: 114px;
} 


#footer-info { 
	 width: 550px;
	 float: left;
	 margin: 15px 0 0 35px;
}

#footer #toTop { 
	 float: right; 
	 margin: 80px 35px 0 0;
	 font: bold 10px arial, sans-serif;
	 text-transform: uppercase;
} 

/*-- Top Navigation Menu --*/

ul#topmenu { 
     position: absolute;
	 right: 35px;
	 list-style-type: none;
	 margin: 10px 0 0 0;
	 font: bold 11px arial, tahoma, sans-serif;	 
     letter-spacing: 1px;
}

ul#topmenu  li { 
     float: left; 
	 text-transform: uppercase;
	 margin: 0;
	 background: url(images/topmenu.jpg) top center repeat-x;
	 border: 1px solid #000;
	 border-width: 0 1px 0 0;
}
	
ul#topmenu li a { 
     color: #897266;
	 display: block;
	 padding: 7px 10px;
}

ul#topmenu li a:hover { 
     color: #D4CFC9; 
	 border-bottom: none;
} 

ul#topmenu li:hover { 
     background: url(images/topmenu.jpg) bottom center repeat-x;
}

/*-- Site title --*/

h1 { 
	 float: right;
	 margin: 135px 60px 0 0; 
	 font: italic 330%/0 'times new roman', serif; 
} 

h1 a { 
     color: #A7A29C;
}

h1 a:hover { 
     color: #B7B2AC;
	 border-bottom: none;
} 


/*---- CSS Curve ----*/

.curve { 
float: left; 
clear: left;  
display: block; 
height: 13px;
}

#line1 { width: 44px; }
#line2 { width: 40px; }
#line3 { width: 35px; }
#line4 { width: 25px; }
#line5 { width: 20px; }
#line6 { width: 15px; }
#line7 { width: 15px; }


#welcome { 
     color: #57403C;
	 float: right; 
	 width: 535px;
	 margin: 5px 35px 15px 0;
}

a { 
     color: #705A45; 
}

a:hover, #navigation ul.desc li a:hover { 
     color: #87694C;
	 border-bottom: 1px solid #373536;
}

#navigation a:hover {
	 color: #8F8F8F;
}
	
/*-- Lists --*/
 
ol, ul { 
	 list-style-position: inside; 
	 margin: 10px 0 10px 10px; 
} 

ul { 
	 list-style-type: none;
	 margin: 15px 0;
}

#navigation ul li { 
	 color: #4F4B4A;
}

#content ul li, #navigation ul li {
     background: url(images/bullet.jpg) 0 7px no-repeat;
     padding-left: 15px;
     margin: 5px 0 5px 10px;
}

#navigation ul.desc li { 
     margin: 10px 0;
	 list-style-type: none;
     background: none;
}

#navigation ul.desc li a { 
     font: bold 11px/190% arial, sans-serif;
	 letter-spacing: 1px;
	 text-transform: uppercase;
	 border-bottom: 1px solid #373536;
}

/*-- Headers --*/

h2 { 
	 padding: 5px 0;
	 margin: 10px 0;
	 color: #705A45;
	 font: 180%/120% georgia, serif;
	 background: url(images/h2.jpg) center left no-repeat;
	 padding-bottom: 20px;
}

h2 span {
 	 font: 10px verdana, sans-serif;
	 float: left;
  	 margin-top: 8px;
	 color: #3F2827;
}  

h2 span a { 
	 color: #573A39;
}


#navigation h2 {
	 font-size: 13px;
     color: #573A39;
}

h3 { 
	 margin: 10px 0;
	 font: bold 100%/190% arial, tahoma, verdana, sans-serif;
	 border-bottom: 1px solid #252324;
	 text-transform: uppercase;
	 letter-spacing: 1px;
}

/*-- Form Elements --*/

form { 
	 margin: 20px 0;
}

input, textarea { 
	 font: 12px 'courier new', monospace;
	 color: #272020; 
	 padding: 5px;
	 background: url(images/top_bg.jpg) 0 -410px; repeat;
	 width: 340px;
	 border: 1px solid #63543F;
	 margin: 5px 0;
}

input:hover, textarea:hover { 
     color: #060604;
}

textarea { 
	 background-position: 0 -401px;
	 padding-top: 10px;
}

label { 
	 width: 100px;
	 float: left;
	 background: #180E0D;
	 margin: 5px 10px;
	 padding: 2px 5px;
         border: 1px solid #271716;
}

.button { 
	 width: 100px;
	 float: right;
	 margin-right: 5px;
	 font: inherit;
	 color: #060604;
}

.clear { 
     clear: both; 
}

#searchform {
     background: url(images/searchform.jpg) top left no-repeat; 
	 margin-left: 8px;
}

#searchform input { 
	 padding-left: 0;
	 margin: 3px 0 0 5px;
	 background: none; 
	 border: none;
} 

#searchform input:hover, .searchbutton { 
	color: #372D2D; 
} 

.search { 
         width: 100px; 
         float: left;
} 

.searchbutton { 
         width: 58px; 
         float: right;
         padding: 3px 5px 3px 2px ; 
}

/*-- Blockquote --*/

blockquote { 
	 padding-left: 10px;
	 border-left: 2px dotted #371F18;
	 margin: 20px 0 20px 35px;
	 width: 410px;
	 font: italic 12px 'lucida sans', arial, sans-serif;
     color: #473C3A;
}

p { 
     margin: 12px 0;
}