body {
	font-family: arial, helvetica, sans-serif;
	font-size: .8em;
	line-height: 130%;
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #fdfae7;
}


body.popup {
	background: #fdfae7;
	margin: 0 0 20px 0;
}



body.clayphoto {
	text-align: center;
}

a {
	color: #897341;
	font-weight: bold;
	text-decoration: underline;
}


a:hover {
	color: #5f604e;
}

a:active {

}


#topnav {
	padding: 0;
	margin: 0;
	height: 22px;
	width: 100%;
	background: #897341 url("../images/logo.gif") no-repeat fixed top right;
	border: 1px solid #333;
}

#topnav li {
	display: inline;
	margin: 0 0 0 0;
	padding: 0;
}

#topnav li a {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	height: 22px;
	padding: 3px;
	margin: 0 0 0 10px;
}

#topnav li a:hover {
	color: #897341;
	background: #fdfae7;
}

#container {
	margin: 0 0 0 0;
	padding: 0;
	width: 100%;
}


.frame4230 {
	background: url("../images/spec-4230.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}

.frame5207 {
	background: url("../images/spec-5207.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}

.frame5221 {
	background: url("../images/spec-5221.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}

.frame5235 {
	background: url("../images/spec-5235.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}

.frame5244 {
	background: url("../images/spec-5244.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}

.frame5278 {
	background: url("../images/spec-aluminum.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}

.frame5364 {
	background: url("../images/spec-5364.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}

.frame5411 {
	background: url("../images/spec-5411.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}

.frame5423 {
	background: url("../images/spec-5423.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}

.frame5429 {
	background: url("../images/spec-5429.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}

.frame5480 {
	background: url("../images/spec-5480.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}
.frame5479 {
	background: url("../images/spec-5479.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}
.frame5478 {
	background: url("../images/spec-5478.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}
.frame5476 {
	background: url("../images/spec-5476.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}
.frame5474 {
	background: url("../images/spec-5474.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}
.frame5471 {
	background: url("../images/spec-5471.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}
.frame5467 {
	background: url("../images/spec-5467.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}
.frame5450 {
	background: url("../images/spec-5450.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}
.frame5431 {
	background: url("../images/spec-5431.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}
.frame5398 {
	background: url("../images/spec-5398.jpg") repeat-x top left;
	border-top: 1px solid #897341;
}


#homecontent {
	margin: 70px 80px 20px 80px;
}

#homecontent #homeright {
	float: right;
	width: 120px;
	margin: 0 0 0 20px;
}

#content {
	margin: 90px 120px 20px 120px;
}

.frame4230 #content {
}

.frame5204 #content {
	margin-top: 115px;
}

.frame5207 #content {
	margin-top: 115px;
}

.frame5221 #content {
	margin-top: 115px;
}

.frame5235 #content {
	margin-top: 140px;
}

.frame5244 #content {
}

.frame5278 #content {
	margin-top: 115px;
}

.frame5364 #content {
}

.frame5411 #content {
}

.frame5423 #content {
	margin-top: 120px;
}

.frame5429 #content {
	margin-top: 140px;
}


.frame4280 #content {
}
.frame4279 #content {
}
.frame4278 #content {
}
.frame4276 #content {
}
.frame4274 #content {
}
.frame4271 #content {
}
.frame4267 #content {
}
.frame4250 #content {
}
.frame4231 #content {
}
.frame4398 #content {
}



.popup #content {
	margin: 16px;
}

#logincontent {
	margin: 110px 250px 20px 160px;
}

#samplecontent {
	margin: 90px 40px 20px 40px;
	text-align: center;
}

#homecontent h1, #content h1, #logincontent h1, #samplecontent h1 {
	font-size: 1.2em;
	color: #897341;
}

#homecontent h2, #content h2, #logincontent h2, #samplecontent h2 {
	font-size: 1.1em;
	color: #897341;
	font-style: italic;
	margin: 30px 0 -10px 0;
}

#samplecontent h1 {
	font-size: 1.4em;
}


#centercontent {
	text-align: center;
}

#centercontent img {
	border: none;
}

#centercontent td {
	text-align: center;
}

.photoleft, .compoleft, .composmall {
	float: left;
	margin: 10px 15px 10px 0;
}

.ordergrid {
	float: left;
	margin: 10px 15px 10px 0;
	width: 200px;
	height: 300px;
	padding: 10px;
	border: solid 1px #897341;
	background-color: #fff;
}

#homecontent .ordergrid {
	width: 100px;
	height: 180px;
}

.ordergrid img {
	border: none;
}

.ordergrid .buybutton {
	padding: 4px 8px 4px 8px;
	background: #897341; 
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #f5f4de;
	border-left: 1px solid #f5f4de;
	text-decoration: none;
	color: #dedede;
	font-weight: bold;	
}

.ordergrid .buybutton:hover {
	background: #f7941d; 
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #f5f4de;
	border-right: 1px solid #f5f4de;
	color: #fff;
}


.ordergrid p {
	margin: 0 0 10px 0;
}

.compoleft {
	height: 225px;
}

.composmall {
	height: 140px;
}

.photoright {
	float: right;
	margin: 10px 0 10px 30px;
}

.photohangright {
	float: right;
	margin: 10px -100px 10px 30px;
}

.contactphoto {
	float: right;
	margin: 120px 110px 10px 30px;
}

.photoleft, .photoright, .photohangright, .compoleft, .composmall {
	font-size: 12px;
	font-family: trebuchet ms, verdana, sans-serif;
	line-height: 120%;
	font-style: italic;
}

.photoleft img, .photoright img, .photohangright img, .compoleft img, .composmall img {
	border: none;
	margin: 0;
	padding: 0;
}

.storedata {
	clear: both;
	margin: 20px 0 0 0;
}

.storedata img, #fadeshow1 {
	float: right;
	margin: 10px 0px 10px 30px;
}

.storedata .floatpic {
	float: left;
	margin: 10px 40px 10px 0;
}


.storedata ul {
	list-style-type: none;
}




.formbox {
	float: left;
	width: 280px;
	height: 300px;
	margin: 20px 40px 20px 0;
	padding: 0 0 30px 0;
	background-color: #f0f1e1;
	border: none;
}

.formbox h2 {
	display: block;
	width: 100%;
	background-color: #997d4d;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
	font-family: trebuchet ms, verdana, sans-serif;
	text-align: center;
}

.formbox a {
	background-color: #f0f1e1;
	color: #997d4d;
	font-style: normal;
	text-decoration: underline;
}

.formbox a:hover {
	background-color: #997d4d;
	color: #fff;
	text-decoration: none;
}

.formbox p {
	margin: 10px 20px 10px 20px;
}

.formbox input {
	width: 200px;
}

.formbox input.button {
	width: 150px;
	margin-top: 20px;
}

.testimonial {
	margin: 40px 0 20px 0;
	border-top: 1px solid #997d4d;
	padding-top: 15px;
	font-style: italic;
	font-size: 12px;
}

.hometestimonial {
	position: absolute;
	top: 20px;
	left: 650px;
	width: 330px;
	font-size: 12px;
	line-height: 1.2;
	font-style: italic;
}

.citation {
	font-style: normal;
	margin: 0 0 0 15px;
}

.cataloglink {
	margin: 0 0 30px 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #997d4d;
	clear: both;
	text-align: left;
}

.cataloglink img {
	float: left;
	border: 0;
	margin: 0 10px 5px 0;
}

.samplelink {
	float: left;
	width: 260px;
	height: 210px;
	margin: 0 15px 10px 0;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: 85%;
	line-height: 105%;
}

.samplelink img, #samplecontent img {
	border: 0;
	margin: 0 0 2px 0;
}

.artisan, .theboss {
	margin: 10px 10% 20px 0;
	height: 220px;
}
.artisan {
	width: 40%;
	float: left;
}
.artisan img, .theboss img {
	float: left; 
	margin: 0 20px 0 0;
}

.mirrorlist {
	clear: right;
	margin: 10px 1% 20px 0;
}

.mirrorlist img {
	float: right;
	margin: 0 10px 20px 0;
	border: none;
}

.clearall {
	clear: both;
}

.moulding {
	border: 10px solid #000;
}


.finishsteps {
	position: absolute;
	top: 305px;
	left: 255px;
	width: 180px;
	height: 235px;
	overflow: hidden;
	background-color: #fdfae7;
	padding: 0;
}

.finishsteps dt {
	margin: 0;
	padding: 0;
	color: #897341;
	font-weight: bold;
	font-size: 1.1em;
}

.finishsteps dd {
	margin: 5px 0 0 0;
	padding: 0;
}

#finishsteps0 {
	display: block;
}

#finishsteps1 {
	display: none;
}

