h1 {font-size:138.5%;}
h2 {font-size:123.1%;}
h3 {font-size:108%;}
h1,h2,h3 {margin:0;margin-bottom: 1em;}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;}
abbr,acronym {border-bottom:1px dotted #000;cursor:help;}
em {font-style:italic;}
blockquote,ul,ol,dl {margin:1em;}
ol,ul,dl {margin-left:1.5em;}
ol li {list-style: decimal outside;}
ul li {list-style: disc outside;}
dl dd {margin-left: 1.5em;}
ol li {line-height: 0;}
ul li {padding-bottom: 0.75em;}
td {padding:.5em;}
p,fieldset,table,pre {margin-bottom:1em;}
form{margin:0;padding:0;}

html, body {margin:0;padding:0;border:0;min-height:100%;}
html {height:100%;}
body {height:auto;}

#doc {width:750px;min-width:750px;}

body {
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	background: #666666;
	background-image: url(../images/background_fade.jpg);
	background-attachment: fixed;
	color: #3f3f3f;
	line-height: 135%;
}

a:link, a:visited {color: #7f0000;}
a:hover {color: #c10000;}
a:active {color: #666666;}

img.block {display: block;}
img.buffer {padding: 8px;}
img.infodot {
	text-decoration: none;
	padding-right: 2px;
	position: relative;
	bottom: -2px;
}

a.moreinfo {
	display: inline-block;
	font-size: 85%;
	text-decoration: none;
	color: #0066dd;
}
a.moreinfo:hover {color: #5aa9ec;}
a.moreinfo:active {color: #666666;}

.content, .contenttight {
	padding: 24px;
	background-color: #FFFFFF;
	height: auto;
	clear: both;
	border: solid #666666 2px;
	overflow:hidden;
}

.contenttight {
	padding: 4px;
	padding-bottom: 8px;
}

.blackbar {
	background-color: #000000;
	min-height: 22px;
	height: auto;
	margin: 0;
	padding: 0;
	clear: both;
}

.socialbar {
	padding:8px;
	text-align:center;
	border-top:none;
}

a.sociallink,
a.sociallink:hover,
a.sociallink:link,
a.sociallink:visited,
.sociallink {
	color: black;
	font-size: 77%;
	text-decoration: none;
}

a.navigation,
a.navigation:hover,
a.navigation:link,
a.navigation:visited,
.navigation {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 77%;
	font-weight: bold;
	line-height: 22px;
	color: #CCCCCC;
	text-decoration: none;
	background-color: #222222;
	border-right: solid #990000 1px;
	padding: 2px 12px 2px 12px;
}

a.navigation:hover {
	color: #FFFFFF;
	background-color: #333333;
	border-right: solid #FF0000 1px;
}

a.navigation:active {color: #CCCCCC;}

.lattice {
	background-image: url(../images/lattice.gif);
	background-position: top center;
	background-repeat: repeat-x;
	padding:0;
	margin: 0 10px 0 10px;
	width: 730px;
	height: 10px;
	font-size: 2px;
}

.small {font-size: 85%;}

.title {font-size: 123.1%;}
a.title {
	text-decoration: none;
	position: relative;
	top: 1px;
}

.footer {
	font-size: 66%;
	padding: 0.4em;
	text-align: center;
	color: #666666;
}

.footer a {
	color: #999999;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

.price {
	font-size: 108%;
	font-style:italic;
	font-weight:bold;
	position: relative;
 	top: 0.1em;
}

.sup {
 font-size: 77%;
 position: relative;
 top: -0.2em;
}

.centered {
	margin: auto;
	text-align: center;
}

div.centered {
	width: 520px;
}

.details {
	padding: 16px;
	background-color: #eeeeee;
	border: solid #cccccc 1px;
	clear: both;
}

.info, .versioninfo {
	color: #666666;
	font-size: 80%;
	font-style: italic;
}

.versioninfo {
	position: relative;
	text-align: left;
	top: 18px;
	margin-top: -12px;
	clear: both;
}

.asterix {
	color: red;
	font-size: 85%;
}

.buttonright, .buttonleft {
	position: relative;
	margin-bottom: -12px;
	top: -12px;
	padding: 4px;
}

.buttonright {
	float: right;
	right: -8px;
}

.buttonleft {
	float: left;
	left: -8px;
}

.iconleft {
	position: relative;
	float: left;
	display: block;
	top: -16px;
	left: -16px;
	margin-bottom: -16px;
}

.edmm, .ksp {
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 148px;
}

.edmm {
	background-image: url(../images/back_edrum_midi_mapper.jpg);
}

.ksp {
	background-image: url(../images/back_ksp_percussive.jpg);
}

.spotlight {
	background-repeat: no-repeat;
	background-image: url(../images/iconbackdrop.jpg);
	padding: 16px;
	background-color: #000000;
}

.app {
	background-repeat: repeat-x;
	background-image: url(../images/appcontentfade.jpg);
}


div.ossproject {
	border-top: dashed #333333 1px;
	background-image: url(../images/oss_backfade.gif);
	background-repeat: repeat-x;
	background-position-y: -1px;
	padding: 12px;
	padding-bottom: 0;
	margin-bottom: 16px;
	margin-left: -12px;
	margin-right: -12px;
}

.osstitle {
	font-size: 123.1%;
	font-weight: bold;
}

.osstitle img {
	padding-left: 4px;
	position: relative;
	top: 2px;
}

.ossinfoline {
	font-size: 85%;
}

.ossinfoline a {
	font-style:italic;
	font-weight: bold;
}

.ossinfoline em {
	color: #666666;
}

.ossrbreq {
	font-size: 85%;
	padding-left: 4px;
	color: green;
}

.ossheader {
	font-size: 85%;
	font-style:italic;
	font-weight: bold;
	color: #666666;
	position: relative;
	top: -18px;
	margin-bottom: -14px;
	margin-left: -12px;
	text-align: center;
}

.legend img {
	padding-right: 2px;
	margin-left: 20px;
	position: relative;
	top: 3px;
}

.quote {
	font-family: "Times New Roman", Serif;
	font-size: 116%;
}