body
{
background: #4d4f53 url(../images/site.bg.png) repeat-x fixed;
padding-bottom: 40px;
}
a.register,
a#registernow 
{
	
   -webkit-transform: rotate(-1deg);
   -moz-transform: rotate(-1deg);
}
a.register:hover,
a#registernow:hover
{
	-webkit-transform: rotate(.8deg);
   -moz-transform: rotate(.8deg);
	margin-top:2px;
}
#wrapper
{
	background:url( ../images/wrapper.bg.png ) repeat-y;
	margin: 0 auto;
	padding: 0 7px ;
	position: relative;
	width: 1000px;
} 
header#site-header
{
	background: url(../images/header.bg.png) no-repeat;
	height: 412px;
	padding: 20px 47px;
	position: relative;
	margin-bottom: -14px;
  	z-index: 1;
  
}

header#site-header h1,
header#site-header h2
{
	background-image: url(../images/site.title.png); 
	position: relative;
	text-indent: -1234em;
	width: 681px;
}
header#site-header h1
{
	height:  48px; 
	top:  305px;
}
header#site-header h2
{
	height: 20px;
	background-position: left bottom;
	top: 305px;
	
}

/* @group Main Section */

section#main
{
	background: url(../images/main.bg.png) repeat-y;
	position: relative;
	overflow: hidden;
	padding: 0 35px;
	z-index: 0;
	min-height:60px;
}
section#main article
{
	display:none;
	background: #e1e1df;
	float: left;
	padding: 24px 12px;
	position: relative;
	margin: 0 15px;
	width: 256px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	z-index: 2;
}

section#main article header
{
  margin-bottom: 12px;
}

section#main article header h1
{
	background: url('../images/intro.titles.png') no-repeat top left;

  font-weight: normal;
  font-style: normal; 
 	height: 30px;
	width: 120px;
	overflow: hidden;
	text-indent: -1234em;
  text-transform: uppercase;

}

section#main article header h1#who
{
}
section#main article header h1#what
{
  background-position: 0 -30px;
}
section#main article header h1#when
{
  background-position: 0 -60px;
}
 

section#main article h2
{
	  color: #595959;
  font: bold 14px Arial, Helvetica, Geneva, sans-serif;

}
section#main article a
{
	color:#ED1C24;
	z-index: 200; 
}
section#main article a:hover
{
	text-decoration:none;
}

section#main article a img
{
	display: block;
}
section#main article p,
section#main article ul li
{
	color: #595959;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 1em;
	

}
section#main article ul li
{ padding-left: 20px;
margin-left: 0px;
list-style-position: inside;
	line-height: 20px;
}




section#main article em
{
	color: #ed1c24;
  font-weight: normal;
  font-style: normal;
}
section#main footer
{
	background: url(../images/main.footer.bg.png) repeat-y top left;
	height: 8px; 
	position: absolute;
	bottom:0; 
	left:0;
	width: 100%;
	z-index:100;
}

/* @end */

/* @group Info Section */

section#info
{
	background: #d7d7d7 url(../images/info.bg.png) repeat-y;
	overflow:hidden; 
	padding: 0 50px; 
	position: relative;

}

section#info>header
{
 
	background: url(../images/main.footer.bg.png) no-repeat;
	padding: 20px 50px 0 50px;
	position: relative;
	margin: -8px -50px 10px;
}

section#info a#moreinfo
{
	background: url(../images/info.moreinfo.png) no-repeat top left;
	color: #fff;
	display:none; 
	height: 100px;
	top:  0px;
	left: 50%;
	margin-left: -156px;
	position: relative;
	width: 312px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-indent:-1234em;
	z-index: 1000;
}

section#info a#moreinfo:hover
{ 
	background-position: 0 -110px;
}
 
section#info article
{ 
	display:none;
	margin-bottom: 40px;
	width: 670px;
}
section#info article header
{
}

section#info article header h1
{
	margin-left: -17px;
	overflow: hidden;
	text-indent: -12345em;
} 
section#info article header h1#theme
{
	background: url(../images/info.what-is-the-theme.png) no-repeat scroll top left;
	width: 687px;
	height: 39px;
}
section#info article header h1#making
{
	background: url(../images/info.what-are-we-making.png) no-repeat scroll top left;
	width: 687px;
	height: 39px;
}
section#info article header h1#prepare
{
	background: url('../images/info.how-do-i-prepare-for-class.png') no-repeat scroll bottom left;
	width: 687px;
	height: 39px;
}
section#info article header h1#prizes
{
	background: url('../images/info.prizes.png') no-repeat scroll top left;
	width: 687px;
	height: 42px;
}
section#info article header h1#team
{
	background: url('../images/info.the-avatar-team.png') no-repeat scroll top left;
	width: 687px;
	height: 39px;
}
section#info article header h1#hardware
{
	background: url(../images/info.hardware-toys-used-in-class.png) no-repeat scroll top left;
	width: 687px;
	height: 39px;
}

section#info article header h1#sponsors
{
	background: url(../images/info.sponsors.png) no-repeat scroll bottom left;
	width: 687px;
	height: 42px;
}

section#info article header h1#quiz
{
	background: url(../images/info.quiz.png) no-repeat bottom left;
	width: 687px;
	height: 42px;
} 
section#info article p
{
	color: #343638;
	font: 14px/20px Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 1em;
}
section#info article ul.list
{
	margin:0;
	overflow: hidden;
	padding:0;
		list-style-type: disc;
}



section#info article ul.list li
{
	margin:0;
	padding:0;
	font: 14px/20px Arial, Helvetica, Geneva, sans-serif;
	list-style-type: disc;
}
section#info article ul.two-col
{
	margin:0;
	overflow: hidden;
	padding:0;
	left-margin:20px;
}


section#info article ul.two-col li
{
	float: left;
	list-style: none;
	margin:0;
	padding:0;
	width: 250px;
	font: 14px/20px Arial, Helvetica, Geneva, sans-serif;
}

section#info article ul.two-col li a
{
	color: #343638;
	text-decoration: underline;
}

section#info article fieldset
{
	display: none;
	padding-bottom: 1em;
	overflow:hidden;
  font-family: Arial, Helvetica, Geneva, sans-serif;
}

section#info article fieldset:first
{
	display:block;
}

section#info article legend
{
	display: block;
padding-bottom: 10px;
  font: bold 1em Arial, Helvetica, Geneva, sans-serif;
}

section#info article label
{
	margin-left: 1em;
}

section#info article p#quiz_wrong,
section#info article p#quiz_end
{
	display:none;
	
}

section#info article p#quiz_wrong
{

	color: #ed1c24;
	display:none;
	
}

section#info > footer
{
background: url(../images/wrapper.end.png) no-repeat; 
	padding: 20px 0 0 0;
	margin: 0 -50px;
}


#wrapper > footer
{ 
}

#wrapper a#builtby
{
	background: url(../images/builtbysosmedia.png) no-repeat scroll top left;
	float: right;
	margin-bottom: -50px;
	width: 71px;
	height: 23px;
	text-indent: -1234em;
}

/* @end */