body { font-family:Verdana, Arial, Helvetica, sans-serif;}

@media screen {
	body { background-color: #C0C0C0; margin: 0px; text-align: center; }
	
	/* Layout */
	div#framework { text-align: left; margin: 10px auto; width: 760px; }
	
	div#nav { width: 760px; height:53px; background: url(images/sdwmenu.gif) no-repeat; margin: 0px; }
	div#main { width: 760px; background: url(images/sdwmain.gif) repeat-y; padding:1px 0px 15px 0px; margin:0px; }
	div#status { width: 760px; height: 23px; background: url(images/sdwbtm.gif) no-repeat;  }
	
	h1#logo { margin: 3px 0px 0px 3px; width: 154px; float: left; padding:0px; }
	h1#logo span {display:none;}

	ul#menu { margin: 3px 8px 0px 0px; background:url(images/bgmenu.gif) no-repeat; height: 50px; padding: 0px 120px 0px 126px; float: left; width:auto; }
	ul#menu li { list-style:none; float:left;  margin:0px; padding:0px; height:26px; }
	ul#menu li a { display:block; height:26px; width:100%;}
	ul#menu li a span, ul#menu li.active span { display:none; }

	ul#menu li#about { width:113px;  }
	ul#menu li#works { width:111px; }
	ul#menu li#tech  { width:119px; }
	
	ul#menu li#about.active { background:url(images/mnabout01.gif) no-repeat; }
	ul#menu li#works.active { background:url(images/mnportf01.gif) no-repeat;}
	ul#menu li#tech.active  { background:url(images/mntech01.gif) no-repeat;}
	
	ul#menu li#about a { background:url(images/mnabout02.gif) no-repeat; }
	ul#menu li#works a { background:url(images/mnportf02.gif) no-repeat;}
	ul#menu li#tech  a { background:url(images/mntech02.gif) no-repeat;}

	ul#menu li ul { margin:1px 0px 0px 5px; padding:0px; list-style:none; }
	ul#menu li.active ul { margin-top:27px;}
	ul#menu li ul li{ float:none; margin:0px; padding:0px; height:14px; font: bold 11px Arial, Helvetica, sans-serif; color:#900;}
	ul#menu li ul li a { display:inline; color:#333; text-decoration:none;}
	ul#menu li#tech ul li a { background:none; height:14px;}
	
	/* Text decoration */
	div#main { color: #333; font-family: Arial, Helvetica, sans-serif; }
	
	div#main h2 {color: #600; font: 90% Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 20px 20px 10px 30px;}
	div#main h3 {color: #333; font: 90% Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0px 20px 5px 40px; }
	div#main h4 {color: #333; font: 83% Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0px 20px 5px 40px; }
	
	div#main p, ul { margin: 0px 20px 5px 55px; font-size:75%; padding:0px; }
	div#main ul li { padding-left:30px; list-style-position:inside;}
	
	div#main ul.second ul { list-style: none; font-size: 100%; margin:0px 0px 0px 5em; padding: 0px;}
	div#main ul.second ul li { margin: 0px; padding:0px;}
	div#main ul.second ul label { font-size: 100%; }
	div#main ul.works  { margin-left:40px; padding:0px;}
	div#main ul.works  li { list-style: none; margin-left:10px; padding:0px; }
	
	div#main a { color: #900; font-weight: bold; text-decoration: none; }
	/*div#main a:visited { color:#966; }*/
	div#main a:hover { text-decoration: underline; }
	div#main ul li a { font-weight: normal; }

	div#main .worddescription { background-image: url(images/bgdesc.gif); background-repeat: repeat-x; height: 250px; padding: 10px; vertical-align: top; }
	div#main .wordbottom { height: 3px; background: #E5E5E5; }
	div#main .worddescription p { margin: 5px; }
	div#main .worddescription ul { margin: 5px 5px 5px 25px; padding: 0px; }
	div#main .worddescription ul li { /*list-style:none;*/ margin: 0px; padding: 0px; }
	div#main .worktable { margin-top: 20px; }
	
	div#main img.small { border: 1px solid #EEE; }
	div#main .remark { color: #900; }
	div#main p#back { margin-top: 20px; text-align: center; }
	div#main p#back a {text-decoration:none; border-bottom:3px solid #8CA5BF; font: bold 11px Arial, Helvetica, sans-serif; color:#900;}
	
	div#main input, textarea, .input { border: 1px inset #CCCCCC; }
	div#main label { cursor: pointer; font: 75% Arial, Helvetica, sans-serif; }
	div#main .radio { background-color: transparent; border: none; }
	
	div.epigraph { padding-left:40%; padding-right:20px; font-size:90%; }
	div.epigraph p {margin:3px;}
	
	div#main p.cert { height:110px; padding-top:10px; }
	div#main p.cert img { float:left; margin-right:10px; }
	
	table#price {width:650px; margin:0 0 30px 50px; border-collapse: collapse; font-size:75%; }
	table#price th { border:1px solid #999; padding:2px 5px; background:#E6E5E4; text-align:center;}
	table#price td { border:1px solid #999; padding:2px 5px;}
	table#price td.shift {padding-left:20px;}
}

@media print {
	* { font-family:Verdana, Arial, Helvetica, sans-serif; }
	ul#menu, p#back {display:none;}
	
	h1#logo img {float:right;}
	h1#logo span#slogan {font-size:50%; }
	
	p.cert { height:110px; padding-top:10px;}
	
	table#price {border-collapse: collapse; font-size:75%; }
	table#price th {border:1px solid #999; padding:2px 5px; text-align:center;}
	table#price td {border:1px solid #999; padding:2px 5px;}
}