/* Base CSS for MJKDesigns.com | Huffman Interactive | Copyright 2007 | All Rights Reserved */

/* Globals */
/******************************/
	*			{ border:0; margin:0; outline:0; padding:0; white-space:normal; }
	html		{ background:#B44000; font:normal 0.9em "Trebuchet MS",Verdana,Helvetica,sans-serif; margin:0 auto; padding:0; }
	:focus 		{ outline:0; }

	/* Headings */
	h1, h2,
	 h3, h4, h5	{ font:normal 5em Georgia,"Times New Roman",serif; margin:0 0 10px 0; padding:0; vertical-align:top; }
	h1			{ font-size:220%; }
	h2			{ font-size:190%; }
	h3			{ font-size:160%; }
	h4			{ font-size:130%; }
	h5			{ font-size:100%; }
	h6			{ font-size:70%; }

	/* Forms */
	form			{ color:#333; margin:0; padding:0; vertical-align:middle; }
	button		{ background-color:#7F9B81; color:#FFF; padding:3px 9px; }
	label			{ display:block; margin-bottom:3px; }
	input, textarea	{ background-color:#E7E7E7; border-left:1px solid #C9C9C9; border-top:1px solid #C9C9C9; display:block; margin:0 0 12px 0; padding:2px 4px; vertical-align:middle; }
	select		{ font:normal 90%; margin:0; padding:0; vertical-align:middle; }
	option		{ margin:0; padding:0; vertical-align:middle; }
	select:focus	{ outline:0; }

	/* Lists */
	dl 		{ margin:0; padding:0; width:100%; }	
	dt 		{ float:left; font-size:0.8em; padding:4px 11px 2px; }	
	dd 		{ font-size:0.8em; padding:4px 11px 0 0; text-align:right; }
	ol, ul, li	{ list-style:none; margin:0; padding:0; }

	/* Tables */
	table		{ border:0; }
	tr		{ border:0; }
	td		{ border:0; padding:2px 4px; }
	th		{ border:0; padding:2px 4px; }
	thead		{ background-color:#333; color:#FFF; }

	/* Links */
	a:link,
	 a:visited	{ color:#59665A; }
	a:hover	{ text-decoration:none; }

	/* Containers */
	div			{ font-size:100%; }
	p			{ font:normal 1em/130% "Century Gothic","Trebuchet MS",Helvetica,sans-serif; margin:5px 0 10px 0; }
	blockquote		{ background-color:#F3F3F3; border:1px dotted #D3D3D3; color:#333; font:italic 90% Georgia,"Times New Roman",serif; text-align:justify; margin:10px 20px; padding:15px; }
	 blockquote:before,
	 blockquote:after,
	 q:before, q:after	{ content:""; }
	blockquote, q		{ quotes:"" ""; }

	/* Text */
	cite		{ color:#333; display:block; font-weight:bold; margin:5px 30px; text-align:right; }
	code		{ border-left:1px dotted #BBB; color:#333; display:block; font:normal 90%/200% "Courier New",Courier,mono,serif; margin:10px 20px; padding:0 10px; }
	em		{ font-style:italic; }
	strong	{ font-weight:bold; }

	/* Need to specify these ---->
		ABBR: 	Indicates an abbreviated form (e.g., WWW, HTTP, URI, Mass., etc.).
		ACRONYM:	Indicates an acronym (e.g., WAC, radar, etc.).
		ADDRESS:	An area designating a postal address -- VERY stylable.
		CODE: 	Designates a fragment of computer code.
		DFN:  	Indicates that this is the defining instance of the enclosed term.
		KBD:  	Indicates text to be entered by the user.
		SAMP: 	Designates sample output from programs, scripts, etc.
		VAR:  	Indicates an instance of a variable or program argument.
	*/

	/* Miscellany */
	iframe	{ border:none; margin:0; padding:0; }
	fieldset	{ border:1px solid #333; padding:10px; }
	legend	{ margin:0; padding:0; }

/* Layout */
/******************************/
	#bodydiv		{ background:url("../images/contentBg.gif") no-repeat 50% 100px; width:1000px; margin:0 auto; padding:0; }
 	body			{ background:url("../images/bodyBg.gif") repeat-y 50% 0; }

	#header		{ background:url("../images/headBg.gif") no-repeat; height:144px; width:1000px; }
	#header h1		{ display:none; }

	#content			{ margin:0 auto; padding:0 210px; width:1000px; }
	 #contentLeft		{ border-right:10px solid #ECCFBF; float:left; padding:10px; width:360px; }
	 #contentLeft h2.help	{ background:url("../images/help.gif") no-repeat 0 50%; height:36px; }
	 #contentLeft h2.process{ background:url("../images/process.gif") no-repeat 0 50%; height:36px; }
	 #contentLeft h2.about	{ background:url("../images/about.gif") no-repeat 0 50%; height:36px; }
	 #contentLeft h2 span	{ display:none; }
	 #contentRight		{ float:left; padding:15px 10px; width:180px; }
	 #contentRight h3		{ background:url("../images/contact.gif") no-repeat 0 50%; height:25px; }
	 #contentRight h3 span	{ display:none; }

	#splash		{ border-bottom:10px solid #ECCFBF; height:250px; margin:0 200px; overflow:hidden; padding:10px 20px; position:relative; width:560px; }
	#splash img		{ border:0; height:250px; margin-bottom:10px; width:560px; }

	#footer		{ background:url("../images/footBg.gif") no-repeat; clear:both; height:93px; width:1000px; }
	#footer p		{ text-indent:-9000px; }

/* Class Selectors */
/******************************/
	.mottos	{ font-size:100%; }