*{
	padding: 0;
	margin: 0;
}

html, body {
	text-align: center;
	height: 100%;
	background: url(http://designobviously.com/images/back.gif);
	}

#wrapper{
	position: relative;
	text-align: center;
	margin: 0px auto;
	width: 910px;
	height: 600px;
	background-image: url(http://designobviously.com/images/wrapper_back.gif);
}

#header {
	float: left;
	width: 910px;
	text-align: left;
	display: inline;
	height: 180px;
	background: url(http://designobviously.com/images/header.gif) no-repeat;
}

#navbar {
	float: left;
	margin: 0 5px 0 5px;
	width: 890px;
	display: inline;
	background: url(http://designobviously.com/images/nav_back.gif) no-repeat;
}

#main{
	float: left;
	display: inline;
	text-align: left;
/*	height: 320px; */
	width: 900px !important;
	width /**/:910px;
}

#description {
	float: left;
	display: inline;
	padding-top: 20px;
	padding-left: 25px;
	width: 185px !important;
	width /**/: 210px;
}
  
#piece {
	float: left;
	display: inline;
	text-align: left;
	padding-top: 10px;
	padding-left: 20px;
	width: 490px !important;
	width /**/: 510px;
}

#extras {
	float: left;
	display: inline;
	overflow: hidden;
	height: 375px;
	padding-right: 10px;
	width: 170px !important;
	width /**/: 180px;
}

#footer{
	text-align: center;
	margin: 0px auto;
	width: 910px;
	height: 20px;
	background: url(http://designobviously.com/images/shadow_bottom.gif) no-repeat;
}

#nav {
	height: 20px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#nav li {
	margin: 0;
	list-style: none;
	display: inline;
}

#nav a {
	margin: 0 20px 0 0;
	float: left;
	overflow: hidden;
	display: inline;
	padding: 20px 0 0 0;
	height: 0px !important;
	height /**/:20px; /* for IE5/Win only */
}

#nav a:hover{
	background-position: 0 -20px;
}

#nav a.selected {
	background-position: 0 -40px;
}

#home a {
	margin: 0 20px 0 20px;
	width: 36px;
	display: inline;
	background: url(http://designobviously.com/images/nav_home.gif) no-repeat;
}                                
                                 
#print a {                       
	width: 31px;
	background: url(http://designobviously.com/images/nav_print.gif) no-repeat;
}                                
                                 
#cd-rom a {                       
	width: 46px;
	background: url(http://designobviously.com/images/nav_cd-rom.gif) no-repeat;
}                                
                                 
#flash a {                     
	width: 33px;
	background: url(http://designobviously.com/images/nav_flash.gif) no-repeat;
}                                
                                 
#logos a {                        
	width: 35px;
	background: url(http://designobviously.com/images/nav_logos.gif) no-repeat;
}

#exhibits a {                        
	width: 53px;
	background: url(http://designobviously.com/images/nav_exhibits.gif) no-repeat;
}


/* ----------------------------------------------------------------------------------- */
/* --| subnav |-- */
div#subnavbar {
	float: left;
	background: red;
	width: 1100px;
}

ul#subnav {
	float: left;
	padding: 0;
	list-style: none;
	position: relative;
	z-index: 100;
}

#subnav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#subnav a {
	float: left;
	display: block;
	overflow: hidden;
	width: 24px;
	padding: 24px 0 0 0;
	height: 0px !important;
	height /**/:24px; /* for IE5/Win only */
}

#sub1 a {
	background: url(http://designobviously.com/images/subnav_1.gif) no-repeat;
}                                

#sub2 a {
	background: url(http://designobviously.com/images/subnav_2.gif) no-repeat;
}                                

#sub3 a {
	background: url(http://designobviously.com/images/subnav_3.gif) no-repeat;
}                                

#sub4 a {
	background: url(http://designobviously.com/images/subnav_4.gif) no-repeat;
}                                

#sub5 a {
	background: url(http://designobviously.com/images/subnav_5.gif) no-repeat;
}                                

#sub6 a {
	background: url(http://designobviously.com/images/subnav_6.gif) no-repeat;
}                                

#sub7 a {
	background: url(http://designobviously.com/images/subnav_7.gif) no-repeat;
}                                

#sub8 a {
	background: url(http://designobviously.com/images/subnav_8.gif) no-repeat;
}                                

