/*** VISUAL FEATURE GUIDE ***/

	/* Feature Guide Wrapper and Header */

	.visual{padding: 10px 0 0 18px; margin-top:20px;}
	.visual img{display: block;}

	#title-and-summary {width:940px; margin:0 auto; color:#737373;}
	#title-and-summary h1 {margin:16px 0 9px !important; color:black; font-size:27px;}
	
	/* breadcrumbs */
	.breadcrumbs{width:992px;background: url(images/bg-breadcrumbs-c.png) repeat-x;position:absolute;top:0;}
	.breadcrumbs-holder{width:992px;background: url(images/bg-breadcrumbs-l.png) no-repeat;}
	.breadcrumbs ul{width:989px;background: url(images/bg-breadcrumbs-r.png) no-repeat 100% 0;overflow:hidden;margin:0;padding:0 0 0 3px;list-style:none;}
	.breadcrumbs li{float:left;margin:0 0 0 8px;padding:6px 0 0;display:inline;color:#000;}
	.breadcrumbs li a{float:left;background: url(images/bg-breadcrumbs-a.png) no-repeat 100% 0;height:24px;padding:6px 19px 0 11px;margin:-6px 0 0 -8px;position:relative;color:#000;}
	.breadcrumbs a span{background: url(images/bg-breadcrumbs-home.png) no-repeat 0 3px;width:14px;height:24px;display:block;text-indent:-9999px;overflow:hidden;}
	
		/* Feature Image w/ Rollover Commentary */
	
		#rollover-wrapper {height:465px; width:988px; position:relative;}
	
		img#screen{margin-left:-17px;position:absolute; left:0; z-index:2;}
	
		#rollover-comments-box {right:31px;color:black !important;height:300px;margin:15px 6px 0 0; padding:16px 0 0 19px; position:absolute;width:188px; background: url(images/feature-rollover-box-pointer.png) no-repeat 0px 35%; }
		.box-holder {display:none;height:330px;line-height:16px;margin:0;padding:13px 19px;width:150px;background:#E5E5E5;}
		hr#box-top{height:15px; border:0px; background:black; margin:0; padding:0; background:#E5E5E5; background: url(images/feature-rollover-box-top.png) no-repeat -1px 0;}
		hr#box-base{height:15px; border:0px; background:black; margin:0; padding:0; background:#E5E5E5; background: url(images/feature-rollover-box-bottom.png) no-repeat -1px 0;}
		.box p{margin:0 0 5px; font-size:11px;}
	
	/** how-to content **/
	
		#how-to-content {width:910px; line-height:18px;margin:0 auto;padding:24px 0 42px;}
	
		/* sidebar */
	
		#sidebar {float:left;line-height:18px;padding:10px 0 0;width:250px;}
		#sidebar p{margin:0 0 7px;}
		#sidebar h3{ margin:0 0 8px; font-size:14px; line-height:36px; color:#000; }
	
		/* sidebar (how-to) nav */
		
		.navbar {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #E5E5E5;list-style:none outside none;margin:0;padding:0;width:244px;}
		.navbar li {line-height:15px;vertical-align:top;width:244px;}
		.navbar li a {color:#9999A2;display:block;width:244px;}
		.navbar li a:hover {text-decoration:none !important;}
		.navbar li a:hover span {background:url(images/sidebarnav-arrow-blue.png) no-repeat scroll 226px 6px transparent;color:#0088CC;font-weight:normal;}
		.navbar .active a {background:url(images/bg-navbar-h.png) repeat-x scroll 0 100% #F4F4F4;color:#000000;text-decoration:none;}
		.navbar .active span {background:url(images/bg-navbar-mh.png) no-repeat scroll 0 50% transparent;}
		.navbar li span {background:url(images/sidebarnav-arrow-grey.png) no-repeat scroll 226px 6px transparent; display:block; padding:6px 0 5px 15px; width:229px;}


		/* How to Articles */
	
		.article { background:url(images/bg-article-l.png) no-repeat scroll 0 60px transparent; float:right; line-height:20px; padding:0 0 0 20px; width:620px;}
		.article h2{ margin:0 0 14px; font-size:18px; line-height:30px;}
	
		.article-holder{ width:620px; padding:0 0 9px; background:url(images/bg-article-b.png) no-repeat 0 100%;}
	
		.article-frame{ width:507px; padding:32px 60px 20px 53px; background:#f0f0f0 url(images/bg-article-t.png) no-repeat; display:none;}
		.article-frame p{margin:0 0 14px;}