/* CSS Document */
body 				{
	background-color: #7E1033;
	color: #000000;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}
h1 					{ background-color: #CC5C34; font-size: 20px; color: #CC5C34; border: 1px solid #CC5C34; background-image: url(/assets/images/header_bg.gif); margin: 0; } 
h1 span				{ background-color: #FFFFFF; padding: 0 12px; }
h2  				{ background-color: #DD9377; margin: 0 8px; border: 1px solid #DD9377; color: #CC5C34; } 
h2 span				{ background-color: #F3F0DA; padding: 0 8px 0 4px; font-size: 16px; } 
a:link 				{ color: #CC5C34; text-decoration: none; font-weight: bold; } 
a:visited 			{ color: #CC5C34; font-weight: bold; text-decoration: none; } 
a:hover				{ text-decoration: underline; } 
a:active			{ color: #CC5C34; text-decoration: none; font-weight: bold; } 
img					{ border: 0; }
acronym 			{ cursor: help; }

/* Main Styles */
#container			{ background-color: #FFFFFF; width: 770px; margin: 0 auto; border-right: 8px solid #DD9377; border-left: 8px solid #DD9377; border-bottom: 8px solid #DD9377; }
#header				{ background-image: url(/assets/images/top_bg.jpg); }
#main				{ clear: both; }
#left				{ width: 550px; margin: 0 10px;	padding: 10px 0; }
#right				{ width: 200px; float: right; background-color: #F3F0DA; padding: 12px 0; }
#footer				{ padding: 10px; clear: both; font-size: 80%; }
#top_nav 			{ height: 20px; background-color: #CC5C34; }
#top_nav ul			{ margin: 0; padding: 0; }
#top_nav li			{ float: left; width: 96px; margin: 0; padding: 0; list-style-type: none; text-align: center; }
#top_nav a			{ font-size: 13px; color: #EDE8C8; text-decoration: none; font-weight: bold; background-color: #CC5C34; }
#top_nav a:hover	{ background-color: #EDE8C8; width: 100%; display: block; color: #CC5C34; height: 20px; }

/* Gallery Styles */
ul#gallery 			{ margin:0; padding: 0; }
ul#gallery li		{ list-style-type:none; float:left; border:1px solid #CCCCCC; margin: 2px 2px; display:block; }
ul#gallery a:link, ul#gallery a:visited { padding: 5px; text-align:center; font-size: 10px; width: 114px; height: 138px; display:block; }
ul#gallery a:hover  { background-color:#EFEBCF; }
ul#gallery a:active { padding: 5px; text-align:center; font-size: 10px; width: 114px; height: 134px; display:block; }
ul#gallery span	    { display:block; height:100px;}
a.delete			{ margin: 2px !important; width: 20px !important; height: 20px !important; display:block !important; float: left; }

/* Products */
.products			{
	padding: 43px 10px 0 10px;
	background-repeat: no-repeat;
	margin: 4px 0;
} 
.products h3		{ display: none; }
.products img		{ float: right; }

.asr				{ background-image: url(/assets/images/product-bgs/asr.jpg);height: 232px; }
.cedar				{ background-image: url(/assets/images/product-bgs/cedar.jpg);height: 232px; }
.composition		{ background-image: url(/assets/images/product-bgs/composition.jpg); height: 422px; }
.tile				{ background-image: url(/assets/images/product-bgs/tile.jpg); height: 517px; }

/* Form Styles */
#form1 				{ width: 480px; display: block; }
#form1 label 		{ float: left; width: 150px; display: block; margin: 2px 0 0 0; font-size: 12px; padding: 0 0 0 10px; }
#form1 span  		{ float: right; width: 50%; display: block; margin: 0; padding: 0; }
.level 				{ background-color: #F3F0DA; display: block; width: 100%; height: 18px; }
.level2 			{ display: block; width: 100%; height: 18px; margin: 2px 0; padding: 2px 0; }
.fieldbox 			{ font-size: 12px; margin: 0; padding: 0; }
.error				{ color: #FF0000; font-weight: bold; font-size: 110%; text-align: center; }
fieldset			{ margin: 8px 0; display: block; border-color: #CC5C34; }
legend				{ font-weight: bold; }
#hidden				{ display: none; }
#ack				{ font-size: 14px; text-align:center;}

/* new form */
#new-form			{ width: 300px; }