* {
	margin:0;
	padding:0;
}


	
/**
 * BASIC HTML ELEMENT STYLES
 * This section gives the html a nice little makeover.
 */
body {
	margin:0 20px 20px 20px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:80%;
	line-height:1.2em;
	color:#4f4f4f;
	background:#FFF;
}
	hr {
		display:none;
	}

	h1 {
		color:#000;
		font-size:1.65em;
		letter-spacing:-0.05em;
		line-height:1.2em;
		margin:0 0 0.5em 0;
	}
	h2 {
		color:#000;
		font-size:1.2em;
		font-weight:bold;
		letter-spacing:-0.04em;
		margin:2em 0 0.67em 0;
		padding:1em 0 0 0;
		border-top:2px dashed #CCC;
	}
	h3 {
		font-size:1.25em;
		margin:0 0 0.8em 0;
	}
	h4, h5, h6 {
		font-size:1em;
		margin:0 0 1em 0;
	}
	
	p {
		margin:0 0 1em 0;
	}
	blockquote {
		cursor:help;
		border-bottom:1px dotted #666;
	}
	abbr {
		cursor:help;
		border-bottom:1px dotted #666;
	}
	acronym {}
	
	ul {}
		ul li {}
	ol {}
		ol li {}
	dl {}
		dl dt {}
		dl dd {
			margin:0 0 1em 1.5em;
			font-style:italic;
		}

	a, a:visited {
		text-decoration:none;
		font-weight:bold;
		color:#379ed9;
	}
	a:hover, a:active {}
	
	a img {
		border:none;
	}
	
	small {
		font-size:0.9em;
		line-height:normal;
	}


	
/**
 * VARIATIONS ON BASIC HTML STYLES
 * This section defines variations on basic html styles.
 */
img.left {
	float:left;
	margin:0 1em 0.5em 0;
}
table.columns {
	border-collapse:collapse;
	width:100%;
}
	table.columns tr td p.caption {
		margin-right:1em;
	}
p.caption {
	font-size:0.9em;
	font-weight:bold;
	line-height:normal;
	color:#606060;
	margin:1em 0 0 0;
}

ul.content_block_list {
	margin:2em 0;
	padding:0 0 0 2em;
}
	ul.content_block_list li {
		margin:0 0 2em 0;
	}
		ul.content_block_list li.image_full {
			list-style:none;
			margin-left:-2em;
		}
		ul.content_block_list li h2 {
			border:none;
			margin:0;
			padding:0;
		}

ul.plain {
	list-style:none;
	margin:2em 0;
}
ul.spacious li {
	margin:0 0 0.25em 0;
}

	
/**
 * UTILITY ELEMENTS
 */
div.clear {
	clear:both;
	height:0px;
	overflow:hidden;
}


	
/**
 * SPECIFIC ELEMENTS FOR DESIGN + LAYOUT
 * This section defines the layout and design for the site.
 */
