html, body {
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}
html {
	background: #CD197B url(../images/layout/bottom-left.gif) bottom left no-repeat;
	font: 10px Verdana, Tahoma;
	text-align: justify;
}
a { text-decoration: none; }
img { border: none; }
html>body #container { height: auto; }
#container-table {
	width: 100%;
	height: 100%;
}
#container-table td {
	height: 33%;
}
#container {
	width: 750px;
	height: 518px;
	min-height: 518px;
	margin: auto;
	position: relative;
	background: url(../images/layout/background.gif) repeat-y;
}
#header {
	width: 750px;
	height: 152px;
	background: url(../images/layout/header.jpg);
	position: absolute;
	top: 0px;
}
#logo {
	position: absolute;
	top: 37px;
	right: 32px;
}
#nav {
	width: 128px;
	position: absolute;
	top: 180px;
	left: 27px;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav li {
	width: 128px;
	height: 23px;
	margin-bottom: 1px;
}
#nav a {
	width: 100%;
	height: 100%;
	display: block;
}
li.sub, li.sub-current {
	width: 123px !important;
	height: 15px !important;
	margin: 0 !important;
	padding-right: 5px;
	border-bottom: 1px solid #65BA00;
	background: #84C500;
	font: 11px Tahoma;
	text-align: right;
}
li.sub:hover, li.sub-current { background: #99CC00; font-weight: bold; }
li.sub a, li.sub-current a {
	color: #3F1647;
}
.home { background: url(../images/layout/nav-home-up.gif); text-indent: -2000px; } .home:hover, .home-current { background: url(../images/layout/nav-home-over.gif); text-indent: -2000px; }
.story { background: url(../images/layout/nav-our_story-up.gif); text-indent: -2000px; } .story:hover, .story-current { background: url(../images/layout/nav-our_story-over.gif); text-indent: -2000px; }
.collections { background: url(../images/layout/nav-the_collections-up.gif); text-indent: -2000px; } .collections:hover, .collections-current { background: url(../images/layout/nav-the_collections-over.gif); text-indent: -2000px; }
.workshops { background: url(../images/layout/nav-workshops-up.gif); text-indent: -2000px; } .workshops:hover, .workshops-current { background: url(../images/layout/nav-workshops-over.gif); text-indent: -2000px; }
.contact { background: url(../images/layout/nav-contact-up.gif); text-indent: -2000px; } .contact:hover, .contact-current { background: url(../images/layout/nav-contact-over.gif); text-indent: -2000px; }
#content { padding: 160px 105px 80px 180px; font-size: 11px; color: #3F1647; z-index: 10; }
#content a { color: #513F3F; }
#content a:hover { color: #3F1647; }
h1, .h1 { font: bold 10px Verdana, Tahoma; }
#title {
	height: 22px;
	position: absolute;
	top: 145px;
	left: 180px;
}
.thumbs { width: 465px; }
.thumbs img, .thumb {
	margin: 0 14px 14px 0;
	border: 2px solid #CD197B;
	float: left;
}
.thumbs img:hover, .thumb:hover { border: 2px solid #FD7E00; }
#footer {
	width: 703px;
	height: 24px;
	background: url(../images/layout/footer.jpg);
	position: absolute;
	bottom: -1px;
	left: 24px;
}
#bottom-right {
	width: 104px;
	height: 135px;
	background: url(../images/layout/bottom-right.jpg);
	position: absolute;
	right: 0px;
	bottom: -1px;
}
#footer-main {
	font: 10px Arial;
	color: #635F2B;
	text-align: right;
	position: absolute;
	right: 110px;
	bottom: 27px;
}
#footer-main a { color: #3F1647; }
#footer-main a:hover { color: #635F2B; }
.fm-logo {
	float: right;
	margin: 6px 0 0 7px;
}
.textfield {
	background: #CCE680;
	font: 11px tahoma;
	padding: 2px;
	color: #3F1647;
	border: none;
}
.textfield:hover { background: #E5F2BF; }
.button {
	width: 57px;
	height: 18px;
	background: #CD197B;
	font: bold 11px tahoma;
	color: #FFFFFF;
	border: none;
}
.button:hover { background: #B3723E; }