@import "global.css";

@media screen, projection
{
	body {background: #010c19 url('../img/bkg-body.gif') repeat-x}
	h1, h2, h3, h4, h5, h6, p, address, ul, ol, cite, label, dl, dt, dd  {color: #ffffff}
	a {color: #afc3d9}
	h1 {color: #afc3d9}
	pre {background: #666666; color: #ffffff}
	table {border-color: #c9c2c1}
	table td {background: #010c19; color: #ffffff; border-color: #c9c2c1}
	ul {list-style-image: url('../img/bullet.gif')}

	#wrap {margin: auto; text-align: center; width: 760px}	
	
	#title {margin: auto; width: 760px; height: 50px}
	#title-left {float: left; width: 200px; height: 50px}
	#title-right {float: right; width: 560px; height: 50px}
	#title-image {margin: auto; text-align: center; width: 760px; height: 160px; background: url('../img/bkg-image.jpg') center bottom no-repeat}
	#title-menu {margin: auto; text-align: center; width: 760px; height: 37px; background: url('../img/bkg-menu.gif')}
	
	#page {margin: auto; text-align: left; width: 760px; background: url('../img/bkg-page.gif') repeat-y}	
	#main {margin: auto; text-align: left; width: 744px; background: #0b172d url('../img/bkg-main.gif') repeat-x}
	#main-centerleft {float: left; width: 544px}
	#main-right {float: right; width: 198px}
	
	#main-left {float: left; width: 198px}
	#main-centerright {float: right; width: 544px}
	
	#main-centerone {width: 744px}
	
	.content {width: 514px; margin: 5px 15px 15px 15px}
	.contentone {padding: 5px 15px 15px 15px}

	#footer {width: 760px; height: 40px; background: url('../img/bkg-footer.gif') top no-repeat}
	
	#logo {text-align: center; width: 200px; height: 50px}
	#logo-img {border: none}

	.submenu {}
	.submenu dl {padding: 12px}
	.submenu dt {color:#afc3d9; font-size: 18px}
	.submenu ul {padding: 15px 0 0 0}
	.submenu ul ul {padding: 0}
	
	.submenu ul li a {font-weight: normal; text-decoration: none; color: #ffffff}
	.submenu ul li.active a {font-weight: bold; color: #afc3d9}
	.submenu ul li.active li a {font-weight: normal; color: #ffffff}
	.submenu ul li.active li.active a {font-weight: bold; color: #afc3d9}
	.submenu ul li.active li.active li a {font-weight: normal; color: #ffffff}
	.submenu ul li.active li.active li.active a {font-weight: bold; color: #afc3d9}
	.submenu ul li li li li {display: none}
	
	.panel-info {}
	.panel-info dl {padding: 12px}
	.panel-info dt {color: #afc3d9; font-size: 18px}
	.panel-info dd {padding-top: 12px}

	.tmenu {margin: 30px 0 0 460px}
	.tmenu ul {}
	.tmenu ul li {padding-right: 10px}
	.tmenu ul li a {font-weight: bold; color: #000000; font-size: 10px}
	
	.mmenu {padding: 12px 0 0 30px}
	.mmenu ul {}
	.mmenu ul li {padding: 0 15px 0 15px}
	.mmenu ul li.first {padding-left:20px}
	.mmenu ul li a {color: #afc3d9; font-weight: bold; text-decoration: none}
	.mmenu ul li.active a {}
	.mmenu ul li.sfhover a {color: #ffffff}
	
	.company-copyright {text-align: center; color: #ffffff; padding: 15px 0 0 0}
	
	.chapters {width: 250px; background: #010c19; float: left; margin-bottom: 20px; border: solid #c9c2c1 1px}
	.chapters dl {padding: 10px}
	.chapters dt {height: 32px; font-size: 18px}
	.chapters dd {}
	
	.search {}
	.search .search-button {width: 50px; height: 22px; border: solid #000000 1px}
	.search .search-input {width: 120px; height: 18px; border: solid #000000 1px; background: #ffffff; padding: 2px 2px 0 2px; margin-right: 5px; vertical-align: top}

	.comment blockquote p {color: #000000}
	
	.gallery {background: #010c19; border: solid #c9c2c1 1px}
	.gallery a img {border: solid #000000 2px}
	
	.product.full {color: #ffffff}
}
@media print
{
	.np, .noprint {display:none}
}