.navigation ul a, .navigation ul, #tryit li p, #tryit li h3, #tryit li, h2, h1, body, .listitem, .list, .paragraph, .tour pre, .tour p, .tour h3, .main, .nomargin {
	margin: 0; padding: 0;
}

h1, .notext {
	color: rgba(0, 0, 0, 0);
	text-indent: -999em;
}

#tryit h3 a, h2, .helvetica {
	font-family: "FreeSans", "Free Sans", "Helvetica", "Segoe UI", "Lucida Grande", "Arial", "Verdana", sans-serif;
}
.main, body, .sans {
	font-family: "Verdana", "DejaVu Sans", Tahoma, sans-serif;
}
.tour h3, .navigation h2, .serif {
	font-family: Georgia, sans-serif;
}
.tour pre, .table th, .table td, .tour p, .tour h3, .navigation ul a, #tryit li p, .main, .lineheight {
	line-height: 1.7em;
}
.main, .center {
	text-align: center;
}
.tour pre, .tour p, .tour h3, .main, .paragraph {
	padding: 0.7em 0;
}
.list {
	padding: 0.4em 0;
}
.listitem {
	padding: 0.3em 0;
}

body {
	background: #353433 url(tile-bg.gif) repeat-x;
	color: #E9E8E7;
	font-size: 11pt;
}

.main strong { white-space: nowrap; }
a { color: #86CFE8; }
a.green { color: #BFDA7B; }

h1 {
	background: url(top-title.png) no-repeat;
	height: 281px;
}
h2 {
	color: #BBB5B4;
}

.content {
	width: 100%;
	margin-left: -300px;
	float: right;
}
.content-main {
	margin-left: 300px;
	margin-right: 300px;
}
.content-inner {
	min-width: 500px;
}

h2 {
	font-size: 30pt;
}
hr {
	height: 0;
	margin: 30px 30px;
	padding: 0;
	border: 0;
	border-top: 1px solid #565351;
}
.main {
	font-size: 1.2em;
}

#try {
	padding-bottom: 14px;
}
#tryit {
	list-style: none;
	width: 660px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
#tryit li {
	width: 320px;
	margin-right: 6px;
	float: left;
}
#tryit li h3 {
	font-size: 1.8em;
	text-align: center;
}
#tryit li p {
	padding: 4px;
	color: #8B8685;
	font-size: 0.9em;
	text-align: right;
}
#tryit li p strong {
	color: #A6A09F;
}
#tryit h3 a {
	display: block;
	text-decoration: none;
	color: #E9E8E7;
	background: #353433;
	border-bottom: 4px solid #A7EE66;
	padding: 5px 0 3px;
}
#tryit li#firefox h3 a { border-bottom-color: #66CCEE; }

#tryit h3 a:hover, #tryit li#firefox h3 a:hover, #tryit li#portable h3 a:hover {
	border-bottom-color: #fff;
	color: #fff;
	background: #A7EE66;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
}
#tryit li#firefox h3 a:hover {
	background: #66CCEE;
}




.navigation {
	width: 270px;
	float: left;
}
.navigation-inner {
	padding-left: 10px;
}
.navigation h2 {
	font-size: 1.3em;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 2px;
}
.navigation ul {
	padding: 10px 0 10px 2em;
	color: #696464;
	list-style-type: circle;
}
.navigation ul a {
	color: #A6A09F;
	text-decoration: none;
	font-size: 0.76em;
}
.tour {
	clear: both;
	padding: 40px 180px 30px 180px;
}
.tour-inner {
	min-width: 833px;
}
.tour h2 {
	padding: 0.3em 0;
}
.tour p, .tour h3 {
}
.tour strong {
	color: #70FCDD;
}
.tour h3 {
	font-size: 1.4em;
}


.image-float-left {
	float: left;
	margin-right: 12px;
}
.image-float-right {
	float: right;
	margin-left: 12px;
}
.tour .key {
	color: #D7FC70;
}
.remark {
	color: #a8a5a2;
	font-size: 0.9em;
}
.table {
	background: #52504F;
}
.table td {
	background: #333231;
	font-size: 9pt;
}
.table td strong {
	white-space: nowrap;
}
.table th {
	background: #1A1919;
	font-size: 9pt;
}
.tour pre {
	background: #000;
	padding-left: 30px;
	padding-right: 30px;
}
pre, code {
	font: 11pt "Liberation Mono", "Consolas", "Monaco", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", sans-serif;
}
code {
	color: #7f7;
}
.table .cat {
	background: #474645;
	text-align: center;
	font-weight: bold;
}
.footer {
	color: #555657; text-align: center;
	font-size: 10pt; padding-bottom: 40px;
	clear: both;
}
.footer a {
	color: #6D6E6F; text-decoration: none;
}