/*
-----------------------------------------------
Brain Builder styles (layout) - howto
----------------------------------------------- */

#play {
	padding-top: 70px;
}

a.playnow {
	display: block;
	width: 122px;
	height: 45px;
	background: url(playnow2.gif) 0 0 no-repeat;
	text-indent: -1000em;
	outline: none;
	margin-left: 30px;
	float: left;
}

a.playnow:hover {
	background: url(playnow2.gif) 0 -45px no-repeat;
}

a.howtoplay {
	display: block;
	width: 160px;
	height: 45px;
	background: url(howtoplay2.gif) 0 0 no-repeat;
	text-indent: -1000em;
	outline: none;
	margin-right: 30px;
	float: right;
}

a.howtoplay:hover {
	background: url(howtoplay2.gif) 0 -45px no-repeat;
}

#leftcol, #rightcol {
	background: #D5E094;
	width: 345px;
	padding: 10px;
}

#leftcol {
	float: left;
	margin-left: 5px;
}

#rightcol {
	float: right;
	margin-right: 5px;
}

#leftcol h3, #rightcol h3 {
	font-size: 17px;
	color: #003561;
	margin:0 0 1em 0;
	padding:0;
}

#leftcol h4, #rightcol h4 {
	font-size: 14px;
	color: #003561;
	margin:2em 0 0 0;
	padding:0;
}

#leftcol p, #rightcol p {
	margin: 0 0 1em 0;
	padding: 0;
}

#main {
	padding-bottom: 10px;
}