body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  background-color: black;
  text-align: center;
  margin: 0;
  padding: 0;
}

table, tr, td {
	margin: 0;
	padding: 0;
	}

h2, h3, h4 {
	text-align: left;
	}

#page {
	background: #C8AC85;
	position: relative;
	min-height: 800px;
	width: 864px !important;
	margin: 108px 0 !important;
	padding: 0;
	}

#corniceright {
	position: absolute;
	margin: 0 !important;
	padding: 0 !important;
	top: 0;
	right: 0;
	width: 40px;
	min-height: 800px;
	height: 100% !important;
	background: url(images/egg-and-dart-right.gif) top right repeat-y;
	}

#corniceleft {
	position: absolute;
	margin: 0 !important;
	padding: 0 !important;
	top: 0;
	left: 0;
	width: 40px;
	min-height: 800px;
	height: 100% !important;
	background: url(images/egg-and-dart-left.gif) top left repeat-y;
	}	

#cornicetop {
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
	width: 864px;
	background: url(images/egg-and-dart-top.gif) top left no-repeat;
	}

#cornicebottom {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 40px;
	width: 864px;
	background: url(images/egg-and-dart-bottom.gif) bottom left no-repeat;
	}

#content {
	position: relative;
	padding: 48px;
	margin: 0;
	}

#header {
	position: relative;
	width: 768px;
	height: 133px;
	background: #000 url(images/headerimg.gif) top center no-repeat;
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid #000;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	}

ul#nav {
	margin: 114px 0 0 0;
	padding: 0;
	width: 768px;
	text-align: center;
	list-style: none;
	color: #C8AC85;
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	}

ul#nav li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	}
	
ul#nav li a {
	display: inline-block;
	margin: 0 !important;
	padding: 6px 12px;	
	color: #C8AC85;
	background: none;
	text-decoration: none;
	}
	
ul#nav li:hover a, ul#nav li a:hover, ul#nav li a:active, ul#nav li.sfhover a {
	display: inline-block;
	margin: 0 !important;
	padding: 6px 12px;	
	background: #C8AC85;
	color: #603913; 
	} 

ul#nav ul {
	width: 768px;
	height: 20px;
	margin: 0;
	padding: 6px 0 1px 0;
	text-align: center;
	position: absolute;
	display: block;
	left: -999em;
	top: 20px;
	}

ul#nav ul li a {
	display: inline-block;
	background: none;
	color: #603913;
	text-transform: none;
	text-decoration: none;
	margin: 0;
	padding: 4px 8px;
	}

ul#nav li:hover ul, ul#nav li.sfhover ul {
	position: absolute;
	margin: 0;
	padding: 6px 0 1px 0;
	left: -1px;
	top: 20px;
	display: block;
	background-color: #C8AC85;
	list-style: none;
	border: 1px dotted #603913;
	border-top: none;
	z-index: 2;
	}

ul#nav li:hover ul li, ul#nav li.sfhover ul li, ul#pagenav li, ul#pagenav li a {
	margin: 0;
	display: inline;
	color: #603913;
	text-transform: none;
	text-decoration: none;
	}
	
ul#nav li:hover ul li a:hover, ul#nav li.sfhover ul li a:hover, ul#pagenav li a:hover {
	margin: 0;
	color: #000;
	background: none;
	text-decoration: underline;
	}

ul#pagenav {
	padding: 0;
	width: 768px;
	text-align: center;
	list-style: none;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #C8AC85;
	font-size: 12px;
	text-transform: uppercase;
	position: absolute;
	top: -41px;
	left: 0px;
	}

ul#pagenav li {
	padding: 0 12px;
	}

.hide {
	display: none;
	}
	
#inpage {
	position:relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	line-height: 1.5em;
	margin: 32px 0 43px 0;
	width: 748px;
	padding: 9px;
	text-align: center;
	height: 100%;
	}

#inpage p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	line-height: 1.2em;
	margin: 0 0 .75em 0;
	padding: 0;
	}

#inpage p b, #inpage p a, .submenu a {
	color: #362f2d;
	font-weight: bold;
	text-decoration: none;
	}

#inpage p a:hover, .submenu a:hover {
	text-decoration: underline;
	}

