/*
	Rhino Training version 1.0 by Craig Robertson
 	http://www.rhinotrain.com

	Contents
	
	1. Structure
	2. Navigation
	3. Header
	4. Content
	5. Form Elements
	6. Gallery
	7. Footer

------------------------------------------------------------
	1. Structure
------------------------------------------------------------ */

	html>body, html>body #container {
		height: auto;
	}
	body {
		background: url("../img/body.jpg") fixed;
		position: relative;
		height: 100%;
	}
	#container {
		background-color: #FFF;
		width: 960px;
		height: 100%;
		margin: 0 auto;
		padding: 15px;
		-moz-box-shadow: 0px 20px 40px -10px #888;
	}
	#header {
		position: relative;
		height: 175px;
		margin: 0 auto;
	}
	#main-content {
		position: relative;
		background-color: #FFF;
		height: auto;
		margin: 15px auto 50px auto;
		overflow: hidden;
	}
	h1#branding-logo a {
		background: url("../img/logo-white.gif") no-repeat;
		position: absolute;
		z-index: 1;
		top: 23px;
		left: 0;
		height: 79px;
		width: 245px;
		text-indent: -999px;
		overflow: hidden;
	}
		
/* ------------------------------------------------------------
	2. Navigation
------------------------------------------------------------ */

	ul#accessibility {
		display: none;
	}
	#primary-navigation {
		position: absolute;
		top: 135px;
		right: 0;
		overflow: hidden;
	}
	#primary-navigation li {
		background: url("../img/curved-button.gif") no-repeat;
		background-color: #4C691F;
		width: 115px;
		margin-left: 0;
		margin-right: 5px;
		float: left;
		list-style: none;
	}
	#primary-navigation li.selected {
		background: url("../img/curved-button-on.gif") no-repeat;
	}	
/* ------------------------------------------------------------
	3. Header
------------------------------------------------------------ */
	
	h2#strapline {
		position: absolute;
		top: 35px;
		right: 0;
	}
	
/* ------------------------------------------------------------
	4. Content
------------------------------------------------------------ */
	
	#rhino-moving-ad {
		border: 1px solid #CCC;
	}
	#about-us {
		width: 280px;
		float: left;
		margin-top: 20px;
		padding-right: 40px;
	}
	#our-services {
		width: 280px;
		margin-top: 20px;
		float: left;
	}
	#latest-news {
		width: 280px;
		/*float: right;*/
		background-color: #000;
		padding: 20px 20px 10px 20px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		position: absolute;
		top: 0;
		right: 5px;
	}
	#latest-news li {
		border-bottom: 1px dashed #CCC;
		padding-bottom: 10px;
	}
	#news li {
		list-style-type: none;
		padding-top: 10px;
		margin-left: 0;
		border-top: 1px solid #CCC;
	}
	#news li:first-child {
		border: none;
	}
	#news h3 {
		font-size: 16px;
		margin-bottom: 25px;
	}
	#news img {
		float: left;
		margin-right: 10px;
	}
	#about-us img, #our-services img, #latest-news img {
		border: 2px solid #CCC;
		padding: 2px;
		margin: 0 auto 10px auto;
		width: 272px;
		height: 187px;
	}
	#columnone {
		width: 620px;
		float: left;
	}
	#news-items li {
		border-bottom: 1px solid #CCC;
		padding-top: 10px;
		margin-left: 0;
	}
	#news-items img {
		float: left;
		margin-right: 15px;
	}
	#contact-details {
		float: left;
	}
	#google-map {
		float: right;
	}
	#map {
		width: 425px;
		height: 350px;
		float: right;
	}
	#association-logos {
		width: 320px;
		float: right;
		margin-top: 185px;
	}
	#association-logos li {
		list-style-type: none;
		float: left;
		margin: 0;
		width: 125px;
		text-align: center;
		padding: 15px;
	}
	#association-logos .edexcel {
		width: 250px;
	}
	#association-logos h4 {
		color: #999;
		width: 320px;
		text-align: center;
	}
	
/* ------------------------------------------------------------
	5. Contact Form
------------------------------------------------------------ */
	
	#contact-form {
		float: left;
		margin-right: 35px;
	}
	#contact-form label {
		width: 100px;
		color: #000;
		float: left;
	}
	#contact-form input[type="text"], #contact-form textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		width: 200px;
		padding: 0.2em;
	}
	#contact-form input[type="submit"], #contact-form input[type="reset"], #contact-form input[type="button"] {
		padding: 2px 4px;
		margin-left: 100px;
	}
	#contact-form .comments {
		vertical-align: top;
	}
	
/* ------------------------------------------------------------
	6. Gallery
------------------------------------------------------------ */

	/*#thumbnails li:first-child {
		margin-left: 0;
		border: 1px solid red;
	}*/
	#thumbnails {
		width: 915px;
		margin: 0 auto;
		overflow: hidden;
	}
	#thumbnails li {
		list-style-type: none;
		margin: 0 13px 20px 13px;
		padding: 0;
		float: left;
	}
	#thumbnails img {
		border: 1px solid #CCC;
	}
	
/* ------------------------------------------------------------
	7. Footer
------------------------------------------------------------ */

	#footer {
		background: url("../img/footer-background.png") repeat-x;
		margin: 0 auto;
		overflow: hidden;
	}
	#footer-wrapper {
		overflow: hidden;
		width: 960px;
		margin: 40px auto 10px auto;
		padding: 0 25px;
	}
	#footer-col-one, #footer-col-two, #footer-col-three {
		float: left;
		margin-right: 20px;
	}
	#footer-col-one {
		width: 205px;
	}
	#footer-col-two {
		width: 250px;
	}
	#footer-col-three {
		width: 235px;
	}