body {
	background-color: #fff;
	color: #000305;
	font-size: 87.5%; /* Base font size: 14px */
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
	clear: both;
}

h2 { font-size: 1.571em; }	/* 22px */
h3 { font-size: 1.429em; }	/* 20px */
h4 { font-size: 1.286em; }	/* 18px */
h5 { font-size: 1.143em; }	/* 16px */
h6 { font-size: 1em; }	/* 14px */

h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}

a { outline: 0; }
a img { border: 0px; text-decoration: none; }
a:link, a:visited {
	color: #C74350;
	padding: 0 1px;
	text-decoration: underline;
}

a:hover, a:active { text-shadow: 1px 1px 1px #cecece; }

p { margin-bottom: 1.143em; }
* p:last-child { margin-bottom: 0; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

hr { clear: right; background-color: #ebebeb; width: 768px; height: 2px; border: none; margin-left: 34px; }

pre {
	background: #fff url('../images/pre_bg.gif') repeat left top;
	border-top: 1px dashed rgb(153, 153, 153);
	border-bottom: 1px dashed rgb(153, 153, 153);
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	line-height: 18px;
	margin: 20px 0 0 0;
	padding: 18px 0 17px 0;
	overflow-x: auto;
}

code {
	font-size: 110%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.highlighted { background: #c7da47; }

#comparison {
	background-color: #fff;
	margin: 0 auto;
}
	
	#comparison th {
		background-color: #f5f5f5;
		text-align: center;
		border-top: 1px solid #c6c6c6;
		border-right: 1px solid #c6c6c6;
		border-left: 1px solid #c6c6c6;
		padding: 10px 0;
		font-size: 14px;
		font-weight: bold;
	}
	
	#comparison td {
		text-align: center;
		border-top: 1px solid #c6c6c6;
		border-right: 1px solid #c6c6c6;
		border-left: 1px solid #c6c6c6;
		width: 115px;
	}
	
	#comparison th#empty-cell {
		background-color: #fff;
		border: none;
	}
	
	#comparison th h6 {
		font-size: 14px;
		font-weight: bold;
	}
	
	#comparison th p {
		padding-bottom: 12px;
	}
	
	#comparison th p a {
		color: #049ed0;
		text-decoration: underline;
	}
	
	#comparison th p a:hover {
		text-decoration: none;
	}
	
	#comparison .feature {
		width: 190px;
		padding: 8px 0 8px 13px;
		text-align: left;
	}
	
	#comparison td.check {
		background: url('../images/tick.png') no-repeat center center;
	}
	
	#comparison td.end {
		border-bottom: 1px solid #c6c6c6;
	}

#banner {
	background: url('../images/header-bg.png') repeat-x top left;
	padding: 0;
}

	#banner div#banner-container {
		width: 980px;
		margin: 0 auto;
		background: url('../images/large-logo-screened.png') no-repeat top right;
	}
	
	#banner div#banner-container .sharing {
		display: block;
		float: right;
		width: 28px;
		height: 28px;
		padding: 0;
	}
	
	#banner div#banner-container #facebook {
		background: url('../images/facebook-icon-norm.png') no-repeat top left;
	}
	
	#banner div#banner-container #facebook:hover {
		background-image: url('../images/facebook-icon-hover.png');
	}
	
	#banner div#banner-container #twitter {
		background: url('../images/twitter-icon-norm.png') no-repeat top left;
	}
	
	#banner div#banner-container #twitter:hover {
		background-image: url('../images/twitter-icon-hover.png');
	}
	
	#banner div#banner-container #phonetic {
		color: #fff;
		padding-left: 2.2em;
		float: right;
		margin: 4.3em 1.6em 0 0;
		background: url('../images/questionmark-icon.png') no-repeat left .4em;
		cursor: pointer;
	}
	#banner div#banner-container #phonetic h4 {
		color: #c7da47;
		margin: 0 0 -.2em 0;
	}
	#banner div#banner-container #phonetic span {
		font-size: 0.9em;
	}

	#banner h1 {font-size: 3.3em; line-height: .6; margin-bottom: .2em; letter-spacing: -2px;}
	#banner h1 a:link, #banner h1 a:visited {
		color: #fff;
		font-weight: normal;
		font-family: sans-serif;
		margin: 0 0 .2em .2em;
		text-decoration: none;
	}

	#banner h2 {font-size: 1.5em; font-weight: normal; color: #c7da47; margin: 0 0 .5em 9.2em; font-style: italic;}

	#banner img#logo {margin: .5em 0 1.7em .5em;}

	#banner nav {
		font-size: 1.143em;
		height: 40px;
		line-height: 30px;
		margin: 0 auto .8em auto;
		padding: 0;
		text-align: center;
	}

	#banner nav ul {list-style: none; margin: 0 auto; width: 980px;}
	#banner nav li {float: left; display: inline; margin: 0;}

	#banner nav a:link, #banner nav a:visited {
		color: #000;
		display: inline-block;
		height: 30px;
		padding: 5px 1.5em;
		text-decoration: none;
	}
	#banner nav a:hover, #banner nav a:active,
	#banner nav .active a:link, #banner nav .active a:visited {
		background-color: #c7da47;
		color: #333;
		text-shadow: none !important;
	}

	#banner nav li a {
		margin-right: 5px;
		background-color: #c7da47;
		
		border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		
		border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
	}

