/* CSS Stylesheet and artwork by Big Sweater Design: http://www.bigsweaterdesign.com/.  All content and artwork copyright 2006 Barry Holder and Associates, Inc. Use of code and/or graphic elements from this site is strictly prohibited without the express written consent of the copyright holder. */

/* Basic settings
------------------------------*/

* {margin:0;padding:0;}

html {height:100%;}

body {
	width:100%;
	height:100%;
	background:#b83603 url(img/bg.png) repeat-x top left;
	color:#fff;
	font-size:62.5%;
	font-family: "Georgia",times,serif;
	}

#wrapper {
	position:relative;
	float:left;
	min-height:100%;
	width:100%;
	min-width:750px;
	max-width:1280px;
	background:transparent url(img/barbg.png) repeat-y 0 -1px;
	} 

* html #wrapper {height:100%;}

p {
	margin:0 0 1.02em 0;
	line-height:1.7em;
	}

a:link {color:#b83603;}
a:hover {color:#e7b646;}
a:active {color:#e7b646;}
a:visited {color:#c35613;}

/* Left Column, including Header and Nav
------------------------------*/

#leftColumn {
	float:left;
	width:220px;
	background:transparent;
	}
	
#leftColumn a{
	display:block;
	width:5220px;
	margin:0 0 0 -5000px;
	}

#leftColumn a:link {color:#e7b646;}
#leftColumn a:hover {color:#742202;}

#leftColumn h1 {
	font-size:25px;
	text-align:center;
	text-decoration:none;
	height:183px;
	}

#header {
	background:transparent url("img/header.png") no-repeat top right;
	float:left;
	height:183px;
	}
/* Begin Nav */

#nav {
	float:left;
	position:relative;
	height:280px;
	width:220px;
	top:33px;
	margin:0;padding:0;
	font-size:14px;
	}

#nav li {
	background:transparent url("img/nav.png") 0 0 no-repeat;
	list-style:none;
	float:left;
	width:220px;
	height:47px;
	}
	
#nav a {
	height:47px;
	}
	
	/*Subnavigation, unordered lists*/
	
	ul.subNav {text-align:center;}
	ul.subNav li {
	list-style-type:none;
	text-align:center;
	display:inline;
	}
		
	/*Navigation using the sprite technique found at A List Apart, http://www.alistapart.com/ */

	#nav #home {top:0; background-position:-440px 0;}
	#nav #about {top:47px; background-position:-440px -47px;}
	#nav #gal {top:94px; background-position:-440px -94px}
	#nav #locations {top:141px; background-position:-440px -141px}
	#nav #links {top:188px; background-position:-440px -188px}
	#nav #contact {top:235px; background-position:-440px -235px}

	#nav #home a.active {background: transparent url(img/nav.png) 5000px 0 no-repeat;}
	#nav #about a.active {background: transparent url(img/nav.png) 5000px -47px no-repeat;}
	#nav #gal a.active {background: transparent url(img/nav.png) 5000px -94px no-repeat;}
	#nav #locations a.active {background: transparent url(img/nav.png) 5000px -141px no-repeat;}
	#nav #links a.active {background: transparent url(img/nav.png) 5000px -188px no-repeat;}
	#nav #contact a.active {background: transparent url(img/nav.png) 5000px -235px no-repeat;}
	
	#nav #home a:hover {background: transparent url(img/nav.png) 4780px 0 no-repeat;}
	#nav #about a:hover {background: transparent url(img/nav.png) 4780px -47px no-repeat;}
	#nav #gal a:hover {background: transparent url(img/nav.png) 4780px -94px no-repeat;}
	#nav #locations a:hover {background: transparent url(img/nav.png) 4780px -141px no-repeat;}
	#nav #links a:hover {background: transparent url(img/nav.png) 4780px -188px no-repeat;}
	#nav #contact a:hover {background: transparent url(img/nav.png) 4780px -235px no-repeat;}
	
/* End Nav */

/* Right Column
------------------------------*/

#rightColumnWrap {
	float:right;
	width:100%;
	margin:0 0 0 -220px;
	}

#rightColumn {
	margin-left:220px;
	}
	
#pageTitle {
	height:30px;
	width:330px;
	margin:10px 0 15px 65px;
	}

#pageTitle h2 {
	height:30px;
	width:5200px;
	margin:0 0 0 -5000px;
	}

.welcome {background:transparent url(img/h2welcome.gif) top left no-repeat;}
.about {background:transparent url(img/h2about.gif) top left no-repeat;}
.gallery {background:transparent url(img/h2gallery.gif) top left no-repeat;}
.locations {background:transparent url(img/h2locations.gif) top left no-repeat;}
.links {background:transparent url(img/h2links.gif) top left no-repeat;}
.contact {background:transparent url(img/h2contact.gif) top left no-repeat;}

#contentBorderWrap {margin:0 50px 50px 50px;}

* html #contentBorderWrap {margin-bottom:100px;}

#contentBorderTop {
	background:#742202 url(img/contenttopleft.gif) no-repeat top left;
	padding: 30px 0 0 30px;
	}

#contentBorderBottom {
	background:transparent url(img/contentbottomright.gif) no-repeat bottom right;
	padding: 0 30px 30px 0;
	}

#content {
	background:#411301;
	padding:20px;
	font-size:1.2em;
	}

#content h3 {
	font-weight:bold;
	font-style:italic;
	font-size:1.6em;
	margin:20px 0 10px 0; 
	}

#content h4 {
	font-weight:bold;
	font-style:italic;
	font-size:1.4em;
	margin:0 0 5px 0; 
	}

#content p {margin-left:10px;}

#content hr {color:#742202; background-color:#742202; margin:20px 0;height:5px; border:none;}
#content hr.clear {color:transparent;background-color:transparent;margin:0; border:none;clear:both;}

	/*  Images and captions */

	#content dl {
		width:300px;
		color:#b83603;
		margin:20px;
		}
	
	#content dl.rightImage	{
		float:right;
		}
	
	#content dl.leftImage {
		float:left; 
		}
		
	#content dt.img	{
		padding: 0;
		margin:0;
		}
	
	#content dt.img img	{
		border:5px solid #e7b646;
		margin:0;
		}
	
	#content dd	{
		text-align:left;
		width:250px;
		font-size:.9em;
		line-height:1em;
		margin:5px 0 0 0;
		padding: 5px;
		}
	
	/*end images and captions */

/* Footer
------------------------------*/

#footer {
	position:relative;
	clear:both;
	overflow:hidden;
	height:5em;
	background:#411301 url(img/footerbg.png) repeat-x top left;
	margin:-5em 0 0 0;
	text-align:center;
	font-size:.9em;
	color:#b83603;
	}

#footer p {margin:0;line-height:1.2em;}

#footer p.first {margin-top:10px;}