#sub9 a {
	background: url(http://designobviously.com/images/subnav_9.gif) no-repeat;
}                                

#sub10 a {
	background: url(http://designobviously.com/images/subnav_10.gif) no-repeat;
}                                

#subnav a:hover{
	background-position: 0 -24px;
}

#subnav a.selected {
	background-position: 0 -48px;
}

#subnav a span {
	display: none;
}

/* ----------------------------------------------------------------------------------- */
/* --| subnav hover |-- */

.print #subnav a:hover span {
	display: block;
	position: absolute;
	left: 225px;
	top: 5px;
	z-index: 101;
	padding: 0 2px;
	width: 300px;
	text-align: left;
	font-family: verdana, helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #407092;
}

.cd-rom #subnav a:hover span {
	display: block;
	position: absolute;
	left: 78px;
	top: 5px;
	z-index: 101;
	padding: 0 2px;
	width: 600px;
	text-align: left;
	font-family: verdana, helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #407092;
}

.flash #subnav a:hover span {
	display: block;
	position: absolute;
	left: 240px;
	top: 5px;
	z-index: 101;
	padding: 0 2px;
	width: 400px;
	text-align: left;
	font-family: verdana, helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #407092;
}

.logos #subnav a:hover span {
	display: block;
	position: absolute;
	left: 76px;
	top: 5px;
	z-index: 101;
	padding: 0 2px;
	width: 300px;
	text-align: left;
	font-family: verdana, helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #407092;
}

.exhibits #subnav a:hover span {
	display: block;
	position: absolute;
	left: 100px;
	top: 5px;
	z-index: 101;
	padding: 0 2px;
	width: 300px;
	text-align: left;
	font-family: verdana, helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #407092;
}

/* ----------------------------------------------------------------------------------- */


#subnav a span em {
	color: #407092 !important;
	vertical-align: -1px;
}


/* ----------------------------------------------------------------------------------- */
/* --| subnav position |-- */

.print #subnavbar {
	background: url(http://designobviously.com/images/subnav_marker.gif) no-repeat 79px 0;
	padding: 0 0 0 94px;
	width: 600px !important;
	width /**/:900px;
}

.flash #subnavbar {
	background: url(http://designobviously.com/images/subnav_marker.gif) no-repeat 131px 0;
	padding: 0 0 0 146px;
	width: 600px !important;
	width /**/:900px;
}

.cd-rom #subnavbar {
	background: url(http://designobviously.com/images/subnav_marker.gif) no-repeat 185px 0;
	padding: 0 0 0 200px;
	width: 600px !important;
	width /**/:900px;
}

.logos #subnavbar {
	background: url(http://designobviously.com/images/subnav_marker.gif) no-repeat 250px 0;
	padding: 0 0 0 265px;
	width: 600px !important;
	width /**/:900px;
}

.exhibits #subnavbar {
	background: url(http://designobviously.com/images/subnav_marker.gif) no-repeat 307px 0;
	padding: 0 0 0 322px;
	width: 300px !important;
	width /**/:900px;
}


/* ----------------------------------------------------------------------------------- */

/* --| tags |-- */

a {
	color: #A45609;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
}

em {
	color: #407092;
	font-weight: bold;
	font-style: normal;
}

a:hover {
	color: #BC7834;
}

h1 {
	font-family: verdana;
}

h2 {
	font-family: verdana, helvetica;
	font-size: .9em;
	font-weight: bold;
	color: #407092;
}

h3 {
	font-family: verdana, helvetica;
	font-size: .7em;
	color: #407092;
}

p {
	font-family: verdana, helvetica;
	font-size: 0.65em;
	line-height: 1.35em;
	color: #000;
}

#specs {
	font-style: italic;
	line-height: 2em;
	margin: 4px 0 0 0;
}

#prodnote {
	line-height: 1.25em;
	margin: 4px 0 0 0;
}

#smallprint {
	font-size: .6em;
}

#extratext {
	margin: 0px;
	
}

#seemore{
	position: relative;
	top: 25px;
	font-weight: bold;
	font-style: italic;
	width: 150px;
	text-align: right;
}

.dingbat {
	font-size: .9em;
	color: #407092;
	font-weight: bold;
}

div#extraexpand1
{
	margin: 0px 0px 0px 0px;
	display: none;
}

div#extraexpand2
{
	margin: 0px 0px 0px 0px;
	display: none;
}
