/*

Table of contents
============================

Generic system wide settings for Biketech
covers typography, colors, line spacing etc.

============================

	last-updated: 04 August 2009
	updated by Matt Addison
		
	=1.universal reset
	=2.accessibility features
	=3.html and body
	=4.typography
	=5.layout
	=6.main navigation
	=7.form
	=8.tables
	=9.links

============================
*/

/*
=1.universal reset
============================
*/

/* First we establish a baseline for the whole document with a standard font size */
/* and consistent margin and padding values. This gets around any default browser */
/* behaviour which might affect page rendering */

*	{
	font-size: 100%;
	margin: 0;
	padding: 0;
	}

/*
=2. accessibility features
============================
*/

/* Here we hide elements by moving them off screen and setting their width to 0 */
/* This ensures they continue to exist. */
/* If we used display: none; the elements would not appear so they couldn't be brought */
/* into use as required - for example to aid accessibility. */

hr,
#skipnav,
#header h1 span,
#header h2 span,
#mainnav h3,
#footer h3,
.hide	{
	width: 0px;
	height: 0px;
	position: absolute;
	left: -9999px;
	overflow: hidden;
	}

acronym,
abbr	{
	cursor: help;
	}
	
/*
=3. html and body
============================
*/

/* Here we start to establish some typographic consistency. */
/* We set the font-size of the whole document to 76% which equates to about 12.16px on most browsers. */
/* We then set the line height of the whole document to 1.5 which equates to about 18.24px on most browsers. */
/* So we end up with line spacing approximately half the height of the text. */

html	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.5;
	background: #fff url('../images/background-chainbreaker.jpg') bottom left no-repeat;
	background-attachment: fixed;
	}

body	{
	position: relative;
	color: #001f42;
	width: 100%;
	padding: 0;
	background: transparent url('../images/background-hubs.jpg') top left no-repeat;
	background-attachment: fixed;
	}

/*
=4. typography
============================
*/

/* Here we define heading sizes. Note the variation in line-height for each size.*/
/* This is to ensure the text and headings together remain consistently spaced on a grid.*/
/* With this approach, if the font-size increases, the line-height reduces. It is */
/* calculated on the basis of base line-height in pixels (18.24) divided by the desired font-size */
/* in pixels. The result is used as the line-height value. It is also used as a bottom margin */
/* to provide a regular vertical rhythmn down the page */

h1, h2, h3, h4, h5, h6, caption	{
	font-family: Arial, Helvetica, sans-serif;
	color: #CE000D;
	font-weight: normal;
	}

h1	{
	font-size: 1.8em;
	line-height: 0.8291;
	margin-bottom: 0.8291em;
	}

h2	{
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em;
	font-weight: bold;
	}

h3	{
	font-size: 1.3157em;
	font-weight: bold;
	line-height: 1.14;
	margin-bottom: 1.14em;
	}

h4	{
	font-size: 1.1513em;
	font-weight: bold;
	line-height: 1.3028;
	margin-bottom: 1.3028em;
	}

h5	{
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 1.5em;
	}

h6	{
	font-size: 0.8223em;
	font-weight: bold;
	line-height: 1.824;
	margin-bottom: 1.824em;
	}

p, ul, ol, dl, li, caption, address	{
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 1.5em;
	}

ul, ol	{
	padding: 0 2em;
	}
	
dl	{
	padding: 0;
	}
	
dl dl	{
	padding: 0 1.15em;
	}
	
dt	{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1513em;
	line-height: 1.3028;
	margin-bottom: 1.3028em;
	padding: 0;
	}
	
li, dd	{
	padding: 0;
	margin: 0 0 1.5em 0;
	}

dd	{
	padding: 0 2em 0 0;
	}
	
ul li	{
	list-style-image: url('../images/nut.gif');
	line-height: 1;
	}

ol ol	{
	list-style-type: lower-roman;
	}
	
li ul,
li ol,
li dl,
dd ul,
dd ol,
dd dl	{
	margin: 1.5em 0 0 0;
	}

th,
td	{
	font-size: 1em;
	line-height: 1.5;
	text-align: left;
	}
	
caption	{
	font-size: 1.3157em;
	font-weight: bold;
	line-height: 1.14;
	padding-bottom: 1.14em;
	margin: 0;
	text-align: left;
	}

blockquote,
.mmArticle	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.1513em;
	line-height: 1.3028;
	margin: 0 0 1.3028em 0;
	padding: 1.5em 1em 0 1em;
	border: 1px solid #cccccc;
	border-width: 1px 0;
	color: #333333;
	background: #ffffff url('../images/background.gif') top left repeat-x;
	}

#home blockquote	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 10px;
	margin: 0;
	padding: 0;
	border: 0px solid #cccccc;
	background-color: transparent;
	background-image: none;
	}

#home blockquote p	{
	float: none;
	width: auto;
	margin: 0;
	text-align: center;
	}

#home blockquote p span	{
	font-style: normal;
	}

code	{
	font-family: "Courier New", Courier, monospace;
	font-size: inherit;
	color: #3366FF;
	}

em	{
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #CE000D;
	}

strong	{
	font-weight: bold;
	color: #CE000D;
	font-size: inherit;
	}

/*
=5. layout
============================
*/


	
/*
=6. main navigation
============================
*/



/*
=7. form
============================
*/



/*
=8. tables
============================
*/

table	{
	position: relative;
	width: 100%;
	margin: 0 auto 1.5em auto;
	border: 1px solid #ccc;
	border-collapse: collapse;
	}
	
th, td	{
	padding: 0.5em 1em;
	border-collapse: collapse;
	border: 1px solid #ccc;
	border-width: 0 0 1px 0;
	background-color: #fff;
	vertical-align: top;
	}
	
th	{
	text-align: left;
	background: #ffffff url('../images/background.gif') top left repeat-x;
	}
	
tfoot td	{
	background: #c6355d url('../images/tfoot-background.gif') bottom left repeat-x;
	font-weight: bold;
	color: #f7f7f7;
	}

#pay tbody td,
#pension tbody td	{
	padding-bottom: 0;
	}
	
.ruled	{
	background-color: #f2f2f2;
	}
	
/*
=9. links
============================
*/

a:link,
a:visited	{
	font-size: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #002b5c;
	text-decoration: underline;
	}

a:focus,
a:hover,
a:active	{
	text-decoration: none;
	color: #3aaf47;
	}

blockquote a:link,
blockquote a:visited	{
	font-size: 0.8575em;
	font-style: normal;
	}

blockquote a:focus,
blockquote a:hover,
blockquote a:active	{
	}