/*

STYLESHEET FOR SCREEN

CONTENTS ----------

	1.BODY
	2.UNIVERSAL STYLES
	3.LISTS
	4.SPANS
	5.PARAGRAPHS
	6.HEADINGS
	7.LINKS
	8.LAYOUT
	9.NAVIGATION
	10.FORMS
	11.TABLES
	
	---------------

	COLOUR REFERENCE
	
	#a6975d	GOLD
	#e4e191	LIGHT GOLD
	#cc181e	RED

	---------------
	
	FONT SIZES
	
	11px 0.916em
	12px 1em
	13px 1.083em
	14px 1.166em
	16px 1.333em
	18px 1.5em
	24px 2em

	---------------

*/

/*
1.BODY ---------------------------------------------*/

	body {
		font-family: Helvetica, Arial, sans-serif;
		background-color: #fff;
		color: #333;
		font-size: 75%;
		line-height: 1.5; }

	body.contact {
		background-color: #cc181e;
		color: #fff; }

/*
2.UNIVERSAL STYLES ---------------------------------------------*/

	strong {
		font-weight: bold; }
		
	em {
		font-style: italic; }
		
	.clear {
		clear: both; }

/*
3.LISTS ---------------------------------------------*/
		

/*
4.SPANS ---------------------------------------------*/

	p span {
		color: #cc181e; }
		
	span#slider1prev, span#slider1next {
		position: absolute;
		text-indent: -9999px; }
		
	span#slider1prev {
		top: 180px;
		left: 20px; }
		
	span#slider1next {
		top: 180px;
		right: 93px; }

/*
5.PARAGRAPHS ---------------------------------------------*/

	p {
		margin: 10px 180px 10px 0;}
	
	#column_secondary p {
		margin-right: 0;}
		
	p.strapline {
		font-family: Georgia, serif;
		font-size: 1.666em;
		color: #a6975d; }
		
	#footer p {
		font-size: 0.916em;
		color: #a6975d;
		position: absolute;
		top: 30px;
		right: 140px;
		margin: 0; }
		
	p.large-strapline {	
		font-family: 'Quattrocento', serif;
		font-size: 1.825em;
		color: #3C3232;
		clear: both;
		}
		
	.contact p.large-strapline {
		color: #fff;
		}
		
	p.large-strapline em {	
		font-style: italic;
		}
		
/*
6.HEADINGS ---------------------------------------------*/

	h1 {
		position: absolute;
		bottom: 4px; }
		
	h2 {
		width: 116;
		height: 27;
		padding-top: 20px;
		position: relative;
		left: -12px;
		top: 16px;
		text-indent: -9999px;
		background: transparent url(../images/hammond_agency_footer_logo.png) left bottom no-repeat; }
		
	body.contact h2 {
		background-image: url(../images/hammond_agency_footer_logo_contact.png); }

/*
7.LINKS ---------------------------------------------*/
	
	a {
		color: #a6975d; }
	
	a:visited {
		color: #e4e191; }
	
	a:hover, a:active {
		color: #cc181e; }
		
	#navigation a:visited, h1 a:visited {
		color: #a6975d; }
		
	#navigation a:hover, #navigation a:active, #navigation a.current, h1 a:hover, h1 a:active {
		color: #cc181e; }
		
	#navigation a, h1 a {
		text-decoration: none; }
	
	body.contact a {
		color: #e4e191; }
	
	body.contact a:hover, body.contact a:active {
		color: #fff; }
		
	body.contact #navigation a:visited, body.contact h1 a:visited {
		color: #e4e191; }
		
	body.contact #navigation a:hover, body.contact #navigation a:active, body.contact #navigation a.current, body.contact h1 a:hover, body.contact h1 a:active {
		color: #fff; }
		
	span#slider1prev a, span#slider1next a {
		display: block;
		width: 30px;
		height: 30px; }
		
	span#slider1prev a {
		background: transparent url(../images/button_prev.png) top left no-repeat; }
		
	span#slider1next a {
		background: transparent url(../images/button_next.png) top left no-repeat; }	

/*
8.LAYOUT ---------------------------------------------*/

	#wrapper {
		position: relative;
		width: 960px;
		margin: 0 auto; }
		
	#header {
		position: relative;
		width: 840px;
		height: 136px;
		margin: 50px 0 0 50px;
		background: transparent url(../images/horizontal_rule.png) left bottom no-repeat; }
		
	body.contact #header {
		background-image: url(../images/horizontal_rule_contact.png); }
		
	#header img.main_logo {
		position: absolute;
		right: 0; }
		
	#header img.strapline {
		position: absolute;
		right: 127px;
		bottom: -22px; }
		
	#content {
		width: 840px;
		margin: 60px 0 0 50px; }
		
	#column_main {
		position: relative;
		float: left;
		width: 585px;
		margin: 0 25px 20px 0; }
		
	#slider {
		width: 512px; }
		
	#column_secondary {
		float: left;
		width: 230px; }
		
	img.strap_large {
		margin-bottom: 80px; }
		
	#footer {
		position: relative;
		clear: both;
		margin: 0 0 40px 50px;
		background: transparent url(../images/horizontal_rule.png) left 20px no-repeat; }
		
	body.contact #footer {
		background-image: url(../images/horizontal_rule_contact.png); }
		
		
/*
9.NAVIGATION ---------------------------------------------*/

	#navigation {
		font-size: 1.083em;
		font-weight: bold;
		margin: 100px 0 50px; }

	#navigation li {
		margin-bottom: 30px; }		

/*
10.FORMS ---------------------------------------------*/


/*
11.TABLES ---------------------------------------------*/