html {
	font-size: 100%;
}

body {
	background-color: #fff;
	color: #000;
	font-size: 62.5%;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}
#wrapper {
	width: 320px;
}

#logo {
	width: 320px;
	background-image: url('../../images/logos/logo9_col.png');
	background-repeat: no-repeat;
}

#logo img {
	display: none;
}

#skip {
	display: none;
}

#main_nav {
	width: 320px;
	
}

#main_nav ul {
	border-left: #fff 0px solid;	
}

#content { /* wraps main body content: #body, #sidebar, #box_wrap */
	margin-top: 1.0em;
}

#body { /* contains main body: 2 cols */
	width: 320px;
	float: left;
	border-bottom: #69692c 1px solid;
	padding-bottom: 1.0em;
}

#sidebar { /* contains sidebar content: 1 col */
	width: 320px;
	float: left;
	padding-bottom: 1.0em;
	padding-top: 0em;
}

#box_wrap { /* wraps 3 x 1 col boxes */
	display: none;
}

.box1, .box2, .box3 {
	display: none;
}

.separator {
	clear: both;
	
}

#footer { /* footer goes here */
	height: 3.0em;
	width: 320px;
	margin-top: 1.0em;
	border-top: #69692c 0.3em solid;
}

#normal_content {
	display: block;
}

#special_offer {
	display: none;
}

/* ==========================================  NAVIGATION  ============================== */

#main_nav ul li {
	margin: 0;
	display: inline;
	list-style-type: none;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.0em;
}

#main_nav ul li a {
	text-decoration: none;
	display: inline-block;
	width: 100px;
	color: #fff;
	background-color: #900;
	border-right: #fff 1px solid;
	padding: 0.3em 0 0.3em 0;	
}

#main_nav ul li a:hover, #main_nav ul li a:active, #main_nav ul li a.focus {
	text-decoration: underline;
	background-color: #7e6078;
}

#main_nav ul li a#quote {
	border-right: 0;
	background-color: #039;							/* CHANGE THIS COLOUR */
	width: 100px;
}

#main_nav ul li a#quote:hover, #main_nav ul li a#quote:active, #main_nav ul li a#quote.focus {
	background-color: #069; 						/* CHANGE THIS COLOUR */
}


/* ==================================== TYPOGRAPHY ===================== */
/* Baseline grid: 12pt text, 18pt baseline */
h1 {
	font-size: 1.2em;
	line-height: 2.0em;
	margin: 0.5em 0 0.5em 0;
}

h2 {
	font-size: 1.0em;
	line-height: 1.0em;
	margin: 1.0em 0;
	
}

h3 {
	font-size: 0.8em;
	line-height: 1.0em;
}

p {
	font-size: 0.8em;
	line-height: 1.0em;
	margin: 1.0em 0;
}

li {
	font-size: 0.8em;
	line-height: 1.0em;
	list-style-position: inside;
}