.wrapper {
	position: absolute;
	width: 940px;
	height: 824px;
	left: 50%;
	top: 0px;
	margin-left: -470px;
}
.header {
	position: absolute;
	height: 110px;
	width: 940px;
}
.banner {
	position: absolute;
	height: 60px;
	width: 468px;
	top: 7px;
	right: 0px;
	z-index: 5;
}
.top-nav {
	position: absolute;
	height: 30px;
	width: 760px;
	top: 120px;
	background-color: #eaeaea;
	z-index: 0;
}
.top-links {
	background-position: bottom;
	position: absolute;
	height: 15px;
	width: 160px;
	text-align: center;
	right: 2px;
	bottom: -3px;
}
.advertise {
	position: absolute;
	height: 15px;
	width: 160px;
	text-align: center;
	right: 160px;
	bottom: -3px;
}
.date-bar {
	position: absolute;
	font:9px "Calibra", "Segeo", Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	height: 30px;
	width: 160px;
	top: 120px;
	right: 0px;
	background-image: url(../images/date-bar-bg.jpg);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	border: 1px solid #eaeaea;
	color: #FF3399;
}
.inner-date {
	position: absolute;
	height: 20px;
	width: 160px;
	top: 5px;
	left: 50%;
	margin-left: -80px;
	text-align: center;
}
.intro-image {
	position: absolute;
	height: 280px;
	width: 520px;
	left: 0px;
	top: 160px;
}
.intro-article {
	position: absolute;
	height: 280px;
	width: 220px;
	left: 540px;
	top: 160px;
	font-size: 12px;
	font-style: italic;
}
.gallery-index {
	position: absolute;
	height: 280px;
	width: 220px;
	left: 540px;
	top: 160px;
	padding: 15px 10px 10px;

}
.writer {
	color: #FFFFFF;
	font-style: italic;
	font-size: 10px;
	background-color: #3399FF;
	padding-left: 2px;
	padding-right: 5px;
}
.ad-tiles {
	position: absolute;
	height: 653px;
	width: 160px;
	top: 160px;
	right: 0px;
	background-color: #eaece7; 
	text-align: center;
	padding-top: 1px;
}
.col1-cover {
	position: absolute;
	height: 364px;
	width: 280px;
	left: 0px;
	top: 450px;
	background-color: #bee7e9;

}
.col2-articles {
	position: absolute;
	height: 198px;
	width: 350px;
	left: 300px;
	top: 450px;
	padding: 10px;
}
.col2-articles a:link {
	color: #FFFFFF;
	background-color: #FF3399;
	padding-right: 3px;
	padding-left: 2px;
	text-decoration: none;

}
.col2-articles a:visited {
	color: #FFFFFF;
	background-color: #FF3399;
	padding-right: 3px;
	padding-left: 2px;
	text-decoration: none;
}
.col2-articles a:hover {
	text-decoration: none;
	background-color: #66CCFF;
	padding-right: 3px;
	padding-left: 2px;

}
.col2-articles a:active {
	color: #FFFFFF;
	background-color: #FF3399;
	padding-right: 3px;
	padding-left: 2px;
	text-decoration: none;
}
.col2-archive {
	position: absolute;
	height: 114px;
	width: 210px;
	left: 300px;
	top: 680px;
	padding: 10px;
}
.col3-upper {
	background-color: #eaeaea;
	position: absolute;
	height: 198px;
	width: 198px;
	left: 540px;
	top: 450px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
.col3-upper a:link {
	color: #333333;
	background-color: #CCFF33;
	padding-right: 3px;
	padding-left: 2px;
	text-decoration: none;
}
.col3-upper a:visited {
	color: #FFFFFF;
	background-color: #CCFF33;
	padding-right: 3px;
	padding-left: 2px;
	text-decoration: none;
}
.col3-upper a:hover {
	color: #FFFFFF;
	background-color: #66CCFF;
	padding-right: 3px;
	padding-left: 2px;
	text-decoration: none;
}
.col3-upper a:active {
	color: #FFFFFF;
	background-color: #CCFF33;
	padding-right: 3px;
	padding-left: 2px;
	text-decoration: none;
}
.col3-detail-upper {
	background-color: #eaeaea;
	position: absolute;
	height: 343px;
	width: 198px;
	left: 540px;
	top: 450px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
.col3-detail-upper a:link {
	color: #333333;
	background-color: #CCFF33;
	padding-right: 3px;
	padding-left: 2px;
	text-decoration: none;
}
.col3-detail-upper a:visited {
	color: #FFFFFF;
	background-color: #CCFF33;
	padding-right: 3px;
	padding-left: 2px;
	text-decoration: none;
}
.col3-detail-upper a:hover {
	color: #FFFFFF;
	background-color: #66CCFF;
	padding-right: 3px;
	padding-left: 2px;
	text-decoration: none;
}
.col3-detail-upper a:active {
	color: #FFFFFF;
	background-color: #CCFF33;
	padding-right: 3px;
	padding-left: 2px;
	text-decoration: none;
}
.col3-lower {
	background-color: #CCCCCC;
	position: absolute;
	height: 112px;
	width: 198px;
	left: 540px;
	top: 680px;
	padding: 10px;
	border: 1px solid #999999;
}
.col3-lower a:link {
	color: #0099FF;
	text-decoration: none;
}
.col3-lower a:visited {
	color: #0099FF;
	text-decoration: none;
}
.col3-lower a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.col3-lower a:active {
	color: #0099FF;
	text-decoration: none;
}
.footer {
	position: absolute;
	width: 940px;
	height: 40px;
	bottom: -40px;
	background-color: #eaeaea;
	font-size: 10px;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: right center;

}
.footer-link {
	position: absolute;
	width: 160px;
	height: 23px;
	text-align: center;
	left: 0px;
	top: 2px;
}
.jp-links {
	position: absolute;
	width: 210px;
	height: 40px;
	left: 550px;
	top: 2px;
	line-height: 1.3;
}
.main-copy {
	position: absolute;
	height: 616px;
	width: 520px;
	left: 0px;
	top: 160px;
	overflow-y:					scroll;
 	overflow-x:					hidden;
	scrollbar-face-color: 		#eaeaea;
	scrollbar-shadow-color: 	#FFFFFF;
	scrollbar-highlight-color: 	#FFFFFF;
	scrollbar-3dlight-color: 	#FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: 		#FFFFFF;
	scrollbar-arrow-color: 		#FFFFFF;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.contactus {
	position: absolute;
	height: 300px;
	width: 760px;
	left: 0px;
	top: 160px;
}
.contactus-form {
	position: absolute;
	height: 300px;
	width: 740px;
	left: 0px;
	top: 474px;
	background-color: #eaeaea;
	padding: 10px;
	border-bottom-width: 20px;
	border-bottom-style: solid;
	border-bottom-color: #666666;


}
/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.clearfix
{
	display: inline-block;
}
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
.report-text {
	color: #000000;
	letter-spacing: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.gallery-thumb {
	border: 5px solid #eaeaea;
}
.image-holder {
	padding-right: 15px;
	padding-top: 15px;
}
.bakewell {
	position: absolute;
	z-index: 1;
	left: -8px;
	top: 190px;
}
.bakewell-top {
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
}
.sheffield-theatres {
	position: absolute;
	z-index: 5;
	bottom: 0px;
	right: -11px;
}