* {margin: 0; padding: 0;}

.hide {display:none;}

body { font-family: verdana, sans-serif; font-size: 10pt; background-color:#ddf; }
#container { width: 800px; margin: 10px auto; background-color: #fff; text-align: left; }

h1 { font-size: 300%; font-family: times, serif; font-style: italic; width: 100%; height: 131px;}
h2 { font-size: 150%; font-weight: bold; color:#960; font-family: arial, sans-serif; padding-left: 10px; padding-top: 10px; }
h3 { font-size: 120%; font-weight: bold; font-family: arial, sans-serif; padding-left: 20px; padding-top: 10px; }
h3.productofmonth { color: #960; }
h4 { font-family: arial, sans-serif; padding-left: 20px; padding-top: 10px; }

a { color: #960; text-decoration: none; }

p.caption { font-size: 80%; font-weight: bold; padding-bottom: 1em; }

#nav ul { list-style: none; background-color:#66f; padding: 5px 0; width:100%; text-align:center; }
#nav ul li { margin: 0 2em; padding: 5px 0; display: inline; }
#nav ul li a { color: #fff; font-weight: bold; text-decoration: none; }
#nav ul li a:hover { color:#FFCC00; }

#content { font-size: 90%; float: left; width: 650px; background: #fff url(../images/twograyl.gif) no-repeat center 40px; }
#content p { margin: 20px; text-align: justify; }
#content p.introsummary { font-weight:bold; text-align:center; font-size:110%;}
#content p.extrapadding { padding-bottom: 150px; }
#content ul { padding: 10px; margin-left: 30px; }

#content ol { padding-left: 20px; margin-left: 20px;}

#content table { border: 1px solid #000; border-collapse: collapse; margin-top: 10px;}
#content td { border: 1px solid #000; }

#contentcontact { font-size: 90%; float: left; width: 500px; background: #fff url(../images/twograyl.gif) no-repeat center 40px; display: inline;}
#contentcontact p { margin: 20px; text-align: justify; }

#contentcontact2 { font-size: 90%; float: left; width: 290px; margin-right:10px; text-align: right; display: inline;}

#contentproducts { font-size: 90%; float: left; width: 100%; background: #fff url(../images/twograyl.gif) no-repeat center 40px; }
#contentproducts p { margin: 20px; text-align: justify; }


#rightcolumn { float: left; width: 148px; margin-top: 1em; text-align: center; }

#footer { clear: both; text-align: center; font-size: 80%; padding: 20px 0;}
#footer ul { list-style: none; }
#footer ul li { display: inline; padding: 0 5px; border-left: 1px solid #333; }
#footer ul li.first { display: inline; padding: 0 5px; border-left: none; }
#footer p { margin-bottom: 1em; }

img.floatleft { float: left; margin: 4px; }
img.floatright { float: right; margin: 4px; }

.products { width: 365px; height: 110px; border: 1px solid #960; margin: 10px 0; padding: 5px; overflow: auto;}
.products ul { list-style: none;}
.products ul li { display: inline;}
.products h3 { padding-left: 0px; }

.product1 { float: left; width: 385px; display: inline; }
.product2 { float: left; width: 385px; display: inline; }

.productofthemonth { width: 745px; border: 3px solid #960; margin: 10px 0; padding: 10px 10px 10px 0; overflow: auto; }
.productofthemonth ul { list-style-type:square; margin-left: 40px; }
.productofthemonth .bigquote {
	background-image: url("/resources/images/quote-open.gif");
	background-position: 10px 10px;
	background-repeat: no-repeat;
}
.productofthemonth .bigquote blockquote {
	padding-left: 55px;
	padding-right: 45px;
	padding-top: 10px;
	background-image: url("/resources/images/quote-close.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-bottom:5px;
	margin-bottom:0;
}
.productofthemonth p.credit { float: right; font-weight:bold; margin:0; padding:0;}


#productindex { border: solid 1px #000; }
#productindex h3 { padding: 5px; margin-bottom: 10px; width: 136px; color: #fff; background-color:#CC9900; }

fieldset { border: none; }
.formelement { clear: right; padding-top: 10px; }
.formelement label { display:inline; float: left; width: 150px; text-align: right; }
.formw { float: right; width: 330px; text-align: left; }
input.submit { margin-left: 170px; }
p.formerror { color: #f00; font-weight: bold; padding-top: 1em; }

div.spacer {height: 3em; }

#record { border-bottom: solid 1px #000; }

#portfolio { padding-left: 20px; }