* { margin: 0; padding: 0; }
ul, ol { list-style: none; }

body{
  font: 100%/120% tahoma, "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
  /*background: #ad0;*/
  background: #666 url(../imgs/shade_container.gif) repeat center top;
  color: #333;
  text-align: center;
}

/* HEADINGS =H
---------------------------------*/

#header h1, #header .description { text-align: left; }
#header h1{ padding-top: 14px; padding-left:35px;}
#header .description {
  color: #9c3;
  background-color: #fff;
  font-weight: bold;
  /*font-size: 110%;*/
  font: 110% tahoma, "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
  padding-left: 4px;
}

h1 a:visited, h1 a:hover, h1 a, h1 a:link { color: #f60; background-color: #fff; }

h2, h3, h4, h5, h6, #content dt { color: #666; background-color: #fff;}

#content h2, #content h3, #content h4, #content h5, #content h6
#sidebar h2, #sidebar h3, #sidebar h4, #sidebar dt{
  margin: 10px 0 4px 0;
  padding: 6px 4px 6px 0;
}

#content h2.title { 
  /*background: url(../imgs/shade_hr.gif) no-repeat bottom center;*/
  text-align: left;
  font-size: 220%;
  font-weight: bold;
  line-height: 1.0em;
  margin-left: 0;
  color: #ccc;
  background-color: #fff;
 }
 
#content h2.title a, #content h2.title a:visited { color: #ccc; background: #fff; }
#content h2.title a:hover, #content h2.title a:visited:hover { background: #f60; color: #fff; }
#content h3 {
	color: #888;
	margin: 13px 0 4px 0;
	padding: 5px 4px 5px 0;
	clear: both;
}

h3, h4, h5, h6{ font-family: "Lucida Grande", Helvetica, Arial, sans-serif; }

h1 { font-size: 2.6em; padding: 5px 0; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.0em; }

#content h3.newstitle {
  margin-top: 0px;
  padding: 8px 0 0 0;
}

abbr.date{ display: block; border-bottom: none; }

/* LINKS =A =HREF
----------------------------------------- */

a:visited{ color: #999; background-color: #fff; }
a:focus, a:hover { color: #333; background-color: #fff; text-decoration: underline; }
a, a:link{ text-decoration: none; color: #666; background-color: #fff; }

#content a.local, #sidebar a.local{
  display: block;
  background: transparent url(../imgs/arrow_up.gif) no-repeat left center;
  padding: 4px 0 4px 22px;
}

#content .index-link a,
#content .index-link a:visited{ color: #999; background: #fff; }

#content a.local:hover, #sidebar a.local:hover,
#content a.local:visited:hover, #sidebar a.local:visited:hover {
  display: block;
  background: #ff6600 url(../imgs/arrow_over.gif) no-repeat left center;
  padding: 4px 0 4px 22px;
}

#content .float a.local { margin-left: 0px; }

.astl a, #sidebar a { color: #666; padding: 1px; border-bottom: 1px dotted #999; /*background: url(../imgs/dot.gif) repeat-x bottom left;*/}

.astl sup a { color: #36c; background: 0 none; }
.astl a:visited { color: #666; }
.astl a:hover,.astl a:visited:hover{ padding: 1px; color: #333; background: #ad0; text-decoration: none; border-bottom: 1px solid #799D17;}
.astl a:active{ background: #333; color: #fff;}

.astl a.imagelink, .astl a.imagelink:visited{ border-bottom: 0 none; padding: 0;}
.astl a.imagelink:hover,{ background: 0 none; border: 0 none; padding: 0; }

/* icon after external links */
#content a[rel=external]{ background: url(../imgs/icon_external.gif) no-repeat center right; padding-right: 13px; }
#content a:visited[rel=external] { color: #333; background: url(../imgs/icon_external.gif) no-repeat center right; padding-right: 13px; }
#content a:hover[rel=external]{ background: #ad0 url(../imgs/icon_external-h.gif) no-repeat center right; padding-right: 13px; color: #333; } 


#page-meta a:visited { color: #999; padding: 1px;}
#page-meta a:focus { color: #333; }
#page-meta a:hover,
#page-meta a:visited:hover { color: #333; background-color: #fff; border: 0 none; }
#page-meta a{ color: #999; padding: 1px; }

#footer a{ color: #50760d; background: transparent; padding: 1px 2px; }
#footer abbr{ border: 0; }
#footer a:hover {	color: #fff; background: #50760D; text-decoration: none; }

/* LAYOUT =DIV
--------------------------------*/

#head-section{
  width:800px;
  margin:0 auto;
  position: relative;
  background: #fff url(../imgs/shade_head.gif) repeat-x bottom left;
  height: 120px;
  font-size: 80%;
}

#header{
  position: relative;
  width: 645px;
  margin: 0 auto;
  height: 95px;
}

#footer-section{
  margin: 0 auto;
  width: 800px;
  /*text-align: left;
  background: #fff;*/
  background: #ad0 url(../imgs/shade_footer.gif) repeat-x top left;
  padding: 20px 0;
  font: 65%/100% Verdana, Arial, Helvetica, sans-serif;
}

#container{
  /*position: relative;*/
  width: 845px;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  /*background: transparent url(../imgs/shade_wrapper_trans.png) repeat-y top center !important;
  background: #fff url(../imgs/shade_wrapper.gif) repeat-y top center;*/
}

#content-section{
  /*min-height:600px;*/
  text-align: center;
  position: relative;
  background: #666 url(../imgs/shade_container.gif) repeat center top;
  /*background:#ffffff;*/
  font-size: 70%;
}

