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

header .logo {
	max-width:260px;
	margin:0;
	top:10%;left:10px;	
}

header span.cta {
	display:block;
	position:absolute;
	top:30px;right:10px;
	
	font-weight:400;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em; /* fallback */ font-size: 1.125rem; /* 18px */
}
header span.number {
	top:45px;
	font-size: 2em; /* fallback */ font-size: 2rem; /* 32px */
}

nav ul.business {display:block;float:right;}

nav ul.business li {margin-right:0;}

nav ul li a.business {
	width:150px;
	margin:15px auto;padding:2% 20px;
	
	border:1px solid #f79535;
	-webkit-border-radius:2px;
	border-radius:2px;
	
	color:#fff;
	font-weight:400;
	text-align:center;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.125em; /* fallback */ font-size: 1.125rem; /* 18px */
	
	background: #fab775;
	background: -moz-linear-gradient(top, #fab775 0%, #f79535 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fab775), color-stop(100%,#f79535));
	background: -webkit-linear-gradient(top, #fab775 0%,#f79535 100%);
	background: -o-linear-gradient(top, #fab775 0%,#f79535 100%);
	background: -ms-linear-gradient(top, #fab775 0%,#f79535 100%);
	background: linear-gradient(to bottom, #fab775 0%,#f79535 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab775', endColorstr='#f79535',GradientType=0 );
}

nav ul.business ul {
	display:none;
	position:absolute;
	top:190px;left:0;
	width:94%;
	padding:20px 3%;
}

footer {
	padding:120px 1.370% 30px 1.370%;
	background-image:url('../images/bg-footer.jpg');
	background-position:top center;
	background-repeat:repeat-x;
}

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

.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/01.jpg');
}
.responslider5 {
	background-image:url('../images/main/02.jpg');
}
.responslider6 {
	background-image:url('../images/main/03.jpg');
}