@charset "utf-8";
/* CSS Document */

img#current_item {
 position: absolute;
	z-index: 10; }
	

img#logo {
	margin: 1em 1em 1em 0px; }

p#intro {
 border: 1px solid #333;
	background-color: #E8E8E8;
	color: #555;
	font-size: 90%;
	left: 440px;
	padding: 1em;
 position: absolute;
	top: 100px;
	width: 220px; }

div#seperator {
 border-top: 20px solid #E6E6E6;
	margin: 1em 0px;
 margin-right: 270px; }


div#features {
 border: 1px solid #444;
	clear: both;
 margin: 1em 0;
	padding: 1em; }
	
div#features_wrapper {
 border-top: 4px solid #444;
	padding-top: 1em;
	position: relative; }
	
div#features_wrapper div#order {
 bottom: 0px;
 position: absolute;
	right: 0px; }
	
div#features_wrapper div#about {
 background-color: #F5F5F5;
 float: right;
	width: 280px; }
	
div#features_wrapper div#about.selected {
 background-color: #333; }
	
div#about p {
 color: #333;
 font-size: 90%;
	margin: 0px;
	padding: 1em; }
	
div#about li {
 color: #333;
 font-size: 90%;
	margin: 0px;
	padding: 0.5em; }

div#about.selected p {
 color: #AAA; }
	
div#about.selected li {
 color: #AAA; }
	
div#about.selected a {
 color: #FFF; }


div#features div.tidbit {
 clear: left;
	margin-right: 300px;
	padding: 1em; }
	
div#features div.tidbit.selected {
 background-color: #FEFFD9; }
	
div#features div.tidbit p {
	color: #222;
	font-size: 85%;
	line-height: 2;
	margin: 0px;
	padding: 0px; }
	
div#features div.tidbit p.read_more {
	color: #000;
	font-style: italic;
	margin-top: 1em;
	text-align: right; }

div#features div.tidbit img.icon {
 float: left;
	margin-right: 1em; }
	
div#features div.about {
 background-color: #FFFFD7;
	display: none;
	font-size: 90%;
	padding: 1em; }

div#features div.control a {
 background-color: #F5F5F5;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	height: 12px;
	padding: 0.5em;
	text-align: center; }
	
div#features div.control a.read_more {
	background-image: url('../../images/elements/down_arrow.png'); }
	
div#features div.control a.close {
	background-image: url('../../images/elements/up_arrow.png');
 border-top: 2px solid #FFF; }
	
div#features div.control.selected a {
 background-color: #444; }

div#features div.control.selected a.read_more {
	background-image: url('../../images/elements/down_arrow_selected.png'); }
	
div#features div.control.selected a.close {
	background-image: url('../../images/elements/up_arrow_selected.png'); }

div#features div.control a img {
 border: none; }