#contentwrapper{
  padding: 10px 0 0 0;
  margin: 0 auto;
  width: 800px;
  text-align: left;
  background: #fff;
}

#primary{
  float: left;
  width: 570px;
  /*background: url(../imgs/shade_content.gif) repeat-x top left;*/
}

#primary.full{ float: none; width: 700px;}

#content{
  margin: 10px 20px;
  font: 1.0em/1.6em "Lucida Grande", Verdana, Tahoma, Helvetica, Arial, sans-serif;
  color: #333;
 /* background: #fff;*/
}

/* TOOLS, FEATURES
----------------------------*/

#page-meta ul { padding: 0; margin: 0;}
#page-meta ul li { display: inline; line-height: 25px; margin-right: 10px; }
#page-meta {
  margin: 0 40px 0 30px;
  text-align: center;
  padding: 0 0 20px 0;
  font-weight: bold;
}

.skiplinks#top{
  position: absolute;
  top: 10px;
  right: 20px;
  text-align: left;
}

.skiplinks#top li#jumplink { display: none; }

.skiplinks a{ float: left; margin-right: 10px; padding: 2px; color: #799d17; }
.skiplinks a:visited { color: #ccc; }
.skiplinks a:hover { background: #799d17; color: #fff; text-decoration: none; }

.skiplinks ul li { display: inline; }

.navigation span{ color: #999; display: block;}
.navigation span.previous{   }
.navigation span.next{   }
.navigation p#previous-entry{ float: left; text-align: left;}
.navigation p#next-entry{ float: right; text-align: right; padding-right: 0;}

/* =CONTENT
----------------------*/

#content ul, #content ol{ padding: 0 20px 10px 0; margin: 0; }

#content dt { font-weight: bold; margin: 8px 0 0 0; padding: 2px 30px 2px 0; border-bottom: 1px dotted #ccc;}
#content dt em { font-size: 0.8em; font-style: normal; }

#content ul { list-style: outside square; }
#content ol { list-style: decimal outside; } 
#content ul.noliststyle, #content dl.noliststyle { list-style: none; padding: 6px 20px; }

#content p, #sidebar p { margin: 0 0 10px; }
#content p { padding: 8px 20px 8px 0; margin: 0; }

#content div.clearfix { padding: 0 4px;}
#content div.float{ padding: 6px 0 0 0; width: 190px; }
#content div.float.second { width: 215px; }
#content div.float h3, #content div.float h4{
	margin: 0 0 4px 0;
	padding: 2px 0;
	border-bottom: 1px solid #f2f2f2;
}

#content div.clearfix.projectwrapper { padding: 0 8px;}

#content img.bordered { border: 2px solid #f2f2f2; padding: 1px;}

#content .news{ margin-bottom: 14px; }

/* Sidebar =sidebar (secondary content)
--------------------------------------------*/

#sidebar{
  font-size: 100%;
  width: 200px;
  float: left;
  position: relative;
  padding: 23px 0 0 10px;
  color: #666666;
}

#sidebar dt{
  font-size: 1.2em;
  font-weight: bold;
}

#sidebar ul.items{
  padding: 4px 3px 4px 0;
}