#content {
	margin-bottom: 2em;
	overflow: hidden;
	padding: 10px;
	width: 980px;
	margin: 0 auto;
}

#left-nav {
	float: left;
	width: 170px;
}

	#left-nav h4 {
		font-weight: bold;
		color: #7d9a25;
		margin-bottom: 8px;
	}
	
	#left-nav div {
		margin-bottom: 1em;
	}
	
	#left-nav p {
		font-size: .90em;
		margin-bottom: .9em;
	}
	
	#left-nav ul {
		margin-top: -12px;
		list-style: disc;
		padding-left: 1em;
		font-size: .95em;
	}
	
	#left-nav li {
		margin-bottom: .2em;
	}

#download-header {
	float: right;
	width: 766px;
	background-color: #ebebeb;
	padding: 10px;
	margin-bottom: 20px;
	border-top-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

	#download-header div#download-info {
		float: left;
		padding-left: 5px;
		padding-top: 3px;
	}
	
	#download-header div#eula {
		float: right;
		width: 50%;
		font-size: 80%;
		color: #353535;
		border-left: 1px solid #ababab;
		padding-left: 15px;
	}

	#download-header h2 {
		margin-bottom: 5px;
	}

	#download-header a#download-link {
		font-size: 140%;
		font-weight: bold;
	}

.personas-list {
	float: right;
	width: 786px;
	margin-bottom: 10px;
}
	
	.personas-list input {
		border: 1px solid #ababab;
		margin: 3px 10px 0 0;
		padding: 3px;
	}

	.personas-list h2 {
		margin: 0 0 5px 10px;
		font-size: 1.8em;
		font-weight: bold;
	}
	
	.personas-list h3 {
		margin: 0 0 20px 10px;
		font-size: 1em;
		font-style: italic;
		color: #333;
	}
	
	.personas-list div {
		float: left;
		margin: 0 10px;
	}
	
	.personas-list h5 {
		margin: 0;
		font-weight: bold;
	}
	
	.personas-list h6 {
		font-size: .9em;
	}
	
#content-container {
	float: right;
	width: 786px;
}

	#content-container h2 {
		font-size: 1.8em;
		font-weight: bold;
		padding-bottom: 5px;
		border-bottom: 1px solid #7d9a25;
	}
	
	#content-container h3 {
		margin-top: 20px;
		border-bottom: 1px solid #b8b8b8;
		padding-bottom: 3px;
	}
	
	#content-container ul {
		list-style: disc;
		padding-left: 1.5em;
		font-size: .95em;
		margin-bottom: 1.3em;
	}
	
	#content-container li {
		margin-bottom: .2em;
	}
	
#cboxLoadedContent {
	padding: 10px;
}

	#cboxLoadedContent div {
		margin-bottom: 20px;
	}
	
	#cboxLoadedContent h4 {
		color: #7d9a25;
		margin-top: 20px;
	}

	#cboxLoadedContent ul {
		list-style: disc;
		padding-left: 1.5em;
		font-size: .95em;
	}
	
	#cboxLoadedContent li {
		margin-bottom: .2em;
	}