#finishsteps2 {
	display: none;
}

#finishsteps3 {
	display: none;
}

#finishsteps4 {
	display: none;
}

#finishsteps5 {
	display: none;
}

#finishsteps6 {
	display: none;
}

#finishsteps7 {
	display: none;
}

#finishsteps8 {
	display: none;
}

#footer, #homefooter {
	clear: both;
	font-size: 90%
}

.endnav {
	padding: 15px 0 0 0;
	margin: 0 0 15px 0;
}

.endnav li {
	display: inline;
	margin: 0 10px 0 0;
}


body.photo img {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 15px 0;
}

#loginbox {
	float: right;
	margin: 10px 0 10px 30px;
	width: 150px;
	padding: 10px;
	background: #897341;
	color: #fff;
}

#loginbox h3 {
	font-size: 14px;
	color: #fff;
}

#loginbox a {
	color: #fff;
	font-size: 11px;
	line-height: 1.1em;
}

.asterisk {
	font-size: 14px;
	text-decoration: none;
}

.custlist td {
	text-align: left;
	margin: 0 10px 5px 0;
}

label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

textarea {
	width: 250px;
	height: 100px;
}

.submit input
{
margin-left: 4.5em;
} 

#quoteform input {
	width: 60px;
}
#quoteform input.submit {
	width: 100px;
}

#quoteform input.buybutton, #quoteform input.buybuttonwide {
	padding: 4px;
	background: #897341; 
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #f5f4de;
	border-left: 1px solid #f5f4de;
	text-decoration: none;
	color: #dedede;
	font-weight: bold;
	width: 150px;
}

#quoteform input.buybuttonwide {
	width: 200px;
}

#quoteform input.buybutton:hover, #quoteform input.buybuttonwide:hover {
	background: #f7941d; 
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #f5f4de;
	border-right: 1px solid #f5f4de;
	color: #fff;
}

.inches {
	width: 50px;
}

.specifiers {
	list-style-type: none;
	margin-left: 200px;
}

.specifiers a {
	text-decoration: none;
	color: #000;
	font-weight: normal;
}

.specifiers a img {
	height: 0; width: 0; border-width: 0;
}

.specifiers a:hover img {
	position: absolute; top: 190px; left: 120px; height: 125px; width: 150px;
}

#sizepopup, #measurepopup, #termspopup {
	position: absolute;
	visibility: hidden;
	overflow: auto;
	border:20px solid #deb34b;
	background-color:#fff;
	padding:15px;
	z-index: 2000;

}

#sizepopup h3, #measurepopup h3, #termspopup h3 {
	color: #897341;
}

#opaque {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    visibility: hidden;
    background-color: black;
    filter: alpha(opacity=30);
    opacity: 0.3;
}
* html #opaque {
    position: absolute;
}