html,body{
	height: 100%;
	margin: 0;
	padding: 0;
}


body {
	font: 100%/1.5 Arial, Helvetica, sans-serif;
	color: #333;
	background: #BF0049;
}

body.mceContentBody { background: #FFF; font-size: 82.5% }

	#top {
		float: left;
		height: 50%;
		margin-top: -342px;
		width: 100%;
	}

	#wrap {
		clear: both;
		position: relative;
		width: 944px;
		height: 602px;
		margin: 0 auto;
		font-size: 80%;
		background: #FFF
	}
	
	#content {
		clear: both;
		overflow: hidden;
		width: 100%;
		padding-top: 50px;
		background: url(../images/content_top2.jpg) no-repeat
	}
	.home #content { background-image: url(../images/content_top.jpg) }	
	
		.scroll {
			position: relative;
			width: 894px;
			height: 382px;
			margin-left: 50px;
			overflow: auto;
			overflow-x: hidden;
			font-size: 92.5%
		}
		.home .scroll { height: 352px }
		
			#text {
				float: left;
				display: inline;
				width: 600px;
				margin-right: 25px;
				padding-top: 1.5em
			}
			
			.wide #text { width: 874px; margin-right: 5px }
			
			#sidebar {
				float: right;
				display: inline;
				width: 245px;
				margin-right: 5px;
				text-align: right
			}
				#sidebar p { text-align: left }

/*------ general styles ------*/
a { text-decoration: none; color: #7C7A7B; font-weight: bold; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline }
h1, h2, h3, h4, h5 { 
	margin: 1em 0 .5em; 
	line-height: 1.2;
	font-weight: normal
}
.no-margin { margin-top: 0 }
h1, h2.title { 
	margin: 0 0 .8em;
	font-size: 200%; 
	line-height: 1.2;
	color: #BF0049
}
	h1 span {
		font-size: 72.5%;
		font-style: italic;
		color: #808285
	}
.rmf-title { font-size: 185% }
h2 { font-size: 170%; }
h3 { margin-top: 1.5em; font-size: 140% }
h4 { font-size: 120% }
h5 { font-size: 100% }
p { margin: 0 0 .7em; line-height: 1.3 }
ul, ol { padding-left: 1.5em; margin: 0 0 1em 1.5em }
ul { list-style: disc }
ul ul { list-style: circle }
ol { list-style: decimal }
.alpha { list-style: lower-alpha }
.roman { list-style: lower-roman } 
.no-bullet { padding-left: 0; list-style: none }
img { border: 0 }
abbr { border-bottom: 1px dotted }
abbr:hover { cursor: help }
strong, em, .em { font-weight: bold }
em { font-style: normal }
address { font-style: normal }
blockquote, q { quotes: none }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
.clear { 	
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}

.offset { 
	position: absolute;
  left: -999em;
  overflow: hidden; 
}

.small { font-size: 90% }
small { font-size: 82.5% }
.colour { color: #BF0049 }

/*------ header ------*/
#header { 
	position: relative;
	height: 106px;
	padding-top: 1px
}

.home #header { height: 137px }

	#header a { color: #000 }

	#skip { margin: 0 }
	
	#skip a {
		position: absolute;
		top: 0; left: -9999em;
		width: 934px;
		padding: .2em 5px;
		line-height: 1;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase
	}
	#skip a:focus, #skip a:active { 
		left: 0;
		color: #FFF; 
		background-color: #BF0049 
	}
	
	#logo {
		position: absolute;
		top: 17px;
		left: 50px
	}
	.home #logo { top: 20px }
	
	#slogan { 
		float: right;
		display: inline;
		margin: 34px 185px 0 0;
		color: #ECECEC;
		font: 250% Arial, Helvetica, sans-serif
	}
	.home #slogan { margin-top: 60px }
	
	#nav {
		position: absolute;
		top: 107px;
		left: 50px;
		margin: 0;
		padding: 0;
		list-style: none
	}
	.home #nav { top: 139px }
		#nav li { 
			position: relative;
			float: left;
		}
			#nav a {
				float: left;
				height: 30px;
				background-repeat: no-repeat
			}
		
			#nav a:hover, #nav a:focus, #nav a:active, #nav .active { text-indent: -999em; outline: 0 }
			
			#n-imp-home a { width: 119px; background-image: url(/images/imp_nav_home_on.png) }
			#n-imp-products a { width: 91px; background-image: url(/images/imp_nav_products_on.png) }
			#n-imp-images a { width: 223px; background-image: url(/images/imp_nav_images_on.png) }
			#n-imp-environment a { width: 113px; background-image: url(/images/imp_nav_environment_on.png) }
			#n-imp-policy a { width: 181px; background-image: url(/images/imp_nav_policy_on.png) }
			
			#n-iip-home a { width: 112px; background-image: url(/images/iip_nav_home_on.png) }
			#n-iip-sale a { width: 168px; background-image: url(/images/iip_nav_sale_on.png) }
			#n-iip-lease a { width: 179px; background-image: url(/images/iip_nav_lease_on.png) }
			
			#n-rmf-home a { width: 108px; background-image: url(/images/rmf_nav_home_on.png) }
			#n-rmf-ross a { width: 144px; background-image: url(/images/rmf_nav_message_ross_on.png) }
			#n-rmf-jeff a { width: 139px; background-image: url(/images/rmf_nav_message_jeff_on.png) }
			#n-rmf-fund a { width: 93px; background-image: url(/images/rmf_nav_fundraising_on.png) }
			#n-rmf-download a { width: 153px; background-image: url(/images/rmf_nav_download_on.png) }
			#n-rmf-institute a { width: 139px; background-image: url(/images/rmf_nav_institute_on.png) }
			#n-rmf-donate a { width: 115px; background-image: url(/images/rmf_nav_donate_on.png) }
			
			#n-rmr-home a { width: 123px; background-image: url(/images/rmr_nav_home_on.png) }
			#n-rmr-news a { width: 130px; background-image: url(/images/rmr_nav_news_on.png) }
			#n-rmr-horses a { width: 174px; background-image: url(/images/rmr_nav_horses_on.png) }
			
	#notice {
		position: absolute;
		top: 52px;
		right: 0;
		color: #7B797A;
		text-align: right
	}
		#notice p { margin-right: 20px }
			#notice span { color: #B6004B }
			#notice a { color: #7B797A; text-decoration: underline }

