html  {
	background: url(i/bg-sq.gif) center 32px repeat;
	min-width: 810px;
	overflow-y: scroll;
}
*{
	margin:0; padding:0;
}
a{
	outline:none;
}
body{
	color: #555;
	font:normal 13px arial, helvetica, sans-serif;
	line-height: 130%;
border:  red;
}
h1, .h1{
	font:bold 15px georgia, times, serif;
	margin:40px 0 0 0;
	color: #000;
}
h1.tight, h2.tight{
	margin:0px;
}
.space{
	margin-bottom:20px;
}
h2 {
	font:bold 13px arial, helvetica, sans-serif;
	margin-top:20px;
	line-height:130%;	
	color:#6A9CAD;
}
h3 {
	font:bold 13px arial, helvetica, sans-serif;
	line-height:130%;	
	color:#444;
}
.note {
	font-weight: bold;
	background:#6a9cad;
	color:#fff;
	padding: 4px;
}
.note a, .note a:hover{
	color:#fff;
}
img{
	border:0;
}
a {
	color:#6A9CAD;
}
a:hover {
	color:#8FBCC6;
}
p{
	margin-bottom:20px;
}
p.tight{
	margin-bottom:0;
}
.clear{
	clear:both;
}

ul{
	list-style:square outside;
	margin: 0 0 20px 15px;
}
ul.clean{
	list-style:none;
	margin: 0 0 20px 0;
}

.pcaption, .lcaption{
	font-size: 11px;
	margin-left:-20px;
}
.caption{
	font-size: 11px;
}
::-moz-selection{
	background:#6A9CAD;
	color:#fff;
}
::selection {
	background:#6A9CAD;
	color:#fff;
}
.blue{
	color:#6A9CAD;
}
.tiny{
	font-size: 11px;
}
#wrap {
	margin:0 auto 30px auto; padding:0;
	width: 810px;
border:  green;
}


/* NAV PAGES*/
#nav {
	width: 810px; height: 32px;
	margin:0; padding:0;
	position: relative;
	text-indent:-9999px;
}
#nav li{list-style: none; position: absolute; top: 0; display: inline;}

#nav li, #nav a {height: 32px; display: block; text-decoration:none;}
	
#nav_products {left: 0px; width: 162px; background: url(i/nav.gif) 0px 0px no-repeat;}
#nav_about {left: 162px; width: 162px; background: url(i/nav.gif) -162px 0px no-repeat;}
#nav_news {left: 324px; width: 162px; background: url(i/nav.gif) -324px 0px no-repeat;}
#nav_media {left: 486px; width: 162px; background: url(i/nav.gif) -486px 0px no-repeat;}
#nav_policies {left: 648px; width: 162px; background: url(i/nav.gif) -648px 0px no-repeat;}

#nav_products a:hover {background: transparent url(i/nav.gif) 0px -32px no-repeat;}
#nav_about a:hover {background: transparent url(i/nav.gif) -162px -32px no-repeat;}
#nav_news a:hover {background: transparent url(i/nav.gif) -324px -32px no-repeat;}
#nav_media a:hover {background: transparent url(i/nav.gif) -486px -32px no-repeat;}
#nav_policies a:hover {background: transparent url(i/nav.gif) -648px -32px no-repeat;}

body#coffeecuff ul#nav li#nav_products {background-position: 0px -32px}
body#bentwoodring ul#nav li#nav_products {background-position: 0px -32px}
body#asthecrowflies ul#nav li#nav_products {background-position: 0px -32px}
body#nano ul#nav li#nav_products {background-position: 0px -32px}
body#about ul#nav li#nav_about {background-position: -162px -32px}
body#news ul#nav li#nav_news {background-position: -324px -32px}
body#media ul#nav li#nav_media {background-position: -486px -32px}
body#policies ul#nav li#nav_policies {background-position: -648px -32px}

#subnav {
	width: 162px; 
	visibility: hidden; 
	position: absolute; 
	top: 32px; 
	left: 0; 
	margin:0;
}
#subnav li, #subnav a{ 
	list-style: none; 
	position: relative;
	width: 162px; height: 32px;
}


#subnav_coffeecuff {background:url(i/subnav-coffeecuff.gif) 0px 0px;}
#subnav_ring {background:url(i/subnav-ring.gif) 0px 0px;}
#subnav_asthecrowflies {background:url(i/subnav-asthecrowflies.gif) 0px 0px;}
#subnav_45nano {background:url(i/subnav-45nano.gif) 0px 0px;}
#subnav_redfish {background:url(i/subnav-redfish.gif) 0px 0px;}