div#page {
	margin:0;
	width:911px;
}
	body#home div#page {
		width:936px;
	}
	/* HOME-SPECIFIC SELECTORS */
	body#home div#header {
		border-bottom:3px solid #f5ce4f;
	}
		body#home div#header img { /* IE ALL */
			display:block;
		}
		body#home ul#nav { /* more specifically styled below */
			border-top:none;
		}
	body#home div#home_content {
		min-height:150px;
	}
		div#home_content ul#home_features {
			list-style:none;
			margin:1em 0 0 0;
		}
			div#home_content ul#home_features li {
				float:left;
				background-repeat:no-repeat;
				margin:0 16px 0 0;
			}
				div#home_content ul#home_features li a {
					display:block;
				}
			div#home_content ul#home_features li#feature1 {
				background-image:url(../../_img/feature1_bg.gif);
			}
			div#home_content ul#home_features li#feature2 {
				background-image:url(../../_img/feature2_bg.gif);
			}
			div#home_content ul#home_features li#feature3 {
				background-image:url(../../_img/feature3_bg.gif);
			}
	/* // HOME-SPECIFIC SELECTORS */
	
	div#header {
		background:url(../../_img/headers/header1.jpg) top right no-repeat;
		padding:0;
		border-top:1px solid #FFF;
		margin:-1px 0 0 0;
	}
		div#header a#logo_brainage {
			display:block;
			float:left;
			width:182px;
			height:198px;
			margin:8px 0 0 0;
			background:url(../../_img/logo_brainage.gif) no-repeat;
		}
			div#header a#logo_brainage span {
				position:absolute;
				left:-5001px;
			}
		div#header ul#nav { /* this applies to all pages BUT the home page */
			margin:105px 0 0 0;
			float:right;
			width:685px;
		}

	ul#nav { /* there are also selectors just ABOVE this, and also in the HOME section */
		list-style:none;
		padding:5px;
		text-align:center;
		border-top:3px solid #f5ce4f;
		border-bottom:2px dashed #CCC;
	}
		ul#nav li {
			display:inline;
			margin:0 0 0 2.5em;
		}
			ul#nav li a {
				color:#666;
				text-decoration:none;
			}
			ul#nav li a:hover,
			ul#nav li.on a {
				color:#000;
			}
	
	div#content {
		clear:both;
		margin:15px 0 0 0;
	}
	
	div#tip {
		position:absolute;
		left:20px;
		width:205px;
		margin:25px 0 0 0;
	}
	div#widget {
		position:absolute;
		left:780px;
		width:151px;
	}
		body#home div#widget {
			position:relative;
			left:auto;
			width:auto;
			float:left;
		}
	
	div#page_content {
		margin:0 175px 0 216px;
		min-height:450px;
	}
		div#page_content.first_touch_sidebar {
			min-height:620px;
		}
	
		div#content_data {
			border-top:1px solid #000;
			background:url(../../_img/vrule_000000.gif) top center repeat-y;
			padding:0.5em 0 1em 0;
		}
			div#content_data div#data_1 {
				float:left;
				width:240px;
				
				font-weight:bold;
			}
			div#content_data div#data_2 {
				margin:0 0 0 275px;
			}
				div#content_data div#data_2 ul {
					list-style:none;
					margin:0;
					padding:0;
				}
					div#content_data div#data_2 ul li {
						background:url(../../_img/bullet_blue_arrow.gif) 0em 0.3em no-repeat;
						margin:0 0 0.5em 0;
						padding:0 0 0 15px;
					}
						div#content_data div#data_2 ul li a {
							text-decoration:none;
							display:block;
							width:95%;
						}
		ul#ontv {
			list-style:none;
			margin:2em 0;
			padding:0;
		}
			ul#ontv li {
				margin:0;
				padding:1em 0;
				border-top:2px dashed #CCC;
				width:100%;
			}
				ul#ontv li img.left {
					border:1px solid #379ed9;
				}
				ul#ontv li h2 {
					border:none;
					margin:0;
					padding:0;
					
					font-size:1em;
				}
				ul#ontv li p.tv_date {
					font-size:0.9em;
				}
		
		dl#faq {
			margin:1em 0;
		}
			dl#faq dt {
				font-weight:bold;
			}
			dl#faq dd {
				margin-bottom:2.5em;
			}
				dl#faq dd a.top {
					display:block;
					margin:0.25em 0 0 0;
					
					font-style:normal;
					text-align:right;
					font-size:0.9em;
				}
				dl#faq dd h3 {
					margin:1.5em 0 0 0;

					font-size:1em;
				}
				dl#faq dd ol {
					margin:1em 0;
				}
					dl#faq dd ol li {
						margin:0 0 0.5em 1.75em;
						
						line-height:normal;
					}
				dl#faq dd dl {
					margin:1em 0;
				}
					dl#faq dd dl dt {
						float:left;
						margin:0 0.5em 0 0;
					}
					dl#faq dd dl dd {
						margin:0 0 0.5em 3em;
					}
		
		ul#retailers {
			list-style:none;
			margin:2em 0;
			text-align:center;
		}
			ul#retailers li {
				display:inline;
				padding:0 15px;
			}
				ul#retailers li img {
					vertical-align:middle;
					padding:10px 0;
				}

	
	div#footer {
		clear:both;
		padding:2em 0 1em 0;
	}
		div#footer p#ds_logo {
			text-align:center;
			margin:0 0 2em 0;
		}
		div#footer p#esrb {
			float:right;
		}
			div#footer p#esrb img {
				vertical-align:top;
			}
		div#footer ul#footer_links {
			list-style:none;
			margin:0 0 1em 0;
			padding:0;
		}
			div#footer ul#footer_links li {
				display:inline;
				margin:0 1.25em 0 0;
			}
		div#footer p#copyright {
			font-size:0.9em;
			line-height:normal;
			color:#999;
		}

body#video {
	margin:0;
	padding:0;
	width:auto;
	height:auto;
}