#sidebar ul.items li.item{
  background: url(../imgs/slogans-toplist.png) no-repeat center top;
  height:176px;
  padding: 0px 15px 10px 15px;
}
#sidebar ul.items li.item1{
  background: url(../imgs/slogans-bottomlist.png) no-repeat center top;
  height:120px;
  padding: 0px 15px 10px 15px;
}

#sidebar ul.items li.item2{
  background: url(../imgs/item3.png) no-repeat center top;
  height:475px;
  padding: 0px 15px 10px 15px;
}

/* TODO: check for element hierarchy */
ul.arrowed li,
#sidebar  ul.items li ul.arrowed li{
  background: transparent url(../imgs/arrow_up.gif) no-repeat 0px 6px;
  list-style: none;
  padding: 6px 0 6px 22px;
  margin-left: 0;
}

ul.miniarrow li,
#sidebar ul.items ul.miniarrow li,
.desktop ul li{
  background: transparent url(../imgs/arrow_up-grey-small.gif) no-repeat 0px 6px;
  display: block;
  list-style: none;
  padding: 3px 0 3px 16px;
}

ul.line li,
#sidebar ul.items li ul.arrowed.line li { border-bottom: 1px solid #f2f2f2;  }

ul.square { list-style: square inside; }
ul.square li { margin-left: 20px; }

#sidebar h3 {
  padding: 8px 0 0 0;
  font-size: 1.3em;
  font-weight: bold;
 }
 
#sidebar .latest h3 { padding: 8px 0 0 0; }
#sidebar .latest p.readon{ clear: both; margin-top: 15px;}

/* NAVIGATION
-------------------------*/

#mainNav{
  font-size: 110%;
  font-weight: bold;
  color: #50760D;
  width: 730px;
  margin: 0 auto;
}

#mainNav ul { 
  height: 23px;
  margin: 1px 0 0 0;
}

#mainNav ul li { display: inline; text-align: center;}
#mainNav li a {
  display: block;
  float: left;
  /*text-transform: lowercase;*/
  width: 115px;
  line-height: 23px;
  padding: 0 3px;
  color: #999;
  background: #f2f2f2 url(../imgs/tab.gif) repeat-x top left;
}

#mainNav li a:hover, #mainNav li a:focus { background-position: 0 -69px; background-color: #aadd00; color: #50760d; text-decoration: none; }
#mainNav li a:active { background-position: 0 -46px; background-color: #f60; color: #fff; }
#mainNav li.active a { background-position: 0 -23px; background-color: #50760D; color: #fff;}
#mainNav li.active a:hover { background-position: 0 -46px; background-color: #f60; color: #fff; }

/*
ul.subNav { font: 1.2em Tahoma,Verdana, Arial, Helvetica, sans-serif; margin: 10px 0; padding: 0; }
#sidebar ul.subNav li { line-height: 1.4em; }
#sidebar .subNav a, #sidebar .subNav a:link {
  font-weight: bold;
	display: block;
	padding: 2px 12px 2px 28px;
	background: transparent url(../imgs/arrow_up.gif) no-repeat 12px center;
}

#sidebar .subNav li.active a { background: #ad0 url(../imgs/arrow_active.gif) no-repeat 12px center; color: #50760D; }
#sidebar .subNav a:hover { color: #fff; background: #799d17 url(../imgs/arrow_over.gif) no-repeat 12px center; text-decoration: none; }
*/

#footer {
	width: 700px;
	margin: 0 auto;
	color: #50760D;
	font-size: 1.1em;
}
#footer ul { padding: 0; line-height: 1.7em; }
#footer ul li { display: inline; }

