@import url('/css/layout.css');
@charset "utf-8";
/* Qualla Arts and Crafts Mutual, Inc. */
/* Created by Blue Ridge Solutions, Inc. (2.10.2009) */

/* Default Tag Rules */
* {
	margin:0px;
	padding:0px;
}

img {
	border-width:0px;
}

html {
	height:100%;
	margin-bottom:1px;
}

body {
	background-color:#eeb774;
	color:#903516;
	font:12px/18px Arial, Helvetica, sans-serif;
}

p, ul, ol {
	margin-bottom:18px;
}

li {
	margin-bottom:9px;
}

a {
	color:#903516;
	text-decoration:underline;
}

a:hover {
	color:#fdf0bf;
}

h1 { font-size:16px; }

h2 {
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:9px;
}

h3 {
	font-style:italic;
	margin-bottom:9px;
}


/* General Styles */
.clear {
	clear:both; 
	line-height:0px;
}

.fltRgt {float:right;}

.fltLft {float:left;}

.bold {
	font-size:14px; 
	font-weight:bold;
}

.topLnk {
	border-bottom:1px solid; 
	height:12px; 
	display:block;
	background:none;
	text-decoration:none;
	margin-bottom:18px;
}

	.topLnk:hover { background:url(/images/upArw.gif) no-repeat 50% 50%; color:#903516;}

.btmLnk {
	height:12px; 
	display:block;
	background:none;
	text-decoration:none;
	margin-bottom:18px;
}

	.btmLnk:hover { background:url(/images/dwnArw.gif) no-repeat 50% 50%; color:#903516;}

/*** Pages ***/

/* Home */
#home #site { height:1050px; }

#navArt {background:url(/images/homeBg.jpg) no-repeat top center;}

	
#home #footer {
	position:absolute; 
	top:865px; 
	left:20px; 
	width:900px; 
	border-top:1px solid; 
	padding-top:5px; 
	text-align:center; 
	font-weight:bold; 
	line-height:21px;
}

#footerNav {
	text-transform:uppercase; 
	text-decoration:none;
}

	#footerNav a {
		text-decoration:none;
	}
	
#home #newsletterBtn {
	width:233px; 
	height:14px; 
	background-color:#b38959; 
	position:absolute; 
	top:-9px; 
	right:10px; 
	text-align:center; 
	text-transform:uppercase; 
	display:block; 
	color:white; 
	font-weight:bold; 
	text-decoration:none; 
	line-height:14px;
}

	#home #newsletterBtn:hover {background-color:#903516;}
	
	
/* Artists */
#artist #site, #elder #site {background:url(/images/artistsBg.jpg) no-repeat top center;}

#artist #siteLft, #elder #siteLft {background:url(/images/artistsSiteLftBg.jpg) no-repeat -5px -4px;}

#artist #logoLnk, #elder #logoLnk {background-image:url(/images/artistsLogoQuallaArts.gif)}

#artist .gallery, #artist .price {display:none;}

#elders {clear:both;}

#elder #siteRgt #products {display:none;}

#elder #siteRgt #artistProfile, #elder #siteRgt #artistDetail {margin-top:0px;}


/* Gallery */
#gallery #site {background:url(/images/galleryBg.jpg) no-repeat top center;}

#gallery #siteLft {background:url(/images/gallerySiteLftBg.jpg) no-repeat -5px -4px;}

#gallery #logoLnk {background-image:url(/images/galleryLogoQuallaArts.gif)}

#gallery .artist, #gallery .price {display:none;}

/* Price */
#price #site {background:url(/images/priceBg.jpg) no-repeat top center;}

#price #siteLft {background:url(/images/priceSiteLftBg.jpg) no-repeat -5px -4px;}

#price #logoLnk {background-image:url(/images/priceLogoQuallaArts.gif)}

#price .artist, #price .gallery {display:none;}

/* Qualla History */
#history {background:#f3e6d5 url(/images/quallaHistoryBodyBg.jpg) repeat-x top center;}

#history #site {background:#f3e6d5 url(/images/quallaHistoryBg.jpg) no-repeat top center;}

#history #siteRgt {
	width:403px;
	margin-top:105px;
	margin-right:51px;
	font-weight:bold;
}

#history #siteLft {
	width:213px;
	margin-top:465px;
	margin-left:155px;
	font-weight:bold;
}

#history h2 { margin:30px 0px;}

#history #siteRgt a:hover { color:#903516; }


/* Stewards of the Earth */
#stewards #site {background:url(/images/stewardsEarthBg.jpg) no-repeat top center;}

#stewards #siteRgt { 
	width:328px;
	margin-top:213px;
}

#stewards #siteRgt a { 
	display:block;
	width:300px;
	margin-bottom:24px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

/* Contact */
#contact #site {background:url(/images/contactBg.jpg) no-repeat top center;}

