/*******************
//CSS By Ryan Cowles
//Metacom Creative
*******************/
body {
	color: #333;
}
#wrapper {
	width:886px;
	margin:0 auto;
	min-height:768px;
	
}
#shop-container {
	width:400px;;/*886*/
	padding:90px 0 0 200px;
	height:50px;
	/*padding:90px 0 0 200px;/*:100px 0 0 200px;*/
}

a.home-link {
	width:200px;
	height:170px;
	float:left;
}
#content {
	padding:0;/*20px 0 0 40px; 47 left*/
	width:100%;
}
#about {
	padding:30px 5px 0 20px;
	font-size: 12px;
}
img.aboutimg {
	padding:10px 10px 0 0;
}
#content p, #content h1, #address {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
}
#content p {
	margin:12px 0;
	padding:0;
	font-size:13px;
}
#about p {
	text-indent:6px;
}
a.shop-link {
	width:118px;
	height:47px;
	background:url(images/shop-bubble.jpg) no-repeat;display:block;
}
a.shop-link:hover {
	background:url(images/shop-bubble-hov.jpg) no-repeat;
}
.clear {
	clear:both;
}

#contact {
	background:url(images/contact/contact-back.jpg) no-repeat center top;
	height:473px; 
	width:599px;
	margin:0 auto;
	margin-top:30px;
}
#contact-text {
	padding:250px 30px 40px 0;
	;/*310*/
	font-weight:bold;
	contact-divs {width:320px;float:left;}

}
#contact-text p {
	color:#473B49;
	font-size: 13px;
	text-align: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#contact-text a, #contact-text a:active, #contact-text a:visited {
	color:#4b83b7;
}
#contact-text a:hover {
	color:#000033;
}

#footer-links {
	width:590px;/*600 - LR Padding*/
	height:55px;/*55 - TB Padding*/
	text-align:center;
	background:url(images/footer-back.jpg) center top no-repeat;
	margin:5px auto 0 auto/*4px auto 4px auto*/;
}
a.about-link, a.blog-link, a.contact-link {
	
}
a.see-map-link {
	float:right;
	padding:15px 20px;
	text-align: left;
}
a.see-map-link:hover img {
	padding-bottom:20px;
}
a.about-link img, a.blog-link img, a.contact-link img, a.botlink img, a.see-map-link img  {
	border:0;
}

a.about-link:hover img, a.blog-link:hover img, a.contact-link:hover img, a.botlink:hover img {
	/*margin-bottom:4px;*/
	
}
	
#address {
	margin:2px auto;
	text-align:center;
	font-size:12px;
}
ul#botnav {
	list-style:none;
	padding:0;
	margin:0;
	
}
ul#botnav li {
	
	display:inline;
	width:auto; 
	height:50px;
}
ul#botnav li a {

}
ul#botnav li a img {
	/*padding:0;
	margin:auto;*/
}
ul#botnav li a:hover img {
margin-bottom:-4px;
}

/*#nav-menu li {display: inline; width: auto; height: 18px;margin:5px 5px 5px 5px;}
#nav-menu li a { float: left; display: block; width: 100px;height: 18px;margin:5px 5px 5px 5px; text-decoration:none;}
#nav-menu li a:hover {display: block;width: 100px;height: 18px; margin:3px 5px 5px 5px; text-decoration:underline;}
#nav-menu li.active {text-decoration:underline;}*/

.about-link {
	width:55px;
	height:34px;
}
.blog-link {
	width:47px;
	height:35px;
}
.contact-link {
	width:79px;
	height:35px;
}
.map-link {
	width:30px;
	height:35px
}
.facebook-link {
	width:32px;
	height:35px;
}
.etsy-link {
	width:37px;
	height:35px;
}
.twitter-link {
	width:34px;
	height:35px;
}
.rss-link {
	width:33px;
	height:35px;
}
.youtube-link {
	width:75px;
	height:35px;
}
a.mail-link {
	width:101px;
	height:47px;
	/*float: right; display: block; width: 100px;height: 18px;margin:5px 5px 5px 5px; text-decoration:none;*/
}
a.mail-link:hover {
	/*display: block;width: 100px;height: 18px; margin:7px 5px 5px 5px; text-decoration:underline;*/
}