@charset "UTF-8";
/* CSS Document */

/* COLOR PALETTE
gray-brown: #838274
chocolate brown: #3A2D19
goldenrod1: #FFC125
dusty pink: #E8373E
snow4 (lavender-gray): #8B8989
pondscum: #687E5A
cornsilk: #CDC8B1
*/

body {	
	margin:0px auto;
	padding:0px auto;
	background:url(images/woven.jpg) fixed repeat;
	background-color:#838274;
	}

img {
	border:none;
}

a img {
	border:none;
}
	
/*---------------MAIN CONTENT--------------*/

#contentbg {
	width:800px;
	height:425px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	background:url(images/linen.jpg) fixed repeat;
	margin-top:-20px;
	position:relative;
	left:150px;
}

#maincontent {
	margin-left:auto;
	margin-right:auto;
	margin-top:-413px;
	width:780px;
	height:400px;
	background-color:#FFFFFF;
	position:relative;
	left:150px;
}

#homephotocontent {
	margin-right:auto;
	margin-left:auto;
	width:760px;
	height:320px;
	padding-top:10px;
}

#hometextcontent {
	margin-right:auto;
	margin-left:auto;
	width:760px;
	height:20px;
	margin-top:-35px;
}

#hometextcontent p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#3A2D19;
	text-align:right;
}

#photocontent {
	height:380px;
	width:380px;
	float:left;
	margin-top:10px;
}

#textcontent {
	height:380px;
	width:360px;
	float:right;
	margin-top:10px;
	padding-top:5px;
	padding-right:10px;
	padding-left:15px;
	overflow:auto;
}

#textcontent p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:3A2D19;
}

#textcontent a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#838274;
	text-decoration:none;
}

#textcontent a:hover {
	color:#993300;
	text-decoration:none;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:bold;
}

/*-------------LOGO----------------*/

#matgoodlogobg {
	margin-right:auto;
	margin-left:auto;
	position:relative;
	right:350px;
	z-index:100;
	background:url(images/matgoodlogobg.png) no-repeat;
	width:532px;
	height:664px;
	margin-top:-75px;
}

#matgoodlogo {
	margin-left:auto;
	margin-right:auto;
	margin-top:-525px;
	height:128px;
	width:200px;
	position:relative;
	right:335px;
	z-index:150;
}

/*------------MAIN NAVIGATION-----------*/

#mainnavbg {
	margin-left:auto;
	margin-right:auto;
	margin-top:-135px;
	background:url(images/mainnavbg_yellow.png) no-repeat;
	width:705px;
	height:56px;
	left:250px;
	position:relative;
	z-index:100;
}

#mainnav {
	height:20px;
	width:auto;
	position:relative;
	left:20px;
	top:20px;
}

#mainnav ul {
	margin:0px;
	padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#3A2D19;
	line-height:20px;
	white-space:nowrap;
}

#mainnav li {
	list-style-type:none;
	display:inline;
}

#mainnav a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#3A2D19;
	text-decoration:none;
	font-style:italic;
}

#mainnav li a {
	text-decoration:none;
	padding: 10px 15px;
	color:#3A2D19;
	font-style:italic;
}

#mainnav li a:hover {
	/*color:#FFFFCC;*/
	font-style:italic;
	background:url(images/hoverflower.png) center no-repeat;
}

#ourstory #mainnav .ourstory a,
#socialimpact #mainnav .socialimpact a,
#shop #mainnav .shop a,
#contact #mainnav .contact a,
#locations #mainnav .locations a {
	color:#993300;
	cursor:default;
	background:url(images/hoverflower.png) center no-repeat;
}

#index #mainnav .home a {
	cursor:default;
}

/*----------COLOR CHART (SHOP) -----------*/

#colordisplay {
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:325px;
	top:20px;
	left:-175px;
	position:relative;
	z-index:250;
}

#note {
	margin-left:auto;
	margin-right:auto;
	left:-225px;
	top:20px;
	position:relative;
	z-index:200;
	text-align:left;
	font-size:12px;
	font-style:italic;
	color:#999966;
	width:200px;
}

#paypal {
	margin-left:auto;
	margin-right:auto;
	width:275px;
	right:-215px;
	top:-365px;
	position:relative;
	z-index:200;
	font-size:12px;
	font-style:italic;
	color:#999966;
}

#shoptext {
	margin-left:auto;
	margin-right:auto;
	width:335px;
	right:-190px;
	top:-360px;
	color:#000;
	font-size:12px;
	position:relative;
	z-index:255;
}

#shoptext a {
	color:#838274;
	text-decoration:none;
}

#shoptext a:hover {
	color:#993300;
	text-decoration:none;
}



/*----------FOOTER-------------*/

#footer {
	margin-left:auto;
	margin-right:auto;
	width:800px;
	text-align:center;
	margin-top:30px;
	position:relative;
	left:140px;
}

#footer p {
	color:#57562C;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:right;
}

#footer a {
	color: #57562C;
	text-decoration:none;
}

#footer a:hover {
	color:#993300;
	text-decoration:none;
	border-bottom:none;
	/*background-color:#FFF;*/
}