/*
	SCREEN.320CSS
	NOTES:		This style sheet extends the rules already setout in screen.css and files specified with lower resolutions.
				This operate at: > 750px
	UPDATED:	2012/10/17
	UPDATED BY:	David Dowdall
	
	CREDITS:	
*/

header {
	height: 7.8125em; /* height:125px */
}
header span.cta {
	display:none;
}
header span.strapline {
	display:block;
	position:absolute;
	top:15px;right:10px;
	
	font-weight:400;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5em; /* fallback */ font-size: 1.5rem; /* 24px */
}
header span.number {
	top:30px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 3em; /* fallback */ font-size: 3rem; /* 48px */
}

.rslider div.top-form {
	top:20px;right:20px;
	margin-right:0;
	background-image:url('../images/bg-top-form.png');
}

.rslider div.banner {
	display:block;
	position:absolute;
	bottom:0;left:0;
	width:100%;height:110px;
	background-image:url('../images/bg-banner.png');
}
.rslider div.banner span.line {
	display:block;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
}
.rslider div.banner span.line01 {
	margin-top:5px;
	color:#fff;
	line-height:40px;
	font-size: 1.625em; /* fallback */ font-size: 1.625rem; /* 26px */
}
.rslider div.banner span.line02 {
	height:25px;overflow:hidden;
	color:#703800;
	line-height:25px;
	font-size: 1em; /* fallback */ font-size: 1rem; /* 16px */
}
.rslider div.banner span.line03 {
	color:#fff;
	line-height:25px;
	text-decoration:underline;
	font-size: 1em; /* fallback */ font-size: 1rem; /* 16px */
}

article {
	float:left;
	width:58.333%;
}

article.blog {
	float:none;
	width:auto;
}

section.side-form {
	display:block;
	float:right;
	width:38.542%;
	margin-bottom:20px;padding-bottom:10px;
	background-image:url('../images/bg-form.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	
	border:0;
	-webkit-border-radius:5px;
	border-radius:5px;
}
section.side-form span.title {
	display:block;
	color:#fff;
	font-weight:700;
	line-height:50px;
	text-align:center;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5em; /* fallback */ font-size: 1.5rem; /* 24px */
}
section.side-form div.inner {
	margin:0 10px;padding:0 0 10px 0;
	background-color:#fff;
	border:0;
	-webkit-border-radius:3px;
	border-radius:3px;
}

section.side-form label {
	display:block;float:left;
	width:50%;
	margin-bottom:5px;
}
section.side-form label span {
	padding:0 10px;
	color:#888888;
	text-transform:uppercase;
	font-size: 0.688em; /* fallback */ font-size: 0.688rem; /* 11px */
}
section.side-form label input {
	width:79%;
	margin:0 5%;padding:3% 5%;
	border:1px solid #888888;
	-webkit-border-radius:2px;
	border-radius:2px;
	
	color:#888888;
	font-size: 0.688em; /* fallback */ font-size: 0.688rem; /* 11px */
}
section.side-form input.button {
	display:block;cursor:pointer;
	width:50%;
	margin:15px auto;padding:2% 5%;
	
	border:1px solid #65a40d;
	-webkit-border-radius:2px;
	border-radius:2px;
	
	color:#fff;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.25em; /* fallback */ font-size: 1.25rem; /* 20px */
	
	background: #73c600;
	background: -moz-linear-gradient(top, #73c600 0%, #65a40d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73c600), color-stop(100%,#65a40d));
	background: -webkit-linear-gradient(top, #73c600 0%,#65a40d 100%);
	background: -o-linear-gradient(top, #73c600 0%,#65a40d 100%);
	background: -ms-linear-gradient(top, #73c600 0%,#65a40d 100%);
	background: linear-gradient(to bottom, #73c600 0%,#65a40d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73c600', endColorstr='#65a40d',GradientType=0 );
}

/* ----- RESPONSLIDER ----- */

.rslider {
	position:relative;
	height:23.4375em; /* height:375px */
}

.responslider1 {
	background-image:url('../images/main/01.jpg');
}
.responslider2 {
	background-image:url('../images/main/02.jpg');
}
.responslider3 {
	background-image:url('../images/main/03.jpg');
}
.responslider4 {
	background-image:url('../images/main/04.jpg');
}
.responslider5 {
	background-image:url('../images/main/05.jpg');
}
.responslider6 {
	background-image:url('../images/main/06.jpg');
}

div.blog div.sidebar {display:block;float:right;width:25%;}

div.blog div.blog-excerpt {float:left;width:65%;}