input[type="submit"] {
	font-weight: bold;
}


body, input, table {
	font-family: verdana, sans-serif;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 12px;
}

body {
	color: #000;
	min-width: 610px;
	margin: 20px;
	background: #fff url("images/body_back.gif") repeat-x;
}


h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 0.2em 0;
	border-bottom: 1px solid #ccc;
	font-family: arial, verdana, sans-serif;
}
li h1, li h2, li h3, li h4, li h5, li h6 {
	border: none;
}

h1 { font-size: 160%; font-weight: normal; }
h2 { font-size: 150%; font-weight: normal; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 90%; border: 0; }

:link { color: #039; }
:visited { color: #039; }
:link:hover, :visited:hover { color: #333; }
:link:active, :link:active { color: #000; }

li {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

sup {
	font-size: 70%;
}

form {
	margin: 0;
	display: inline;
}

.subtitle {
	font-style: italic;
}

div.section {
	display: block;
	padding-left: 3%;
}

div.section > h2,
div.section > h3,
div.section > h4,
div.section > h5,
div.section > h6 {
	margin-left: -1.3%;
}

#mainContent > h1:first-child,
#mainContent > h2:first-child,
#mainContent > h3:first-child,
#mainContent > h4:first-child,
#mainContent > h5:first-child,
#mainContent > h6:first-child,
#side > h1:first-child,
#side > h2:first-child,
#side > h3:first-child,
#side > h4:first-child,
#side > h5:first-child,
#side > h6:first-child {
	margin-top: 0;
}

#mainContent {
	background: #fff;
	line-height: 1.3; /* value other than 'normal' needed for WinIE */
	color: #000;
	margin-left: 25%;
}

#side {
	background: #fff;
	line-height: 1.3; /* value other than 'normal' needed for WinIE */
	color: #000;
	float: left;
	width: 23%;
	margin-bottom: 1em;
}

.key-point:before {
	line-height: 0.1;
	font-size: 1px;
	background: transparent url("images/key-point_tr.gif") no-repeat top right;
	margin: -15px -15px 0 -15px;
	height: 15px;
	display: block;
	border: none;
	content: url("images/key-point_tl.gif");
}
.key-point {
	background: #e4ecec url("images/key-point_back.gif") right repeat-y;
	padding: 15px;
	margin-bottom: 1em;
}
.key-point:after {
	display: block;
	clear: both;
	padding-top: 15px;
	line-height: 0.1;
	font-size: 1px;
	content:  url("images/key-point_bl.gif");
	margin: -15px;
	height: 8px;
	background: transparent url("images/key-point_br.gif") scroll no-repeat bottom right ;
}

.key-point h2, .key-point h3, .key-point h4, .key-point h5 {
	border: none;
	margin-top: 0;
}

.key-point h3 {
	margin: 0;
}

.key-point > h1:first-child,
.key-point > h2:first-child,
.key-point > h3:first-child,
.key-point > h4:first-child,
.key-point > h5:first-child,
.key-point > h6:first-child {
	margin-top: 0;
}

#container {
	max-width: 70em;
	margin: 0 auto;
}

#mBody {
	clear: both;
	padding: 0 0 1em 0;
}

#header li {
	display: inline;
	padding: 0 20px 0 0;
	margin: 0;
	white-space: nowrap;
}

#header {
	margin-bottom: 1em;
	background: #455372 url("images/header_bl.png") bottom left repeat-x;
	position: relative;
	min-height: 39px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 3em;
	padding: 15px 0;
}

#header h1 {
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	font-size: 2px;
	background: url("images/header_tl.gif") no-repeat;
	height: 8px;
	z-index: 100; /* above the UL */
}
#header h1 a {
	display: block;
	width: 320px;
	height: 53px;
	background: transparent url("images/header_logo.gif") no-repeat;
	text-indent: -700em;
	text-decoration: none;
}


/* for the horiz navi */

	#header ul {
		width: auto;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 0 15px 0 0;
		list-style: none;
		background: url("images/header_br.gif") no-repeat bottom right;
		z-index: 90; /* below the H1 */
		display:none;
	}

	#header li {
		float: right;
		background: transparent url("images/header_tab.gif") 100% -600px no-repeat;
		padding: 0 6px 0 0;
		margin: 0 1px 0 0;
		border-bottom: 1px solid #515358;
		display:none;
	}
	#header ul a {
		float: left;
		display: block;
		padding: 4px 4px 4px 10px;
		background: transparent url("images/header_tab.gif") 0% -600px no-repeat;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		display:none;
	}
	#header ul li:hover a { background-position: 0% -400px; display:none;}
	#header ul li:hover { background-position: 100% -400px; display:none;}

	body.sectionAbout li#menu_aboutus a,
	body.sectionProducts li#menu_products a,
	body.sectionSupport li#menu_support a,
	body.sectionDevelopers li#menu_developers a,
	body.sectionStore li#menu_store a {
		background-position: 0% -200px;
		color: #039;
		display:none;
	}

	body.sectionAbout li#menu_aboutus,
	body.sectionProducts li#menu_products,
	body.sectionSupport li#menu_support,
	body.sectionDevelopers li#menu_developers,
	body.sectionStore li#menu_store {
		background-position: 100% -200px;
		border-bottom: 1px solid #fff;
		display:none;
	}

	body.sectionAbout li#menu_aboutus:hover,
	body.sectionProducts li#menu_products:hover,
	body.sectionSupport li#menu_support:hover,
	body.sectionDevelopers li#menu_developers:hover,
	body.sectionStore li#menu_store:hover {
		background-position: 100% 0%;
		display:none;
	}

	body.sectionAbout li#menu_aboutus:hover a,
	body.sectionProducts li#menu_products:hover a,
	body.sectionSupport li#menu_support:hover a,
	body.sectionDevelopers li#menu_developers:hover a,
	body.sectionStore li#menu_store:hover a {
		background-position: 0% 0%;
		color: #333;
		display:none;
	}
