@charset "utf-8";

/* global */

*
{
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}

a
{
	color:#cc0000;
}

a:focus
{
	outline:none;
}

body
{
	background-color:#f0f0f0;
	background-image:url(../images/body.jpg);
	background-position:center top;
	font-family:trebuchet ms, arial, helvetica, sans-serif;
	font-size:15px;
}

/* -- */

#container
{
	margin:0px auto;
	overflow:hidden;
	position:relative;
	width:976px;
}

/* -- */

#navigation
{
	background-image:url(../images/navigation.png);
	height:42px;
	margin:0px auto;
	text-align:center;
	width:900px;
}

#navigation del
{
	display:inline-block;
	text-decoration:none;
}

#navigation ul
{
	display:table;
	float:left;
	height:42px;
	margin:0px auto;
}

#navigation ul li
{
	display:inline;
	display:table-cell;
	float:left;
	height:42px;
	line-height:42px;
	padding:0px 12px;
}

#navigation ul li.separator
{
	background-image:url(../images/navigation-ul-li.separator.png);
	text-indent:-9999px;
	padding:0px;
	width:2px;
}

#navigation ul li a
{
	color:#cccccc;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

#navigation ul li a:hover
{
	color:#ffffff;
	font-weight:bold;
}

#navigation ul li.on a
{
	color:#ff9900;
}

/* -- */

#identity
{
	background-image:url(../images/identity.png);
	height:96px;
	margin:12px 0px 12px 38px;
	text-indent:-9999px;
	width:268px;
}

#identity a
{
	height:96px;
	display:block;
	text-indent:-9999px;
	width:268px;
}

/* -- */

#demos
{
	background-image:url(../images/demos.png);
	height:96px;
	position:absolute;
	right:84px;
	text-indent:-9999px;
	top:54px;
	width:96px;
}

#demos a
{
	display:block;
	height:96px;
	text-indent:-9999px;
	width:96px;
}

/* -- */

#content
{
	background-image:url(../images/content.png);
	background-repeat:repeat-y;
	padding:0px 38px 36px 38px;
	width:900px;
}

#content h2
{
	color:#990000;
	font-size:24px;
	margin:36px 0px 18px 0px;
}

#content h3
{
	color:#990000;
	font-size:18px;
	margin:36px 0px 18px 0px;
}

#content p
{
	margin:18px 0px 0px 0px;
}

#content ul
{
	list-style:circle;
	margin:18px 0px 0px 36px;
}

#content div.product
{
	overflow:hidden;
	width:900px;
}

#content div.product h4
{
	border-bottom:#eeeeee solid 1px;
	font-size:15px;
	margin:18px 0px 0px 0px;
	padding-bottom:6px;
}

#content div.product img
{
	float:left;
	margin:18px 0px 0px 0px;
}

/* -- */

#footer
{
	background-image:url(../images/content.png);
	background-repeat:repeat-y;
	padding:0px 56px 36px 56px;
	text-align:center;
	width:900px;
}

#footer ul li
{
	display:inline;
}

#footer ul li a
{
	color:#990000;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

#footer ul li a:hover
{
	color:#000000;
}

#footer p
{
	margin:6px 0px 0px 0px;
}

/* -- */

#corner
{
	background-image:url(../images/corner.png);
	height:108px;
	position:absolute;
	right:6px;
	text-indent:-9999px;
	top:0px;
	width:108px;
}

/* -- index -- */

#index #slide
{
	height:204px;
	margin:12px auto;
	overflow:hidden;
	position:relative;
	width:632px;
}

#index #slide .stripNav
{
	display:none;
}

#index #slide .stripViewer
{
	height:204px;
	margin:auto;
	overflow:hidden;
	position:relative;
	width:360px;
}

#index #slide .stripViewer .panelContainer
{
	left:0px;
	position: relative;
	top:0px;
	width:100%;
}
		
#index #slide .stripViewer .panelContainer .panel
{
	display:inline;
	float:left;
	height:204px;
	position:relative;
	width:360px;
}

#index #slide .stripNavL
{
	height:24px;
	left:0px;
	position:absolute;
	top:80px;
	width:124px;
}

#index #slide .stripNavL a
{
	background-image:url(../images/slide-div.stripNavL-a.png);
	background-position:right -24px;
	color:#000000;
	display:block;
	height:24px;
	font-weight:bold;
	padding:0px 36px 0px 0px;
	xtext-align:right;
	text-decoration:none;
	text-indent:-9999px;
	width:88px;
}

#index #slide .stripNavL a:hover
{
	background-position:right 0px;
	color:#bfbfbf;
}

#index #slide .stripNavR
{
	height:24px;
	position:absolute;
	right:0px;
	top:80px;
	width:124px;
}
		
#index #slide .stripNavR a
{
	background-image:url(../images/slide-div.stripNavR-a.png);
	background-position:0px -24px;
	color:#000000;
	display:block;
	font-weight:bold;
	height:24px;
	padding:0px 0px 0px 36px;
	text-decoration:none;
	width:88px;
}

#index #slide .stripNavR a:hover
{
	background-position:0px 0px;
	color:#bfbfbf;
}

/* -- */

#index #featured
{
	background-image:url(../images/featured.png);
	background-position:center;
	height:144px;
	left:-12px;
	margin:12px 0px;
	position:relative;
	width:924px;
}

#index #featured ul
{
	list-style:none;
	margin:0px;
	padding:0px;
}

#index #featured ul li
{
	display:inline;
	float:left;
	height:144px;
	width:308px;
}

#index #featured ul li a
{
	display:block;
	height:144px;
	text-indent:-9999px;
	width:308px;
}

/* -- */

#watch_demos div.title
{
	margin:18px;
	text-align:center;
}

#watch_demos div.video
{
	margin:18px;
	text-align:center;
}

#watch_demos div.hr
{
	border-top:#eeeeee solid 1px;
	font-size:0px;
	height:1px;
	overflow:hidden;
}

#watch_demos div.hr hr
{
	display:none;
}