body {
   margin-left:0px;
   margin-right:0px;
   min-width:900px;
	font-family:sans-serif;
}

div#rightofknot {
   position:relative;
   margin-left:362px;
   margin-right:0px;
   right:0px;
}

/*div#greetings {
	width:500px;
	height:164px;
	background-image:url('media/greetings.png');
	position:absolute;
	left:-90px;
	top:30px;
	z-index:1;
}*/
div#knot {
	height:322px;
	width:389px;
	background-image:url('media/ecere_knot.png');
	position:absolute;
	left:0px;
	top:221px;
	z-index:-9
}
div#knot-reflection {
	height:144px;
	width:377px;
	background-image:url('media/ecere_knot_reflection.png');
	position:absolute;
	left:0px;
	top:548px;
	z-index:-10;
}
div#knot-shadow {
	height:81px;
	width:364px;
	background-image:url('media/ecere_knot_shadow.png');
	position:absolute;
	left:50px;
	top:468px;
	z-index:-11;
}
div#ollie {
	height:175px;
	width:204px;
	background-image:url('media/ollie.png');
	position:absolute;
	left:220px;
	top:378px;
	z-index:-8;
}

div#gradient {
	background-image:url('media/gradient.png');
	position:absolute;
	left:0px;
   right:0px;
	top:405px;
   margin-left:0px;
   margin-right:0px;
   padding-left:0px;
   padding-right:0px;   
	height:200px;
   min-width:900px;
	z-index:-12;
}

/* DOWNLOAD */
div#downloadbox
{
   margin-left:auto;
   margin-right:auto;
   width:252px;
   height:71px;
}

div#downloadbutton {
   background-image:url("media/downloadHover.png");
   background-repeat:no-repeat;
   position:relative;
   width:252px;
   height:71px;
}

a#downloadlink {
   width:252px;
   height:71px;
   z-index:2;
   text-decoration:none;
   border-bottom:0px;
   display:inline-block;
}

a#downloadlink:link, a#downloadlink:visited {
   background-image:url("media/download.png");
   background-repeat:no-repeat;
}

a#downloadlink:hover, a#downloadlink:focus, a#downloadlink:active {
   background-image:url("media/downloadHover.png");
   background-repeat:no-repeat;
}

a#downloadlink span#download {
   display:none;
}

span#version {
   text-align:left;
   font-size:9pt;
   font-style:italic;
   font-weight:bold;
   position:relative;
   top:48px;
   left:60px;
   width:190px;
   color:white;
}

/* ACTIONS BUTTONS */
ul#rightButtons {
   display:inline;
   list-style:none;
}

ul#rightButtons li span {
   display:none;
}

ul#rightButtons a {
   position:absolute;
   background-repeat:no-repeat;
   height:40px;
   #top:308px;
   top:288px;
}

div.learn {
   width:166px;
   right:337px;
   background-image:url("media/learnMoreHover.png");
   background-repeat:no-repeat;
}

a#learn {
   width:166px;
   right:337px;
}
a#learn:link, a#learn:visited                { background-image:url("media/learnMore.png"); background-repeat:no-repeat; }
a#learn:hover, a#learn:focus, a#learn:active { background-image:url("media/learnMoreHover.png"); background-repeat:no-repeat; }

div.support {
   background-image:url("media/getSupportHover.png");
   background-repeat:no-repeat;
   width:188px;
   right:149px;
}

a#support {
   width:188px;
   right:149px;
}
a#support:link, a#support:visited                  { background-image:url("media/getSupport.png"); background-repeat:no-repeat; }
a#support:hover, a#support:focus, a#support:active { background-image:url("media/getSupportHover.png"); background-repeat:no-repeat; }