/*------ content ------*/
#content h1 {
	margin: 0 0 0 50px;
	padding-bottom: .4em;
	border-bottom: 2px solid #EFEFEF
}
.home #content h1 { margin: 0 295px 0 50px }

.img-r { 
	float: right;
	margin: .5em 0 .5em 15px;
}

.img-l { 
	float: left;
	margin: .5em 15px .5em;
}

table {
	border-collapse: collapse;
	margin: 0 0 2em 0;
	text-align: left
}
	caption, .imp-sample th { 
		margin: 1em 0 0;
		padding-bottom: .5em; 
		color: #BF0049;
		text-align: left;
		font-size: 110%;
		font-weight: bold 
	}
	
	th { font-weight:bold; text-transform: uppercase }
	th, td {
		padding: 5px 10px 5px 5px;
		border: 1px solid #BF0049;
		border-width: 1px 0
	}
	th.border, td.border { 
		border-right-width: 1px; 
		padding-right: 15px 
	}
	
	th.border + th, td.border + td { padding-left: 15px }

	.imp-sample th { border-top-width: 0; text-transform: none }
	.imp-sample .subhead { border-top-width: 1px; text-transform: none }
	.imp-sample .subhead th, .imp-sample tbody th { color: #333 }
	.imp-sample th, .imp-sample td { padding-right: 20px }

.PDF, .DOC, .XLS {
	padding-left: 25px;
	background-repeat: no-repeat
}
.PDF { background-image: url(/images/icons/pdf.png) }
.DOC { background-image: url(/images/icons/doc.png) }
.XLS { background-image: url(/images/icons/xls.png) }

/* galleries */
h2.gallery {
	clear: left;
	margin-top: 0;
	font-size: 120%
}	
ul.gallery {
	width: 100%;
	margin: 0 0 2em;
	padding: 0;
	list-style: none;
	overflow: hidden
}
	.gallery li {
		float: left;
		display: inline;
		width: 145px;
		margin-right: 15px
	}
	.gallery a { 
		float: left;
		border: 3px solid #FFF 
	}
	.gallery a:hover, .gallery a:focus { border-color: #BF0049 }
		.gallery img { vertical-align: bottom }

/* listings */
.panel { 
	width: 100%; 
	margin: 0 0 2em; 
	overflow: hidden 
}

.listings li {
	float: none;
	width: 100%;
	display: block;
	margin: 0 0 1em;
	padding-bottom: 1em;
	border-bottom: 2px solid #EFEFEF;
	overflow: hidden
}
	.listings a {
		float: left;
		margin-right: 20px
	}
	
	.listings div {	margin-left: 195px }
	
	.listings p a {
		float: none;
		border: 0;
		margin-right: 0
	}

	.listings h2 {
		margin-top: 0;
		font-size: 130%;
		font-weight: bold
	}
	
	.box { overflow: hidden; margin-bottom: 0 }
		.listings .box a {
			float: left;
			display: inline;
			padding: .2em 5px;
			margin-right: 10px;
			background: #7C7A7B;
			color: #FFF;
			text-align: center
		}
		.listings .box a:hover, .listings .box a:focus, .listings .box a:active { background: #000; text-decoration: none }
	
.details { 
	float: right;
	width: 430px;
	margin-right: 10px
}	
	.details dl {
		width: 100%;
		margin: 2em 0;
		padding: 0;
		overflow: hidden
	}
		.details dt { float: left; margin: 0 }
		.details dt { 
			clear: left; 
			width: 10em;
			margin-right: 5px 
		}
	
.img {
	float: left;
	width: 400px;
	margin-right: 20px
}

	.page-nav {
		width: 100%;
		margin: 1em 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
		text-align: center
	}
	#enquiries .page-nav { margin-top: 2em }
		.page-nav li { display: inline; margin: 0 5px }

.img-flush {
	position: relative;
	margin-top: -1em
}

.resources {
	margin: 0;
	padding: 0;
	list-style: none
}
	.resources a { font-weight: normal }

/* contact page */
.contact #text { 
	width: 879px; 
	margin-right: 0;
	padding-top: 40px;
	color: #888A8D
}

	.contact #header ul {
		width: 100%;
		margin: 30px 0 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
		text-align: center
	}
		.contact #header li {
			display: inline;
			margin: 0 40px;
		}
			.contact #header img { vertical-align: top }

	.contact #text img { float: left }
	.contact .details {
		float: right;
		width: 630px;
		overflow: hidden
	}

		.contact .vcard {
			float: left;
			width: 320px
		}
		.contact .staff {
			float: right;
			width: 220px
		}
	
		.contact h2, .contact h3 { color: #BF0049; margin-bottom: 0 }
		.contact h2, .staff h3 { margin-top: 0 }
		.staff h4 { margin-top: .2em; color: #000 }
		.vcard h3 { margin-top: .5em }
		.contact #text p { font-size: 120% }
		.contact .vcard p { margin: 0 }
		.contact .staff p { margin-bottom: .4em }
		.contact .vcard .colour { margin-top: 1em }
		.contact .vcard span { margin-right: 10px }
		.contact #text .colour { font-size: 130% }
		.contact #text .tel { font-size: 180% }
		

/* forms */
form { font-size: 90%; margin: 0 auto }

fieldset {
	position: relative;
	width: 330px;
	margin-top: 2em;
	padding: 4em 10px 10px 0;
	border: 2px solid #B1D6FF;
	background-color: #F7FBFF
}

fieldset * { margin-left: 10px }

legend { padding: 0 }

	legend span {
		position: absolute;
		left: 10px;  
		margin: 10px 0 1em 0;
		color: #00398D;
		font-size: 130%;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 2px
	}

label {
	display: block;
	margin-bottom: .2em;
	color: #7B797A;
	font-size: 14px
}

label.overlabel-apply {
	position: absolute;
	top: 2px;
	left: 5px;
	z-index: 1;
}

input, textarea {
	padding: 2px 4px;
	font-size: 14px;
	background: #FFFFFE;
	border: 0;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #7C7A7B;
	color: #7B797A
}

textarea { font-family: Arial, Helvetica, sans-serif }

.checkbox { 
	width: auto; 
	padding: 0;
	background: none;
	border: none 
}

input, textarea, select { 
	margin-bottom: .5em;
}

input:hover, textarea:hover, input:focus, textarea:focus { background-color: #FFEFF5 }

a.rounded, .button {
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
  display: -moz-inline-box;
  display: inline-block;
  overflow: visible;
	text-transform: uppercase;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;	
}
.button {
  color: #FFF;
  background-color: #7C7A7B;
  padding: 5px 10px;
}
a.rounded:visited { color: #FFF }
a.rounded:hover { text-decoration: none }
.form { background-color: #BF0049; font-size: 120% }
.button:hover { background-color: #000 } 
.button:hover, .button:focus, .button:active { color: #FFF }
form .button { float: right }

#content form img { float: none; margin: 0; padding: 0; border: 0 }
form p { margin-top: 1em }
label.error { color: #C00 }
input.error, textarea.error { border-color: #C00 }

#enquiry { 
	position: relative; 
	width: 530px;
	margin: 0 auto; 
	overflow: hidden 
}
	#enquiry input, #enquiry textarea { width: 520px }
	#enquiry .button { width: auto }
	#enquiry div { position: relative }
	#send-btn { margin-right: 170px }
	
/*------ footer ------*/

#footer {
	clear: both;
	position: relative;
	width: 100%;
	padding-top: 10px;
	font-size: 90%;
	text-align: center;
	background: #BF0049;
	color: #FFF
}
	
	#footer span { 
		padding: 0 5px 0 2px;
		border-right: 1px solid #CC4E7E 
	}
		#footer .adr, #footer .country-name { padding: 0; border: 0 }

	#footer a { color: #FFF; font-weight: normal }
	
	#footer p { margin: 0 }
	
	#footer .phone { font-size: 132.5% }
		#footer .phone span { padding-right: 13px }
		#footer .phone .tel { margin-right: 10px; padding: 0; border: 0 }
		
	#footer .db {
		position: absolute;
		top: 10px;
		left: 0;
		text-align: left
	}
		.db a { 
			display: block;
			width: 203px;
			height: 54px;
			background: url(../images/used-machinery_on.png) no-repeat 
		}
		
	#footer .btn {
		position: absolute;
		top: 42px;
		right: 0;
	}
		#footer .btn a { 
			float: right;
			height: 31px;
			margin-left: 10px;
			background-repeat: no-repeat
		}
		.db a:hover, .db a:focus, .db a:active, 
		#footer .btn a:hover, #footer .btn a:focus, #footer .btn a:active { text-indent: -999em; outline: 0 }
		#q400 { width: 54px; background-image: url(../images/btn_q400_on.png) }
		#b-contact { width: 97px; background-image: url(../images/btn_contact_on.png) }
		#b-home { 
			position: relative;
			top: 1px;
			width: 121px; 
			background-image: url(../images/btn_home_on.png) 
		}
		
	#footer ul {
		height: 1.5em;
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
		border-left: 1px solid #FFF;
		font-size: 112.5%;
		text-align: left;
	}
	
		#footer li {
			float: left;
			padding: 0 15px;
			border-right: 1px solid #FFF
		}
			#footer .last, .ie #footer .last { margin: 0 }

		@media screen and (-webkit-min-device-pixel-ratio:0) { 
			#footer li { padding: 0 16px } 
		} 
			#footer a { font-weight: bold }
			#footer li:hover { 
				background: #000;
				color: #FFF
			}
			#footer a:hover, #footer a:focus { text-decoration: none }
			
	#footer .credit {
		clear: both;
		margin-top: 4em;
		color: #000;
		text-align: left
	}
		#footer .credit a { color: #000 }