/* colours from wellstyled.com */
.primary-1 { background-color: #FF7600 }
.primary-2 { background-color: #BF7230 }
.primary-3 { background-color: #A64D00 }
.primary-4 { background-color: #FF9840 }
.primary-5 { background-color: #FFB473 }

.secondary-a-1 { background-color: #FFAB00 }
.secondary-a-2 { background-color: #BF9030 }
.secondary-a-3 { background-color: #A66F00 }
.secondary-a-4 { background-color: #FFC040 }
.secondary-a-5 { background-color: #FFD173 }

.secondary-b-1 { background-color: #FF0700 }
.secondary-b-2 { background-color: #BF3330 }
.secondary-b-3 { background-color: #A60400 }
.secondary-b-4 { background-color: #FF4540 }
.secondary-b-5 { background-color: #FF7673 }

.complement-1 { background-color: #01939A }
.complement-2 { background-color: #1D7074 }
.complement-3 { background-color: #006064 }
.complement-4 { background-color: #34C6CD }
.complement-5 { background-color: #5DC8CD }

		html, body 		{ margin: 0; padding: 0; }
		body 			{ color: #333; font: 14px Helvetica, Arial, sans-serif; line-height: 18px; }
		h2				{ color: #FF0700; }
		h3				{ color: #FF0700; }
		a				{ color: #FF9840; }
		p				{ margin: 0 0 18px; }
		#wrapper		{ float: left; width: 100%; margin-left: -225px; }
		
		/* Header */
		#header			{ background: #FFB473; border-bottom: 2px solid #ddd; }
		#header			{ background-image: url('images/saved.png');}
		#header h1  	{ color: #A64D00; margin: 0 0 3px; padding: 24px 18px 0; }
		#header p		{ color: white; font-size: 11px; font-weight: bold; padding: 0 18px; }
		
		/* Content Style */
		#navigation		{ border-bottom: 1px solid #ccc; padding-right: 18px; }
		#navigation ul	{ padding: 0 18px 9px; list-style: none }
		#extra			{ font-size: 12px; border-bottom: 1px solid #ccc; padding-right: 18px; }
		#extra h2		{ font-size: 14px; font-weight: bold;}
		#extra small	{ font-size: 11px; line-height: 18px; }
		#content p, #extra p { padding-right: 18px; }
		
		/* Content Positioning & Size */
		#navigation		{ float: right; width: 200px; }
		#content		{ margin-left: 243px; }
		#extra			{ float: right; clear: right; width: 200px; }
		
		/* Footer */
		#footer			{ background: #FFD173; border-bottom: 2px solid #999; clear: both; width: 100%; }
		#footer			{ background-image: url('images/saved.png');}
		#footer a		{ color: #A66F00; }
		#footer	p		{ color: #FF9840; font-size: 11px; margin: 0; padding: 0 18px 10px; }
		#footer ul		{ border-bottom: 1px solid #555; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
		#footer li		{ display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }

		picture1		{
							float: right;
						}