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

body { background: #fff url(../images/bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; }

p { color: #545454; line-height: 150%; }
strong { font-weight: bold; }
h3 { margin-bottom: 15px; color: #444; font-size: 13px; letter-spacing: -1px; font-weight: bold; }

#container { width: 960px; margin: 0 auto; padding-bottom: 10px; }

	#header { height: 110px; background: url(../images/header.jpg) no-repeat; }
	h1 a { text-indent: -9000px; width: 188px; height: 50px; margin: 40px 0 0 5px; }
	
	#navigation { color: #666; font: bold 12px Arial, Helvetica, sans-serif; float: right; text-align: right; padding: 68px 10px 0 0; }
	#navigation a { color: #000; padding: 65px 6px 0 6px; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; }
	#navigation a:hover { color: #333; border-top: 4px solid #333; }
	
	#banner { height: 229px; margin: 0 auto; background: url(../images/banner.jpg) no-repeat center; }
		#dl_button { margin-top: 100px; }

	#intro { border-bottom: 1px dashed #ddd; margin: 30px 0; padding-bottom: 30px; }
	#intro #preview img { border: 1px solid #eee; padding: 5px; }
	#intro h2 { margin: 5px 0 20px 0; }
	#intro p { font-size: 15px; margin: 10px 0 15px 0; }
	p#sundot { font-size: 12px; margin-bottom: 17px; }

	#secondbatch { border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin-bottom: 30px; }
	#secondbatch .grid_4 { background: #eee; margin-bottom: 20px; height: 150px; }
	#secondbatch .grid_4 h2 { font-size: 21px; letter-spacing: -1px; padding: 15px 0 0 15px; }
	#secondbatch .grid_4 p { font: 12px/18px Arial, Helvetica, sans-serif; padding: 10px; color: #111 }
	#secondbatch .grid_4 img { float: left; padding: 10px 15px 0 10px; }
	
	#thirdbatch { margin: 0 0 30px 0; border-bottom: 1px dashed #ddd; padding-bottom: 20px; }
	#thirdbatch h1 { font: bold 23px/15px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #0073bf }
	#thirdbatch p { font: 11px/15px Arial, Helvetica, sans-serif; margin: 15px 0; }

	#getbox { width: 872px; margin: 0 auto; text-align: center; padding-bottom: 25px; font-weight: bold; font-size: 23px; color: #222; letter-spacing: -1px }
	#getbox a { font-weight: bold; color: #0073bf; }
	#getbox a:hover, #getbox-big a:hover { text-decoration: none; color: #00548C; }

	#footer { clear: both; width: 960px; margin: 0 auto; padding: 35px 0 10px 0; background: url(../images/footer.jpg) no-repeat top; border-top: 1px dashed #ddd }
		#footer p { font-size: 11px; color: #555; text-align: center; margin: 10px 0; line-height: 1.1em; }
		#footer p a { color: #0073bf; margin: 0 8px; text-transform: uppercase }
		#footer p a:hover { color: #700; }

	/*#subpage-container { display: block; margin: 25px 0; overflow: auto; }*/
		
#sub_container, #sub_container p { font-size: 12px; color: #333; margin: 10px 0; }
#sub_container { background: url(../images/border.jpg) bottom no-repeat; margin-bottom: 30px; padding-bottom: 30px; }
table#default_content { width: 830px; margin: 0 auto; line-height: 150%; }
table#default_content h1 { font: bold 18px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #333; margin: 0 0 20px 0; border-bottom: 1px solid #ccc; }
.highlight strong, .highlight { font-size: 14px; color: #333; font-weight: bold; }
.highlight strong { font-size: 14px; font-weight: bold; }
#sub_container a { color: #036; }