html {
	text-align: center;
}

body {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	position: relative;
	text-align: left;
}


h1
{
	color: #fff;
	font-weight: bolder;
	margin:0;
	padding: 0.08em 0;
}

h1 sup {
	color:#DDDDDD;
}

h1 a
{
	color: #fff;
	text-decoration: none;
}

h1 .company, h1 a .company
{
	color: #d01a71;
}

.content
{
	margin: 0 20px;
}

.content a, .footer a
{
	color: #CE91FA;
	text-decoration: none;
}

.content a:hover
{
	font-style: italic;
}

.content strong
{
	font-weight: bolder;
	color: #FA9A91;
}

.content em
{
	color: #BDFA91;
}

/* Showcase content */

.demo_container
{
	text-align: center;
}

.content p.linkage
{
	margin-top: 2em;
	text-align: right;
}

.content p.linkage a
{
	font-size: 1.7em;
	color: #fff;
	background: url('../images/bg/biglink_off.gif') center right no-repeat;
	padding: 10px 20px;
	text-decoration: none;
}

.content p.linkage a:hover
{
	background: url('../images/bg/biglink_on.gif') center right no-repeat;
	font-style: italic;
}

/* detail content */

.content #jdsgShowcase
{
	width: 500px;
	height: 200px;
	overflow: hidden;
}

.content p.detail
{
	margin: 0 auto;
	width: 800px;
	text-align:center;
	background: #eee;
	padding: 5px;
	color: #333;
}

/* Raw content */
.content code
{
	background:#444444 none repeat scroll 0% 50%;
	display:block;
	font-family:courier,monospace;
	font-size:0.7em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	line-height:120%;
	margin:10px 15px;
	overflow:auto;
	padding:10px;
}

/* Footer */
.footer
{
	margin-top: 1em;
	background: #111;
	color: #fff;
	padding: 0.2em 2em;
}

.footer p
{
	margin: 0;
	padding: 0;
}

.ads
{
	margin-top: 1em;
	text-align: right;
}

/* Nav */

.navigation
{
	z-index: 14;
	position: absolute;
	left: 196px;
	width: 623px;
}

.navigation h2
{
	display: none;
}

.navigation ul
{
	right: 123px;
	padding: 0;
	margin: 0;
	font-size: 12px;
	z-index: 4;
	color: #999999;
	top: 30px;
}

.navigation ul ul
{
	position: absolute;
	top: auto;
	right: auto;
	margin: 0;
	width: auto;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-color: #FFFFFF;
}

.navigation ul li:hover ul
{
	display: block;
}

.navigation li
{
	float: left;
	list-style-type: none;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 7px;
}

.navigation ul ul li
{
	float: none;
}

.navigation li a
{
	background: url('../images/bg/gradient1.gif') center left repeat-x;
	height: 12px;
	margin-right: 5px;
	color: #CC0000;
	text-decoration: none;
	display: block;
	overflow: hidden;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 7px;
	padding-left: 0.5em;
}

* html .navigation li a
{
	float: left;
}

* html .navigation li ul
{
	clear: left;
}

* html .navigation li li a
{
	float: none;
}

.navigation li.last a
{
	margin-right: 0;
}

.navigation li.active a, .navigation li a:hover, .navigation li:hover a
{
	
}

.navigation li.active a
{
	padding: 6px;

}

.navigation li a:hover
{
	border-top-width: 0px;
	border-top-style: solid;
	color: #FFFFFF;
}

.navigation li ul li a, .navigation li.active ul li a, .navigation li ul li a:hover, .navigation li:hover ul li a
{
	margin: 0px;
	height: auto;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

* html .navigation li ul li
{
	margin: 0;
	padding: 0;
}

.navigation ul ul li.last a
{
	border-bottom: 1px #FFFFFF solid;
}

/* Side Menu, borrowed for some parts from  */

.information_bar
{
	width: 200px;
	float: right;
	margin: 40px;
	margin-top: 80px;
	margin-right: 20px;
}
.navigationlogo {
	margin: 0;
	padding: 0;
	z-index: 4;
	left: 15px;
	top: 8px;
	position: absolute;
}