/**************************************************************************************
NSS2013.CSS


**************************************************************************************/


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
body {
  background-color: #fff;
  margin: 0;
}
a img {
  border: none;
}
nav ul,
nav ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.sketch-block {
  font-family: sketch-block-bold, arial, helvetica, sans-serif;
}
.reservoir-grunge {
  font-family: "Reservoir Grunge", Times, serif;
}
.arial {
  font-face: arial, hevetica, sans-serif;
}
.sister {
  font-family: 'LoveYaLikeASisterW00-Re', Times, serif;
}
body {
  background-color: #c0c0c0;
  font-family: arial, hevetica, sans-serif;
  margin: 0;
}
body {
  background-color: #c0c0c0;
  font-family: arial, hevetica, sans-serif;
  margin: 0;
}
html {
  height: 100%;
}
body {
  display: table;
  height: 100%;
  width: 100%;
}
#container {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  width: 100%;
}
#box {
  background-color: #fff;
  background-image: url("http://www.surrey.ac.uk/nss/images/99444_nss-background_small.jpg");
  height: 100%;
  margin: auto;
  max-height: 650px;
  max-width: 1000px;
}
#main {
  height: 82%;
  max-height: 533px;
  overflow-y: auto;
}
#igrad-logo {
  display: block;
  float: left;
  margin: 30px 23px 18px 23px;
}
#other-logos {
  float: right;
  margin: 30px 23px 0 0;
}
#other-logos li {
  float: left;
}
#other-logos li:first-child {
  margin-right: 38px;
}
/*	
#section-nav {
		background-color: #323232;
		position: fixed;
		z-index: 100;
		width: @totalWidth * 1px;  // This shouldn't be a fixed width, but we'll sort it with JavaScript later
		
		ul {
			border-top: 1px solid #666;
			margin-left: 18px;
			margin-right: 18px;
			padding-top: 20px;}
		
		li {			
			display: block;
			float: left;
			padding-bottom: 30px;
			width: 33.333%;
			}
		
		a {
			background-image: url("@{images-folder}nav-divider.png");
			background-repeat: repeat-y;
			color: #fff;
			display: block;
			font-family: cerebro;
			padding-left: 20px;
			text-decoration: none;
			
			span {				
				color: #9c9b9b;
				display: block;
				font-family: @arial;
				}
			
			}
		}
*/
.row {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.unit-sequence {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unit-sequence.scrolling {
  position: absolute;
}
/*	
.left, .right {
	background-repeat: no-repeat;
	height: 27px;
	left: 20px;
	position: absolute;
	top: 50%;
	width: 39px;
	z-index: 20;
	
	&:focus {
		outline: none;}
	
	}
	
	
.left {
	//background-image: url("@{images-folder}left-arrow-off.png");
	background-image: url("@{images-folder}99498_left-arrow-off_small.png");
	
	&:hover {
		//background-image: url("@{images-folder}left-arrow-on.png");}
		background-image: url("@{images-folder}99499_left-arrow-on_small.png");}
	
	}
	
.right {
	//background-image: url("@{images-folder}right-arrow-off.png");
	background-image: url("@{images-folder}99500_right-arrow-off_small.png");
	
	&:hover {
		//background-image: url("@{images-folder}right-arrow-on.png");}
		background-image: url("@{images-folder}99501_right-arrow-on_small.png");}
		
	right: 20px;
	left: auto;}
	*/
#why-home {
  background-image: url("http://www.surrey.ac.uk/nss/images/99453_why-home_small.png");
  background-position: 57% 54%;
}
#why-home .unit-content {
  padding-left: 43.5%;
  padding-top: 24%;
}
#studying {
  background-image: url("http://www.surrey.ac.uk/nss/images/teachinglarge.png");
  background-position: 11% 53%;
}
#campus {
  background-image: url("http://www.surrey.ac.uk/nss/images/campuslarge.png");
}
#systems {
  background-image: url("http://www.surrey.ac.uk/nss/images/pclarge.png");
  background-position: 19% 0;
}
#international {
  background-image: url("http://www.surrey.ac.uk/nss/images/internationallarge.png");
  background-position: 11% 75%;
}
#international .unit-content {
  padding-top: 16%;
}
#accommodation {
  background-image: url("http://www.surrey.ac.uk/nss/images/accommodationlarge.png");
}
#transport {
  background-image: url("http://www.surrey.ac.uk/nss/images/transportlarge.png");
}
#catering {
  background-image: url("http://www.surrey.ac.uk/nss/images/catering.png");
}
#sports {
  background-image: url("http://www.surrey.ac.uk/nss/images/sportlarge.png");
}
#claiming {
  background-image: url("http://www.surrey.ac.uk/nss/images/claimyourvoucher.png");
  background-position: 13% 62%;
}
#claiming .unit-content {
  padding-left: 41.5%;
}
#step1 {
  background-image: url("http://www.surrey.ac.uk/nss/images/voucherstep1.png");
  background-position: 20% 62%;
}
#step2 {
  background-image: url("http://www.surrey.ac.uk/nss/images/voucherstep2.png");
  background-position: 20% 62%;
}
#step3 {
  background-image: url("http://www.surrey.ac.uk/nss/images/voucherstep3.png");
  background-position: 15% 62%;
}
#step4 {
  background-image: url("http://www.surrey.ac.uk/nss/images/voucherstep4.png");
  background-position: 14% 62%;
}
#terms {
  background-image: url("http://www.surrey.ac.uk/nss/images/terms.png");
  background-position: 10% 50%;
}
#terms .unit-content {
  padding-left: 30%;
  padding-top: 10%;
}
#site-footer {
  background-color: #404040;
  zoom: 1;
  height: 9.230769230769232%;
  max-height: 60px;
  min-height: 60px;
}
#site-footer:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
#footer-nav {
  float: right;
}
#footer-nav li {
  float: left;
}
#footer-nav a {
  color: #fff;
}
#footer-link-survey {
  background-image: url("http://www.surrey.ac.uk/nss/images/footer-survey-link-bg.png");
}
#footer-link-survey a {
  background-image: url("http://www.surrey.ac.uk/nss/images/right-arrow-icon.png");
}
#footer-link-next.why {
  background-image: url("http://www.surrey.ac.uk/nss/images/footer-next-link-pink-bg.png");
}
#footer-link-next.legal {
  background-image: url("http://www.surrey.ac.uk/nss/images/footer-next-link-red-bg.png");
}
#footer-link-next.voucher {
  background-image: url("http://www.surrey.ac.uk/nss/images/footer-next-link-green-bg.png");
}
#footer-link-next a {
  background-image: url("http://www.surrey.ac.uk/nss/images/down-arrow-icon.png");
}
.s-shift {
  display: inline-block;
  margin-top: -22px;
  vertical-align: text-top;
}
#site-header {
  height: 8.615384615384615%;
  max-height: 56px;
  min-height: 56px;
  padding: 0;
}
#section-nav {
  zoom: 1;
  background-color: #3a0c11;
  border-bottom: 1px solid #fff;
  padding-top: 10px;
  position: relative;
  z-index: 4;
}
#section-nav:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
#section-nav li {
  font-family: 'LoveYaLikeASisterW00-Re', Times, serif;
  float: left;
  font-size: 1.2em;
  line-height: 1;
  margin-bottom: -14px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 2px;
  position: relative;
  z-index: 1;
}
#section-nav li#section-nav-home {
  margin-right: 72px;
}
#section-nav a {
  background-color: #3a0c11;
  border-radius: 8px;
  color: #fff;
  display: block;
  padding-top: 10px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  z-index: 100;
}
#section-nav a:hover,
#section-nav a.active {
  background-color: #000;
  border-radius: 8px;
}
#section-nav a:hover:after,
#section-nav a.active:after {
  background-color: transparent;
  border: none;
}
#section-nav a:focus {
  outline: none;
}
#section-nav a span {
  display: block;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 5px;
}
#section-nav a:after {
  border: 1px solid #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: none;
  content: ' ';
  display: block;
  height: 12px;
  padding-left: 10px;
  padding-right: 10px;
}
.unit {
  background-position: 8% 43%;
  background-repeat: no-repeat;
  height: 100%;
  position: relative;
  width: 100%;
}
.unit-content {
  padding-left: 48.6%;
  padding-right: 1.6%;
}
.unit-content:before {
  background-image: url("http://www.surrey.ac.uk/nss/images/99466_unit-content-top_small.png");
  background-position: center;
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 102px;
}
.unit-content:after {
  background-image: url("http://www.surrey.ac.uk/nss/images/99465_unit-content-bottom_small.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 100px;
  margin-top: 1px;
}
.unit-content .unit-content-inner {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background-color: #19181b;
  color: #fff;
  padding: 20px;
}
.unit-content .unit-content-inner h3 {
  font-family: 'LoveYaLikeASisterW00-Re', Times, serif;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1;
  margin: 0 0 19px 0;
  text-transform: uppercase;
}
.unit-content .unit-content-inner h3 a {
  color: #fff;
  text-decoration: none;
}
.unit-content .unit-content-inner h4 {
  color: #fff;
  font-size: 85%;
  margin: 0 0 5px 0;
}
.unit-content .unit-content-inner p {
  font-family: arial, hevetica, sans-serif;
  font-size: 71.5%;
  margin: 0 0 1.5em 0;
}
.unit-content .unit-content-inner ul {
  margin: 0 0 1.5em 0;
}
.unit-content .unit-content-inner li {
  font-face: arial, hevetica, sans-serif;
  font-size: 71.5%;
  margin: 0 0 0.5em 0;
}
.unit-content .unit-content-inner a {
  color: #9a0011;
  font-weight: bold;
}
#home {
  background-image: url("http://www.surrey.ac.uk/nss/images/99459_nss-home-background_small.png");
}
#home #take-survey {
  font-family: 'LoveYaLikeASisterW00-Re', Times, serif;
  font-size: 1em;
  line-height: 1;
  margin: 1em 0 0 0;
  text-transform: uppercase;
  /*
		background-image: url("@{images-folder}buttonfanfair_top_on.png");
		
		background-position: center top;
		background-repeat: no-repeat;
		left: 55%;
		min-width: 288px;
		padding-top: 74px;
		position: absolute;
		text-align: center;
		top: 5px;
		*/

  /*
		&:hover {
			background-image: url("@{images-folder}buttonfanfair_top_off.png");
		}
		*/

  /*
		a {
			
			background-image: url("@{images-folder}buttonfanfare_base_on.png");
			background-position: center bottom;
			background-repeat: no-repeat;
			color: @unit-background-colour;
			display: block;
			font-size: 1.5em;			
			padding-bottom: 72px;
			text-decoration: none;
			text-transform: uppercase;

			&:hover {
				background-image: url("@{images-folder}buttonfanfair_base_off.png");
				color: #fff;
				}
		
			}	
		*/
}
#home #take-survey a {
  font-size: 1.4em;
  text-decoration: none;
}
#home #take-survey a:hover {
  text-decoration: underline;
}
#unit-about-survey {
  background-image: url("http://www.surrey.ac.uk/nss/images/99484_about_small.png");
}
#unit-how-and-why {
  background-image: url("http://www.surrey.ac.uk/nss/images/99485_five-minutes_small.png");
}
#unit-how-and-why .unit-content {
  margin-top: 39px;
}
#unit-focus-on-feedback {
  background-image: url("http://www.surrey.ac.uk/nss/images/99486_positive-changes_small.png");
}
#unit-focus-on-feedback .unit-content {
  margin-top: 83px;
}
#unit-it-support-247 {
  background-image: url("http://www.surrey.ac.uk/nss/images/99487_more-support_small.png");
}
#unit-it-support-247 .unit-content {
  margin-top: 85px;
}
#unit-we-listened {
  background-image: url("http://www.surrey.ac.uk/nss/images/99488_computer-library_small.png");
}
#unit-we-listened .unit-content {
  margin-top: 87px;
}
#unit-surrey-learns {
  background-image: url("http://www.surrey.ac.uk/nss/images/99489_reading-lists_small.png");
}
#unit-surrey-learns .unit-content {
  margin-top: 80px;
}
#unit-lending-a-hand {
  background-image: url("http://www.surrey.ac.uk/nss/images/99490_library-help_small.png");
}
#unit-lending-a-hand .unit-content {
  margin-top: 75px;
}
#unit-more-choice-no-problem {
  background-image: url("http://www.surrey.ac.uk/nss/images/99491_workshops_small.png");
}
#unit-more-choice-no-problem .unit-content {
  margin-top: 75px;
}
#unit-virtually-perfect {
  background-image: url("http://www.surrey.ac.uk/nss/images/99492_vle_small.png");
}
#unit-virtually-perfect .unit-content {
  margin-top: 50px;
}
#unit-easier-access {
  background-image: url("http://www.surrey.ac.uk/nss/images/99493_support-services_small.png");
}
#unit-easier-access .unit-content {
  margin-top: 50px;
}
#unit-were-on-a-mission {
  background-image: url("http://www.surrey.ac.uk/nss/images/99494_mission_small.png");
}
#unit-were-on-a-mission .unit-content {
  margin-top: 68px;
}
#unit-on-your-marks {
  background-image: url("http://www.surrey.ac.uk/nss/images/99495_marks_small.png");
}
#unit-on-your-marks .unit-content {
  margin-top: 59px;
}
#unit-following-your-feedback {
  background-image: url("http://www.surrey.ac.uk/nss/images/99496_study-skills_small.png");
}
#unit-following-your-feedback .unit-content {
  margin-top: 59px;
}
#unit-supporting-your-learning {
  background-image: url("http://www.surrey.ac.uk/nss/images/99497_specialist-software_small.png");
}
#unit-supporting-your-learning .unit-content {
  margin-top: 68px;
}
#unit-voucher {
  background-image: url("http://www.surrey.ac.uk/nss/images/99502_dont-forget-voucher_small.png");
}
#unit-voucher .unit-content {
  margin-top: 23px;
}
#unit-survey {
  background-image: url("http://www.surrey.ac.uk/nss/images/99503_voucher-step-1_small.png");
}
#unit-survey .unit-content {
  margin-top: 70px;
}
#unit-confirm {
  background-image: url("http://www.surrey.ac.uk/nss/images/99504_voucher-step-2_small.png");
}
#unit-confirm .unit-content {
  margin-top: 70px;
}
#unit-show {
  background-image: url("http://www.surrey.ac.uk/nss/images/99505_voucher-step-3_small.png");
}
#unit-show .unit-content {
  margin-top: 0;
}
#unit-spend {
  background-image: url("http://www.surrey.ac.uk/nss/images/99506_voucher-step-4_small.png");
}
#unit-spend .unit-content {
  margin-top: 0;
}
#unit-essential-info {
  background-image: url("http://www.surrey.ac.uk/nss/images/99507_small-print_small.png");
}
#unit-essential-info .unit-content {
  margin-top: 0;
}
.left,
.right {
  background-repeat: no-repeat;
  height: 36px;
  left: 174px;
  position: absolute;
  top: 80%;
  width: 39px;
  z-index: 20;
}
.left:focus,
.right:focus {
  outline: none;
}
.left {
  background-image: url("http://www.surrey.ac.uk/nss/images/99498_left-arrow-off_small.png");
}
.left:hover {
  background-image: url("http://www.surrey.ac.uk/nss/images/99499_left-arrow-on_small.png");
}
.right {
  background-image: url("http://www.surrey.ac.uk/nss/images/99500_right-arrow-off_small.png");
  left: 234px;
}
.right:hover {
  background-image: url("http://www.surrey.ac.uk/nss/images/99501_right-arrow-on_small.png");
}
#site-footer {
  background-color: #340b0f;
  background-color: rgba(50, 11, 15, 0.75);
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf320b0f, endColorstr=#bf320b0f)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf320b0f, endColorstr=#bf320b0f);
  border-top: 1px solid #fff;
}
#prev-next {
  float: left;
  padding-left: 20px;
  margin-top: -5px;
}
#prev-next li {
  float: left;
  margin-right: 6px;
}
#prev-next a {
  color: #fff;
}
#footer-logos {
  float: right;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#footer-logos li {
  float: left;
  margin-right: 59px;
  padding-top: 11px;
}
#footer-logos li#surrey-logo {
  padding-top: 20px;
}
#footer-logos li#ussu-logo {
  padding-top: 17px;
}
#footer-logos li:last-child {
  margin-right: 20px;
}
#holding-page #site-header {
  background-color: #340b0f;
  background-color: rgba(50, 11, 15, 0.75);
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf320b0f, endColorstr=#bf320b0f)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf320b0f, endColorstr=#bf320b0f);
  border-bottom: 1px solid #fff;
  height: 44px;
}
#holding-page #holding-text-large {
  font-family: sketch-block-bold, arial, helvetica, sans-serif;
  font-size: 6em;
  line-height: 0.8;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
#holding-page p {
  font-face: arial, hevetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  text-align: center;
}
#holding-page #main {
  overflow: hidden;
}
#holding-page .unit-content:before {
  margin-top: 10px;
}
#holding-page #holding {
  background-image: url("http://www.surrey.ac.uk/nss/images/nss-home-background.png");
  background-position: 80px 45px;
}