@charset "utf-8";
/* CSS Document */

body {background: #25292b; text-align: center;}

#page {position: relative;
	width: 640px; height: 480px;
	margin: 100px auto 0;
	border: 1px dashed #b89f28;}
	
	h1 {width: 310px; 
	margin: 83px auto 0; padding: 0;
	background: url(images/onx3_denim.gif) 0 0 no-repeat;;}
	
		h1 a {display: block; width: 310px; height: 315px; text-indent: -9999px}

	h2 {margin: 0; padding: 0;}

		#ontime h2 {position: absolute; left: 12px; top: 11px;
			width: 106px; height: 23px;
			background: url(images/ontime_denim.gif) no-repeat; text-indent: -9999px;}
	
		#onspec h2 {position: absolute; left: 12px; top: 49px;
			width: 111px; height: 22px;
			background: url(images/onspec_denim.gif) no-repeat; text-indent: -9999px;}
			
		#onbudget h2 {position: absolute; left: 12px; top: 76px;
			width: 142px; height: 28px;
			background: url(images/onbudget_denim.gif) no-repeat; text-indent: -9999px;}
			
		#wereonit h2 {position: absolute; right: 12px; top: 441px;
			width: 171px; height: 23px;
			background: url(images/wereonit_denim.gif) no-repeat; text-indent: -9999px;}
			
	p {}
			
		#ontime p, #onspec p, #onbudget p, #wereonit p {display: none; position: absolute; top: 500px; left: 10px;
		font-family: "droid-sans-1","droid-sans-2", sans-serif; font-weight: bold; color: #EDD9B4; text-align: left;}
		p span.blue {color:#7EB99D;}
	
#noscript {width: 616px; margin: 0 auto 100px; padding: 400px 0 0; text-align: left;
	background: url(images/arrow.gif) 209px 75px no-repeat;}
	
	#noscript h3 {display: inline;
		font: 16px bold Arial, Helvetica, sans-serif; color: #EDD9B4;}
	#noscript p {display: inline; 
		font: 16px bold Arial, Helvetica, sans-serif; color: #7EB99D;}
	#noscript h3 a {color: #EDD9B4;}
	#noscript p a {color: #7EB99D;}
	
	#ontime2, #onspec2, #onbudget2, #wereonit2 {margin-bottom: 10px;}