#footer li:before{ content: " | "; }
#footer li:first-child:before { content: ""; }


/* HTML
--------------*/

address { font-style: normal; margin-bottom: 8px; }

code {
	font: 1.1em 'Courier New', Courier, Fixed, monospace;
	}

acronym, abbr, span.caps{
  cursor: help;
  font-size: 0.9em;
  letter-spacing: .07em;
}

/* Begin Various Tags & Classes */

acronym, abbr {
	border-bottom: 1px dotted #999;
	letter-spacing: normal;
}

blockquote {
	margin: 15px 30px 0 3px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	font-style: italic;
	color: #666;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center { text-align: center;	}

a img { border: none;	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}
	
div.hr hr{ display: none; }
div.hr { clear: both; height: 25px; background: url(../imgs/shade_hr.gif) no-repeat center;	}

hr.clear{ clear: both; visibility: hidden; }

#content .rss-link { background: url(../imgs/icon_rss.gif) no-repeat 20px 0; padding: 10px 20px 10px 80px; margin-top: 6px; }
#content .rss-link-small { background: url(../imgs/icon_rss-s.gif) no-repeat 40px 0; padding: 5px 20px 5px 80px; }
	
/* End Various Tags & Classes*/


/* Sloganizer
----------------------------------*/

#sloganizer {
	/*width: 250px;*/
	z-index: 10;
	position: absolute;
	left: 190px;	top: 39px;
}
#sloganizer a { display: block; text-decoration: none; background: #fff; color: #aadd22; }
#sloganizer a:hover { color: #50760d; background: #fff; }
#slogan, #slogan-input {
  /*width: 250px;*/
}

#slogan-input {
	background-color: #ffffdd;
	border: 1px dotted #50760d;
	font-style: normal;
}
/*E6F4FF*/
#slogan-submit, #slogan-cancel, #slogan-reset {
	font-size: 0.8em;
	font-weight: bold;
	border: 1px solid #999;
	color: #fff;
	background: #aadd22;
	margin: 5px;
	cursor: pointer;
	font-style: normal;
}

#slogan-submit:hover, #slogan-submit:focus,
#slogan-cancel:hover, #slogan-cancel:focus,
#slogan-reset:hover, #slogan-reset:focus{ background: #50760d; color: #fff; }

#sloganizer a#slogan-viewlist{
	position: absolute;
	right: -23px;
	top: 1px;
	background: #666 url(../imgs/star.gif) no-repeat top;
	width: 16px;
	height: 16px;
	display: block;
}

#sloganizer a#slogan-viewlist:focus,
#sloganizer a#slogan-viewlist:hover{
	background: #aadd22 url(../imgs/star.gif) no-repeat bottom;
}

#slogan-viewlist span{ display: none; }

#slogans-toplist{
	font-size: 0.8em;
	position: absolute;
	top: -18px;
	right: 0;
	z-index: 99;
	width: 250px;
	font-weight: normal;
	cursor: pointer;
}

#slogans-toplist .slogan-results{
	color: #666;
	background: transparent url(../imgs/slogans-toplist.png) no-repeat center bottom;
	padding: 0 0 10px;
}

#slogans-toplist h4{
	background: transparent url(../imgs/slogans-toplist.png) no-repeat center top;
	text-align: center;
	padding: 10px 0 5px 0;
}

.slogan-results ul{
	background: url(../imgs/mini-flasks.jpg) no-repeat center;
	margin: 0 20px;
	padding: 8px 0;
}

#slogans-toplist .hint{
	color: #666;
	background: #f2f2f2;
	margin: 8px 25px 12px 25px;
	padding: 5px;
	text-align: center;
}

/* PROJECTS =.project 
---------------------------*/

.project {
  font-size: 1.0em;
  margin: 12px 0 12px 15px;
  padding: 0 0 8px 0;
  width: 550px;
  /*background: url(../imgs/project_item-bottom.gif) no-repeat center bottom;*/
}

