/* reset and clear stuff */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5em;}
table {border-collapse:separate;border-spacing:0;}
table, td, th {vertical-align:top;}
a img {border:none;}
a:hover {text-decoration: underline;}

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:2px;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
em { font-style: italic;}
strong { font-weight: bold;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}


/* the main stuff */
body {
	background: #ffffff;
	margin:0;
	padding: 0;
}

			div#mainframe {
				background: #ffffff;	
				width: 1000px;
				margin: 0 auto;
				}



			
			div#keyfeatureshighlight {
				height: 250px; 
				border: 0px solid #ccc;	
				position: relative;
			}
			

			div#keyfeatureshighlight h3 {
					margin:10px 10px 0;
					font-weight: bold;
					font-size: 1.7em
				}
				div#keyfeatureshighlight h6 {
					font-weight: normal;
					margin:0 10px;
				}

				div#keyfeatureshighlight p {
					margin-bottom: 0.5em;

				}
				
	
				div#keyfeatureshighlight ul,
				div#keyfeatureshighlight ul li {
					list-style: none;
					margin: 0;	
					padding: 0;
				}

				div#keyfeatureshighlight ul {
					position: absolute;
					top:65px;
					left:5px;
				}
		
					div#keyfeatureshighlight li {

					}
						div#keyfeatureshighlight li a {
							background: #FF9D00;
							display: block;
							width:140px;
							text-indent:0;
							padding: 0;
							line-height: 25px;
							margin: 0 0 3px 0;
							color: #000;
							text-decoration: none;
							font-weight: bold;
						}
							div#keyfeatureshighlight li a span {
								padding:7px;
								display: block;
								line-height: 130%;
							}

						div#keyfeatureshighlight li.active a {
							background: #ffffff url(../images/keyfeatureshighlightarrow.png) 100% 0 no-repeat;
							width:151px;
						}		
							div#keyfeatureshighlight li.active a span {
								padding-right:21px;
							}
						
						
						div#keyfeatureshighlight li div {
							display: none;
							position: absolute;
							top:10px;
							left: 160px;
							width:285px;
							line-height: normal;
						}
							div#keyfeatureshighlight li.active div a {
								background: none;
								display: inline;
								width:auto;
								color: #000000;
								font-weight: normal;
							}