body
{
    margin: 0px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    background-color: #ff8c00;
    background-image: url('../img/header_background.png');
    background-repeat: repeat-x;
}

img {
	display: block;
	border: 0px;
}

h1 {
	display: inline;
}

.courseContainer {
	background-color: white;
	margin-top: 10px;
}

.course {
	padding: 10px;
	border-bottom: 3px solid #CCC;
}



.topblock {
	 width: 728px; 
	 height: 90px; 
	 position: absolute; 
	 margin-left: 525px; 
	 margin-top: 10px;
}

.headerContainer {
	background-color: #efefef; 
	border-top: 3px solid #CCC;
}

.headerContainer h1 {
	margin-left: 20px;
}

.introText {
	background-color: white;
	padding: 10px;
	border-top: 3px solid #CCC;
	border-bottom: 3px solid #CCC;
	margin-top: 10px;
}

.introText h1 {
	margin-left: 10px;	
}

.introText p {
	width: 1024px;
	margin-left: 10px;	
}

.screenshotContainer {
	left: 175px; 
	float: left; 
	margin-top: 10px; 
	margin-left: 10px; 
	width: 135px;	
}

#download {
	background-image: url('../img/button_download.png');
}

.hoverButton {
	width:135px; 
	height:150px; 
	float: left; 
	margin-top: 10px;
	margin-left: 10px;
}

.hoverButton:hover {
	background-position: -135px 0px;
}

#livedemo {
	background-image: url('../img/button_demo.png');
}

#download {
	background-image: url('../img/button_download.png');
}