/**
*
* Trails North Traders | Master CSS File
* Author: Erik Smith <erik@pdgcreative.com>
* Employer: PDG+creative <http://pdgcreative.com>
*
* Notes --
* Date Created: July 2nd, 2008
*
**/


* {
	margin:0;
	padding:0;
}
body {
	font-size:small;
	font-family:"Georgia", "Times New Roman", "Times", "Constantia", "Cambria";
	background:#4A3525 url('../../images/wood-bg.jpg');
	behavior: url(assets/css/csshover.htc);
}
h1 {
	float:left;
	margin:15px 0 0 15px;
}
h2 {
	font-family: Georgia;
	color:#B5382E;
	font-size:200%;
	margin:15px 0 5px 0;
}
img { 
	behavior: url('iepngfix.htc'); 
	border:none;
}
a {
	color:#594F49;
}

input, textarea {
	width:250px;
	padding:4px 5px;
	border:1px solid #aaa;
}
	input.submit {
		float:left;
		margin-left:70px;
		width:auto;
		background:#000;
		color:#fff;
		border:1px solid #111;
	}


/* Structural elements... */

#wrapper {
	width:870px;
	position:relative;
	margin:25px auto;
	background:#fff url('../../images/home/wrapper.jpg') 15px 15px no-repeat;
	padding:15px;
	height:869px;
}	
	body.store #wrapper {
		background:#fff url('../../images/sub/wrapper.jpg') 15px 15px no-repeat;
		height:869px;
	}

	/* Content structure... */

	#mid {
		position:absolute;
		top:170px;
		left:35px;
	}
		#mid div.left {
			float:left;
			width:480px;
		}
		#mid div.right {
			float:left;
			width:330px;
			margin:10px 0 0 20px;
			overflow:hidden;
		}
			body.sub #mid div.left {
				background:transparent url('../../images/sub/content-right.jpg') repeat-y top right;
				padding:0 15px 0 0;
				width:465px;
			}
				body.sub #mid div.left p {
					line-height:160%;
				}
					body.sub #mid div.left div.content {
						height:470px;
						width:455px;
					}
					div.sub #mid div.left div.noheight {
						height:auto;
					}
			#leather {
				display:block;
				width:306px;
				height:35px;
				overflow:hidden;
				position:relative;
			}
			#wood {
				display:block;
				width:306px;
				height:65px;
				overflow:hidden;
				position:relative;
			}
			#metal {
				display:block;
				width:306px;
				height:55px;
				overflow:hidden;
				position:relative;
			}
			#textile {
				display:block;
				width:306px;
				height:45px;
				overflow:hidden;
				position:relative;
			}
			#pottery {
				display:block;
				width:306px;
				height:55px;
				overflow:hidden;
				position:relative;
			}
		
			
			
	/* Content... */
			
	div.content {
		line-height:150%;
		font-size:110%;
		float:left;
		margin:0px 0 0 0;
		display:inline;
		overflow:hidden;
		position:relative;
		height:300px;
	}
		div.content img {
			float:left;
			margin:0 8px 0 0;
		}
		div.content p {
			float:left;
		}

			div.content p.sig {
				float:right;
				margin:2px 10px 0 0;
				display:inline;
			}
			
		div.content p.product {
			width:320px;
		}
		div.content p.product img {
			border:3px solid #222;
		}
		div.content p.product a {
			color:#B5382E;
			float:right;
			margin:0 30px 0 0;
		}
		
		body.sub #breadcrumbs a {
			text-decoration: none;
			font-weight: bold;
		}
		
		#textContflowWrap {
			overflow:hidden;
			width:400px;
			clear:both;
			height:2050px;
			position: absolute;
			top:0px;
		}
			#textStore {
			overflow:hidden;
			clear:both;
			height:2050px;
			position: absolute;
			top:0px;
		}


		#scrollArrows {
			position:absolute;
			right:0px;
			bottom:0px;
		}
			#scrollArrows a {
				display:block;
				clear:both;
			}

/* Main navigation... */

#nav {
	clear:both;
	float:left;
	margin:20px 0 0 5px;
	width:860px;
	display:inline;
	cursor: pointer;
}
		#nav ul li {
			float:left;
			height:23px;
			position:relative;
			z-index:99;
			list-style-type:none;
		}
			#nav ul li a {
				behavior: url('../../assets/css/iepngfix.htc'); 
			}
			#nav ul li span {
				display:none;
			}
			#nav ul li.star {
				background:transparent url('../../images/nav/star.png') no-repeat;
				width:28px;
				margin:0 5px;
				behavior: url('../../assets/css/iepngfix.htc'); 
			}
			#nav ul li a {
				display:block;
				height:23px;
				cursor:pointer;
				float:left;
			}
				#nav ul li.about a {
					width:59px;
					background: transparent url('../../images/nav/about.png') no-repeat;
				}
					#nav ul li.about {
						width:59px;
					}
				#nav ul li.store a {
					width:58px;
					background: transparent url('../../images/nav/store.png') no-repeat;
				}
					#nav ul li.store {
						width:58px;
					}
				#nav ul li.gallery a {
					width:79px;
					background: transparent url('../../images/nav/gallery.png') no-repeat;
				}
					#nav ul li.gallery {
						width:79px;
					}
				#nav ul li.calendar a {
					width:93px;
					background: transparent url('../../images/nav/calendar.png') no-repeat;
				}
					#nav ul li.calendar {
						width:93px;
					}
				#nav ul li.apprentice a {
					width:167px;
					background: transparent url('../../images/nav/apprentice.png') no-repeat;
				}
					#nav ul li.apprentice {
						width:167px;
					}
				#nav ul li.contact a {
					width:114px;
					background: transparent url('../../images/nav/contact.png') no-repeat;
				}
					#nav ul li.contact {
						width:114px;
					}
		
				#nav ul.sub {
					display:block;
					position:absolute;
					left:0px;
					top:23px;
					padding:10px;
					background:#6B615B;
					opacity: .80;
					filter: alpha(opacity=80);
					width:150px;
					border:2px solid #444;
					display:none;
				}
					#nav ul.sub li {
						width:150px;
					}
					#nav ul.sub li a {
						background:transparent;
						color:#fff;
						text-decoration: none;
						display:block;
						width:140px;
						padding:3px 5px 0px 5px;
						
					}
						#nav ul.sub li a:hover {
							background:#555;
						}

	/* Galleries */
	
	#gallery li {
		list-style-type:none;
		float:left;
		width:120px;
		height:80px;
		margin:4px;
	}
	
		#gallery li img {
			padding:4px;
			background:#fff;
			border:1px solid #aaa;
			width:100px;
		}