body      { color: #333; font-size: xx-small; font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif"; font-weight: normal; line-height: 1.5em; background-color: white; margin: 0; padding: 0 }

td     { color: #333; font-size: xx-small; font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif"; font-weight: normal; line-height: 1.5em; margin: 0; padding: 0 }

ul     { margin: 2px 14px; padding: 0    }

/* h5 used for tailored logo text */
h5	{
	font-size: 1.0em;
	line-height: 1.4em;
	font-weight: bold;
	color: #036;
}

/* Remove border on linked images. */
a img { border: none; }

#top01   { background-image: url(../images-nav/topnav-background.jpg); background-repeat: no-repeat; width: 100%; height: 100px }
#top02   { background-color: #8c94a8; width: 100%; height: 14px; border-bottom: 2px solid #5a6a82 }
#top03   { background-color: #999; width: 100%; height: 32px }

#flag    { position: absolute; top: 30px; right: 10px; width: 100px; height: 60px }
#launch   { position: absolute; top: 170px; right: 40px; width: 120px; height: 84px ; z-index: 1; }

#left { position: absolute; top: 0; left: 0; width: 150px; height: 100%; border-right: 1px solid black }
#left-info       { color: #142e61; padding: 10px; position: relative; top: 148px; left: 0; width: 130px; height: auto }
.left-links    { position: relative; top: 148px; width: 150px; height: auto }
.left-links ul   { list-style: none; margin: 0; padding: 0 0 0 10px }
.left-links li   { line-height: 2em; padding-top: 1.8em; padding-bottom: 0.2em; border-bottom: 1px dotted gray }

#left-swatch   { margin: 0; left: 0 }

#top-nav  { position: relative; top: 50px; left: 150px; width: auto; height: 50px }
#top-nav a:link { color: black; text-decoration: none; padding-right: 1em; padding-left: 1em; height: 50px; float: left; border-right: 1px solid black }
#top-nav a:visited  { color: purple; text-decoration: none; padding-right: 1em; padding-left: 1em; height: 50px; float: left; border-right: 1px solid black }
#top-nav a:hover  { color: olive; text-decoration: none; padding-right: 1em; padding-left: 1em; height: 50px; float: left; border-right: 1px solid black }
#top-nav a:active  { color: orange; text-decoration: none; padding-right: 1em; padding-left: 1em; height: 50px; float: left; border-right: 1px solid black }
.arrow { list-style-image: url(../images/arrow.gif); }

#homebox   { background-position: center 0; margin: 15% auto auto; width: 760px; height: 500px }

#top-navhome  { height: 50px }
#top-navhome a:link { color: black; text-decoration: none; padding-right: 1em; padding-left: 1em; height: 50px; float: left; border-right: 1px solid black }
#top-navhome a:visited  { color: purple; text-decoration: none; padding-right: 1em; padding-left: 1em; height: 50px; float: left; border-right: 1px solid black }
#top-navhome a:hover  { color: olive; text-decoration: none; padding-right: 1em; padding-left: 1em; height: 50px; float: left; border-right: 1px solid black }
#top-navhome a:active  { color: orange; text-decoration: none; padding-right: 1em; padding-left: 1em; height: 50px; float: left; border-right: 1px solid black }

#nav-right  { margin: 0 }
#nav-right li   { list-style: none; margin: 0; padding-right: 2em; padding-left: 2em; width: auto; height: 14px; float: right; border-left: 1px solid white }

#next   { background-color: #6c9 }
#back    { background-color: #5abdb2 }

/* Commented Backslash Hack hides rule from IE5-Mac \*/ #nav-right a {float: none;} /* End IE5-Mac hack */
#nav-right li a:link  { color: black; text-decoration: none }
#nav-right li a:hover { color: #069; text-decoration: none; }

.heading   { color: #faf0d5; font-size: medium; font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif"; font-weight: normal; line-height: 1.5em; background-color: #333; margin: 0; padding: 0.2em 1em 0.2em 0.5em; position: relative; bottom: 0; left: 150px }
.subheading  { color: #999; font-size: small }

.collection-container { position: absolute; z-index: 0; top: 148px; left: 150px; height: 170px }
.collection-nugget    { background-color: #faf0d5; display: block; width: 150px; height: 170px; float: left; border-left: 1px solid black }
.collectiontable-nugget     { background-color: #c8e6e6; display: block; width: 150px; height: 170px; float: left; border-left: 1px solid black }
.collection-info { line-height: 1.2em; padding: 1em; }

.bespoke-info { line-height: 1.8em; padding: 1em; }
.bespoke-500nugget   { background-color: #8caac8; display: block; width: 500px; height: 400px; float: left; border-left: 1px solid black }
.bespoke-450nugget   { background-color: #8caac8; display: block; width: 450px; height: 400px; float: left; border-left: 1px solid black }
.bespoke-400nugget   { background-color: #8caac8; display: block; width: 400px; height: 400px; float: left; border-left: 1px solid black }
.bespoke-300nugget   { background-color: #8caac8; display: block; width: 300px; height: 400px; float: left; border-left: 1px solid black }
.bespoke-250nugget   { background-color: #8caac8; display: block; width: 250px; height: 400px; float: left; border-left: 1px solid black }
.bespoke-200nugget   { background-color: #8caac8; display: block; width: 200px; height: 400px; float: left; border-left: 1px solid black }

.photo-container {
	position: absolute;
	z-index: 0;
	top: 148px;
	left: 150px;
}

.photo { display: block; height: 300px; float: left ; padding-right: 2px; padding-bottom: 2px; }
.photobelow { display: block; height: 240px; float: left ; padding-right: 2px; padding-bottom: 2px; }
.photo-clearleft { display: block; clear: left }
#below    { display: block; width: 100%; float: left; clear: left }

.cad2d-container  { position: absolute; z-index: 0; top: 148px; left: 150px }
.cad2d  { display: block; padding: 10px; float: left; border-bottom: 1px dotted gray }

.form-container    {
	position: absolute;
	z-index: 0;
	top: 148px;
	left: 150px
}
table.contact   {
	margin: 0;
	padding: 0px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
table.contact td   {
	background-color: #e6e6fa;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
	padding: 10px;
}

table.contact td.pps   {
	background-color: #c2c0dd;
	vertical-align: bottom;
}

td.requests   {
	background-color: #C5C5D5;
}

td.white   {
	background-color: #FFF;;
}

.layout   { display: block; padding: 10px; float: left }
.layoutnews   { display: block; padding: 10px; width: 620px; float: left }
.layoutnews ul   { margin-left: 20px; }

a:link { color: black; text-decoration: none; }
a:visited  { color: purple; text-decoration: none; }
a:hover  { color: olive; text-decoration: none; }
a:active  { color: orange; text-decoration: none; }
.text-white { color: white }
dl { width: 800px }
dt   { font-weight: bold; background-color: #e6e6cc; padding-top: 1em }
dd { margin-left: 3em; padding-top: 0.5em; padding-bottom: 0.5em }
.range-features { color: white; font-weight: 600; background-color: #999; padding: 0.2em 0.4em; }
.copyright-halfsize { font-size: 50%; }

.instal01 { color: white; background-color: #d6d646; padding: 0.2em 0.4em; }
.instal02 {
	color: white;
	background-image: url(../images/install02.jpg);
	vertical-align: bottom;
	padding-top: 0.2em;
	padding-right: 0.4em;
	padding-bottom: 0em;
	padding-left: 0em;
	background-repeat: no-repeat;
	height: 62px;
}