/*
==========================================================================
	
	STYLE.CSS | CSS FRAMEWORK
	--------------------------
 	Main Project specific styles
	
	- TxtEngine Quickstart -
	
	author: Richard Morris [richard@fueldesign.co.nz] 
	version: - DATE HERE -

	Contents:
	--------------------------
	1 - Default Typography Sizing, Colours and Margins
	2 - Global Stlyes for types
	3 - Main Structural Divs
	4 - Header styles
	5 - Main body Styles
	6 - Footer Styles
	7 - Page Specific sty;es

==========================================================================
*/
	@import url("base.css");
/*
==========================================================================
1 - Default Typography Sizing, Colours and Margins
==========================================================================
*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th, a:link, a:visited { /* For Nescape 4.0 and other inheritance intolerant browsers */
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
/*	color: #888; */
	line-height: 1.5em;
}
body { font-size: 62.5%; }

p, ul, dl, ol, form, blockquote { margin-bottom: 0.5em; }

/*
==========================================================================
2 - Global Styles for types
==========================================================================
*/
/* links */
a:link, a:visited { }
a:hover, a:active { }

/*
==========================================================================
3 - Main Structural Divs
==========================================================================
*/
html, body { height: 100%; }
body { background: #FFF url(../images/bg/bg.gif) left 100px repeat-x; }
div#header { height: 100px; width: 100%; background: #003f6f url(../images/bg/header_bg.gif) top left repeat-y; position: relative; margin-bottom: 40px; }

a#logo { position: absolute; margin: 22px 20px; }
h2#headerTitle { position: absolute; bottom: -28px; left: 20px; margin: 0; font-size: 16px; text-transform: uppercase; color: #999; background: transparent url(../images/bg/arrow.gif) center left no-repeat; padding-left: 15px; }
ul#pageOptions { position: absolute; right: 20px; bottom: -28px; margin:0;}
ul#pageOptions li  { display: inline; color: #999; }
#pageOptions a  { font-size: 16px; color: #999; font-weight: bold; text-decoration: none; padding: 0 2px; } #pageOptions a:hover  { color: #003f6f; }

h1 { color: #003f6f; font-size: 18px; margin-bottom: 10px; }
div#container { margin: 20px; }

#style2 { color: black ; font-size: 12px; margin-bottom: 2px; }

#errormessage { color: Red; font-size: 12px; margin-bottom: 10px; }

ul#quickstartMenu a { display: block; font-size: 16px; }
#quickstartMenu strong { margin-top: 5px; padding-top: 5px; margin-left: 90px; display: block; color: #C00; }
#quickstartMenu span { margin-left: 90px; display: block; }
#quickstartMenu li { margin-bottom: 2px; }
#quickstartMenu a:hover { color: Blue; } /* black links for the quickstart menu */

#quickstartMenu em { float: left; display: block; width: 78px; height: 79px; background: transparent url(../images/bg/icon.jpg) top left no-repeat; }
#quickstartMenu a:hover em { background-position: bottom left; }