.progressive{
	line-height: 2em;
}

body{
	font-family: Arial, Helvetica, sans-serif;
}




/* @section #container
   @elements #container
                       */
							  

/* Container */

#container {
	width: 100%;
	margin: 0;
}


/* @section #header
	@elements #header */
	
/* Header */

#header {
	height: 2.5em;
	line-height: 2.5em;
	border-top: 10px solid #5a8f00;
	background: #fff url("img/logo.png") no-repeat 0 0;
	text-indent: 85px;
	color: #060;
	min-height: 70px;
	font-size: 1.1em;
	font-weight: bold;
}


/* @class .slide
   @elements div */
   
div.slide{
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	background-color: #fff;
	width: 100%;
	margin: 1em 0;
	color: #444;
}


div.slide h2{
	background-color: #5a8f00;
	color: #fff;
	margin: 0;
	padding: 0.2em;
}

div.slide h2 code {
	border: 1px dashed;
	background: #790;
	color: #fff;
	padding: 0 0.25em;
}

div.slide h3{
	padding: 0.2em;
	border: 1px dashed #ddd;
	margin: 0.2em;
}


/* @section First slide
   @id #front-page */
   
#front-page {
	margin-top: 0;
	background: #fff url("jast.png") no-repeat 90% 50%;
}

#front-page h1 {
	margin: 0;
	font-size: 2em;
	color: #5a8f00;
	padding: 0.5em 0 0.5em 0.5em;
}

#front-page dt {
	background: #5a8f00;
	color: #fff;
	font-weight: bold;
	text-indent: 0.2em;
}

#front-page dd {
	margin-left: 0;
	padding: 0.1em;
	border-bottom: 1px dashed #444;
}


/* @section #footer
   @elements #footer */
   

#footer{
	height: 2em;
	line-height: 2em;
	text-align: center;
	background-color: #5a8f00;
	color: #fff;
	
}


dl{
	width: 50%;
	margin-left: 1em;
}