/* end horiz navi */

	
/* Search bar in the header */
	#header form {
		position: absolute;
		top: 0;
		right: 0;
		padding: 12px 20px 0 0;
		background: url("images/header_tr.gif") no-repeat top right;
		margin: 0; /* need for IE Mac */
		text-align: right; /* need for IE Mac */
		white-space: nowrap; /* for Opera */
	}
	#header form label { color: #fff; font-size: 85%; }
	#header form input { font-size: 85%; }
	
	#header form #submit {
		font-size: 85%;
		background: #6A7389;
		color: #fff;
		padding: 1px 4px;
		border-right: 1px solid #283043;
		border-bottom: 1px solid #283043;
		border-top: 1px solid #9097A2;
		border-left: 1px solid #9097A2;
	}
	
	#header form #q {
		width: 170px;
		font-size: 85%;
		border:	1px solid #9097A2;
		background: #D9DBE1;
		padding: 2px;
	}
	#header form #q:hover, #header form #q:focus {
		background: #fff;
	}
/* END Search bar in the header */


/* side navi */
	#navbefore {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("images/menu_tr.gif") no-repeat top right;
		margin: 0;
		height: 9px;
		display: block;
		border-bottom: 1px solid #ddd;
		content: url("images/key-point_tl.gif");
	}
	#nav {
		line-height: 1em;
		background: #E0E9E9 url("images/menu_back.gif") right repeat-y;
	}
	#navafter {
		display: block;
		padding-top: 0;
		line-height: 0.1;
		font-size: 1px;
		content:  url("images/key-point_bl.gif");
		margin: 0 0 0 0;
		height: 8px;
		background: transparent url("images/menu_br.gif") scroll no-repeat bottom right ;
		border-top: 1px solid #fff;
	}
	
	#nav, #nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#nav {
		margin-bottom: 1em;
	}	
	#nav li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	
	#nav li span { /* used for un-linked menu items */
		display: block;
		padding: 6px 10px;
		font-weight: bold;
		color: #666;
	}

	#nav li span#configParent, #nav li span #configuration {
		display: inline;
		font-weight: normal;
		padding: 0;
	}
	
	#nav li a {
		display: block;
		padding: 8px 10px;
		text-decoration: none;
		background: #EDF2F2;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #fff;
		border-right: 1px solid #ddd;
	}

	#nav li a:hover {
		background: #E0E9E9;
	}
	
	#nav li li span { /* used for un-linked menu items */
		padding: 4px 8px 4px 20px;
	}
	
	#nav li li a {
		padding: 6px 8px 6px 20px;
	}
/* END side navi */
	


#footer {
	clear: both;
	border-top: 1px solid #999;
	margin: 2em 0;
	padding: 1em 0;
	text-align: center;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li {
	padding: 0 20px 0 0;
	margin: 0;
	white-space: nowrap;
	display: inline;
}

#footer span,#footer a {
	white-space: nowrap;
	padding: 0 1em;
}

#footer p span,#footer p a {
	white-space: nowrap;
	padding: 0 0.3em;
}

#footer span a {
	padding: 0;
}

#footer p,#footer p a {
	margin: 0.6em 0;
	color: #666;
}

#footer p a:hover {
	color: #000;
}

strong {
	font-weight: bold;
	font-size: 14px;
	
}

div#punch {
	float: right;
	text-align: center;
	padding: 4px 0;
	background: #fff;
	margin: 0 0.5em 0.5em 1em;
	text-align: center;
	color: white;
	font-style: italic;
	font-size: 0.8em/1.2em;
}

div#punch2 {
	float: right;
	text-align: center;
	padding: 4px 0;
	margin: 0 0.5em 0.5em 1em;
	text-align: center;
	color: white;
	font-style: italic;
	font-size: 0.8em/1.2em;
}

#poweredby {

	border: 0;

	text-align:right;

	margin:0;

	padding:0;

	font-family: 'Times New Roman', Times, serif;

	letter-spacing: 1.5px;

	font-size: 10px;

	clear:all;

}

#poweredby span {

	display:none;

}