/*******************************************************************

Name: Natural Essence: Date: 2007-02-20
Description: Soft and natural single/two-column template.
Author: Viktor Persson URL: http://templates.arcsin.se
Feel free to use and modify but please provide credits.
********************************************************************/

/****************************** DEFAULT ELEMENTS *******************************/
*      {    margin: 0;  padding: 0;}

body   {    background: #000000;  url(img/bg.jpg); 
	    font: normal 62.5% sans-serif; color: #FFFFFF;	    
	    padding: 4px 0 10px 0;  }

a          { color: #642; }
a:hover    { color: #D59D69; }

h1,h2,h3   { color: #FFFFFF;      
             padding: 8px 0 2px;}

h1         { font: normal 3.0em "Times New Roman", serif, sans-serif; font-style: italic; color: #D59D69;}
h1 a       { color: #D59D69; text-decoration: none;}
h1 a:hover { color: #D59D69; text-decoration: underline;}

h2         {font: normal 1.8em "Times New Roman", serif, sans-serif;}
h3         {font: normal 1.4em "Times New Roman", serif, sans-serif;}
h4         {font:   bold 1.0em "Times New Roman", serif, sans-serif;}

blockquote {	background: url('img/quote.gif') no-repeat;
	        display: block;
	        font: normal 1.1em Georgia,serif;
	        padding-left: 26px  }

form,table   { margin-bottom: 1.2em;}

img          { border: none;}

label        { display: block;}

ul           { padding: 0 2em 1.2em;}

li           { line-height: 1.5em;}

p            { padding: 2px 0 10px;}

big          { font-size: 1.1em;}
small,.small { font: normal 0.9em sans-serif;}
tiny,.tiny   { font: normal 0.7em sans-serif;}


/********************************** STRUCTURE **************************************/
#wrapper   {	background: #000000 url(images/wrapper.gif) no-repeat left bottom;
                width: 762px; 
	        margin: 0px auto; }

#container {	background: #FFFFFF;
	        width: 750px;
	        font-size: 1.3em; line-height: 1.3em;
	        margin: 0px auto;	        
                border-top: 6px solid #332;}

/************************************ HEADER ****************************************/

.header {	background: #000000 url(img/header.jpg) no-repeat left bottom;
	        height: 220px; 
                color: #D59D69;
                padding: 0px 0px 0px 80px; 
                border-top: 2px solid #7A0000; }                

.title    {	background: #000000; url(img/header-h1.jpg) repeat-x; 
	        border-top: 1px solid #7A0000; }

.title h1 {	color: #D59D69;
	        font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
	        padding: 10px 0 10px 18px; }

/************************************ NAVIGATION *************************************/

.navigation         {	background: #BFBBB3 url(img/nav.gif) repeat-x; 
                        height: 41px;
	                border-top: 1px solid #996; }

.navigation a       {	background: #FFFFFF url(img/nav.gif) repeat-x;
	                font: bold 1em Tahoma, sans-serif; color: #553; text-decoration: none;
	                float: left; text-align: center;
	                line-height: 41px;
	                padding: 0 14px;
                        border-right: 1px solid #C9C6B3;}

.navigation a:hover,
.navigation a#active   {background-position: left bottom; color: #553;}

/************************************ MAIN ***********************************************/

.main#two-columns {background: #000000 url(img/two-columns.gif) repeat-y;}


/********************************** BOTTOM ***********************************************/

.bottom {	background: #000000 url(img/bottom.gif) no-repeat left bottom;  
	        color: #EED;      
	        padding: 20px 20px 20px 20px; 
                border-top: 0px solid #AA8;}

.bottom .left,
.bottom .right {width: 49%;}

/*********************************** FOOTER ****************************************/

.footer         {	background: #000000;
	                color: #FFFFFF;
	                padding: 10px;    }

.footer .left   {       width: 66%;}
.footer .right  {       width: 33%; text-align: right;  }

.footer a       {	color: #EED;    text-decoration: none; }
.footer a:hover {	color: #D59D69; text-decoration: underline; }

/************************************ GALLERY **************************************/

.gallery td     {	vertical-align: middle;
	                text-align: center;   }

.gallery em     {       display: block;       }

/******************************************** misc *********************************/

.clear,.clearer       { clear: both;} 
.clearer              { font-size: 0;}

.col2 .left .content  { background: #7A0000;}
.col2 .left           { width: 64%;}

.col2 .right .content { background: #7A0000;}
.col2 .right          { width: 33%;}

.content              { padding: 18px 20px;}

.left                 { float: left;}
.right                { float: right;}
.right .content       { padding: 18px 12px 12px;}


/***************************************** BLOCK LIST *******************************/

ul.block             {	width: 90%;  margin: 4px 0; padding: 0; border-top: 0px dashed #BCBAAC; }

.block li            {	list-style: none; border-bottom: 0px dashed #BCBAAC; }

.block li a          {	width: 94%; text-decoration: none; padding: 4px 3%;  }

.block li a          {	color: #FFFFFF; display: block; }
.block li a span     {  font-weight: bold;}
.block li a:hover    {  background: #D2D0C0; color: #553;  }

.block li em         {	font-size: 0.9em; color: #FFFFFF; font-style: normal; display: block; }

.right .block,
.right .block li         { border-color: #DCDACC;}
.right .block li a:hover { background: #F2F0EA;}