#subnav_coffeecuff a:hover {background: transparent url(i/subnav-coffeecuff.gif) 0px -32px no-repeat;}
#subnav_ring a:hover {background: transparent url(i/subnav-ring.gif) 0px -32px no-repeat;}
#subnav_asthecrowflies a:hover {background: transparent url(i/subnav-asthecrowflies.gif) 0px -32px no-repeat;}
#subnav_45nano a:hover {background: transparent url(i/subnav-45nano.gif) 0px -32px no-repeat;}
#subnav_redfish a:hover {background: transparent url(i/subnav-redfish.gif) 0px -32px no-repeat;}

/* COL PAGES*/
#col0{
	float: left;
	clear: left;
	margin-top:10px; padding: 0 10px 0 20px;
	width:780px;
	overflow: hidden;
border:  purple;
}
#col1{
	float: left;
	clear: left;
	margin-top:10px; padding: 0 20px;
	width:284px;
	overflow: hidden;
border:  purple;
}
#col2{
	float: right;
	width:466px;
	padding: 0 0 0 20px;
	overflow: hidden;
border:  orange;
}

img.top, embed.top{
	margin-left:-20px;
}
.thumbs img{
	padding: 5px 0px 0 0;
	vertical-align: top;
}
.prodthumbs {
	margin-left:-20px; 
}
.prodthumbs img{
	padding: 4px 4px 0 0;
	background-color:#fff;
	vertical-align: top;
}
ul.highlights{
	list-style:square outside url(i/bluebull.gif);
	margin:0 0 20px 15px;
}
ul.highlights div {
	padding-left:11px;
}
img.bt{
	padding-right:10px;
}
.other{
	float: left;
	width: 200px;
}
.additional{
	float: right;
	width: 200px;
}

/* HOMEPAGE ITEMS */
p.home {
	margin: 65px 80px 0 162px;
}
img.logo{
	float: left;
	margin: 32px 0px 0 20px;
}
#menu-products{
	margin: 30px 0 0 0;
border:  yellow;
}
#menu-products h1{
	margin:0px;
}
a.menu-cuff{
	float:left;
	display:block;
	width:162px; height:172px;
	background: url(i/menu-cuff.gif) 0 -152px no-repeat;
	text-decoration: none;
	text-align: center;
}
a.menu-cuff:hover{
	background-position: 0 10px;
}

a.menu-ring{
	float:left;
	display:block;
	width:162px; height:172px;
	background: url(i/menu-ring.gif) 0 -152px no-repeat;
	text-decoration: none;
	text-align: center;
}
a.menu-ring:hover{
	background-position: 0 10px;
}

a.menu-mobile{
	float:left;
	display:block;
	width:162px; height:334px;
	background: url(i/menu-mobile.gif) 0 -310px no-repeat;
	text-decoration: none;
	text-align: center;
}
a.menu-mobile:hover{
	background-position: 0 14px;
}
a.menu-45{
	float:left;
	display:block;
	width:162px; height:172px;
	background: url(i/menu-45.gif) 0 -152px no-repeat;
	text-decoration: none;
	text-align: center;
}
a.menu-45:hover{
	background-position: 0 10px;
}
a.menu-redfish{
	float:left;
	display:block;
	width:162px; height:334px;
	background: url(i/menu-redfish.gif) 0 -310px no-repeat;
	text-decoration: none;
	text-align: center;
}
a.menu-redfish:hover{
	background-position: 0 14px;
}
a.contexture{
	float: left;
	display:block;
	margin: 32px 0px 0 20px;
	width:116px;
	height:63px;
	background: url(i/logo-out.gif) 0 0 no-repeat;
	text-decoration: none;
	text-indent:-9999px;
}
a.contexture:hover{
	background-position: 0 -63px;
}
a.special{
	float: right;
	display:block;
	margin: 45px -10px 0 0px;
	width:86px;
	height:87px;
	background: url(i/icon-specialprojects.gif) 0 0 no-repeat;
	text-decoration: none;
	text-indent:-9999px;
}
a.special:hover{
	background-position: 0 -87px;
}

/* PAYPAL*/
.buttons {
	padding-bottom:20px;
	float:left;
	width:110px;
border:  red;
}
.buttonstack {
	padding-bottom:10px;
	float:left;
	width:110px;
border:  red;
}

.bt-add {
	text-indent:-9999px;
	width:94px;
	height:23px;
	background: url(i/bt-add.gif) 0 0 no-repeat;
	border:0;
	cursor:pointer;
	font-size: 0px; display:block; line-height: 0px; /*IE FIX*/
}
.bt-add:hover {
	background-position: 0 -23px;
}
.bt-view {
	text-indent:-9999px;
	width:94px;
	height:23px;
	background: url(i/bt-view.gif) 0 0 no-repeat;
	border:0;
	cursor:pointer;
	font-size: 0px; display:block; line-height: 0px; /*IE FIX*/	
}
.bt-view:hover {
	background-position: 0 -23px;
}
.paypallogos img{
	margin:-10px 5px 0 0;
}