.submenu {
	width: auto;
	padding: 6px auto;
	margin: 6px 77px;
	background-color: #A67C52;
	text-align: center;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 2em;
	}

/* float clearing for IE6 */
* html #inpage, * html #footer,  * html #patterns, & html #clearthis {
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html #inpage, *+html #footer, *+html #patterns, *+html #clearthis {
  min-height: 1%;
}

/* float clearing for everyone else */
#inpage:after, #footer:after, #patterns:after, #clearthis:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#footer {
	position: relative;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	line-height: 1.0625em;
	z-index: 1;
	width: 768px;
	height: 52px;
	bottom: -52px;
	left: -9px;
	background: #A67C52;
	border: 1px solid black;
	border-top: 6px solid black;
	}

#footerleft {
	position: absolute;
	bottom: 6px;
	left: 6px;
	font-size: 9pt;
	text-align: left;
	}

#footerright {
	position: absolute;
	bottom: 6px;
	right: 6px;
	font-size: 9pt;
	text-align: right;
	}
	
td.colorname {
	vertical-align:bottom;
	}

.pattern6,.pattern12,.pattern24 {
	float: left;
	width: 244px;
	height: 260px;
	margin: 3px 4px 3px 0px;
	padding: 0;
	}

.patternmedallion {
	float: left;
	width: 244px;
	height: 296px;
	margin: 3px 4px 3px 0px;
	padding: 0;
	}

.patterncornice {
	float: left;
	width: 368px;
	height: 238px;
	margin: 3px 4px 3px 0px;
	padding: 0;
	}

.patternfiller {
	float: left;
	width: 368px;
	height: 196px;
	margin: 3px 4px 3px 0px;
	padding: 0;
	}

.plannerselectarea {
	float: left;
	width: 244px;
	height: 208px;
	margin: 3px 4px 3px 0;
	padding: 0;
	}

.plannerselectareacornice {
	clear: left;
	float: left;
	width: 280px;
	height: 350px;
	margin: 3px 4px 3px 0;
	padding: 0;
	}
	
.plannersubmitarea {
	float: left;
	width: 150px;
	height: 208px;
	margin: 3px 4px 3px 0;
	padding: 0;
	}

#cornicediv {
	width: 275px;
	height: 275px;
	overflow:hidden;
	}

#cornicediv #CorniceImg {
	width:100%;
	height:100%;
	}

#creating-image {
	position: relative;
	width: 768px;
	min-height: 120px;
	background: url(images/headers/creating-image.gif) top left no-repeat;
	margin: 6px 0 12px 3px;
	padding:0;
	}

#creating-image img {
	margin: 0 0 0 -19px;
	padding: 0;
	width: 100%;
	height:100%;
	}

#BaseColor {
	width: 120px;
	height: 36px;
	background: white;
	}

.labelspan {
	display: block;
	padding: 3px;
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1em;
	}

.basetone {
	margin: 0 -5px -5px -5px;
	padding: 3px 8px 8px 8px;
	width: 100%;
	background: #C8AC85;
	text-align: left;
	}

.colorcode {
	text-transform: uppercase;
	font-weight: normal;
	}

.cornicemeta {
	padding: 0 0 0 9em;
	text-align: left;
	font-size: 10px;
	line-height: 1.125em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

.medallionmeta {
	margin: auto 0 1em 0;
	padding: 6px 0 1em 2em;
	text-align: left;
	font-size: 10px;
	line-height: 1.125em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

.cornicemetaimg {
	float: right;
	margin: 0px 12px 0 12px;
	}

a img {
	border: none;
	}

#inpagehead {
	margin: 0 auto 12px auto;
	padding: 0;
	}

.alignright {
	margin: 0 0 12px 12px;
	float: right;	
	}	

.testimonial {
	margin: 6px 18px;
	border-top: 4px solid #362f2d;
	border-bottom: 4px solid #362f2d;
	padding: 6px;
	}

p.testimonialtext {
	font-family: Georgia, Palatino, "Times New Roman", Times, serif;
	text-align: justify;
	}

p.testimonialauthor {
	font-family: Georgia, Palatino, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: right;
	}