#content .project h3{
  text-align: left;
  /*background: url(../imgs/project_item-top-green.gif) no-repeat center top;*/
  padding: 0px 3px 6px 0px;
  margin: 0;
  color: #666;
}

#content .project p{ margin-left: 0px; }
#content .project .download{
	font-size: 1.5em;
	font-weight: bold;
	text-align: right;
	padding: 0 20px 7px 0;
	margin: 0;
}


/*
#content .project.tech h3 { }
#content .project.soft h3 { }
#content .project.experiment h3 { }
*/
#content .project .projectwrapper{ margin: 8px,8px,8px, 0px; }
/*
#content .project.tech a:hover{ background-color: #aadd00; color: #333; }
#content .project.soft a:hover{ background-color: #f60; }
#content .project.experiment a:hover{ background-color: #999; color: #333; }
*/

#content .project .image a,
/*#content .project .image a:hover { background: 0 none; }

.project a img, .project a:visited img{ border: 1px solid #f2f2f2; }
.project a:hover img{ border: 1px solid #666;  }*/

#content .project .teaserimage{ float: left; width: 130px; }
#content .project .teaserimage a img{ border: 0 none;}

#content .project div.float.details{ width: 260px; }
* html #content .project div.float.details{ width: 230px; }

#content .project.public div.float.details{ width: 200px; }
#content .project.public div.float{ width: 120px; }

#content .project div.float{ width: 70px; }
#content .project div.details ul.miniarrow{ margin-left: 8px; }

.project .details-link,
.project .index-link{
  padding: 4px 8px 3px 0;
  margin: 0;
  border-top: 1px solid #f2f2f2;
}
.project .index-link { text-align: left; margin: 0 14px; }

#content .project dl dt{
	margin: 0;
	border-top: 1px solid #f2f2f2;
	border-bottom: 0 none;
	color: #999;
}

#content .project dl dd { margin-left: 20px; padding-bottom: 6px; }

.project .image-big {
  padding: 8px 0;
  text-align: center;
}

.project .image-big img {/* border: 1px solid #f2f2f2;*/ }

#content .project h3 span { padding-left: 6px; border-left: 16px solid #ad0; }

#sidebar ul.folio-nav li { padding: 1px 4px 1px 17px; margin: 4px 0; border-left: 16px solid #f2f2f2; }

#sidebar ul.folio-nav li.tech.active a,
#sidebar ul.folio-nav li.tech a:hover { background-color: #aadd00; color: #fff; }
#sidebar ul.folio-nav li.soft.active a,
#sidebar ul.folio-nav li.soft a:hover{ background-color: #ff6600; color: #fff; }
#sidebar ul.folio-nav li.experiment.active a,
#sidebar ul.folio-nav li.experiment a:hover { background-color: #ccc; color: #fff; }