div.contribute {
   background-image:url("media/contributeHover.png");
   background-repeat:no-repeat;
   width:149px;
   right:0px;
}
a#contribute {
   width:149px;
   right:0px;
}
a#contribute:link, a#contribute:visited                     { background-image:url("media/contribute.png"); background-repeat:no-repeat; }
a#contribute:hover, a#contribute:focus, a#contribute:active { background-image:url("media/contributeHover.png"); background-repeat:no-repeat; }

/* DESCRIPTION */

div#descriptionHeader
{
   color:#768bbe;
   font-size:20pt;
   margin-left:auto;
   margin-right:auto;
   margin-top:16px;
   position:relative;
   
   //top:-30px;
   top:-20px;
   text-align:center;
   width:400px;   
}

ul.description
{
   color:#606060;
   font-size:12pt;
   list-style:none;
   text-align:left;
   position:relative;
   top:-20px;
   margin-left:auto;
   margin-right:auto;
   width:469px;
}

ul.description strong {
	font-weight:normal;
	font-size:18pt;
}

ul#description {
   background-image:url("media/description.gif");
   background-repeat:no-repeat;
   height:127px;
}
ul#description li {
   display:none;
}

form {
   display:inline;
}

li.license {
   margin-top:120px;
   //width:460px;
}

div#donatebutton
{
   //position:absolute;
   position:relative;
   display:inline;
   //margin-left:auto;
   //margin-right:auto;
   margin-left:280px;
   top:-50px;
   margin-top:0px;
   width:100px;
}

/* PLATFORM LOGOS */

div#platform
{
   position:absolute;
   color:#606060;
   font-size:12pt;
   list-style:none;
   text-align:left;
   width:460px;
   top:120px;
   left:30px;
   z-index:2;
}

div#platform span.slash {
	font-size:24pt;
	position:relative;
	bottom:0.5em;
}

div#platform {
	margin-top:1ex;
	margin-bottom:1ex;
}

div#platform img {
	padding-left:2px;
	padding-right:2px;
   padding-bottom:3px;
   border:0px;
}

div#platform a {
	border:0px;
	color:#606060;
	text-decoration:none;
}

div#platform .clickable {
	position:relative;
	top:6px;
	margin-top:-6px;
	padding-bottom:6px;
}

div#platform span.clickable {
	top:-4px;
}

div#platform span.clickable img {
	position:relative;
	top:5px;
}

div#platform .clickable:hover {
	border-bottom:3px solid #518bc8;
	padding-bottom:3px;
	margin-bottom:0px;
}


/* CONTACT */

ul#contact {
	position:absolute;
	left:-30px;
   top:650px;
	list-style:none;
}

ul#contact li {
	display:block;
	float:left;
	border-right:1px solid black;
	border-left:0px;
   text-decoration:none;
}

ul#contact li:last-child {
	border-right:none;
}

ul#contact li:hover {
	background:#9cbddf;
}

ul#contact li:hover a, ul#contact li:hover a:visited {
	color:white;
}

ul#contact li a, ul#contact li a:visited {
	display:block;
	color:black;
	text-decoration:none;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
}

.linkcol {
   display:inline-block;
   float:left;
}

#allbottomlinks {
   margin-top:50px;
   min-width:900px;
   position:relative;
   padding-bottom:10px;
}

ul.bottomlink {
   color:#404040;
   top:0px;
   position:relative;
   font-size:10pt;
}

ul.bottomlink li {
   list-style:none;
   margin-left:8px;
   margin-bottom:3px;
}

ul.bottomlink li a {
   text-decoration:none;
   color:#404040
}

ul.bottomlink li a:hover {
   text-decoration:underline;
   color:#404040
}

ul.bottomlink li:first-child {
   font-weight:bold;
   margin-left:0px;
   margin-bottom:6px;
}

ul.bottomlink li:first-child a {
   text-decoration:none
}
ul.bottomlink li:first-child a:hover {
   color:#808080
}

/* COPYRIGHT */

div#copyright {
   position:absolute;
   left:50px;
	font-size:10pt;
   top:960px;
   color:#606060;
   padding-bottom:20px;
}