body {
  font-family: BitstreamVeraSans, arial, helvetica, sans-serif;
  font-size: 11px;
  color: #999999;
  letter-spacing: .5pt;
  word-spacing: 1pt;
  background: url('../image/bg5.jpg') repeat-x center top;
  padding:0;
  margin: 0px; 
}
table { padding: 0px; margin: 0px; vertical-align: top; }
td { margin: 0px; padding: 0px; vertical-align: top; }

input { font-size: 10px; }

/* input, */
select, textarea {
  padding: 1px 2px 0px 2px;
  background: #FFFFFF;
  border: 1px solid #999999;
  font-size: 10px;
}

option { font-size: 10px; }

.backpicpos {
  background-attachment: fixed;
  background-repeat:no-repeat;
}

.eco {
  font-family: serif;
  font-size: 11px;
  font-style: italic;
  color: #999999;
  letter-spacing: .5pt;
  word-spacing: 1pt;
  margin: 10px; 
}
.date {
  font-family: BitstreamVeraSans, arial, helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 1pt;
  word-spacing: 1pt;
}
.you {
  font-family: BitstreamVeraSans, arial, helvetica, sans-serif;
  font-size: 10px;
  letter-spacing: 1pt;
  word-spacing: 1pt;
}

.bodybold { font-size: 11px; color: #000000;   font-weight: bold; }
.linkbold { font-size: 12px; color: #666666; }
a.linkbold:hover { color: #a86f00; }

/*-- font size & spacing & line height --*/

.shop		{ font-size: 10px; letter-spacing: 2pt; }
.landing	{ font-size: 20px; letter-spacing: 1pt; }
.portaltext     { font-size: 12px; line-height: 18px; }
.searchtext     { font-size: 11px; line-height: 15px; }
.poptext     	{ font-size: 10px; line-height: 20px; }
.shapes		{ font-size: 11px; line-height: 18px; }
.faq		{ font-size: 10px; line-height: 13px; }
.arch		{ font-size: 11px; line-height: 20px; }
.arch2		{ font-size: 11px; line-height: 26px; letter-spacing: 1pt; font-weight: bold;}
.medvaria       { font-size: 12px; line-height: 24px; }
.digitalvaria   { font-size: 12px; line-height: 18px; }
.hardware       { font-size: 12px; line-height: 40px; }
.smallhardware  { font-size: 10px; line-height: 12px; }
.smallfurniture { font-size: 11px; line-height: 20px; }
.smallvaria     { font-size: 11px; line-height: 18px; }
.mediacon       { font-size: 11px; line-height: 12px; }
.bio            { font-size: 10px; line-height: 11px; color: #4d4d4d;}


.giant   { font-size: 48px; }
.largest { font-size: 24px; }
.larger  { font-size: 20px; }
.large   { font-size: 16px; }
.normal  { font-size: 14px; }
.medium	 { font-size: 13px; }
.small   { font-size: 12px; }
.smaller { font-size: 11px; }
.smallest{ font-size: 10px; }
.mini    { font-size: 9px; }
.tiny    { font-size: 8px; }

/*-- font align --*/

.left   { text-align: left; }
.right  { text-align: right; }
.center { text-align: center; }
.vbot   { vertical-align: bottom; }
.vmid   { vertical-align: middle; }
.vtbot  { vertical-align: text-bottom; }
.vtop   { vertical-align: top; }

/*-- font style --*/

.menu_cat { font-size: 16px; font-weight: bold; color: #A86F00; }
.menu_nam { font-size: 13px; font-weight: bold; color: #666666; }
.menu_nam_nss { font-size: 13px; font-weight: bold; color: #666666; text-align:right; }
.menu_det { font-size: 12px; font-style : italic; color: #666666; padding-left: 1em; }
.bold   { font-weight: bold; }
.italic	{ font-style : italic;}

/*-- font color --*/

.dblue { color: #3399cc; }
.green { color: #217317; }
.red    { color: #ef4a34; }
.kred   { color: #de1608; }
.pink	{ color: #f481c6; }
.black  { color: #000000; }
.yellow { color: #ffcc33; }
.white  { color: #ffffff; }
.dkgray   { color: #4d4d4d; }
.medgray  { color: #666666; }
.egray    { color: #737373; }
.glass1	{ color: #0c786a; }
.ltgreen { color: #D5DCD3;}
.ltgray   { color: #999999; }
.ltrgray  { color: #cccccc; }
.ltryellow { color: #e8c375; }
.ltyellow { color: #cc9b32; }
.dkyellow { color: #a86f00; }
.ltblue   { color: #edf5fa; }
.offwhite { color: #e6e6e6; }
.solo1 { color: #343563; }
.solo2 { color: #D04C85; }
.solo3 { color: #3FAE48; }
.solo4 { color: #006F36; }
.solo5 { color: #00697E; }
.solo6 { color: #572701; }
.solo7 { color: #F47B20; }

/*-- image --*/

img { border: 0px; }
.wide { width: 100%; }

/*-- align --*/

.fl { float: left; }
.fr { float: right; }
.vmid td  { vertical-align: middle; }
.vbot td  { vertical-align: bottom; }
.vtbot td { vertical-align: text-bottom; }
.vtop td  { vertical-align: top; }

/*-- background color --*/
#CAE2FD
.ltgreenbg  { background-color: #D5DCD3; }
.blackbg    { background-color: #000000; }
.dkgraybg   { background-color: #4d4d4d; }
.medgraybg  { background-color: #666666; }
.ltgraybg   { background-color: #999999; }
.ltrgraybg  { background-color: #cccccc; }
.ltyellowbg { background-color: #cc9b32; }
.dkyellowbg { background-color: #a86f00; }
.offbluebg  { background-color: #CFCAA8; }
.ltbluebg   { background-color: #edf5fa; }
.offwhitebg { background-color: #e6e6e6; }
.brownbg    { background-color: #8C8279; }
.offoffwhite {background-color: #efefef; }
.whitebg    { background-color: #ffffff; }

/*-- border color --*/

.dkgrayborder   { border: 1px #4d4d4d solid; }
.medgrayborder  { border: 1px #666666 solid; }
.ltgrayborder   { border: 1px #999999 solid; }
.ltrgrayborder  { border: 1px #cccccc solid; }
.offgrayborder  { border: 1px #cfcfcf solid; }
.ltyellowborder { border: 1px #cc9b32 solid; }
.dkyellowborder { border: 1px #a86f00 solid; }
.ltblueborder   { border: 1px #edf5fa solid; }
.offwhiteborder { border: 1px #e6e6e6 solid; }
.yellowborder   { border: 1px #ffffcc solid; }


/*-- frame border line & color --*/

.ltrgrayborder2    { border: 1px #cccccc solid; border-width: 1px 1px 0px 0px;}
.ltrgrayborder2 td { border: 1px #cccccc solid; border-width: 0px 0px 1px 1px;}
.ltrgrayborderbot2 td { border-bottom: 1px #cccccc solid;}
.ltrgrayborder2tb    { border: 1px #cccccc solid; border-width: 1px 0px 0px 0px;}
.ltrgrayborder2tb td { border: 1px #cccccc solid; border-width: 0px 0px 1px 0px;}

.ltrgrayborder3    { border: 1px #cccccc solid; border-width: 1px 1px 0px 1px;}
.ltrgrayborder3 td { border: 1px #cccccc solid; border-width: 1px 1px 0px 1px;}

.ltgrayborder2    { border: 1px #999999 solid; }
.ltgrayborder2 td { border: 1px #999999 solid; }

.ltrgrayborderimg img { border: 1px #cccccc solid; border-width: 1px; }

.dkgrayborderbot   { border-bottom: 1px #4d4d4d solid; }
.medgrayborderbot  { border-bottom: 1px #666666 solid; }
.ltgrayborderbot   { border-bottom: 1px #999999 solid; }
.ltrgrayborderbot  { border-bottom: 1px #cccccc solid; }
.offgrayborderbot  { border-bottom: 1px #cfcfcf solid; }
.ltyellowborderbot { border-bottom: 1px #cc9b32 solid; }
.dkyellowborderbot { border-bottom: 1px #a86f00 solid; }
.offwhiteborderbot { border-bottom: 1px #e6e6e6 solid; }

.dkgraybordertop   { border-top: 1px #4d4d4d solid; }
.medgraybordertop  { border-top: 1px #666666 solid; }
.ltgraybordertop   { border-top: 1px #999999 solid; }
.ltrgraybordertop  { border-top: 1px #cccccc solid; }
.offgraybordertop  { border-top: 1px #cfcfcf solid; }
.ltyellowbordertop { border-top: 1px #cc9b32 solid; }
.dkyellowbordertop { border-top: 1px #a86f00 solid; }
.offwhitebordertop { border-top: 1px #e6e6e6 solid; }

/*-- table border line & color --*/

.noinborders table    { border-width: 0px; }
.noinborders table td { border-width: 0px; }

/*-- margin --*/

.margin0 { margin: 0px; }
.margin2 { margin: 2px; }
.margin3 { margin: 3px; }
.margin5 { margin: 5px; }
.margin0l { margin-left: 0px; }
.margin2l { margin-left: 2px; }
.margin3l { margin-left: 3px; }
.margin5l { margin-left: 5px; }
.margin50l { margin-left: 50px; }
.margin0r { margin-right: 0px; }
.margin2r { margin-right: 2px; }
.margin3r { margin-right: 3px; }
.margin5r { margin-right: 5px; }
.margin0t { margin-top: 0px; }
.margin0b { margin-bottom: 0px; }

/*-- padding --*/

.nopad td { padding: 0px; }
.padray { padding: 10px 20px 5px 0px; }
.pad25 td { padding: 25px; }
.pad25nl { padding: 25px 50px 25px 0px; }
.pad25nl td { padding: 25px 50px 25px 0px; }
.pad15 td { padding: 15px; }
.pad15nl { padding: 15px 30px 15px 0px; }
.pad15nl td { padding: 15px 30px 15px 0px; }
.padray td { padding: 10px 30px 15px 0px; }
.pad10r td { padding-right: 20px; }
.pad10 td { padding: 10px; }
/*.pad10nlr { padding: 10px 0px; }*/
.pad10nlr td { padding: 10px 10px 10px 0px; }
/*.pad10nl { padding: 10px 0px; }*/
.pad10nl td { padding: 10px 20px 10px 0px; }
.pad10nlb td { padding: 10px 20px 5px 0px; }
/*.pad10nl2 { padding: 0px 0px; }*/
.pad10nl2 td { padding: 0px 24px 12px 0px; }
/*.pad10nl3 { padding: 0px 12px 12px 0px; }*/
.pad10x4 td { padding: 10px 6px 2px 6px; }
.pad10nl3 td { padding: 0px 12px 12px 0px; }
.pad8nl3 td { padding: 0px 10px 10px 0px; }
.pad5x10 { padding: 5px 10px; }
.pad5x25 { padding: 5px 25px; }
.pad2x10 { padding: 2px 10px; }
.pad1x10 { padding: 1px 10px; }
.pad25x10 { padding: 25px 10px; }
.pad5 td { padding: 5px; }
.pad5nl { padding: 5px 0px; }
table.pad5nl { padding: 0px; margin: 5px 0px; }
.pad5nl td { padding: 5px 10px 5px 0px; }
.pad2x10 { padding: 2px 10px; }
.pad2 td { padding: 2px; }
.pad2 { padding: 2px; }
.pad2nr { padding: 2px 0px 2px 4px; }
.pad2nr td { padding: 2px 0px 2px 4px; }
.pad2nl { padding: 2px 4px 2px 0px; }
.pad2nl td { padding: 2px 4px 2px 0px; }
.pad1 td { padding: 1px; }
.pad1 { padding: 1px; }
.pad1nl td { padding: 1px 2px 1px 0px; }
.pad1nl { padding: 1px 2px 1px 0px; }
.pad3 td { padding: 3px; }
.pad3nl td { padding: 3px 6px 3px 0px; }
.pad3nls td { padding: 1px 2px 1px 0px; }
.pad3nls td img { padding: 5px 0px 0px 0px; }
.pad3b td { padding: 3px; }
.pad5b td { padding: 5px; }
.pad0 td { padding: 0px; }
.padml td { padding: 8px 0px 0px 4px; }

/* These are down here so they have priority */
.pad2c td { padding: 2px; }
.padhwtable { padding: 2px 4px 2px 0px; }
.padhwtable td { padding: 4px 10px 4px 0px; }
.padhwtable td table table td { padding: 2px 4px 2px 0px; }

select.nothere { 
  width: 130px;
  /* border: 1px solid white; 
  background-color: #ffffff; */
}

.searchbox { 
  font-family: BitstreamVeraSans, arial, helvetica, sans-serif;
  font-size: 10px;
  vertical-align: top;
}
 
/* #proddetails td { border: 1px #6d8fcc solid; }*/
.spectable td { padding: 3px 3px 3px 0px; vertical-align: top; }

h1.tagline {
  font-family: BitstreamVeraSans, arial, helvetica, sans-serif;
  color: #999999;
  font-weight: normal;
  font-size: 10px; 
  margin: 0px;
}

h3 { font-size: 18px; margin-top: 4px; margin-bottom: 4px; color: #999999; font-weight: normal; }

hr.thin { 
  border: 0px; height: 1px; padding: 0px; margin: 0px; 
  background-color: #4d4d4d; 
}

hr.gray { 
  border: 0px; height: 1px; padding: 0px; margin: 4px 0px 4px 0px; 
  background-color: #e6e6e6; 
}

.displaynone { display: none; }

/* #menubox inclues #mainmenu and #submenu */

#menubox { font-size: 11px; letter-spacing: 1px; }

a:link    { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:hover   { color: #a86f00; text-decoration: none; }

#submenu a:link    { color: #999999; text-decoration: none; }
#submenu a:visited { color: #999999; text-decoration: none; }
#submenu a:hover   { color: #4d4d4d; text-decoration: none; }

.black a:link    { color: #000000; text-decoration: none; }
.black a:visited { color: #000000; text-decoration: none; }
.black a:hover   { color: #666666; text-decoration: none; }

.white a:link    { color: #FFFFFF; text-decoration: none; }
.white a:visited { color: #FFFFFF; text-decoration: none; }
.white a:hover   { color: #000000; text-decoration: none; }

.white2 a:link    { color: #ffcc33; text-decoration: none; }
.white2 a:visited { color: #ffcc33; text-decoration: none; }
.white2 a:hover   { color: #000000; text-decoration: none; }

.medgray a:link    { color: #4d4d4d; text-decoration: none; }
.medgray a:visited { color: #4d4d4d; text-decoration: none; }
.medgray a:hover   { color: #a86f00; text-decoration: none; }

.searchlink a:link    { color: #222222; text-decoration: underline; }
.searchlink a:visited { color: #222222; text-decoration: underline; }
.searchlink a:hover   { color: #a86f00; text-decoration: underline; }

.ltgray a:link    { color: #999999; text-decoration: none; }
.ltgray a:visited { color: #999999; text-decoration: none; }
.ltgray a:hover   { color: #a86f00; text-decoration: none; }

.dkgray a:link    { color: #4d4d4d; text-decoration: none; }
.dkgray a:visited { color: #4d4d4d; text-decoration: none; }
.dkgray a:hover   { color: #a86f00; text-decoration: none; }

.ltrgray a:link    { color: #cccccc; text-decoration: none; }
.ltrgray a:visited { color: #cccccc; text-decoration: none; }
.ltrgray a:hover   { color: #a86f00; text-decoration: none; }

.dkyellow a:link    { color: #a86f00; text-decoration: none; }
.dkyellow a:visited { color: #a86f00; text-decoration: none; }
.dkyellow a:hover   { color: #999999; text-decoration: none; }

a.dkyellow:link    { color: #a86f00; text-decoration: none; }
a.dkyellow:visited { color: #a86f00; text-decoration: none; }
a.dkyellow:hover   { color: #999999; text-decoration: none; }

.dkyellow2 a:link    { color: #a86f00; text-decoration: none; }
.dkyellow2 a:visited { color: #a86f00; text-decoration: none; }
.dkyellow2 a:hover   { color: #cc9b32; text-decoration: none; }

a:link    .dkyellow2 { color: #a86f00; text-decoration: none; }
a:visited .dkyellow2 { color: #a86f00; text-decoration: none; }
a:hover   .dkyellow2 { color: #cc9b32; text-decoration: none; }

.ltyellow a:link    { color: #cc9b32; text-decoration: none; }
.ltyellow a:visited { color: #cc9b32; text-decoration: none; }
.ltyellow a:hover   { color: #999999; text-decoration: none; }

.white2 a:link    { color: #FFFFFF; text-decoration: none; }
.white2 a:visited { color: #FFFFFF; text-decoration: none; }
.white2 a:hover   { color: #FF6d19; text-decoration: none; }

.white3 a:link    { color: #FFFFFF; text-decoration: none; }
.white3 a:visited { color: #FFFFFF; text-decoration: none; }
.white3 a:hover   { color: #0c786a; text-decoration: none; }

.kred a:link    { color: #de1608; text-decoration: none; }
.kred a:visited { color: #de1608; text-decoration: none; }
.kred a:hover   { color: #999999; text-decoration: none; }

.kred2 a:link    { color: #999999; text-decoration: none; }
.kred2 a:visited { color: #999999; text-decoration: none; }
.kred2 a:hover   { color: #de1608; text-decoration: none; }

a.highlight { color: #a86f00; }

/* -------------------------------------------------menu------------------------------------------------- */
ul#menu {
	list-style-type:none;
	padding:0;
	margin:0;
	}
ul#menu li {
	background:url('../img/menu.gif') no-repeat left top;
	display:block;
	text-indent:-9999px;
	height:22px;
	float:left
	}
ul#menu a {
	background:url('../img/menu.gif') no-repeat left top;
	display:block;
	text-indent:-9999px;
	height:22px
	}
ul#menu li#trailer a {
	background-position:0 0;
	width:85px;
	}
ul#menu li#intro a {
	background-position:-85px 0;
	width:112px;
	}
ul#menu li#story a {
	background-position:-197px 0;
	width:58px;
	}
ul#menu li#news a {
	background-position:-255px 0;
	width:59px;
	}
ul#menu li#cast a {
	background-position:-314px 0;
	width:58px;
	}
ul#menu li#chart a {
	background-position:-372px 0;
	width:70px;
	}
ul#menu li#staff a {
	background-position:-442px 0;
	width:59px;
	}
ul#menu li#gallery a {
	background-position:-501px 0;
	width:68px;
	}
ul#menu li#bbs a {
	background-position:-569px 0;
	width:48px;
	}
ul#menu li#msg a {
	background-position:-617px 0;
	width:91px;
	}
ul#menu li#special a {
	background-position:-708px 0;
	width:73px;
	}

ul#menu li#trailer a:hover {
	background-position:0 -40px;
	}
ul#menu li#intro a:hover {
	background-position:-85px -40px;
	}
ul#menu li#story a:hover {
	background-position:-197px -40px;
	}
ul#menu li#news a:hover {
	background-position:-255px -40px;
	}
ul#menu li#cast a:hover {
	background-position:-314px -40px;
	}
ul#menu li#chart a:hover {
	background-position:-372px -40px;
	}
ul#menu li#staff a:hover {
	background-position:-442px -40px;
	}
ul#menu li#gallery a:hover {
	background-position:-501px -40px;
	}
ul#menu li#bbs a:hover {
	background-position:-569px -40px;
	}
ul#menu li#msg a:hover {
	background-position:-617px -40px;
	}
ul#menu li#special a:hover {
	background-position:-708px -40px;
	}