/* Header */

	#header {
	background: #0099CC url(images/header_bl1.png) repeat-x left top;
	position: relative;
	padding: 0;
	height: 77px;
	padding: 10px 0;
	top: 0px;
	} 

	#header h1 {
		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: 204px;
		height: 55px;
		background: transparent url("images/header_logo.gif") no-repeat;
		text-indent: -700em;
		text-decoration: none;
	}
	#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 */
	}
	#header li {
		float: right;
		background: transparent url("images/header_tab1.gif") 100% -600px no-repeat;
		padding: 0 6px 0 0;
		margin: 0 1px 0 0;
		border-bottom: 1px solid #515358;
	}
	#header ul a {
		float: left;
		display: block;
		padding: 4px 4px 4px 10px;
		background: transparent url("images/header_tab1.gif") 0% -600px no-repeat;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}
	#header ul li:hover a { background-position: 0% -400px; }
	#header ul li:hover { background-position: 100% -400px; }

	li {
		margin-top: 0.2em;
		margin-bottom: 0.2em;
	}
	
	sup {
		font-size: 70%;
	}

	label {
		font-weight: bold;
	}

/* General Structure */
	
	.subtitle {
		font-style: italic;
	}

	div.para {
		margin: 1em 0;
	}

	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%;
	}
	
	.block {
	  display: block;
	  margin: 0.1em 1em;
	}
	
	.imgright {
		float: right;
		margin: 0 0 2em 2em;
	}
	
	.first {
		margin-top: 0; /* For IE not understanding first:child */
	}

/* Navigation */

	:link img,
	:visited img {
		border: 0;
	}

	.ex-ref {
		font-style: italic;
	}

	ul.snav {/* section navigation or short navigation, whichever you prefer */
		margin: 0.7em 10%;
		padding: .2em;
		text-align: center;
	}
	ul.snav > li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	ul.snav > li {
		display: inline;
	}
	ul.snav > li:before {
		content: " | ";
	}
	ul.snav > li:first-child:before {
		content: "";
	}

	a.cont {
		display: block;
		margin-right: 0;
		text-align: right;
	}

/* Quotations */

	blockquote > address {
		padding-left: 1em;
		text-indent: -1em;
	}
	blockquote > address:before {
		content: "\2015";
	}

	div.quote,
	div.epigraph {
		margin: 1em;
	}
	div.quote q,
	div.epigraph q {
		display: block;
		margin: 0 .5em;
		text-indent: -0.5em;
	}
	div.quote cite,
	div.epigraph cite {
		display: block;
		padding: 0 1em;
		text-align: right;
		text-indent: -1em;
	}
	div.quote cite:before,
	div.epigraph cite:before {
		content: "\2015";
	}


/* Computers - General */

	pre.screen {
		overflow: auto;
		margin: 1em 0.5em;
		padding: 0.2em;
		border: solid 1px;
		font-family: monospace;
		white-space: pre;
	}
	
.productlist li {
	clear: left;
	list-style: none;
	padding: 0 0 1em 0;
	margin-left: 0;
}

/* Random Stuff That Needs To Be Cleaned Up / Deprecated */

.flLeft {
	float: left;
	margin: 5px 10px 5px 0;
}
.flRight {
	float: right;
	margin: 5px 0 5px 10px;
}

/* Body */

	body {
		background: #fff;
		color: #000;
	}

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

	#nav {
		line-height: 1em;
	}

/* Random HTML Styles */

	hr {
		height: 1px;
		background-color: #000;
		color: #000;
		margin: 2em 0;
	}

/* General Structure */
    body, td, th, input { /* redundant rules for bad browsers  */
            font-family:Verdana, Arial, Helvetica, sans-serif;
            font-size: small;
            voice-family: "\"}\"";
            voice-family: inherit;
            font-size: small;
    }

	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;
	}

	#header h1 { border: 0; }

	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; }
	
/* Navigation */

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


