/* Monkdesign.com Standard CSS Components */

* { padding: 0; margin: 0; }

:active, :focus{outline:none;}
html, body {
		height:100%;
}

body { background: #fff; color: #000; font: 62.5% "Helvetica Neue", Helvetica,Verdana, Arial, sans-serif; font-weight: normal;	margin:0; }
#distance {
		width:1px;
		height:50%;
		background-color:#fff;
		margin-bottom:-140px; /* half of container's height */
		float:left;
}
#container { width: 980px;
			 text-align: left; 
			 clear: left;
			 margin:0 auto;
			position:relative; /* puts container in front of distance */
			text-align:left;
			height:220px;
			width:507px;
			clear:left;
			
}

/* ---- End Standard Components ----- */

h2 {margin: 10px 0 0 10px; font: 2.4em Georgia, Times, serif; color: #ac0000;}

p {margin: 0 0 10px 0; position: relative; font-size: 1.2em;}

#masthead { width: 960px; height: 150px; background: #FF0000;}
#content_main {width: 960px; }
#question {width: 507px; height: 220; text-align: center; font-size: 1.2em;}
#question img {margin-bottom: 10px;}
#footer {width: 960px; height: 50px; background: #0000FF;}
#intro_relax {width: 253px; float: left; text-align: left;}
#intro_hurry {width: 254px; float: left; text-align: right;}


/* -------- Samples ----------*/

/* PNG Backgrounds */
/*
#footer { margin-left: 65px; color: #FFF;  width: 220px; height: 25px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bg_nav_1x1.png');  position: absolute; top: 646px; z-index: 501; }
#footer[id]{ background: url(../images/bg_nav.png) repeat; }
*/

/* Best CSS Rollovers */
/*
#outerhome { width: 73px; height: 37px; background: url( ../images/nav_home_on.gif ) no-repeat;		}
#outerhome  a { display: block; width: 73px; height: 37px; background: url( ../images/nav_home_off.gif ) no-repeat; text-decoration: none;	}
#outerhome.home_on  a { display: block; width: 73px; height: 37px; background: url( ../images/nav_home_on.gif ) no-repeat;		}
#outerhome  a:hover {  background-image: none;		}
#outerhome a span {  visibility: hidden; }
*/


/* Scroll Bars */

.scrollcontent {
	width: 360px;
	height: 235px;
	float: left;
	overflow: hidden;
	
}

.scrolltext {
	padding: 5px;
}

.scrolltrack {
	height: 235px;
	width: 10px;
	float: left;
	position: relative;
	background: #ddd;
}

.scrollthumb {
	position: absolute;
	top: 10px;
	left: 0;
	height: 10px;
	width: 10px;
	background: #aaa;
}