/* Big Graphical Sidebar Buttons
-------------------------------------*/
#sidebar .tease a,
#sidebar .tease a:hover{
  display: block;
  line-height: 46px;
  height: 46px;
  padding: 0 0 0 63px;
  font-weight: bold;
  border-bottom: 0px solid #fff;
}
.download a,
.download a:visited{ color: #50760d; background: transparent url(../imgs/icon_download-h.gif) no-repeat left center;}
.download a:visited:hover,
.download a:hover  { color: #333; background: transparent url(../imgs/icon_download-h.gif) no-repeat left center; }

#sidebar .internal a,
#sidebar .internal a:visited{ color: #999; background: transparent url(../imgs/icon_zahnrad.gif) no-repeat left top;}
#sidebar .internal a:visited:hover,
#sidebar .internal a:hover{ color: #50760d; background: transparent url(../imgs/icon_zahnrad.gif) no-repeat left bottom; }

#sidebar .bloglink a,
#sidebar .bloglink a:visited{ color: #999; background: transparent url(../imgs/icon_blog.gif) no-repeat left top; }
#sidebar .bloglink a:visited:hover,
#sidebar .bloglink a:hover{ color: #50760d; background: transparent url(../imgs/icon_blog.gif) no-repeat left bottom; }



/* FORMS
------------------------------------------ */

form {
	margin: 0;
	padding: 0;
	position: relative;
}

fieldset {
	margin: 1em 0;
	padding: 3px 6px 4px 0;
	border: 0 none;
	position: relative;
}

legend {
	margin: 5px 0 1em;
	padding: 0 .5em 0 0;
	color: #aaa;
	background: transparent;
	font-size: 1.0em;
	font-weight: normal;
}

label {
	float: left;
	width: 10.0em;
	padding: 0 1em;
	text-align: right;
	color:#666;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}

#comments label{
	float: none;
	text-align: left;
}

label.chosen {
	color:#333;
}

fieldset div {
	margin-bottom: 0.5em;
	padding: 0;
	display: block;
}

input, textarea {
	font-family: tahoma, "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
	font-size: 110%;
	color:#404040;
}

.alert{
	border: 1px solid #c00;
	background: #FFBFBF;
	padding: 4px;
	margin: 5px 10px 4px 6px;
}

/*Transparent items*/
.transparent {
/*	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;*/
	border: 0px solid #fff;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background: none;
	border: none;
}
.transparent2 {
	z-index:10;
}

/*Text inputs*/
.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(../imgs/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}

#sidebar .textinput, #sidebar .textinputHovered { width: 140px; }

.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:336px;
	/*height:125px;*/
	background:url(../imgs/textarea.gif) no-repeat left top;
	border:none;
	border-bottom: 1px solid #ccc;
	padding: 4px 8px;
	margin-left: 23px;
}
.textareaHovered {
	background-position: 0px -400px;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color: #50760d;
	font-weight:bold;
	padding:2px 5px;
	background:url(../imgs/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}

#submitresult{ text-align: center; padding: 15px;}


/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}

/* required fields - does not work in IE */
fieldset div.fm-req {
	font-weight: bold;
}

fieldset div.fm-req label:before {
	content: "* "; /* does not work in IE */
}

p#fm-intro {
	margin: 0,0,0,30px;
}

#fm-intention{
	text-align: right;
	padding-right: 0px;
	float: left;
	margin: 0;
	padding: 0;
}

#fm-intention legend{ display: none; }

fieldset#fm-intention label{
  padding-left: 14px;
  width: 200px;
  text-align: right;
}

.fm-options{ margin-right: 48px; }
.fm-options, .fm-options a{ color: #999; text-align: right; }

.commentoptions{ margin: 0 0 0 20px;}

/* Highlight Microformats */
/* ------------------------------------------------------- */

.vcard {
	background: url(../imgs/teaser-vcard.jpg) no-repeat left top;
	position: relative;
}

#sidebar .vcard{ margin: 6px 0; padding: 3px 0; }
#content .vcard{ margin: 10px 0 10px 10px; padding: 70px 0 35px 45px;}

.vcard span{ display: block; margin-left: 22px;}
.vcard div{ margin: 5px 0;}

.vcard{
	/*border: 2px solid #e0e7b8 !important;
	padding: 5px 5px 5px 5px !important;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 5px 0 !important;*/
}

.vcard .download{
	position: absolute;
	top: 60px;
	right: 35px;
	text-align: left;
}

#content .vcard .download a{
	display: block;
	width: 44px;
	height: 34px;
	line-height: 34px;
	padding: 0 26px 0 0;
	background: url(../imgs/icon_vcard.gif) no-repeat right top;
	border: 0 none;
}

#content .vcard .download a:hover{
	display: block;
	background: url(../imgs/icon_vcard.gif) no-repeat right bottom;	
}

.vcard .download a span{ display: none; }

/*- Assets Lists --------------------------------------------*/	

#content .desktop h4{ padding: 2px 0 0 0; margin: 4px 0 0 0;}

div.desktop.first{ clear: left; float: left;}

div.desktop{
	float: left;
	width: 140px !important;
	width: 100px;
	padding-left: 3px;
}

#loading{
	background: url(../imgs/ajax-loader.gif) no-repeat left center;
	color: #999;
	padding: 10px 0 10px 50px;
	position: absolute;
	left: 60px;
	border: 1px solid #999;
}

.download {
	padding-top:18px;
	text-align:center;
}