/* ---- Page Style ---- */
/* the home page uses a different fade than other pages */
body {
	background-color: #E6E6E6;
	background-image: url(../images/index/background_gradient.png);
}

h1 {
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}


/* ---- Main section - Photos and links ---- */
#images {
	width: 826px;
	height: 645px;
	position: absolute;
	left: -10px;
	top: 110px;
}
	
	/* ---- Photos ---- */
	#images img {
		position: absolute;
		top: 3px;
		left: 11px;
	}

	/*
		the frame has a transparent centre with rounded corners.
		inserting a square image behind it will make the image
		appear to have rounded corners because the sides of the
		frame are coloured (drawing over the square edges).
	*/
	#images img#frame {
		position: absolute;
		top: 0px;
		left: 0px;	
	}
	
	
	/* ---- Links ---- */
	#images #links {
		height: 106px;
		width: 100%;
		position: absolute;
		left: 11px;
		bottom: 4px;
	}
	
		#images #links div {
			float: left;
			margin-right: 1px;
			position: relative;
			width: 270px;
			height: 106px;
			color: white;
			cursor: pointer;
		}
		
			#images #links div img {
				position: absolute;
				top: 0px;
				left: 0px;
			}
			
			#images #links div h1 {
				letter-spacing:	-1px;
				position: absolute;
				top: 8px;
				left: 10px;
			}
			
			#images #links div p {
				margin: 0px;
				padding: 0px;
				position: absolute;
				left: 10px;
				top: 29px;
				font-size: 11px;
				line-height: 17px;
				width: 250px;
			}
	
	

/* ---- Sponsors ---- */
#sponsors {
	padding: 12px 10px 0px 10px;
	width: 118px;
	height: 636px;
	background-image: url(../images/sponsors/box.png);
	position: absolute;
	top: 110px;
	left: 830px;
	text-align: center;
}

	#sponsors h1 {
		color: #333;
	}
	
	#sponsors img {
		margin-top: 9px;
	}