HTML
{
	height: 100%;
	margin-bottom: 2px;
}
*
{
	margin: 0;
	padding: 0;
}
BODY
{
	background: #8B625C url(./bg.jpg) no-repeat fixed top center;
	color: #DBA5AE;
	font-size: 100%;
	height: 100%;
	margin-bottom: 2px;
	font: normal normal normal 0.8em Verdana, sans-serif;
}
A:link, A:active, A:visited
{
	color: #DBA5AE;
}
#wrap
{
	margin: 0 auto;
	width: 700px;
	padding: 0;
}
H1
{
	text-indent: -99999px;
	background: transparent url(./logo.png) no-repeat top left;
	width: 520px;
	height: 68px;
	margin: 80px auto 0;
}
H3
{
	color: #DE687B;
}
#left-col
{
	width: 518px;
	float: left;
}
#right-col
{
	width: 182px;
	float: right;
}
#screens
{
	float: right;
	margin: 30px 0 0;
}
#screens-gallery
{
	margin: 24px 0;
}
.screen
{
	background-color: #191111;
	width: 142px;
	height: 80px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 5px solid #20161B;
	margin-bottom: 32px;
}
.screen2
{
	width: 142px;
	height: 80px;
	float: right;
	clear: right;
	margin: 0 16px 16px 32px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 5px solid #20161B;
}
.screen3
{
	background-color: #191111;
	width: 142px;
	height: 80px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 5px solid #20161B;
	float: left;
	margin: 16px 11px;
	padding: 0;
}
IMG
{
	border: none;
}
#link
{
	background: transparent url(./link.gif) top left;
	width: 507px;
	height: 67px;
	margin: 39px auto 0;
}
#link A
{
	text-indent: -99999px;
	display: block;
	overflow: hidden;
	width: 507px;
	height: 67px;
}
#menu
{
	width: 700px;
	height: 42px;
	background: transparent url(./menu.gif) top left;
	margin: 60px auto 0;
}
#menu UL
{
	list-style: none;
}
#menu LI
{
	float: left;
	margin: 0;
	padding: 0;
}
#menu LI A
{
	text-decoration: none;
	font-size: 16px;
	display: block;
	height: 32px;
	text-align: center;
	padding-top: 10px;
	color: #DE687B;
	padding-left: 28px;
	padding-right: 28px;
}
#menu LI A:hover, #menu LI A:active
{
	color: #EEB662;
	background: transparent url(./hg.png) no-repeat top center;
}
.text-top
{
	background-color: #191111;
	margin: 30px 0 0;
	padding: 16px;
	text-align: justify;
	line-height: 1.7em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 5px solid #20161B;
}
.text-top UL
{
	list-style: none;
	font-weight: normal;
}
.text-top LI
{
	padding: 0 12px;
}
#contents
{
	width: 280px;
	float: left;
	margin: 0 0 30px 16px;
}
#contents-right
{
	float: right;
	margin: 32px 16px 0 0;
}
H2
{
	text-indent: -99999px;
	background: transparent url(./header2.png) no-repeat top left;
	width: 412px;
	height: 65px;
	margin: 30px auto auto 60px;
}
#features-grid
{
	padding: 0;
	margin: 30px 0 0;
}
#features-grid UL
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#features-grid LI
{
	margin: 0 0 25px;
	background-color: #191111;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 5px solid #20161B;
}
#features-grid IMG
{
	margin: 8px 20px;
	display: block;
	float: left;
}
.aligned-text
{
	font-size: 1.2em;
	display: table-cell;
	vertical-align: middle;
	height: 48px;
}
.aligned-text A
{
	text-decoration: none;
}
#button
{
	text-indent: -99999px;
	background: transparent url(./btb.gif) no-repeat top left;
	overflow: hidden;
	width: 518px;
	height: 90px;
	margin: 30px auto 0;
}
#button2
{
	text-indent: -99999px;
	background: transparent url(./btb2.gif) no-repeat top left;
	overflow: hidden;
	width: 360px;
	height: 150px;
	margin: 30px auto 0;
}
#youtube
{
	background-color: #191111;
	width: 690px;
	margin: 24px auto 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 5px solid #20161B;
	z-index: 1;
}
.pc
{
	color: #EA574A;
	text-decoration: none !important;
}
#eupl
{
	text-indent: -99999px;
	background: transparent url(./eupl.gif) no-repeat top left;
	overflow: hidden;
	clear: both;
	width: 518px;
	height: 80px;
	margin: 30px auto 0;
}
#footer
{
	clear: both;
	text-align: center;
	font-size: 11px;
	padding: 80px 0 0;
	background: transparent url(./ft.gif) repeat-x bottom;
}

/***************************************/

#facebox .b {
  background:url(/facebox/b.png);
}

#facebox .tl {
  background:url(/facebox/tl.png);
}

#facebox .tr {
  background:url(/facebox/tr.png);
}

#facebox .bl {
  background:url(/facebox/bl.png);
}

#facebox .br {
  background:url(/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #181818;
  width: 370px;
  color: #cecece;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #E95649;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .footer img {
  vertical-align: middle;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}