/* Acacia Gardens Caravan Park - CSS Document */

/* Tags
----------------------------------------------- 
*/

body { 
	margin: 0; background: #aec6de url(images/bg_body.jpg) repeat-x top; letter-spacing: -0.01em;
	font: 1.1em/1.4em Constantia, Georgia, Garamond, "Times New Roman", Times, serif;
}
a { color: #0a2; }
a:hover { color: #0c0; }

p { margin: 0 0 0.8em 0; padding: 0; }

h3, h4 { margin: 0 0 0.3em 0; padding: 0; font-size: 2em; font-weight: normal; letter-spacing: -0.05em; color: #b0002f; }
h4 { font-size: 1.3em; }

/* Layout
----------------------------------------------- 
*/

#container { width: 620px; margin: 0 auto; background: #fff url(images/bg_container.jpg) repeat-y; }
#header { position: relative; height: 140px; }
#navigation { height: 90px; list-style: none; margin: 0; padding: 0 20px; }
#content { padding: 0 230px 20px 30px; }
#sidebar { display: inline; float: right; width: 160px; margin: 0 30px 0 0; }
#footer { clear: both;  }


/* Sections
----------------------------------------------- 
*/

#header { background: url(images/bg_header.jpg) no-repeat; }
	#header h1 { 
		position: absolute; width: 160px; height: 37px; top: 20px; margin: 0; padding: 0; text-indent: -9000px;  
		background: url(images/welcome_to.gif) no-repeat; 
	}
	#header h2 { margin: 0; padding: 0; text-indent: -9000px;  }
	
#navigation { background: url(images/bg_nav.jpg) no-repeat; }
	#navigation li { display: block; float: left; }
	#navigation a { display: block; outline: none; text-indent: -9000px; }
	#navigation a.home 				{ width: 67px; height: 25px; margin-top: 50px; background: url(images/n_home.gif) no-repeat; }
	#navigation a.home:hover		{ background: url(images/n_home_over.gif) no-repeat; }
	#navigation a.facilities 		{ width: 92px; height: 28px; margin-top: 41px; background: url(images/n_facilities.gif) no-repeat; }
	#navigation a.facilities:hover	{ background: url(images/n_facilities_over.gif) no-repeat; }
	#navigation a.cabins 			{ width: 76px; height: 29px; margin-top: 34px; background: url(images/n_cabins.gif) no-repeat; }
	#navigation a.cabins:hover		{ background: url(images/n_cabins_over.gif) no-repeat; }
	#navigation a.things 			{ width: 125px; height: 35px; margin-top: 24px; background: url(images/n_things.gif) no-repeat; }
	#navigation a.things:hover		{ background: url(images/n_things_over.gif) no-repeat; }

#content { background: url(images/bg_content.jpg) no-repeat; }
	#content ul { margin: 0 0 0.8em 1em; padding: 0; list-style: none; }
	#content li { padding-left: 32px; background: url(images/bullet.gif) no-repeat 0px 7px; }

	
#sidebar { margin-top: 2em; }
	#sidebar h3 { margin: 0 0 0.3em 0; padding: 0; font-size: 1.5em; font-weight: normal; letter-spacing: -0.05em; color: #4273BF; }

#footer { padding: 15px 0; text-align: center; background: #aec6de url(images/bg_footer.gif) no-repeat; }
	#footer ul { list-style: none; margin: 0; padding: 0; }
		#footer li { display: inline; padding: 0 1em; border-right: 1px solid #000; font-weight: bold; }
		#footer li.last { border: none; padding: 0 0 0 1em; }
		#footer a { color: #4273BF; }
		#footer p { font-size: 0.8em; line-height: 1.3em; margin: 10px 0; }


/* Classes
----------------------------------------------- 
*/

.red {color: #000}
.black {color: #C00}

#sidebar img,#content img { padding: 4px; border: 1px solid #4273BF; }
img.noborder { padding: 0 !important; border: none !important; }
#content img { margin: 7px; }
#sidebar img { margin: 7px 0; }
a.piclink img { background: #f0f0f0; }
a.piclink:hover img { background: #AEC6DE; }