/* CSS Document */

/* Color Legend

dark brown:#4F2700;
light brown:#CDA355;
tan accent:#F0E9E1;

-------------------------------------------------------------- */

/* Reset */

html, body { margin: 0; padding: 0; border: 0;  background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

img 	{ margin:0; padding:0; border:0; }



	/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 	{ font-size:30px; font-family: 'Cookie', cursive; text-align:center; padding-bottom: 5px;}
h2 	{
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-bottom: 5px;
	color: #CDA355;
}
h3 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 180%;
	text-align: left;
}

h4 	{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 180%;
	text-align: left;
}

h7 	{
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;


padding-bottom: color: #CDA355;
	color: #CDA355;
	font-weight: bold;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text elements
-------------------------------------------------------------- */

p           { font-family:Arial, Helvetica, sans-serif; color:#000; 
					font-size:14px; line-height:180%; text-align:justify; }

blockquote  { color:#000; font-size:12px; }

strong      	{ font-weight:bold; }
em		      	{ font-style:italic; }

ol          	{ list-style-type:decimal; }

/*  Containers
-------------------------------------------------------------- */
body				{  text-align:center; background-image:url(../images/bg1.jpg);
						background-repeat:repeat; }

					
#wrapper 			{ width:900px; margin:0 auto; height:auto; background-color:#F0E9E1; 
						text-align:center;}

#top	 			{ width:100%; height: 60px; background-color: #412400;
						 border-bottom: 1px #fff solid; 
						font-family: Arial, Helvetica, sans-serif; text-align:left;}

#banner 			{ background-image:url(/images/HP_0261.jpg); background-repeat:no-repeat;
						width:900px; height:428px;  }

#subbanner 			{ border-top:1px #fff solid; background-color:#412400;
						height:25px; }

#leftnav 			{ float:left;  background-color:#F0E9E1;}
#leftnav ul li		{ display:block;  }

#content 			{ background-color:#fff; width: 530px; margin-left:170px; margin-right: 170px;
						padding: 20px 25px 20px 25px; }
	#content h1		{	}
	#content p		{	}
	#content img 	{  }
	


#contentfullright	{ background-color:#fff; width: 680px; margin-left:170px; margin-right: 170px;
						padding: 20px 25px 150px 25px; }
						
						
#contentcontact		{ background-color:#fff; width: 680px; margin-left:170px; margin-right;
						padding: 20px 25px 20px 25px; }


#rightbar			{
	float: right;
	clear: right;
	width: 130px;
	padding: 10px;
	background-color: #F0E9E1;
	text-align: left;
	margin-top: 10px;

}

#map	{float:right; clear:right; display:inline;	}

#social-media		{
	float: right;
	clear: both;
	background-color: #F0E9E1;
	margin-top: 30px;
	margin-right: 60px;
}
#social-media ul li	{ display:inline; }


#gallery			{ padding-top: 17px; padding-bottom:23px; background-color:#F0E9E1;  ;	}
#gallery ul li			{ display:inline;	}
#gallery img			{ padding:3px; margin:3px; border:1px #aaa dotted;	}



/* Forms */

#form1	 				{ margin:0; padding:0;	}

ol li					{ display:block; padding:20px 0px 5px 0px; }

form ol 					{ list-style-type:none; }

label 					{
	display: block;
	margin: 5px 0 8px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	text-align: left;
} 
								
input, textarea, select 		{ display: block; width:420px; color:#000;
							padding:10px; border:1px #aaa solid; }

input					{ border:1px #aaa solid;	}
input:focus 				{ background-color:#000; color:#fff;
							border:1px #f00 solid;	}
input:active 				{ background-color:#000; color:#fff;
							border:1px #f00 solid;	}

textarea					{ height:120px;	}
textarea:focus 			{ background-color:#000; color:#fff;
							border:1px #f00 solid;	}
textarea:active 			{ background-color:#000; color:#fff;
							border:1px #f00 solid;	}

select					{	}
select:focus				{	}

legend					{ 	}
fieldset					{ 	}

.submit					{ padding:5px 20px; width:140px; margin-bottom:20px; }


/* Navigation Items
------------------------------------------------*/

#leftnav ul 		{ width:170px; }
#leftnav li a		{ height:35px; display:block; margin-top: 25px ; }

#leftnav li.home 	{ margin-bottom: 25px; background-image:url(../images/nav/home-on.jpg); }
#leftnav li.home a	{ margin-bottom: 25px; background-image:url(../images/nav/home-off.jpg); }
#leftnav li.gallery 	{ margin-bottom: 25px; background-image:url(../images/nav/gallery-on.jpg); }
#leftnav li.gallery a	{ margin-bottom: 25px; background-image:url(../images/nav/gallery-off.jpg); }
#leftnav li.links 		{ margin-bottom: 25px; background-image:url(../images/nav/links-on.jpg); }
#leftnav li.links a		{ margin-bottom: 25px; background-image:url(../images/nav/links-off.jpg); }
#leftnav li.contact 	{ margin-bottom: 25px; background-image:url(../images/nav/contact-on.jpg); }
#leftnav li.contact a	{ margin-bottom: 25px; background-image:url(../images/nav/contact-off.jpg); }


#leftnav li a:hover	{ background-image:none; }
#leftnav li a span { display:none; }



#footer 			{ margin: auto; width: 900px; background-color:#412400; padding:8px 0px; font-color:#FFF;}

-------------------------------------------------------------- */

/* Misc classes
-------------------------------------------------------------- */

.footercopyright	{ font-size:50%; font-style:bold; color:#CDA355; text-align:center; }
.footer-text	{
	font-size: 14px;
	font-style: italic;
	color: #fff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

		