#contact #siteLft { 
	width:258px;
	margin-left:0px;
	margin-top:181px;
	font-weight:bold;
}

	#form1 label, #form1 input {
		display:block;
	}
	
	#form1 .formField input {
		background:url(/images/inputBg.gif) no-repeat top left;
		border:none;
		width:239px;
		height:16px;
		padding:2px 3px;
		font-size:12px;
		color:#392820;
	}
	
	.button {
		background-color:transparent;
		border:none;
		text-decoration:underline;
		color:#903516;
		text-transform:uppercase;
		margin-top:4px;
		padding:0px;
		font:bold 12px Arial, Helvetica, sans-serif;
		margin-left:-2px;
		cursor:pointer;
	}
	
	.button.hover {color:#FDF0BF}

/* Traditional Art */
#art #site {background:url(/images/traditionalArtBg.jpg) no-repeat top center; height:1150px;}

#art #siteRgt {
	z-index:55;
	margin-top:128px;
	margin-right:120px;
	width:510px;
	font-weight:bold;
	text-align:center;
}

#art #artMap {
	position:absolute;
	top:125px;
	left:0px;
	z-index:50;
}

#art #artPieces {
	position:absolute;
	top:125px;
	left:0px;
	z-index:45;
}

	#artPieces img { position:absolute; }

	#pcBasketry {top:118px; left:580px;}
	#pcBeads {top:167px; left:105px;}
	#pcFingerWorking {top:460px; left:0px;}
	#pcHomeGood {top:612px; left:181px;}
	#pcKidsItems {top:642px; left:583px;}
	#pcMasks {top:409px; left:507px;}
	#pcPainting {top:-30px; left:762px;}
	#pcPipes {top:336px; left:667px;}
	#pcPottery {top:78px; left:332px;}
	#pcStoneCarving {top:268px; left:406px;}
	#pcWeaponry {top:534px; left:311px;}
	#pcWoodCarving {top:325px; left:283px;}


/* Dynamic Product Gallery */
#products {
	position:relative;
	height:453px;
}

	#currentProduct {
		position:absolute;
		top:0px;
		left:0px;
		width:524px;
		height:337px;
		z-index:10px;
	}
		
	#productDetail {
		color:white;
		font-weight:bold;
		background-color:#903516;
		text-align:center;
		line-height:26px;
		height:26px;
		width:524px;
		position:absolute;
		top:340px;
		left:0px;
	}
		
		.productInfo {margin:0px 10px;}
		
	#productBrowser {
		width:524px;
		height:73px;
		background-color:#903516;
		position:absolute;
		top:369px;
		left:0px;
		overflow:hidden;
	}
	
		#productArwRgt, #productArwLft {
			position:absolute;
			top:0px;
			height:73px;
			width:9px;
			z-index:10;
		}
	
		#productArwRgt {
			right:0px;
			background:#903516 url(/images/productArwRgt.gif) no-repeat center center;
		}
	
		#productArwLft {
			left:0px;
			background:#903516 url(/images/productArwLft.gif) no-repeat center center;
		}
	
		#productThumbs {
			position:absolute;
			top:4px;
			left:10px;
			width:auto;
			height:66px;
			overflow:hidden;
		}
		
			#productThumbs a {
				display:inline-block; width:101px; height:66px; /* Safari Fix */
			}
		
			.prodThumb { border:1px solid #903516; width:99px; height:64px; }
				
		
	#artistDetail, #categoryDetail {
		padding-left:9px;
		float:left;
		width:515px;
	}
	
		.artistDetails {
			width:315px;
			float:left;
			font-weight:bold;
			
		}
	
		.artistDetails h2 {
			margin-bottom:22px;
		}
	
	.artistProfile {
		float:right;
		width:183px;
	}
	
		.artistProfile img {
			border:3px solid;
		}
		
		.artistContact {
			padding-left:32px;
			margin-top:12px;
			font-size:12px;
		}
		
		
/*** Traditional Art Pages ***/

.art #catImg, .art #catDetail {
	border:2px solid;
	border-left:none;
	position:absolute;
	top:162px;
}

.art #catImg {
	height:475px;
	width:500px;
	background-color:white;
	left:0px;
	overflow:hidden;
}

.art #catDetail {
	width:370px;
	height:427px;
	padding:24px 0px 24px 30px;
	left:502px;
	overflow:auto;
	background-color:#f1c58e;
	color:#993300;
}

	.art #catDescription {
		width:323px;	
	}

.art h2 { 
	font-family:"Times New Roman", Times, serif;
	padding-bottom:9px;
	margin-bottom:0px;
	line-height:normal;
 }
 
#galleryLnks {
	background-color:#f1c58e;
	width:340px;
	height:30px;
	line-height:30px;
}