/* Comments and other Asides */

	.note {
		color: #666;
		font-style: normal;
	}
	
	.remark {
		color: #666;
	}
	
	.sidenote {
		border: #666;
	}
	
	.key-point h2, .key-point h3, .key-point h4, .key-point h5 {
		border: none;
		margin-top: 0;
	}
	
	ul.compact {
		margin-left: 0;
		padding-left: 20px;
	}

/* Basic Structure */
	body {
		min-width: 610px;
		margin: 0px 20px 20px;
	}

	#container {
	max-width: 70em;
	margin: 0 auto;
	}
	
	#mBody {
	clear: both;
	padding: 0 0 1em;
	margin-top: 10px;
	}

	#side {
	float: right;
	width: 23%;
	margin-bottom: 1em;
	clear: right;
	}
	.nomenu #mainContent {
		margin-left: 0;
	}
	.bodyleft {
		margin-left: 25% ! important
	}
	#mainContent.right {
		float: left;
		width: 62%;
		margin-bottom: 1em;
		margin-left: 0;
	}
	
	#side.right {
		float: none;
		width: auto;
		margin-left: 65%;
	}



/* Footer */

	#footer {
	clear: both;
	margin-top: 2em;
	border-bottom-color: #0099CC;
	border-bottom-width: thin;
	border-bottom-style: solid;
	margin-bottom: 2em;
	}
		
	#footer ul {
		margin: 0 0 1em 0;
		padding: 0;
	}
	
	#footer li {
		display: inline;
		padding: 0 20px 0 0;
		margin: 0;
		white-space: nowrap;
	}
	
	#footer p {
		margin: 0.6em 0;
	}
	hr.hide {
		display: none;
	}

	body {
		background: #fff url("images/body_back.gif") repeat-x;
	}

	
	
	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#AboutUs_store a {
		background-position: 0% -200px;
		color: #039;
	}
	
	body.sectionAbout li#menu_aboutus,
	body.sectionProducts li#menu_products,
	body.sectionSupport li#menu_support,
	body.sectionDevelopers li#menu_developers,
	body.sectionStore li#AboutUs_store {
		background-position: 100% -200px;
		border-bottom: 1px solid #fff;
	}
	
	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_AboutUs:hover {
		background-position: 100% 0%;
	}
	
	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_AboutUs:hover a {
		background-position: 0% 0%;
		color: #333;
	}


/* Sidebar */

	#nav:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url(images/menu_tr.gif) no-repeat right top;
		margin: 0;
		height: 9px;
		display: block;
		border-bottom: 1px solid #ddd;
		content: url("images/key-point_tl.gif");
	}
	#nav {
		background: #E0E9E9 url(images/menu_back.gif) repeat-y right;
	}
	#nav:after {
		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/key-point_br.gif) no-repeat scroll right bottom;
		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: #FFFF99;
	}
	
	#nav li li span { /* used for un-linked menu items */
		padding: 4px 8px 4px 20px;
	}
	
	#nav li li a {
		padding: 6px 8px 6px 20px;
	}
	
	#oN {
		background-color: #E0E9E9;
	}
	#oN:hover {
		background-color: #C6DCDC;
	}

/* Footer */

	#footer {
		text-align: center;
	}
	

#MainArea {
	left: 10px;
	top: 10px;
	width: 50%;
}
h2 {
	color: #996633;
}
.thumb {
	padding-right: 2px;
	padding-left: 2px;
}
#mBody td p {
	font-size: x-small;
}

/*  EW Inner */
#ewmain {
    float:left;
    width:75%;
}
#ewsidebar {
	width:23%;
	margin-left:76%;
}
html>body #ewsidebar {
    width:24%;
}
/*  End EW Inner */
#ewsidebar p, #ewmain p {
	padding: 10px;
}
.HeaderTitle {
	color: #FFFFFF;
	top: -11px;
	position: absolute;
	right: 2px;
	margin-top: 1em;
	margin-bottom: 0.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 200%;
	margin-right: 3px;
}
.HeaderSubText {
	color: #FFFFFF;
	top: 40px;
	position: absolute;
	right: 0px;
	margin-top: 1.1em;
	margin-bottom: 0.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-right: 3px;
	text-align: right;
}
.ewImageSubText {
	font-size: 9px;
}