@font-face {
font-family: 'KoushikiSans-R';
	src: url('/KoushikiSans/KoushikiSans-Regular.eot') format('eot'),
	url('/KoushikiSans/KoushikiSans-Regular.woff') format('woff'),
	url('/KoushikiSans/KoushikiSans-Regular.ttf') format('truetype');
}

body {
	font-family: KoushikiSans-R, Helvetica, Arial, sans-serif;
	height: 100%;
	background-color: #e0e0e0;
}

a {
	color: #f02908;
	font-weight: bold;
}

a:hover {
	color: #399899;
}

.header .headercolours {
	height: 25px;
	margin-top: 5px;
	margin-bottom: -15px;
}

.header .headercolor1 {
	height: 25px;
	display: block;

	width: 10%;
	background-color: #b77332;
	margin-left: 25px;
	
	float: left;
}

.header .headercolor2 {
	height: 25px;
	width: 10%;

	background-color: #9e4f07;
	margin-left: 10px;

	float: left;
}

.header .headercolor3 {
	height: 25px;
	width: 10%;

	background-color: #f27810;
	margin-left: 10px;

	float: left;
}

.header .headercolor4 {
	height: 25px;
	width: 10%;

	background-color: #f6b475;
	margin-left: 10px;

	float: left;
}

.header .headercolor5 {
	height: 25px;
	width: 51%;

	background-color: #d3843a;
	margin-left: 10px;

	float: left;
}

.header, #xsm_header {
	padding-top: 15px;
	
	color: #72471f;
	background-color: #e8bc91;
}

.header .row {
	padding-top: 5px;
	padding-bottom: 15px;
	background-color: #f49944;
}

.r1 .headercolor5 {
	background-image: url(http://handyande.co.uk/img/_images/steam.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.r2 {
	background-image: url(http://handyande.co.uk/img/_images/steam.png);
	background-repeat: no-repeat;
	background-position: 96% -25px;
}

.headertitle {
	padding: 0 25px;
}

.header .headertitle {
	font-size: 140%;
	line-height: 1.4;
}

.header .headertitle a {
	color: #72471f;
	text-decoration: none;
}

.header .headertitle a:hover {
	text-decoration: underline;
}

.header .headerlogo {
	text-align: right;
	padding-top: 3px;
}

.footer .row {
	padding-top: 20px;
	padding-bottom: 8px;
	background-color: #ffffff;
	height: 25pt;
	margin-bottom: 15px;
	
	font-size: 9pt;
}

.footer .row ul {
	padding: 7px 25px;
	text-align: center;
	
	background-color: #f8cf76;
}

.footer .row li {
	display: inline-block;
	width: 8%;
	text-align: center;
}

.footer .row li a, .footer .row li span {
	color: #a66e22;
}

.footer .row li a:hover {
	color: #399899;
}

.content .row {
	background-color: #ffffff;
	color: #333;

	text-align: justify;	
}

.content .xsm_menu_group {
	padding-left: 25px;
}

.content div.inner {
	padding-left: 2%;
	border-left: 1px dotted #f6b475;
}

.content .row .threecol, .content .row .ninecol {
	padding-top: 20px;
	padding-bottom: 20px;
}

.content h1 {
	font-size: 160%;
	padding-bottom: 5pt;

	margin-right: 5.7%;
}

.content p {
	padding-top: 5pt;
	padding-bottom: 5pt;
}

.content a {
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;
}

.content .nav, #xsm_menu {
	margin-right: 0;
}

.content .nav li, #xsm_menu li {
	list-style: none;
	line-height: 1.5;
}

/* Smaller screens */

@media only screen and (max-width: 1023px) {
	.headerlogo img {
		height: 76px;
	}
}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

.header {
	padding-top: 0;
}

.headertitle {
	background-image: url(http://handyande.co.uk/img/_images/steam.png);
	background-repeat: no-repeat;
	background-position: 100% -10px;
}

.footer {
	padding-bottom: 0;
}

.footer .row {
	height: auto;
	padding: 0;
}

.footer .row .last, .header .row, .header .row .headertitle {
	padding: 0;
}

.row ul.xsm_menu_group {
	padding: 0;
}
.row ul.xsm_menu_group ul.xsm_menu_group {
	padding-left: 25px;
}

.footer .row li {
	display: block;
	width: 100%;
	text-align: left;
	line-height: 1.5;
}

.headercolours {
	display: none;
}

.r2,.r1 .headercolor5 {
	background-image: none;
}

.content div.inner  {
	width: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
}


.content h2 {
	margin-right: 0;
}

.content p {
	margin-right: 0;
}

.content hr {
	margin-right: 0;
}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}


/* XSM elements */
.xsm_meta_title {
  margin-top: 0;
}

.xsm_menu_hidden {
	display: none;
}