/**************************************************************************************
UG HOME PAGE FEATURES


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


/* CSS Document */
/* Homepage Features */
#hpFeatureContainer {
	/*border-bottom: 1px solid #CCCCCC;*/
	border-top: 1px solid #CCCCCC;
	overflow: hidden;	
	width: 380px;
	}
	
#hpFeatures {
	/*height: 29.2em;*/
	height: 163px;
	width: 761px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	float: left;
	margin-left: -1px;
	}
	
#hpFeatures .feature {
	width: 679px;
	/*height: 23em;*/
	height: 11em;
	overflow: hidden;
	border: 1px solid #fff;
	padding: 3em 40px;
	}
	
#hpFeatures .feature img {
	float: left;
	margin: 0 60px 0 0;	}
		
#hpFeatures .feature h1 {
		font: bold 1.7em/1em "Trebuchet MS", Trebuchet, Arial, sans-serif;
		color: #FFF;
		}
		
#hpFeatures .feature p,
#hpFeatures .feature ul,
#hpFeatures .feature ol {
		font: 1.3em/1.5em "Trebuchet MS", Trebuchet, Arial, sans-serif;
		color: #FFF;
		margin: 1em 0 0;
		}
		
#hpFeatures .feature a {
		color: #81ccdd;
		text-decoration: none;
		}
		
		#hpFeatures .feature a:hover,
		#hpFeatures .feature a:focus,
		#hpFeatures .feature a.focus {
			background: #81ccdd;
			color: #000;
			}
	#hpFeatures .default {
		/*width: 759px;
		height: 29em;*/
		width: 373px;
		height: 16em;
		overflow: hidden;
		position: relative;
		/*border: 1px solid #436a73;*/
		}
		#hpFeatures .default .item {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			}
		#hpFeatures .default .nav {
			}
			#hpFeatures .default .nav li {
				cursor: pointer;
				width: 19px;
				height: 29px;
				text-indent: -999em;
				overflow: hidden;
				margin-top: -15px;
				top: 50%;
				position: absolute;
				z-index: 12;
				}
			#hpFeatures .default .nav .prev {
				left: 5px;
				background: url(http://www.surreysportspark.co.uk/assets/Images/Templates/17390_hp_prev_small.gif) 0 0 no-repeat;
				}
			#hpFeatures .default .nav .next {
				right: 5px;
				background: url(http://www.surreysportspark.co.uk/assets/Images/Templates/17389_hp_next_small.gif) 0 0 no-repeat;
				}
#hpFeatures .default .list {
			position: absolute;
			/*bottom: 10px;*/
			margin-top: 0px;
			padding-top: 0px;
			top: 0px;
			right: 10px;
			z-index: 11;
			height: 22px;
			float: right;	}
			
#hpFeatures .default .list li {				
				float: left;
				margin-left: 5px;
				/*background: #053e77;*/
				background-image: url(http://www3.surrey.ac.uk/dev/assets/images/ugleadimages.jpg);
				background-position: -713px -10px;
				background-repeat: no-repeat;
				height: 10px;		
				/*color: #82cbda;*/
				color: #ffffff;
				font-size: 12px;
				padding:0 5px 5px 5px;
				cursor: pointer;
				position: relative;
				height:10px;
				/*padding-top:0;*/
				}
				
#hpFeatures .default .list li.current {
					/*background: #F1E8CE;
					color: #000;
					background: #c0cfdd;*/
				background-image: url(http://www3.surrey.ac.uk/dev/assets/images/ugleadimages.jpg);
				background-position: -697px -10px;
				background-repeat: no-repeat;
				height: 10px;			
					}
	#hpFeatures .default h1 {
		position: absolute;
		left: 80px;
		top: 90px;
		font: bold 4.4em/1em "Trebuchet MS", Trebuchet, Arial, sans-serif;
		}
		#hpFeatures .default h1 a {
			text-decoration: none;
			color: #81ccdd;
			float: left;
			padding-right: 40px;
			background: url(http://www.surreysportspark.co.uk/assets/Images/Templates/17392_hpFeature_go_small.gif) bottom right no-repeat;
			}
		#hpFeatures .default h1 a:hover,
		#hpFeatures .default h1 a:focus,
		#hpFeatures .default h1 a.focus {
			color: #fff;
			text-decoration: underline;
			}
#hpFeatureList {
	width: 154px;
	float: left;
	padding: 0 0 0 22px;
	position: relative;
	z-index: 2;
	}
	#hpFeatureList ul,
	#hpFeatureList ul li {
		width: 153px;
		display: block;
		}
	#hpFeatureList li {
		padding-bottom: 3px;
		}
	#hpFeatureList a {
		display: block;
		border: 1px solid #436a73;
		background: #000 url(http://www.surreysportspark.co.uk/assets/Images/Templates/17391_hpFeature_bg_small.gif) left center repeat-x;
		font: 1.7em/1em "Trebuchet MS", Trebuchet, Arial, sans-serif;
		color: #f1e8ce;
		text-decoration: none;
		text-align: center;
		height: 1%;
		width: 108px;
		padding: 20px;
		}
	#hpFeatureList a:hover,
	#hpFeatureList a:focus,
	#hpFeatureList a.focus {
		border-color: #FFF;
		color: #FFF;
		}
		#hpFeatureList a.active {
			width: 108px;
			padding-right: 25px;
			color: #FFF;
			border-color: #FFF;
			border-right: none;
			}
#hpItems {
	background: url(http://www.surreysportspark.co.uk/assets/Images/Templates/17393_hpItem_bg_small.gif) 0 0 repeat-x;
	width: 100%;
	overflow: hidden;
	clear: both;
	border-top: 8px solid #000;
	}
	#hpItems ul {
		padding: 4px 19px;
		width: 100%;
		overflow: hidden;
		}
	#hpItems li {
		float: left;
		margin: 4px;
		}
	#hpItems  a {
		width: 297px;
		border: 1px solid #436a73;
		display: block;
		font: 1.6em/1em "Trebuchet MS", Trebuchet, Arial, sans-serif;
		color: #f1e8ce;
		text-decoration: none;
		overflow: hidden;
		background: #000000 url(http://www.surreysportspark.co.uk/assets/Images/Templates/17391_hpFeature_bg_small.gif) 0 25px repeat-x;
		}
		#hpItems a img {
			float: left;
			}
		#hpItems a span {
			float: left;
			width: 157px;
			padding: 50px 10px 0;
			text-align: center;
			}
	#hpItems a:hover,
	#hpItems a:focus,
	#hpItems a.focus {
		background: #f1e8ce;
		color: #000;
		}