﻿* {
	padding:0;
	margin:0
}

body{
	background-color:#c5d0c8;
}

#wrapper{
	margin:1em auto;
	width:50em;
	background-color:#fff;
	font:normal Arial, sans-serif;
	border:thin #1d1512 solid
}


#banner{
	background-color:#1d1512;
	padding:0 0 1.5em 0;
	text-align:center
	
	
}

#topnav{
	background-image:url('images/topnavgrad.jpg');
	border-bottom:thin #1d1512 solid;
	padding:.5em;
	text-align:center;
	font:small Tahoma, sans-serif;
	color:#1d1512
	
}

#content{
	padding:2em 2em 4em 2em;
	
}

#list{
	clear:both;
	padding:1em 0 2em 0;
	text-align:center
}

#gallery{
	margin:0 auto;
}

#gallery p{
	padding:5em 0 10em 0
}

#gallery img{
	padding-top:2em
}

#gallery h2{
	padding-top:1em
}

#footer{
	background-color:#1d1512;
	padding:1em;
	text-align:center

}


#banner img{
	border-width: 0px;
	float:left;
	display:block
}

#banner h1{
	font:bold xx-large Book Antiqua, serif;
	color:#f7e0a8;
	padding:.5em 0 0 0;

}

#banner h2{
	font:bold large Book Antiqua, serif;
	color:#f7e0a8;
	padding:.25em 0 1em 0;
}

#footer h3{
	font:normal medium Book Antiqua, serif;
	color:#f7e0a8;
}

#topnav ul{
	list-style:none;
	
}

#topnav li{
	padding:0 2.5em;
	display:inline
}

#content img{
	border-width: 0px;
	float:left;
	padding-right:1em;
}

#content h1{
	font:bold x-large Book Antiqua, serif;
	color:#1d1512;
	text-align:center;
	padding-bottom:1.5em

}

#content h2{
	font:bold large Book Antiqua, serif;
	color:#577660;
	text-decoration:underline;
	text-align:center;
	padding-bottom:.5em

}

#content p{
	text-align:left;
	font:normal small Tahoma, sans-serif;
	color:#1d1512
	
}

#content h4{
	text-align:center;
	padding:.25em 0;
	font:normal medium Tahoma, sans-serif;
	color:#1d1512

}

#list p{
	text-align:center
}
#list ul{
	text-align:center;
}

#list li{
	 list-style:none;
	 text-align:center;
	 padding:.5em 0;
	 font:normal small Tahoma, sans-serif;
	 color:#1d1512
}

#homesheep{
	clear:both;
	margin:1em auto 2em auto
	
}

#homesheep img{
	float:left;
	padding-top:1em;
}

#homesheep p{
	padding:2em 0 0 2em
}

#sheep{
	float:left;
}

#fleece{
	padding-right:2em
}

#sheep img{
	padding-left:2em
}

#yarn{
	padding:1em 2em 15em 2em
}


#purchase{
	clear:both;
	padding:0 2em;
	text-align:center;
	margin-top:4em
}

#tmwd {
	padding:.5em 0 1em 0;
	font: bold small "Elephant", serif;
	text-align: center;
	color: #1d1512
}

#topnav a:link, #tmwd a:link{
	text-decoration:none;
	color:#1d1512
}

#topnav a:visited, #tmwd a:link{
	text-decoration:none;
	color:#1d1512
}

#topnav a:active, #tmwd a:link{
	text-decoration:underline;
	color:#1d1512
}

#topnav a:hover, #tmwd a:link{
	text-decoration:underline;
	color:#1d1512
}

#content a:link{
	font-weight:bold;
	text-decoration:none;
	color:#1d1512
}

#content a:active{
	font-weight:bold;
	text-decoration:none;
	color:#1d1512;
	background-color:#f7e0a8;
}

#content a:hover{
	font-weight:bold;
	text-decoration:none;
	color:#1d1512;
	background-color:#f7e0a8;
}

#content a:visited{
	font-weight:bold;
	text-decoration:none;
	color:#1d1512
}

footer a:visited{
	text-decoration:none;
	color:#fc0
}

#footer a:link{
	text-decoration:none;
	color:#fc0
}

footer a:active{
	text-decoration:underline;
	color:#fc0
}

#footer a:hover{
	text-decoration:underline;
	color:#fc0
}

.product{
	margin:1em auto;
	
}

.product td{
	padding:1em;
	font:normal small Tahoma, Sans-serif;
	color:#1d1512;
	text-align:center;
	vertical-align:top
}

.product td img{
	padding:.25em
}


