/* Standard font family for site */
body, table, tr, td, a, p, h1, h2, h3, h4, h5 {font-family: arial, helvetica, sans-serif; }

/* Page body style */
body {margin: 0; padding: 0; color: #fff; background-color: #000; background-image: url("../images/bg_grad.gif"); background-repeat: repeat-x; }

/* Standard paragraph style */
p { font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: 0.8em; color: #fff; margin: 0 0 5px 0; padding: 0 0 0 0; }

/* Headings */
h1 { font-weight: bold; letter-spacing: -0.03em; font-size: 2.5em; color: #fff; margin: 0 0 0 0; padding: 0 0 0 0; }
h2 { font-weight: bold; letter-spacing: -0.05em; font-size: 1.2em; color: #fff; margin: -5px 0 0 0; padding: 0 0 0 0; }
h3 { font-weight: bold; letter-spacing: -0.03em; font-size: 1.2em; color: red; margin: 20px 0 10px 0; padding: 0 0 0 0; }

/* Style for standard links */
a{ color: #da0373; text-decoration: none; }
a:visited { color: #999; text-decoration: underline; }
a:hover { color: #fff; text-decoration: underline; }
a:visited:hover { color: #fff; text-decoration: underline; }

/* logo links */
h1 a {color: #fff; text-decoration: none; }
h1 a:visited { color: #fff; text-decoration: none; }
h1 a:hover {color: #555; text-decoration: none; }
h1 a:visited:hover {color: #555; text-decoration: none; }

/* The highlight colour for the logo */
.highlight-colour { color: red; }


/*  BASIC LAYOUT  */

/* Outer Container for page */
#outer-container { margin: 0 auto 0 auto; padding: 0 0 0 0; width: 850px; }

/* Header */
#header { width: 850px; height: 130px; margin: 0 0 0 0; padding: 0 0 0 0; }

/* Content wrapper */
#content-container { width: 850px; }


/*  HEADER STYLES */
/* logo */
#logo { width: 850px; padding: 0; margin: 10px 0 10px 0; }

/* Top navigation */
#navigation { margin: 0 0 0 0; padding: 0 0 0 0; float: right; }

/* HOMEPAGE ONLY */
#top-promo { width: 850px; }
#top-promo-left { width: 540px; float: left; padding: 0; margin: 0; }
#top-promo-right { width: 280px; height: 215px; float: left; padding: 0; margin: 0 0 0 20px; background-color: yellow; 
/* Provides the gradient in the coloured box */ background-image: url("../images/bike_back.jpg"); background-repeat: repeat-x; }
#top-promo-right p { font-size: 1.2em; padding: 10px; }
#text-columns { width: 960px; margin: 20px 0 0 0; }
#text-column-1 { font-size: 1.3em; width: 220px; float: left; padding: 0; margin: 0 20px 0 0; }
#text-column-2 { font-size: 0.9em; width: 340px; float: left; padding: 0; margin: 0 20px 0 0; }
#text-column-3 { font-size: 1.3em; width: 220px; float: left; padding: 0; margin: 0 0 0 0; }

/* SUBPAGES ONLY */
#content-left { width: 540px; float: left; padding: 0; margin: 0; }
#content2-left { width: 740px; float: left; padding: 0; margin: 0; }
#content-right { width: 360px; min-height: 400px; float: left; padding: 0; margin: 0 0 0 20px; background-color: #da0373; /* Provides the gradient in the coloured box */ background-image: url("../images/bg_box_yellow.gif"); background-repeat: repeat-x; }
#content-right p.big {font-size: 1.2em; padding: 10px; }
#content-right p { font-size: 0.8em; padding: 10px; }

#buttons.float-right {
	clear: right;
	float: right;
	margin-left: 30px; }

#content-left p.big { font-size: 1em; padding: 0; }
#content2-left p.indent { font-size: 1em; color: red; padding-left: 50px; }
#content2-left p.indent2 { font-size: 1em; padding-left: 160px; }
#content2-left p.justify { font-size: 1em; padding-left: 0; }
#content-left p { font-size: 0.7em; padding: 0; }
#content-left p.narrow { width: 340px; }

/* Footer styling */
#footer { height: 29px; margin: 50px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #222; }
#footer p { font-size: 0.7em; color: #555; }

/* Clearing element */
.clear{ position: relative; clear: both; height: 0; line-height: 0; font-size: 0; }

/* Standard images  */
img { border: none; }